.dental-cases{color:#123c38;background:linear-gradient(#faf8f3,#f3f4ef);border-block:1px solid #d9d4c5;width:min(100%,1200px);margin:0 auto;padding:60px 0 44px;overflow:hidden}.dental-cases-heading{text-align:center;padding:0 20px 28px}.dental-cases-heading h2{margin:12px 0 6px;font-size:clamp(1.05rem,2.4vw,1.45rem);font-weight:600;line-height:1.8}.dental-cases-heading p{color:#64756b;margin:0;font-size:.8rem}.dental-cases-line{background:#b6995f;width:42px;height:2px;margin:auto;display:block}.dental-cases-viewport{touch-action:pan-y pinch-zoom;cursor:grab;overflow:hidden}.dental-cases-viewport:active{cursor:grabbing}.dental-cases-track{gap:24px;margin-inline:20px;display:flex}.dental-case-slide{background:#faf8f3;border:1px solid #d4c7a5;border-radius:22px;flex:0 0 36%;min-width:0;overflow:hidden;box-shadow:0 12px 32px #123c3814}.dental-case-slide img{aspect-ratio:3/4;object-fit:contain;-webkit-user-select:none;user-select:none;width:100%;height:auto;display:block}.dental-cases-controls{flex-wrap:wrap;justify-content:center;align-items:center;gap:14px;margin-top:28px;padding:0 12px;display:flex}.dental-cases-controls>button{color:#123c38;cursor:pointer;background:#fff9;border:1px solid #c8cbbb;border-radius:50%;place-items:center;width:42px;height:42px;transition:background .2s;display:grid}.dental-cases-controls>button:hover{background:#e5e9df}.dental-cases-controls button:focus-visible{outline-offset:4px;outline:2px solid #123c38}.dental-cases-dots{gap:3px;display:flex}.dental-cases-dots button{cursor:pointer;background:0 0;border:0;width:28px;height:32px;position:relative}.dental-cases-dots button:after{content:"";background:#b9c1b5;border-radius:8px;width:7px;height:7px;margin:auto;transition:width .35s,background .35s;display:block}.dental-cases-dots button.is-active:after{background:#a98c4e;width:20px}.dental-cases-controls>button.dental-cases-pause{border-radius:18px;width:auto;height:36px;padding:0 14px;font-size:.8rem}@media (max-width:700px){.dental-cases{padding-top:36px}.dental-case-slide{border-radius:16px;flex-basis:84%}.dental-cases-track{gap:16px}.dental-cases-heading{padding-bottom:22px}.dental-cases-controls{gap:8px}}@media (prefers-reduced-motion:reduce){.dental-cases *{transition:none!important}}.dental-cases-heading p.dental-cases-experience{color:#34594d;margin:4px 0 7px;font-size:clamp(.85rem,1.8vw,1rem)}.dental-cases-heading p.dental-cases-permission{color:#788079;font-size:.6rem}
