.service-hero{height:50vh;background-color:var(--primary-color);display:flex;align-items:center;justify-content:center;text-align:center;color:#fff;margin-top:0;position:relative}#mouthguard-hero{background-image:linear-gradient(#00000080,#00000080),url(../images/services/Compressed/mouthguard_banner.jpg);background-size:cover;background-position:center;background-repeat:no-repeat}#ct-scan-hero{background-image:linear-gradient(#0000004d,#0000004d),url(../images/services/Compressed/3d-ct-scan-banner.jpg);background-size:cover;background-position:right bottom;background-repeat:no-repeat;backdrop-filter:blur(3px);-webkit-backdrop-filter:blur(3px)}#expander-hero{background-image:linear-gradient(#0000004d,#0000004d),url(../images/services/Compressed/palatal_expander_banner.jpg);background-size:cover;background-position:center center;background-repeat:no-repeat;backdrop-filter:blur(3px);-webkit-backdrop-filter:blur(3px)}#braces-hero{background-image:linear-gradient(#0000004d,#0000004d),url(../images/services/Compressed/braces_banner.jpg);background-size:cover;background-position:center top;background-repeat:no-repeat;backdrop-filter:blur(3px);-webkit-backdrop-filter:blur(3px)}#whitening-hero{background-image:linear-gradient(#0000004d,#0000004d),url(../images/services/Compressed/teeth_whitening_banner.jpg);background-size:cover;background-position:center center;background-repeat:no-repeat;backdrop-filter:blur(3px);-webkit-backdrop-filter:blur(3px)}#invisalign-hero{background-image:linear-gradient(#0000004d,#0000004d),url(../images/services/Compressed/retainer-banner.jpg);background-size:cover;background-position:center center;background-repeat:no-repeat;backdrop-filter:blur(3px);-webkit-backdrop-filter:blur(3px)}.hero-content{max-width:800px;padding:0 20px}.hero-content h1{color:#fff;font-size:3.5rem;margin-bottom:1rem}.hero-content p{color:#fff;font-size:1.5rem;opacity:.9}.service-content{max-width:1200px;margin:0 auto;padding:4rem 20px}.overview{margin-bottom:4rem}.overview h2{margin-bottom:1.5rem;color:var(--primary-color)}.overview p{font-size:1.2rem;line-height:1.6}.overview h3{margin-top:2rem;margin-bottom:1rem;color:var(--primary-color);font-size:1.5rem}.overview ul{padding-left:1.5rem;margin-bottom:2rem}.overview ul li{font-size:1.2rem;line-height:1.6;margin-bottom:.5rem;position:relative;list-style-type:none;padding-left:1.5rem;color:#666}.overview ul li:before{content:"";position:absolute;left:0;top:.6rem;width:8px;height:8px;background-color:var(--primary-color);border-radius:50%}.overview strong{color:var(--primary-color);font-weight:600}.benefits{margin-bottom:4rem;padding:3rem 2rem;background:linear-gradient(135deg,#f8f9fa,#e9ecef);border-radius:30px}.benefits h2{margin-bottom:2.5rem;color:var(--primary-color);text-align:center;font-size:2.2rem;position:relative}.benefits h2:after{content:"";position:absolute;width:80px;height:4px;background:var(--primary-color);bottom:-12px;left:50%;transform:translate(-50%);border-radius:2px}.benefits-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:2rem}.benefit-card{background-color:#fff;border-radius:30px;box-shadow:0 4px 8px #0000001a;padding:15px;text-align:center;transition:transform .3s ease,box-shadow .3s ease;border:1px solid #e0e0e0;position:relative;overflow:hidden}.benefit-card:hover{transform:translateY(-8px);box-shadow:0 15px 30px #0000001a}.benefit-card i{font-size:2.8rem;background:linear-gradient(135deg,var(--primary-color),var(--primary-color-light, #4dabf7));-webkit-background-clip:text;-webkit-text-fill-color:transparent;margin-bottom:1.5rem;display:inline-block;position:relative;padding:.2rem 0;line-height:1.2;background-size:300% 100%;background-position:100% 50%;transition:all .6s ease}.benefit-card:hover i{background:linear-gradient(135deg,var(--primary-color-light, #4dabf7) 0%,var(--primary-color) 30%,var(--primary-color-light, #4dabf7) 60%,var(--primary-color) 100%);background-size:300% 100%;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-position:0% 50%}.benefit-card h3{margin-bottom:1rem;color:var(--text-color);font-size:1.4rem;font-weight:600}.benefit-card p{color:#6c757d;line-height:1.6}@media (max-width: 768px){.hero-content h1{font-size:2.5rem}.hero-content p{font-size:1.2rem}.timeline:before{left:0}.timeline-item{padding-left:2rem;padding-right:0}.timeline-item:nth-child(2n){padding-left:2rem;padding-right:0}.timeline-content:before{left:-30px!important;right:auto!important}}@media (max-width: 480px){.hero-content h1{font-size:2rem}.hero-content p{font-size:1rem}.benefit-card{padding:1.5rem}}.services-cta-section{background:linear-gradient(135deg,var(--primary-color) 0%,#004b86 100%);padding:80px 20px;text-align:center;margin-top:60px;border-radius:30px;box-shadow:0 10px 30px #00000014;position:relative;overflow:hidden}.services-cta-section:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background-image:url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%23ffffff' fill-opacity='0.03'%3E%3Cpath d='M36 34v-4h-2v4h-4v2h4v4h2v-4h4v-2h-4zm0-30V0h-2v4h-4v2h4v4h2V6h4V4h-4zM6 34v-4H4v4H0v2h4v4h2v-4h4v-2H6zM6 4V0H4v4H0v2h4v4h2V6h4V4H6z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");opacity:.4}.services-cta-container{max-width:800px;margin:0 auto;color:#fffffff2;position:relative;z-index:1}.services-cta-container h2{font-size:2.6rem;margin-bottom:20px;font-weight:600;color:#fff}.services-cta-container p{font-size:1.3rem;margin-bottom:35px;color:#ffffffe6;line-height:1.5}.services-cta-container .cta-button,.services-cta-section .cta-button{display:inline-block;padding:14px 32px;font-size:1.15rem;font-weight:500;text-transform:none;letter-spacing:.5px;color:#fff;background:var(--primary-color)!important;background-image:none!important;background-gradient:none!important;border-radius:30px;text-decoration:none;transition:all .3s ease;box-shadow:0 4px 12px #0000001a;position:relative;border:none;outline:none;cursor:pointer}.services-cta-container .cta-button:hover,.services-cta-section .cta-button:hover{transform:translateY(-3px);box-shadow:0 6px 15px #00000026;background-color:#fff;color:var(--secondary-color)}.services-cta-container .cta-button:active,.services-cta-section .cta-button:active{transform:translateY(-1px);box-shadow:0 3px 8px #0000001a}@media (max-width: 768px){.services-cta-section{padding:60px 20px}.services-cta-container h2{font-size:2.2rem}.services-cta-container p{font-size:1.2rem;margin-bottom:30px}.services-cta-container .cta-button,.services-cta-section .cta-button{padding:12px 28px;font-size:1.1rem}}@media (max-width: 480px){.services-cta-section{padding:40px 15px}.services-cta-container h2{font-size:1.8rem}.services-cta-container p{font-size:1.1rem;margin-bottom:25px}.services-cta-container .cta-button,.services-cta-section .cta-button{padding:12px 24px;font-size:1rem;width:auto;min-width:200px}}