@import url('https://fonts.googleapis.com/css2?family=Merriweather:ital,opsz,wght@0,18..144,300..900;1,18..144,300..900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300..800;1,300..800&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');

/* ===== style.css ===== */
:root{--head-font:"Poppins",sans-serif;--sub-font:"Open Sans",sans-serif;--logo-color:#83a7ad;--dark-grey:#3c403f;--light-logo-color:#e8f3f5}
a{text-decoration:none!important}
.section_padding{padding:60px 0}
.padding-LR{padding:0 7%!important}
.d-none{display:none}
.heading{font-size:30px;line-height:45px;font-family:'Poppins',sans-serif;font-weight:500;color:#000}
.sub-text{font-size:16px;font-family:'Open Sans';line-height:30px;color:var(--dark-grey)}
.headerLink-star,.testimonial-box ul .rating-star{display:flex;list-style:none}
.header-review-stars ul li i,.testimonial-box ul .rating-star i{color:orange;font-size:26px;margin-right:5px}
.web_btn{color:#fff;background-color:var(--logo-color);font-size:15px;border-radius:10px;font-family:var(--sub-font);padding:10px 20px;transition:.3s}
.web_btn:hover{color:var(--dark-grey);background:#fff}
.contact-form input.web_btn{color:#fff;background-color:var(--logo-color);font-size:15px;border-radius:10px;font-family:var(--sub-font);padding:10px 20px;border:2px solid transparent;transition:.3s}
.contact-form input.web_btn:hover{color:var(--dark-grey);background:#fff;border:2px solid var(--logo-color)}
.one::after{content:'';position:absolute;bottom:-100px;left:-19%;width:400px;height:450px;background-color:rgb(82 113 119);z-index:-1;border-radius:1000px 1000px 0 0}
.about_head{display:flex;align-items:center}
.about_head img{margin:0 20px 0 0;height:100px}
.about_head .head_text h3{font-size:22px;font-family:'Poppins';font-weight:400;margin:0}
.about_head .head_text :is(h1,h2){font-size:50px;font-weight:600;font-family:'Poppins';color:var(--logo-color)}
.text_about p{font-size:16px;font-family:'Open Sans';line-height:30px;color:var(--dark-grey)}
.sec_image{height:300px;width:auto;border-radius:50px}
.Services{background:#e8f3f5;position:relative}
.Services .heading{text-align:center}
.service_box{background:transparent;border:2px solid #fff;border-radius:15px;padding:20px 15px 15px;position:relative;overflow:hidden;margin:40px 0 0}
.service_box:hover{background:#fff;border:2px solid var(--logo-color);margin:20px 0;transition:.3s ease-in-out}
.service_box img{width:-webkit-fill-available;border-radius:20px}
.service_box :is(h1,h2){font-size:25px;line-height:35px;font-family:'Poppins';font-weight:500;text-align:center}
.service_box .sub-text{text-align:center;width:90%;margin:0 auto 20px;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis}
.service_box .overlay_btn{display:flex;flex-direction:column-reverse;position:absolute;bottom:0;z-index:9999;height:100%;transform:translateY(555px);transition:.3s ease-in-out;padding:20px;border-radius:15px;justify-items:center;left:25%}
.service_box:hover .overlay_btn{transform:translateY(-20px);display:flex;flex-direction:column-reverse}
.map a{border:4px solid #fff;z-index:99999;position:absolute;right:45%;bottom:10%;box-shadow:0 0 10px #0000002b;font-size:18px}
.footer_links .toggle-content{display:block}
.footer_links .arrow-icon{display:none}
footer{background:#648d95;padding:30px 0!important}
footer .logo-img{height:80px;width:auto}
footer .social_logo,footer .top_strap{list-style:none;display:flex;align-items:center;gap:20px}
footer .top_strap,footer .sec_strap{justify-content:space-between}
footer .social_logo li a i{font-size:25px;color:#fff;background:#0000003b;padding:10px 12px;border-radius:100px}
footer .social_logo li:first-child a i{padding:10px 14px}
footer .social_logo li:hover a i{color:var(--logo-color);background:#fff}
footer hr{background:#ffffff38;border:1px solid #ffffff38}
footer .footer_links{list-style:none;display:flex;margin:0;padding:0;justify-content:space-between}
footer .footer_links li :is(h1,h2){font-size:20px;font-family:'Poppins';color:rgba(255,255,255,.432)}
footer .footer_links li ul{list-style:none;padding:0;margin:0}
footer .footer_links li ul li .sub-text{font-size:15px;line-height:26px;color:#fff;border-bottom:2px solid transparent}
footer .footer_links li ul li .sub-text:hover{border-bottom:2px solid #fff;transition:.3s ease}
.sec_strap .details,.Connect .details{list-style:none;margin:0;padding:0;gap:10px;display:grid}
.sec_strap .details li,.Connect .details li{background:#e9f3f5;width:fit-content;padding:5px 20px 5px 10px;border-radius:100px;height:fit-content}
.sec_strap .details li i,.Connect .details li i{margin-right:10px;color:var(--logo-color);background:#fff;padding:7px;border-radius:100px}
.sec_strap .details,footer .sec_strap{display:flex!important;align-items:center}
footer .heading{color:#fff;font-size:25px;padding:0;margin:0}
.sec_strap .details li{background:#0000001f!important;color:#fff}
.last_strap{background:var(--logo-color);padding:10px 0;margin:0}
.last_strap p{color:#fff;text-align:center;padding:0;margin:0}
.internal_banner .banner{width:100%;height:auto}
.internal_banner{position:relative;overflow:hidden!important}
.web_banner,.web-logo{display:block}
.mobile_banner,.mobile-logo{display:none}
.Inter-Banner-text{position:absolute;width:30%;top:30%;right:10%;justify-items:center}
.Inter-Banner-text.emergency_care_page{width:45%}
.Inter-Banner-text.invisalign_info{width:42%}
.Inter-Banner-text.office_visit{width:40%}
.Inter-Banner-text.common_treatment{width:42%}
.Inter-Banner-text.demon_system{width:52%}
.Inter-Banner-text.contact{width:38%}
.Inter-Banner-text :is(h1,h2){font-size:35px;font-weight:600;color:var(--logo-color);text-align:center}
.Inter-Banner-text p{text-align:center}
.contact .shape{position:absolute;bottom:0;right:0;width:100%;height:100%;z-index:1}
.contact .shape::after{content:'';position:absolute;bottom:-40px;right:5%;width:600px;height:900px;background-color:rgb(255 255 255/81%);border-radius:500px;rotate:50deg}
.Connect .align{display:flex;align-items:center}
.Connect .align img{width:100%;height:auto}
.Connect .align .head_text{padding-left:20px}
.Connect .details li:last-child{background:none;width:fit-content;padding:0;border-radius:0;margin:30px 0 0}
.Connect .details li .web_btn:hover{border:2px solid var(--logo-color);color:var(--logo-color)}
.contact-form{padding:20px;background:var(--light-logo-color);border-radius:20px}
.contact-form p{margin-bottom:24px;font-size:22px;text-align:center;font-weight:500;color:#000}
.contact-form input:focus,.contact-form textarea:focus{border-color:var(--logo-color,#007bff)}
.phone-group{display:flex;gap:10px}
.country-code-select{width:30%!important}
form .row{--bs-gutter-x:10px}
.contact-form select,.contact-form input,.contact-form textarea,.phone-group input[type="tel"]{width:100%;padding:8px 10px;margin-bottom:10px;border:none;border-radius:10px;font-size:16px;background-color:#fff;appearance:none;outline:none;transition:border-color .3s ease}
.contact-form select:focus{border-color:var(--logo-color,#007bff)}
.contact-form .web_btn{background-color:#83a7ad;border:0}
.right_banner_text{left:10%;right:0;width:28%;top:25%}
.right_banner_text.for_adult_page{width:40%;top:6%}
.right_banner_text.why_choose_us{width:42%}
.right_banner_text.self_ligating_braces{width:38%}
.right_banner_text.retainer{width:36%}
.right_banner_text.tads{top:8%;width:42%}
.right_banner_text.invisalign_cost{width:40%}
.About-ortho-banner .heading{color:#000}
.statement-text{background:linear-gradient(90deg,var(--logo-color),#4d737b)}
.statement-text p{width:90%;margin:20px auto;color:#fff;font-weight:500;text-align:center}
.how-sec .divide,.Duration-sec .divide,.Early-treatment .divide,.retainer .divide{align-items:center}
.how-sec .divide img,.Early-treatment .divide img,.retainer .divide img{width:100%;height:auto}
.how-sec .divide .txt_area :is(h1,h2),.how-sec .divide .txt_area p{text-align:center}
.how-sec .divide .txt_area :is(h1,h2) span,.Early-treatment .divide .txt_area :is(h1,h2) span{color:var(--logo-color);text-transform:capitalize;font-size:80px;font-weight:600}
.Duration-sec,.surgical-sec{background:var(--light-logo-color)}
.Duration-sec .divide img{width:100%;margin:20px;height:auto;border-radius:20px;border:5px solid #fff}
.reverse-row{flex-direction:row-reverse}
.childer-banner .heading,.childer-banner .sub-text{color:#fff}
.Early-treatment .divide .txt_area :is(h1,h2) span,.retainer .divide .txt_area :is(h1,h2) span{color:var(--logo-color);text-transform:none;font-size:40px;font-weight:600}
.Early-treatment .divide .txt_area ul li p,.retainer .divide .txt_area ul li p,.retainer .divide ul li p{margin:0}
.child-need .divide .txt_area ul,.surgical-sec .divide .txt_area ul{display:flex;list-style:none;padding:0;margin:0;gap:20px}
.child-need .divide .txt_area ul li,.surgical-sec .divide .txt_area ul li{padding:20px;background:#fff;border-radius:20px}
.child-need .divide .txt_area ul li p,.surgical-sec .divide .txt_area ul li p,.surgical-sec .divide .txt_area p{text-align:center;margin:0 auto;width:100%}
.child-need .divide .heading,.Why-adult .divide .heading,.surgical-sec .divide .heading{width:80%;margin:0 auto 20px;text-align:center}
.child-need .divide p,.Why-adult .divide .last-p{width:80%;margin:20px auto 0;text-align:center}
.treatment-option :is(h1,h2),.advantage-option :is(h1,h2){padding:10px;background:var(--light-logo-color);margin:20px 0;text-align:center;border-radius:20px}
.treatment-option ul,.advantage-option ul{display:flex;list-style:none;padding:0;margin:0;justify-content:space-around;gap:20px}
.treatment-option ul li .box img,.Why-adult .divide img,.Early-treatment .divide img,.ortho-surgery .sec-align img{width:100%;height:auto;border-radius:10px}
.treatment-option ul .box{height:100%!important}
.treatment-option ul li .box,.advantage-option ul li .box{padding:10px;border:2px solid var(--light-logo-color);border-radius:15px;background:#fff;transition:.3s}
.treatment-option ul li .box:hover{background:linear-gradient(90deg,var(--logo-color),#4d737b)}
.treatment-option ul li .box .sub-text,.advantage-option ul li .box .sub-text{margin:10px 0 0;text-align:center;color:#000;font-weight:500}
.treatment-option ul li .box:hover .sub-text{color:#fff}
.difference li h3,.Why-adult ul li h3,.care-box .text-box h3,.surgical-sec .divide .txt_area ul li h3,h3{font-size:22px;font-family:'Poppins';line-height:35px;text-align:center}
.difference{margin-top:20px!important}
.difference li{margin-top:20px;transition:.3s ease-in}
.difference li:hover{margin-top:0;background:linear-gradient(90deg,var(--logo-color),#4d737b)!important}
.reviews_list{width:90%;background:#fff;padding:40px;border-radius:60px 0}
.testimonial-slide{padding-bottom:30px!important}
.testimonial-slider .swiper-wrapper{margin-bottom:30px}
.testimonial-box img{margin:9px 20px;width:129px}
.testimonial-slider .swiper-horizontal>.swiper-pagination-bullets{bottom:0!important}
.testimonial-box{background:#fff;padding:18px 20px;border-radius:30px;border:4px solid #83a7ad17;text-align:center;margin:0 auto;height:auto}
.testimonial-box p{margin-bottom:20px}
.testimonial-box h4{margin:0;font-weight:600;font-size:22px;color:var(--logo-color)}
.testimonial-box span{color:#777;font-size:14px}
.testimonial-box ul .rating-star{justify-content:center}
.braces_circleui ul li>div b{color:var(--logo-color);font-weight:600;font-size:20px;padding-bottom:5px}
.braces_circleui ul{padding:0;margin:0;display:flex;align-items:center;justify-content:center}
.braces_circleui ul li{list-style:none;width:280px;height:280px;border:10px solid #ddd;border-radius:50%;margin:0 -15px;background:#fff;position:relative;transition:600ms all}
.braces_circleui ul li>div{position:relative;top:50%;left:50%;transform:translate(-50%,-50%);text-align:center;padding:20px;transition:600ms all}
.braces_circleui ul li>div span{color:#454445;font-size:17px}
.braces_circleui ul li>div *{display:block}
.invisalign-worksec{background:#fbf9ff;padding:40px 0}
.step_box{display:flex;border:1px solid #dcdcdc;align-items:stretch;margin:20px 0;min-height:108px;position:relative;background:#fff;transition:600ms all}
.step_box::before{content:"";width:1px;height:100%;left:100px;background:#dcdcdc;position:absolute}
.step_box b{padding:15px;width:100px;text-align:center;font-size:25px;line-height:20px;transition:600ms all;display:flex;flex-wrap:wrap;align-items:center;align-content:center;justify-content:center}
.step_box b small{display:block;font-size:13px;width:100%}
.step_box p{margin:0;padding:15px;width:calc(100% - 100px);color:#4c4b4b;font-size:15px;line-height:22px;display:flex;align-items:center}
img.img-responsive{max-width:100%;display:block;border-radius:0}
.before-after-swiper .swiper-wrapper{height:auto;overflow:visible}
.beforeafte_box{display:flex;justify-content:center;align-items:center;margin:0 auto 30px;box-shadow:rgb(99 99 99/20%) 0 2px 8px 0;background:#fff}
.beforeafte_box .beforeafte_block{padding:10px;margin:0 -5px}
.beforeafte_box .beforeafte_block h4{text-align:center;margin:0;padding-top:10px;padding-bottom:5px;font-size:18px;color:#000;font-weight:400}
.beforeafter_sec .swiper-button-next,.beforeafter_sec .swiper-button-prev{display:none}
.beforeafter_sec .swiper-pagination{text-align:center;margin-top:15px}
.beforeafter_sec .swiper-pagination-bullet{background:#999;opacity:.5;width:10px;height:10px;margin:0 4px;border-radius:50%;transition:all .3s ease}
.beforeafter_sec .swiper-pagination-bullet-active{background:#000;opacity:1;transform:scale(1.2)}
.before-after-swiper .swiper-slide{opacity:.5;transition:opacity .4s ease,transform .4s ease}
.before-after-swiper .swiper-slide-active{opacity:1;transform:scale(1.2)!important;z-index:2;position:relative}
.testimonial_slider .heading{text-align:center;font-family:'Poppins',sans-serif;font-weight:700;margin:0}
.testimonial-section{margin:20px 0 0}
.testimonial-box h2{text-align:center!important;font-family:'Open Sans',sans-serif;font-weight:700;margin:17px 0 10px;font-size:17px}
.testimonial_slider p{font-family:'Open Sans',sans-serif;color:#212121;font-weight:400;font-size:15px;line-height:27px;text-align:center}
.difference li:hover h3,.difference li:hover p{color:#fff}
.Why-adult ul,.retainer .divide .txt_area ul,.retainer .divide ul{list-style:none;padding:0}
.Why-adult ul li h3{text-align:left;margin:0}
.Why-adult ul li h3 i,.treatment-box h3 i,.retainer .divide .txt_area ul li p i,.retainer .divide ul li p i{color:var(--logo-color);font-size:16px;margin-right:10px}
.Why-adult ul li:last-child p{margin:0}
.Why-adult .sec-align,.ortho-surgery .sec-align{align-items:center}
.Early-treatment .divide img{margin-right:20px}
.care-box,.treatment-box{display:flex;gap:20px;padding:15px;border:2px solid var(--light-logo-color);border-radius:15px;align-items:center;margin-bottom:15px}
.care-box img{border-radius:10px;width:auto;height:100%}
.care-box .text-box h3{text-align:left}
.care-box:hover{background:var(--light-logo-color)}
.care-box:hover h3{color:var(--logo-color)}
.treatment-box h3{min-width:300px;width:400px!important;max-width:400px;height:100%;background:var(--light-logo-color);padding:20px;font-size:20px;border-radius:15px;margin:0;font-family:'Poppins';font-weight:500;text-align:center}
.surgical{width:54%;top:20%}
.statement-text :is(h1,h2){text-align:center;color:#fff}
.surgical-sec .divide .txt_area p{margin-bottom:30px}
.doctor_banner,.BA-Banner{padding:40px 0 0;background:linear-gradient(90deg,var(--logo-color),#4d737b)}
.doctor_banner .align{align-items:center}
.doctor_banner img{width:100%;height:auto;border-radius:30px 30px 0 0}
.doctor_banner .align .dr-Banner-text{padding-left:40px}
.doctor_banner .align .dr-Banner-text .name,.BA-Banner .align .Banner-text .name{font-size:70px;line-height:90px;color:#fff}
.doctor_banner .align .dr-Banner-text p,.BA-Banner .align .Banner-text p{color:#fff}
.Doctor-detail .treatment-box{display:block}
.Doctor-detail .treatment-box h3{max-width:none;min-width:none;width:100%!important;text-align:left}
.Doctor-detail .treatment-box .sub-text{margin:20px auto 0}
.BA-Banner{padding:40px}
.BA-Box{background:var(--light-logo-color);border-radius:15px;padding:10px 10px 0}
.BA-img{width:100%;height:auto;border-radius:10px}
.BA-Box .heads{display:flex;justify-content:space-around;align-items:center;padding:10px}
.BA-Box .heads p{margin:0}
.BA-Banner .align .Banner-text .name,.BA-Banner .align .Banner-text p{text-align:center}
.life-braces .last-p{width:100%}
.life-braces-sec .c-text{margin-bottom:20px!important}
.TOA .care-box img{border-radius:10px;width:200px;height:auto}
img{border-radius:10px}
.internal_banner img{border-radius:0}
.retainer .divide .txt_area ul li,.retainer .divide ul li{padding-bottom:8px}
.advantage-option p{text-align:center}
.advantage-option .last-p{margin-top:20px}
.advantage-option ul li .box .sub-text{margin:0}
.internal_banner .Inter-Banner-text h3{font-size:22px;font-style:italic;font-family:"Poppins",sans-serif;font-weight:500;color:#000}
.faq .accordion .accordion-item{position:relative;text-align:left;width:100%;padding:10px 20px;border:none;background:var(--light-logo-color);margin:0 0 10px;border-radius:10px!important}
.faq .accordion button{background:none;border:0}
.faq .accordion button .accordion-title{color:#000!important;font-weight:500!important}
.faq .accordion button .icon{display:inline-block;position:absolute;top:14px;right:20px;width:22px;height:22px;border:1px solid;border-radius:22px}
.faq .accordion button .icon::before{display:block;position:absolute;content:'';top:9px;left:5px;width:10px;height:2px;background:currentColor}
.faq .accordion button .icon::after{display:block;position:absolute;content:'';top:5px;left:9px;width:2px;height:10px;background:currentColor}
.faq .accordion button[aria-expanded='true']{color:var(--logo-color)}
.faq .accordion button[aria-expanded='true'] .icon::after{width:0}
.faq .accordion button[aria-expanded='true']+.accordion-content{opacity:1;max-height:fit-content;transition:all .2s linear}
.faq .accordion .accordion-content{opacity:0;max-height:0;overflow:hidden;transition:opacity .2s linear,max-height .2s linear}
.faq .accordion .accordion-content p{padding:10px 20px;background:#fff;border-radius:10px;margin:10px 0 0}
.faq .accordion .accordion-content ul{list-style:none;padding:0}
.In-BA-Box{margin:0 0 10px}

/* ===== responsive.css ===== */
@media screen and (max-width:768px){
.sub-text,p,.text_about p{font-size:14px;line-height:21px}
.heading{font-size:24px;line-height:35px}
.section_padding{padding:35px 0}
.web_banner,.web-logo{display:none}
.mobile_banner,.mobile-logo{display:block}
.padding-LR{padding:0 4%!important}
footer{padding:10px 0 30px!important}
footer .logo-img{height:45px}
footer .top_strap{margin-bottom:0}
footer .footer_links{display:block}
.footer-toggle{padding:10px;background:#00000021;border-radius:10px;margin:0 0 10px}
.toggle-content li{text-align:center;border-bottom:1px solid #ffffff2b;padding:7px 0}
.toggle-content li:last-child{border-bottom:none}
footer .footer_links li :is(h1,h2){font-size:16px;font-weight:400;color:#fff;margin:0}
.footer_links li:first-child{margin-top:10px}
footer .social_logo li a i{font-size:17px}
.footer_links .toggle-content{display:none}
.footer_links .footer-toggle.active .toggle-content{display:block}
.footer_links .toggle-header{display:flex;justify-content:space-between;align-items:center;cursor:pointer}
.footer_links .arrow-icon{display:inline-block;transition:transform .3s ease;font-size:16px;color:#fff}
.footer_links .footer-toggle.active .arrow-icon{transform:rotate(180deg)}
.sec_strap .details,footer .sec_strap{flex-direction:column}
.sec_strap .details li{width:100%;border-radius:10px;font-size:14px}
footer .heading{font-size:18px}
footer hr{margin:20px 0 0}
.Inter-Banner-text{position:absolute;width:90%;top:6%;right:5%}
.contact .shape{display:none}
.about_head{display:flow;justify-items:center}
.about_head .head_text :is(h1,h2){font-size:30px}
.text_about p{text-align:center}
.sec_image{height:auto;width:100%!important;border-radius:60px}
.service_box :is(h1,h2) br{display:none}
.service_box :is(h1,h2){font-size:22px}
.service_box{margin:10px 0}
.service_box .sub-text{-webkit-line-clamp:none}
.map a{right:25%}
.how-sec .divide,.Early-treatment .divide,.retainer .divide{justify-items:center;gap:25px}
.Duration-sec .divide img{margin:20px 0}
.how-sec .divide .txt_area :is(h1,h2) span{font-size:60px}
.right_banner_text{left:10%;right:0}
.Inter-Banner-text{position:absolute;width:90%;top:6%;left:6%}
.Early-treatment .divide .txt_area :is(h1,h2) span{font-size:30px}
.treatment-option ul li .box .sub-text{font-size:17px}
.treatment-option-list,.advantage-option ul{display:flex;flex-wrap:wrap;gap:16px;padding:0;list-style:none;margin:0 auto;justify-content:center}
.treatment-option-list li,.advantage-option ul li{flex:0 0 47%;box-sizing:border-box}
.advantage-option ul li .box{height:100%}
.treatment-option p{text-align:center}
.difference{display:block!important;margin:20px auto!important;width:95%}
.Why-adult ul{list-style:none;padding:20px 0 0}
.Why-adult ul li h3{font-size:16px;line-height:25px}
.child-need .divide p,.Why-adult .divide .last-p{width:100%;margin:10px auto 0}
.child-need .divide .heading{width:100%;margin:0 auto 20px;text-align:center}
.child-need .divide .txt_area ul,.surgical-sec .divide .txt_area ul{display:block}
.child-need .divide .txt_area ul li,.surgical-sec .divide .txt_area ul li{padding:10px 20px;margin:0 0 16px}
.treatment-box{display:block}
.care-box img{width:100%;height:auto;margin-bottom:20px}
.care-box .text-box h3,.care-box .text-box p{text-align:center}
.treatment-box h3{min-width:100%;width:100%;max-width:100%;padding:10px 20px;font-size:18px;margin:0 0 15px;text-align:left;line-height:25px}
.surgical p{display:-webkit-box;-webkit-line-clamp:6;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis}
.doctor_banner,.BA-Banner{padding:30px 0}
.doctor_banner .align .dr-Banner-text{padding:0 10px}
.doctor_banner .align .dr-Banner-text .name,.BA-Banner .align .Banner-text .name{font-size:40px;line-height:50px;text-align:center}
.doctor_banner .align .dr-Banner-text p{text-align:center}
.doctor_banner img{width:80%;height:auto;border-radius:30px;margin:0 10% 20px}
.Early-treatment .divide img{margin-right:0}
.Why-adult .sec-align,.ortho-surgery .sec-align{align-items:center;padding:0;margin:0}
.care-box{display:grid;justify-items:center}
.retainer .divide .txt_area :is(h1,h2) span{font-size:35px}
.testimonial-slide{padding-bottom:40px!important}
.right_banner_text.for_adult_page{width:90%;top:7%}
.Inter-Banner-text.emergency_care_page,.right_banner_text.why_choose_us,.right_banner_text.self_ligating_braces,.right_banner_text.retainer,.right_banner_text.tads,.Inter-Banner-text.invisalign_info,.right_banner_text.invisalign_cost,.Inter-Banner-text.common_treatment,.Inter-Banner-text.demon_system,.Inter-Banner-text.contact,.Inter-Banner-text.office_visit{width:90%}
.treatment-option ul{gap:9px}
}

/* ===== header.css ===== */
/* ==========================================================
   Quarry Orthodontics — site header
   Utility top bar + sticky glass main bar + dropdown nav
   ========================================================== */
:root{
  --qh-deep:#3c403f;      /* original dark grey (site --dark-grey) */
  --qh-mid:#83a7ad;       /* original brand teal (site --logo-color) */
  --qh-teal:#83a7ad;      /* original brand teal */
  --qh-tint:#e8f3f5;      /* original light tint (site --light-logo-color) */
  --qh-ink:#3c403f;       /* nav text = original dark grey */
  --qh-h:84px;            /* main bar height */
}

/* ---------- top utility bar ---------- */
.qh-topbar{background:var(--qh-tint);color:var(--qh-deep);font-family:var(--sub-font);font-size:13px;line-height:1}
.qh-wrap{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:0 4%}
.qh-topbar .qh-wrap{min-height:42px}
.qh-top-list{display:flex;flex-wrap:wrap;align-items:center;gap:6px 28px;list-style:none;margin:0;padding:0}
.qh-top-list li{display:flex;align-items:center;gap:9px;margin:0}
.qh-top-list i{color:var(--qh-teal);font-size:13px}
.qh-topbar a{color:var(--qh-deep);font-weight:600;transition:color .2s}
.qh-topbar a:hover{color:#5f8a91}
.qh-top-hours{opacity:.9}
.qh-social{display:flex;gap:8px;list-style:none;margin:0;padding:0}
.qh-social a{display:grid;place-items:center;width:28px;height:28px;border-radius:50%;background:#fff;color:var(--qh-deep);font-size:13px;transition:background .2s,color .2s,transform .2s}
.qh-social a:hover{background:var(--qh-teal);color:#fff;transform:translateY(-2px)}

/* ---------- main bar ---------- */
.qh{position:sticky;top:0;z-index:1000;background:rgba(255,255,255,.94);-webkit-backdrop-filter:saturate(1.5) blur(12px);backdrop-filter:saturate(1.5) blur(12px);border-bottom:1px solid rgba(131,167,173,.25);transition:box-shadow .25s ease}
.qh.is-stuck{box-shadow:0 10px 30px rgba(60,64,63,.12)}
.qh-inner{display:flex;align-items:center;gap:24px;height:var(--qh-h);padding:0 3%}
.qh-brand{display:flex;align-items:center;flex:0 0 auto}
.qh-brand img{height:50px;width:auto;max-width:200px;object-fit:contain;display:block}

/* ---------- navigation (desktop) ---------- */
.qh-nav{flex:1 1 auto}
.qh-menu{display:flex;align-items:center;justify-content:center;gap:2px;list-style:none;margin:0;padding:0}
.qh-menu>li{position:relative;margin:0}
.qh-menu>li>a{position:relative;display:flex;align-items:center;gap:6px;padding:12px 12px;font-family:var(--head-font);font-size:14.5px;font-weight:500;color:var(--qh-ink);white-space:nowrap;transition:color .2s}
.qh-menu>li>a::after{content:"";position:absolute;left:12px;right:12px;bottom:6px;height:2px;border-radius:2px;background:var(--qh-teal);transform:scaleX(0);transform-origin:left;transition:transform .28s ease}
.qh-menu>li:hover>a,.qh-menu>li:focus-within>a,.qh-menu>li.is-open>a{color:var(--qh-deep)}
.qh-menu>li:hover>a::after,.qh-menu>li:focus-within>a::after,.qh-menu>li.is-open>a::after,.qh-menu>li.is-active>a::after{transform:scaleX(1)}
.qh-menu>li.is-active>a{color:var(--qh-deep);font-weight:600}
.qh-caret{font-size:10px;opacity:.7;transition:transform .25s}
.qh-menu>li:hover .qh-caret,.qh-menu>li.is-open .qh-caret{transform:rotate(180deg)}

/* dropdown card */
.qh-sub{position:absolute;top:calc(100% + 6px);left:50%;min-width:250px;margin:0;padding:10px;list-style:none;background:#fff;border:1px solid rgba(131,167,173,.3);border-radius:16px;box-shadow:0 22px 50px rgba(60,64,63,.16);opacity:0;visibility:hidden;transform:translate(-50%,10px);transition:opacity .22s ease,transform .22s ease,visibility .22s}
.qh-sub::before{content:"";position:absolute;top:-14px;left:0;right:0;height:14px}              /* hover bridge */
.qh-sub::after{content:"";position:absolute;top:-6px;left:50%;width:12px;height:12px;background:#fff;border-left:1px solid rgba(131,167,173,.3);border-top:1px solid rgba(131,167,173,.3);transform:translateX(-50%) rotate(45deg)}
.qh-has-sub:hover>.qh-sub,.qh-has-sub:focus-within>.qh-sub,.qh-has-sub.is-open>.qh-sub{opacity:1;visibility:visible;transform:translate(-50%,0)}
.qh-sub li{margin:0}
.qh-sub a{position:relative;display:block;padding:10px 14px;border-radius:10px;font-family:var(--sub-font);font-size:14px;font-weight:500;color:var(--qh-ink);transition:background .18s,color .18s,padding-left .18s}
.qh-sub a:hover,.qh-sub a:focus-visible{background:var(--qh-tint);color:var(--qh-deep);padding-left:20px}
.qh-sub li.is-active>a{background:var(--qh-tint);color:var(--qh-deep);font-weight:600}

/* call to action */
.qh-cta{display:inline-flex;align-items:center;gap:9px;flex:0 0 auto;padding:12px 22px;border-radius:999px;background:var(--qh-teal);border:2px solid var(--qh-teal);color:#fff!important;font-family:var(--head-font);font-size:14px;font-weight:600;white-space:nowrap;box-shadow:0 8px 20px rgba(131,167,173,.45);transition:transform .2s ease,box-shadow .2s ease,background .2s,color .2s}
.qh-cta:hover{transform:translateY(-2px);background:#fff;color:var(--qh-deep)!important;box-shadow:0 12px 26px rgba(131,167,173,.5)}
.qh-cta i{font-size:13px}
.qh-menu-cta{display:none}

/* burger (hidden on desktop) */
.qh-burger{display:none;position:relative;width:46px;height:46px;border:0;border-radius:50%;background:var(--qh-tint);cursor:pointer;padding:0;transition:background .2s}
.qh-burger:hover{background:#d3e7ea}
.qh-burger span{position:absolute;left:13px;right:13px;height:2px;border-radius:2px;background:var(--qh-deep);transition:transform .3s,opacity .2s,top .3s}
.qh-burger span:nth-child(1){top:16px}
.qh-burger span:nth-child(2){top:22px}
.qh-burger span:nth-child(3){top:28px}
.qh-burger.active span:nth-child(1){top:22px;transform:rotate(45deg)}
.qh-burger.active span:nth-child(2){opacity:0}
.qh-burger.active span:nth-child(3){top:22px;transform:rotate(-45deg)}

/* focus ring */
.qh a:focus-visible,.qh-burger:focus-visible,.qh-topbar a:focus-visible{outline:3px solid var(--qh-teal);outline-offset:2px;border-radius:8px}

/* ---------- compact laptop: tighten spacing ---------- */
@media (max-width:1599px){
  .qh-inner{gap:14px}
  .qh-menu{gap:0}
  .qh-menu>li>a{padding:12px 8px;font-size:13.5px}
  .qh-menu>li>a::after{left:8px;right:8px}
  .qh-cta{padding:10px 16px;font-size:13px}
}

/* ---------- tablet + mobile: burger menu ---------- */
@media (max-width:1319px){
  :root{--qh-h:70px}
  .qh-brand img{height:42px}
  .qh-inner{justify-content:space-between}
  .qh-burger{display:block;order:3}
  .qh-cta{order:2;margin-left:auto;padding:10px 18px;font-size:13px}

  .qh-nav{position:absolute;top:100%;left:0;right:0;order:4;background:#fff;max-height:0;overflow:hidden;visibility:hidden;border-radius:0 0 22px 22px;box-shadow:0 24px 40px rgba(60,64,63,.16);transition:max-height .38s ease,visibility .38s}
  .qh-nav.show{max-height:calc(100vh - var(--qh-h) - 8px);overflow-y:auto;visibility:visible}
  .qh-menu{flex-direction:column;align-items:stretch;gap:0;padding:8px 4% 20px}
  .qh-menu>li{border-bottom:1px solid rgba(131,167,173,.3)}
  .qh-menu>li>a{justify-content:space-between;padding:15px 4px;font-size:16px}
  .qh-menu>li>a::after{display:none}
  .qh-menu>li:hover .qh-caret{transform:none}
  .qh-menu>li.is-open .qh-caret{transform:rotate(180deg)}
  .qh-menu>li.is-active>a{color:var(--qh-deep)}
  .qh-sub{position:static;display:none;min-width:0;padding:4px 0 12px 12px;border:0;border-radius:0;box-shadow:none;background:transparent;opacity:1;visibility:visible;transform:none}
  .qh-sub::before,.qh-sub::after{display:none}
  .qh-has-sub:hover>.qh-sub,.qh-has-sub:focus-within>.qh-sub{display:none;transform:none}
  .qh-has-sub.is-open>.qh-sub{display:block;transform:none}
  .qh-sub a{padding:11px 14px;background:var(--qh-tint);margin-bottom:6px;font-size:15px}
  .qh-sub a:hover,.qh-sub a:focus-visible{padding-left:14px}
  .qh-menu-cta{display:block;border-bottom:0!important;padding-top:16px}
  .qh-menu-cta .qh-cta{display:flex;justify-content:center;width:100%;order:0;margin:0;padding:14px 20px;font-size:15px}
}

@media (max-width:991px){
  .qh-top-list .qh-top-hours{display:none}
}
@media (max-width:767px){
  .qh-topbar .qh-wrap{min-height:38px}
  .qh-inner{padding:0 5%}
  .qh-top-list .qh-top-address{display:none}
  .qh-wrap{padding:0 5%}
}
@media (max-width:639px){
  .qh-inner .qh-cta{display:none}      /* CTA lives inside the opened menu on phones */
  .qh-burger{margin-left:auto}
}
@media (prefers-reduced-motion:reduce){
  .qh *,.qh-nav{transition:none!important}
}

/* ===== footer.css ===== */
/* ==========================================================
   Quarry Orthodontics — footer (compact layout)
   Left: logo + contact · Right: link columns · Bottom: hours bar
   Same content, fonts and base color (#648d95)
   ========================================================== */
footer{position:relative;overflow:hidden;padding:44px 0 28px!important;
  background:
    radial-gradient(circle at 100% 0%,rgba(255,255,255,.11) 0 170px,transparent 171px),
    #648d95}
footer hr{display:none}
footer .container-fluid>.row{display:block;margin:0}
footer .container-fluid>.row>*{padding:0}

/* ---------- grid ---------- */
footer .container-fluid{display:grid;align-items:start;column-gap:56px;row-gap:0;
  grid-template-columns:minmax(230px,290px) minmax(0,1fr);
  grid-template-areas:"brand links" "details links" "hours hours"}
footer .container-fluid>.row:nth-of-type(1){grid-area:brand}
footer .container-fluid>.footer_links{grid-area:links}
footer .container-fluid>.row:nth-of-type(2){grid-area:details}
footer .container-fluid>.row:nth-of-type(3){grid-area:hours;margin-top:28px}

/* ---------- brand + social ---------- */
footer .top_strap{display:flex;flex-direction:column;align-items:flex-start;gap:14px;margin:0;padding:0;list-style:none}
footer .logo-img{height:56px;width:auto}
footer .social_logo{display:flex;gap:8px;margin:0;padding:0}
footer .social_logo li a{display:grid;place-items:center;width:38px;height:38px;border-radius:50%;background:rgba(255,255,255,.14);border:1px solid rgba(255,255,255,.28);transition:background .25s,transform .25s}
footer .social_logo li a i,footer .social_logo li:first-child a i{padding:0!important;background:none!important;font-size:16px;color:#fff;transition:color .25s}
footer .social_logo li:hover a{background:#fff;transform:translateY(-3px)}
footer .social_logo li:hover a i{color:var(--logo-color);background:none!important}

/* ---------- office details (left, compact) ---------- */
footer .container-fluid>.row>.sec_strap{display:block!important;height:auto;margin:0;padding:0;background:none;border:0;border-radius:0;-webkit-backdrop-filter:none;backdrop-filter:none}
footer .container-fluid>.row:nth-of-type(2)>.sec_strap{margin-top:18px;padding-top:16px;border-top:1px solid rgba(255,255,255,.22)}
footer .sec_strap .heading{margin:0 0 8px;font-family:var(--head-font);font-size:12px;font-weight:600;letter-spacing:.16em;text-transform:uppercase;line-height:1.3;color:var(--light-logo-color)}
footer .sec_strap .details{display:flex!important;flex-direction:column;align-items:flex-start;gap:8px;margin:0;padding:0;list-style:none}
footer .sec_strap .details li{display:flex;align-items:center;width:auto;max-width:100%;padding:0;border-radius:0;background:none!important;border:0;font-family:var(--sub-font);font-size:14.5px;line-height:1.4;color:#fff}
footer .sec_strap .details li i{display:grid;place-items:center;flex:0 0 auto;width:32px;height:32px;margin:0 11px 0 0;padding:0;border-radius:50%;background:#fff;color:var(--logo-color);font-size:13px}
footer .sec_strap .details li a.phone{display:inline-flex}
footer .sec_strap .details li br{display:none}

/* ---------- office hours: slim full-width bar ---------- */
footer .container-fluid>.row:nth-of-type(3)>.sec_strap{display:flex!important;align-items:center;gap:20px;padding:10px 14px 10px 24px;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.22);border-radius:999px}
footer .container-fluid>.row:nth-of-type(3) .sec_strap .heading{flex:0 0 auto;margin:0;font-size:13px;white-space:nowrap}
footer .container-fluid>.row:nth-of-type(3) .sec_strap .details{flex-direction:row;flex-wrap:wrap;align-items:center;gap:10px;margin-left:auto}
footer .container-fluid>.row:nth-of-type(3) .sec_strap .details li{padding:5px 18px 5px 5px;border-radius:999px;background:rgba(255,255,255,.14)!important;border:1px solid rgba(255,255,255,.18);font-size:13.5px}
footer .container-fluid>.row:nth-of-type(3) .sec_strap .details li i{width:30px;height:30px;margin-right:10px;font-size:12px}
footer .container-fluid>.row:nth-of-type(3) .sec_strap .details li span{margin-left:6px;opacity:.92}

/* ---------- link columns ---------- */
footer .footer_links{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:26px 24px;margin:0;padding:0;list-style:none}
footer .footer_links>li{margin:0;min-width:0}
footer .footer_links li :is(h1,h2){margin:0 0 10px;padding:0 0 10px;border-bottom:1px solid rgba(255,255,255,.26);font-family:var(--head-font);font-size:15.5px;font-weight:600;line-height:1.2;letter-spacing:0;text-transform:none;color:#fff}
footer .footer_links li :is(h1,h2)::after{display:none}
footer .footer_links li ul{list-style:none;margin:0;padding:0}
footer .footer_links li ul li{display:block;margin:0}
footer .footer_links li ul li .sub-text{position:relative;display:inline-block;padding:2px 0 2px 14px;font-size:14.5px;line-height:1.7;color:rgba(255,255,255,.9);border-bottom:0;transition:color .2s,padding-left .2s}
footer .footer_links li ul li .sub-text::before{content:"\203A";position:absolute;left:0;top:1px;font-size:17px;line-height:1.5;color:var(--light-logo-color);opacity:.7;transition:opacity .2s,left .2s}
footer .footer_links li ul li .sub-text:hover{color:#fff;padding-left:19px;transform:none;border-bottom:0}
footer .footer_links li ul li .sub-text:hover::before{opacity:1}

/* ---------- copyright bar ---------- */
.last_strap{padding:12px 0;background:#527177;border-top:1px solid rgba(255,255,255,.12)}
.last_strap p{font-family:var(--sub-font);font-size:13.5px;letter-spacing:.02em;color:rgba(255,255,255,.88)}

/* ---------- laptop / tablet ---------- */
@media (max-width:1199px){
  footer .container-fluid{column-gap:40px;grid-template-columns:minmax(210px,250px) minmax(0,1fr)}
  footer .footer_links{grid-template-columns:repeat(3,minmax(0,1fr))}
  footer .container-fluid>.row:nth-of-type(3)>.sec_strap{border-radius:26px;flex-wrap:wrap;padding:14px 20px}
  footer .container-fluid>.row:nth-of-type(3) .sec_strap .details{margin-left:0}
}
@media (max-width:991px){
  footer{padding:36px 0 24px!important}
  footer .container-fluid{grid-template-columns:1fr;row-gap:22px;grid-template-areas:"brand" "links" "details" "hours"}
  footer .top_strap{flex-direction:row;justify-content:space-between;align-items:center}
  footer .container-fluid>.row:nth-of-type(2)>.sec_strap{margin-top:0}
  footer .container-fluid>.row:nth-of-type(3){margin-top:0}
}

/* ---------- mobile: accordion ---------- */
@media (max-width:768px){
  footer{padding:30px 0 22px!important}
  footer .container-fluid{row-gap:14px}
  footer .logo-img{height:46px}
  footer .footer_links{grid-template-columns:1fr;gap:8px}
  footer .footer_links>li,.footer-toggle{margin:0;padding:0;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.2);border-radius:16px;overflow:hidden}
  .footer_links li:first-child{margin-top:0}
  footer .footer_links .toggle-header{padding:13px 18px}
  footer .footer_links li :is(h1,h2){margin:0;padding:0;border:0;font-size:15px}
  footer .footer_links .toggle-content{padding:0 18px 12px}
  footer .footer_links .toggle-content li,.toggle-content li{padding:0;text-align:left;border-bottom:0}
  footer .footer_links li ul li .sub-text{display:block;padding:7px 0 7px 14px;font-size:15px}
  footer .footer_links li ul li .sub-text:hover{padding-left:14px}
  footer .container-fluid>.row:nth-of-type(2)>.sec_strap,
  footer .container-fluid>.row:nth-of-type(3)>.sec_strap{display:block!important;padding:16px 18px;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.2);border-radius:16px}
  footer .container-fluid>.row:nth-of-type(3) .sec_strap .heading{margin-bottom:10px}
  footer .container-fluid>.row:nth-of-type(3) .sec_strap .details{flex-direction:column;align-items:stretch;gap:8px}
  footer .container-fluid>.row:nth-of-type(3) .sec_strap .details li{width:100%;font-size:14px}
  footer .container-fluid>.row:nth-of-type(3) .sec_strap .details li{flex-wrap:wrap;border-radius:18px;padding-right:14px}
  footer .container-fluid>.row:nth-of-type(3) .sec_strap .details li span{flex:0 0 100%;margin:0;padding-left:40px}
  footer .footer_links li ul li .sub-text::before{top:6px}
}
@media (prefers-reduced-motion:reduce){footer *{transition:none!important}}

/* ===== seo.css ===== */
/* Quick-answer (GEO) blocks and home FAQ — same palette and fonts as the site */
.geo-qa,.home-faq{--sq-teal:#83a7ad;--sq-deep:#4d737b;--sq-tint:#e8f3f5;--sq-ink:#3c403f}
.geo-qa{padding:clamp(40px,5vw,72px) 0;background:#fff;border-top:1px solid rgba(131,167,173,.3)}
.geo-qa .container{max-width:1140px}
.geo-qa-kicker,.home-faq-kicker{margin:0 0 22px;font-family:var(--head-font);font-size:13px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--sq-deep);text-align:center}
.geo-qa-kicker::after,.home-faq-kicker::after{content:"";display:block;width:56px;height:3px;margin:12px auto 0;border-radius:3px;background:var(--sq-teal)}
.geo-qa-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,420px),1fr));gap:20px}
.geo-qa-item,.home-faq-item{position:relative;padding:24px 26px 24px 30px;border-radius:20px;background:var(--sq-tint);border:1px solid rgba(131,167,173,.3);transition:transform .25s,box-shadow .25s,background .25s}
.geo-qa-item::before,.home-faq-item::before{content:"";position:absolute;left:0;top:22px;bottom:22px;width:5px;border-radius:0 5px 5px 0;background:var(--sq-teal)}
.geo-qa-item:hover,.home-faq-item:hover{transform:translateY(-4px);background:#fff;box-shadow:0 18px 30px -22px rgba(60,64,63,.5)}
.geo-qa-item h2,.home-faq-item h2{margin:0 0 10px;padding:0;background:none;text-align:left;font-family:var(--head-font);font-size:20px;line-height:1.35;font-weight:500;color:var(--sq-deep)}
.geo-qa-item p,.home-faq-item p{margin:0;font-family:var(--sub-font);font-size:15.5px;line-height:1.8;color:var(--sq-ink);text-align:left}
.geo-qa-nap{margin:26px 0 0;padding:16px 20px;border-radius:16px;background:linear-gradient(100deg,var(--sq-teal),var(--sq-deep));color:#fff;font-family:var(--sub-font);font-size:14.5px;line-height:1.8;text-align:center}
.geo-qa-nap a{color:#fff;font-weight:700;text-decoration:underline;text-underline-offset:3px}
.geo-qa-nap a.geo-qa-btn{display:inline-block;margin-left:10px;padding:7px 18px;border-radius:999px;background:#fff;color:var(--sq-deep);font-family:var(--head-font);font-size:13px;font-weight:600;text-decoration:none;transition:transform .2s,box-shadow .2s}
.geo-qa-nap a.geo-qa-btn:hover{transform:translateY(-2px);box-shadow:0 10px 20px -10px rgba(0,0,0,.4)}

/* home FAQ */
.home-faq{position:relative;overflow:hidden;padding:clamp(48px,6vw,92px) 0;background:#f2f8f9;border-top:1px solid rgba(131,167,173,.35);border-bottom:1px solid rgba(131,167,173,.35)}
.home-faq .container{position:relative;width:86%;max-width:1560px}
.home-faq-layout{display:flex;flex-direction:column;align-items:center;width:100%;margin:0 auto}
.home-faq-side{display:contents}
.home-faq-side .home-faq-kicker{order:1;margin:0 0 14px;text-align:center;font-family:var(--head-font);font-size:clamp(30px,3.6vw,46px);font-weight:600;line-height:1.15;letter-spacing:0;text-transform:none;color:#527177}
.home-faq-side .home-faq-kicker::after{width:64px;height:4px;margin:16px auto 0;border-radius:4px;background:var(--sq-teal)}
.home-faq-side .home-faq-sub{order:2;max-width:680px;margin:0 auto 38px;text-align:center;font-family:var(--sub-font);font-size:16.5px;line-height:1.75;color:var(--sq-ink)}
.home-faq-list{order:3;display:grid;gap:14px;width:100%}
.home-faq-side .home-faq-cta{order:4;margin:34px 0 0;text-align:center}
.home-faq-side .home-faq-cta .geo-qa-btn{display:inline-block;padding:14px 30px;border-radius:999px;background:#527177;color:#fff;font-family:var(--head-font);font-size:15px;font-weight:600;box-shadow:0 12px 24px -12px rgba(77,115,123,.7);transition:transform .2s,background .2s}
.home-faq-side .home-faq-cta .geo-qa-btn:hover{transform:translateY(-2px);background:var(--sq-teal)}
.home-faq-call{order:5;margin:16px 0 0;font-family:var(--head-font);font-weight:600;font-size:16px;color:#527177}
.home-faq-call a{color:#527177}
.home-faq-item{padding:0;border-radius:999px;background:#fff;border:1px solid rgba(131,167,173,.4);overflow:hidden;box-shadow:0 6px 18px -14px rgba(60,64,63,.4);transition:border-color .25s,box-shadow .25s,border-radius .25s}
.home-faq-item::before{display:none}
.home-faq-item:hover{transform:none;border-color:var(--sq-teal);box-shadow:0 10px 24px -14px rgba(77,115,123,.55)}
.home-faq-item[open]{border-radius:30px;border-color:#527177;box-shadow:0 14px 30px -18px rgba(77,115,123,.6)}
.home-faq-item summary{display:flex;align-items:center;gap:16px;min-height:76px;padding:16px 34px;cursor:pointer;list-style:none}
.home-faq-item summary::-webkit-details-marker{display:none}
.home-faq-item summary::after{content:"+";flex:0 0 auto;margin-left:auto;font:400 32px/1 var(--head-font);color:#527177}
.home-faq-item[open] summary::after{content:"\2212"}
.home-faq-item summary:focus-visible{outline:3px solid var(--sq-teal);outline-offset:-3px}
.home-faq-item h2{margin:0;font-size:19px;line-height:1.4;font-weight:500;color:#3c403f}
.home-faq-item[open] h2{color:#527177}
.home-faq-item p{padding:0 34px 26px;font-size:16px;line-height:1.8}
@media (max-width:768px){
  .geo-qa .container{padding-left:6%;padding-right:6%}
  .home-faq .container{width:100%;max-width:100%;padding-left:5%;padding-right:5%}
  .geo-qa-item{padding:20px 18px 20px 24px}
  .home-faq-item summary{min-height:64px;padding:14px 22px;gap:12px}
  .home-faq-item[open]{border-radius:24px}
  .home-faq-item p{padding:0 22px 22px}
  .home-faq-side .home-faq-sub{font-size:15px;margin-bottom:26px}
  .geo-qa-item h2{font-size:18px}
  .home-faq-item h2{font-size:16px}
  .geo-qa-item p,.home-faq-item p{font-size:14px;line-height:1.75}
  .geo-qa-nap{font-size:13.5px;padding:14px 14px}
  .geo-qa-nap a.geo-qa-btn{display:block;margin:12px auto 0;width:fit-content}
}

/* Home - AEO/GEO answer blocks */
.About_section .head_text h1 .h1-sub{display:block;margin-top:6px;font-family:var(--sub-font);font-size:clamp(12px,1vw,15px);font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--dark-grey)}
.About_section .text_about p.aeo-lead:first-child{display:block;margin:0 0 12px;padding-left:18px;border-left:4px solid var(--logo-color);font-size:16.5px;line-height:1.6;font-weight:500;color:var(--dark-grey)}
.About_section .text_about .aeo-lead + p:nth-child(2){margin-bottom:8px;padding-left:0;border-left:0;font-size:15px;font-weight:400;line-height:1.7}
.About_section .text_about .aeo-lead strong{color:#527177;font-weight:700}
.home-aeo{padding:clamp(48px,6vw,90px) 0;background:linear-gradient(180deg,#fff,#f2f8f9)}
.home-aeo .container{width:86%;max-width:1560px}
.home-aeo-grid{display:grid;grid-template-columns:minmax(0,7fr) minmax(0,4fr);gap:44px;align-items:start}
.home-aeo h2{margin:0 0 14px;text-align:left;font-family:var(--head-font);font-size:clamp(24px,2.4vw,34px);font-weight:600;line-height:1.25;color:#527177}
.home-aeo-main>h2:first-child::after{content:"";display:block;width:64px;height:4px;border-radius:4px;background:var(--logo-color);margin-top:14px}
.home-aeo-main h2:not(:first-child){margin-top:48px}
.home-aeo-answer{margin:0 0 26px;font-family:var(--sub-font);font-size:17px;line-height:1.85;color:var(--dark-grey);text-align:left}
.home-aeo-answer a{color:#527177;font-weight:700;border-bottom:2px solid var(--logo-color)}
.home-aeo-list{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.home-aeo-list li:last-child{grid-column:1/-1}
.home-aeo-list a{position:relative;display:block;height:100%;padding:22px 56px 22px 98px;border:1px solid rgba(131,167,173,.4);border-radius:20px;background:#fff;box-shadow:0 16px 30px -26px rgba(60,64,63,.55);transition:transform .22s,border-color .22s,box-shadow .22s}
.home-aeo-list a::before{content:"\f5c9";font-family:"Font Awesome 6 Free";font-weight:900;position:absolute;left:22px;top:22px;display:grid;place-items:center;width:56px;height:56px;border-radius:16px;background:linear-gradient(145deg,#83a7ad,#527177);color:#fff;font-size:22px}
.home-aeo-list a::after{content:"\f061";font-family:"Font Awesome 6 Free";font-weight:900;position:absolute;right:22px;top:50%;transform:translateY(-50%);width:30px;height:30px;display:grid;place-items:center;border-radius:50%;background:#e8f3f5;color:#527177;font-size:12px;transition:background .2s,color .2s,transform .2s}
.home-aeo-list li:nth-child(2) a::before{content:"\f1ae"}
.home-aeo-list li:nth-child(3) a::before{content:"\e2ca"}
.home-aeo-list li:nth-child(4) a::before{content:"\f52d"}
.home-aeo-list li:nth-child(5) a::before{content:"\f0f1"}
.home-aeo-list li:nth-child(6) a::before{content:"\f13d"}
.home-aeo-list li:nth-child(7) a::before{content:"\f132"}
.home-aeo-list a:hover{transform:translateY(-4px);border-color:#83a7ad;box-shadow:0 22px 36px -24px rgba(77,115,123,.7)}
.home-aeo-list a:hover::after{background:#527177;color:#fff;transform:translateY(-50%) translateX(3px)}
.home-aeo-list strong{display:block;margin-bottom:4px;font-family:var(--head-font);font-size:17.5px;font-weight:600;color:#527177}
.home-aeo-list span{display:block;font-family:var(--sub-font);font-size:14.5px;line-height:1.65;color:var(--dark-grey)}
.home-aeo-main h2:not(:first-child)+.home-aeo-answer{padding:26px 30px;border-left:5px solid var(--logo-color);border-radius:6px 22px 22px 6px;background:#fff;box-shadow:0 18px 34px -28px rgba(60,64,63,.5)}
.home-aeo-facts{position:sticky;top:110px;padding:26px 24px 26px;border-radius:30px 6px 30px 6px;color:#fff;background:radial-gradient(circle at 100% 0,rgba(255,255,255,.16) 0 110px,transparent 111px),linear-gradient(145deg,#83a7ad,#527177);box-shadow:0 30px 54px -30px rgba(40,60,64,.7)}
.home-aeo-facts h2{display:flex;align-items:center;gap:10px;color:#fff;font-size:20px;margin:0 0 16px}
.home-aeo-facts h2::before{content:"\f3c5";font-family:"Font Awesome 6 Free";font-weight:900;display:grid;place-items:center;flex:0 0 auto;width:34px;height:34px;border-radius:50%;background:#fff;color:#527177;font-size:14px}
.home-aeo-facts dl{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:0 0 18px}
.home-aeo-facts dl>div{position:relative;min-width:0;padding:11px 12px 11px 50px;border:1px solid rgba(255,255,255,.22);border-radius:14px;background:rgba(255,255,255,.12)}
.home-aeo-facts dl>div:nth-child(1),.home-aeo-facts dl>div:nth-child(8){grid-column:1/-1}
.home-aeo-facts dt{margin:0 0 1px;font-family:var(--sub-font);font-size:10.5px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:#dcecef}
.home-aeo-facts dt::before{font-family:"Font Awesome 6 Free";font-weight:900;position:absolute;left:11px;top:50%;transform:translateY(-50%);display:grid;place-items:center;width:30px;height:30px;border-radius:50%;background:rgba(255,255,255,.2);color:#fff;font-size:12px;letter-spacing:0}
.home-aeo-facts dd{margin:0;padding:0;font-family:var(--sub-font);font-size:14px;line-height:1.45;color:#fff}
.home-aeo-facts dl>div:nth-child(1) dt::before{content:"\f0f8"}
.home-aeo-facts dl>div:nth-child(2) dt::before{content:"\f0f0"}
.home-aeo-facts dl>div:nth-child(3) dt::before{content:"\f3c5"}
.home-aeo-facts dl>div:nth-child(4) dt::before{content:"\f095"}
.home-aeo-facts dl>div:nth-child(5) dt::before{content:"\f017"}
.home-aeo-facts dl>div:nth-child(6) dt::before{content:"\f0c0"}
.home-aeo-facts dl>div:nth-child(7) dt::before{content:"\f5a0"}
.home-aeo-facts dl>div:nth-child(8) dt::before{content:"\f073"}
.home-aeo-facts dd a{color:#fff;font-weight:700}
.home-aeo-facts .geo-qa-btn{display:block;text-align:center;padding:13px 24px;border-radius:999px;background:#fff;color:#4d737b;font-family:var(--head-font);font-size:15px;font-weight:600;box-shadow:0 14px 24px -14px rgba(0,0,0,.5)}
@media (max-width:991px){.home-aeo-grid{grid-template-columns:1fr}.home-aeo-facts{position:static}}
@media (max-width:768px){.home-aeo .container{width:100%;padding-left:5%;padding-right:5%}.home-aeo-list{grid-template-columns:1fr}.home-aeo-answer{font-size:15.5px}.home-aeo-list a{padding:20px 50px 20px 82px}.home-aeo-list a::before{left:16px;top:20px;width:50px;height:50px;font-size:19px}.home-aeo-main h2:not(:first-child)+.home-aeo-answer{padding:20px 20px}.home-aeo-facts{padding:28px 22px}}
@media (max-width:520px){.home-aeo-facts dl{grid-template-columns:1fr;gap:8px}.home-aeo-facts dl>div:nth-child(1),.home-aeo-facts dl>div:nth-child(8){grid-column:auto}.home-aeo-facts{padding:22px 16px}}

/* compact facts panel */
.home-aeo-facts{padding:18px 18px 18px;border-radius:24px 6px 24px 6px}
.home-aeo-facts h2{font-size:17px;margin:0 0 12px;gap:8px}
.home-aeo-facts h2::before{width:28px;height:28px;font-size:12px}
.home-aeo-facts dl{gap:7px;margin:0 0 12px}
.home-aeo-facts dl>div{padding:7px 10px 7px 40px;border-radius:11px}
.home-aeo-facts dt{font-size:9.5px;letter-spacing:.12em;margin:0}
.home-aeo-facts dt::before{left:8px;width:24px;height:24px;font-size:10px}
.home-aeo-facts dd{font-size:12.5px;line-height:1.35}
.home-aeo-facts .geo-qa-btn{padding:10px 20px;font-size:14px}
@media (max-width:520px){.home-aeo-facts{padding:16px 14px}}

/* location map */
.map{position:relative;padding:clamp(44px,6vw,84px) 0;background:#fff}
.map .loc{max-width:1240px;margin:0 auto;padding:0 20px;display:grid;grid-template-columns:minmax(300px,5fr) 7fr;align-items:center}
.loc-card{position:relative;z-index:2;margin-right:-70px;padding:clamp(28px,3vw,44px);border-radius:32px 6px 32px 6px;color:#fff;background:radial-gradient(circle at 100% 0,rgba(255,255,255,.16) 0 120px,transparent 121px),linear-gradient(150deg,#83a7ad,#43636a);box-shadow:0 34px 60px -30px rgba(40,66,72,.85)}
.loc-kicker{display:inline-block;margin:0 0 12px;padding:6px 14px;border-radius:999px;background:rgba(255,255,255,.18);font:700 11px/1 var(--sub-font);letter-spacing:.16em;text-transform:uppercase;color:#fff}
.loc-card h2{margin:0 0 20px;font:600 clamp(24px,2.4vw,34px)/1.2 var(--head-font);color:#fff;background:none;padding:0;text-align:left}
.loc-list{list-style:none;margin:0 0 24px;padding:0;display:grid;gap:14px}
.loc-list li{display:flex;gap:14px;align-items:flex-start;font:400 15px/1.5 var(--sub-font);color:#f1f8f9}
.loc-list li::before{flex:0 0 auto;display:grid;place-items:center;width:38px;height:38px;border-radius:12px;background:rgba(255,255,255,.2);font-family:"Font Awesome 6 Free";font-weight:900;font-size:14px;color:#fff}
.loc-list li:nth-child(1)::before{content:"\f3c5"}
.loc-list li:nth-child(2)::before{content:"\f095"}
.loc-list li:nth-child(3)::before{content:"\f017"}
.loc-list a{color:#fff;font-weight:700}
.map a.web_btn{position:static!important;display:inline-flex;align-items:center;gap:10px;padding:14px 28px;border:0;border-radius:999px;background:#fff;color:#43636a;font:600 15px/1 var(--head-font);box-shadow:0 16px 26px -14px rgba(0,0,0,.55);transition:transform .2s}
.map a.web_btn::after{content:"\f061";font-family:"Font Awesome 6 Free";font-weight:900;font-size:12px}
.map a.web_btn:hover{transform:translateX(4px);color:#43636a}
.loc-map{position:relative;padding:0 0 18px 18px}
.loc-map::before{content:"";position:absolute;inset:18px 18px 0 0;border-radius:34px;background:#eef6f7;border:2px solid #d5e5e8}
.loc-map iframe{position:relative;display:block;width:100%;height:clamp(380px,36vw,500px);border:0;border-radius:34px;box-shadow:0 26px 46px -28px rgba(67,99,106,.7);filter:saturate(.85)}
@media (max-width:991px){.map .loc{grid-template-columns:1fr}.loc-card{margin:0 16px -40px}.loc-map{padding:0}.loc-map::before{display:none}.loc-map iframe{height:380px;padding-top:0;border-radius:26px}.loc-card{padding-bottom:64px}}
@media (max-width:575px){.map .loc{padding:0 12px}.loc-card{margin:0 8px -36px;border-radius:24px 6px 24px 6px}.loc-map iframe{height:320px;border-radius:22px}}
.map .loc-list a{position:static;border:0;box-shadow:none;font-size:inherit;z-index:auto;display:inline}

/* map: full-width, info card floats over the map */
.map{padding:0;background:none}
.map .loc{position:relative;display:block;max-width:none;padding:0}
.map .loc-map{padding:0}
.map .loc-map::before{display:none}
.map .loc-map iframe{display:block;width:100%;height:clamp(420px,40vw,540px);border:0;border-radius:0;box-shadow:none;filter:none}
.map .loc-card{position:absolute;z-index:3;top:50%;right:clamp(24px,6vw,120px);left:auto;transform:translateY(-50%);width:min(430px,36%);margin:0;padding:clamp(24px,2.4vw,32px)}
.map .loc-card h2{font-size:clamp(22px,2vw,28px);margin-bottom:16px}
.map .loc-list{margin-bottom:20px;gap:12px}
@media (max-width:991px){
  .map .loc-card{position:relative;top:auto;right:auto;transform:none;width:auto;margin:-56px 16px 0;padding:26px 22px 28px;z-index:3}
  .map .loc-map iframe{height:360px}
}
/* home page: tighter rhythm around the sections that follow the map */
.home-aeo:not(.cl-geo):not(.td-geo):not(.ic-geo){padding-top:64px;padding-bottom:48px}
@media (max-width:991px){
  .map .loc{display:flex;flex-direction:column}
  .map .loc-map{order:1}
  .map .loc-card{order:2}
}

/* map: shorter */
.map .loc-map iframe{height:clamp(300px,26vw,380px)}
.map .loc-card{width:min(400px,34%);padding:20px 24px 22px}
.map .loc-kicker{margin-bottom:8px;padding:5px 12px;font-size:10px}
.map .loc-card h2{font-size:clamp(19px,1.7vw,24px);margin-bottom:12px}
.map .loc-list{gap:8px;margin-bottom:14px}
.map .loc-list li{gap:12px;font-size:14px;line-height:1.4}
.map .loc-list li::before{width:32px;height:32px;border-radius:10px;font-size:12px}
.map a.web_btn{padding:11px 22px;font-size:14px}
@media (max-width:991px){.map .loc-map iframe{height:280px}.map .loc-card{width:auto;margin:-44px 16px 0;padding:22px 20px 24px}}

/* FAQ CTA: both buttons identical size, centred */
html body .home-faq-side .home-faq-cta,html body .home-faq-side .home-faq-call{text-align:center;margin:0!important}
html body .home-faq-side .home-faq-cta{margin-top:34px!important}
html body .home-faq-side .home-faq-call{margin-top:14px!important}
html body .home-faq-side .home-faq-cta .geo-qa-btn,html body .home-faq-side .home-faq-call a{display:inline-flex!important;align-items:center;justify-content:center;gap:8px;box-sizing:border-box;width:260px;max-width:100%;height:54px;padding:0 24px!important;border-radius:999px;border:2px solid #527177;font-family:var(--head-font);font-size:15px;font-weight:600;line-height:1;text-decoration:none;transition:.2s}
html body .home-faq-side .home-faq-call a{background:transparent;color:#527177;box-shadow:none}
html body .home-faq-side .home-faq-call a:hover{background:#527177;color:#fff}
html body .home-faq-side .home-faq-call i{display:none}
html body .home-faq-side .home-faq-call a::before{content:"\f095";font-family:"Font Awesome 6 Free";font-weight:900;font-size:13px}

/* ===== layout-fixes.css ===== */
/* ==========================================================
   Layout / alignment fixes (all pages)
   ========================================================== */

/* 1. Inner-page banners: the text overlay is absolutely positioned over a
      fixed-ratio photo, so on tablets/phones long copy was clipped or fell off
      the photo. Below 1100px the text becomes part of the layout and the
      banner grows to fit it. */
@media (max-width:1100px){
  body:not([class^="page-"]) .internal_banner{display:grid;overflow:hidden!important}
  body:not([class^="page-"]) .internal_banner>img.banner{grid-area:1/1;width:100%;height:100%;min-height:260px;object-fit:cover}
  body:not([class^="page-"]) .internal_banner .Inter-Banner-text,
  body:not([class^="page-"]) .internal_banner .Inter-Banner-text.right_banner_text{position:relative!important;grid-area:1/1;align-self:center;justify-self:center;
    top:auto!important;left:auto!important;right:auto!important;width:min(90%,680px)!important;margin:28px 0;padding:22px 26px;
    border-radius:20px;background:rgba(255,255,255,.82);-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);
    box-shadow:0 18px 34px -22px rgba(30,50,54,.55);text-align:center}
  body:not([class^="page-"]) .internal_banner .Inter-Banner-text :is(h1,h2){margin:0 0 10px;font-size:clamp(26px,4.6vw,35px);line-height:1.2;text-align:center}
  body:not([class^="page-"]) .internal_banner .Inter-Banner-text p{margin:0;font-size:15px;line-height:1.7;text-align:center}
  body:not([class^="page-"]) .internal_banner .Inter-Banner-text.childer-banner{background:rgba(60,64,63,.6)}
}
@media (max-width:575px){
  body:not([class^="page-"]) .internal_banner .Inter-Banner-text,
  body:not([class^="page-"]) .internal_banner .Inter-Banner-text.right_banner_text{width:92%!important;margin:20px 0;padding:18px 16px}
  body:not([class^="page-"]) .internal_banner .Inter-Banner-text p{font-size:14px;line-height:1.65}
}

/* 2. Invisalign Info - "Better Than Traditional Braces" benefits.
      Four fixed 280px circles overflowed their text, became ellipses on
      tablets and pushed the page wider than the screen on phones. */
.braces_circleui ul{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px;align-items:stretch;justify-content:stretch;padding:0;margin:0}
.braces_circleui ul li{width:auto;height:auto;margin:0;padding:26px 22px;border:3px solid var(--light-logo-color);border-top:6px solid var(--logo-color);border-radius:22px;background:#fff;
  box-shadow:0 14px 28px -20px rgba(60,64,63,.5);transition:transform .25s,box-shadow .25s}
.braces_circleui ul li:hover{transform:translateY(-4px);box-shadow:0 20px 32px -20px rgba(60,64,63,.55)}
.braces_circleui ul li>div{position:static;top:auto;left:auto;transform:none;padding:0;text-align:center}
.braces_circleui ul li>div b{padding-bottom:10px;font-size:19px;line-height:1.3}
.braces_circleui ul li>div span{font-size:15.5px;line-height:1.7}
@media (max-width:991px){.braces_circleui ul{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:575px){.braces_circleui ul{grid-template-columns:1fr}}

/* ===== mobile hero (all pages): text card on top, full banner photo below (nothing hidden) ===== */
@media (max-width:768px){
  body .internal_banner{display:flex!important;flex-direction:column;position:relative!important;overflow:hidden!important;background:#fff!important}
  body .internal_banner>img.web_banner{display:none!important}
  body .internal_banner>img.mobile_banner{display:block!important;order:2!important;width:100%!important;height:clamp(200px,62vw,340px)!important;min-height:0!important;object-fit:cover;object-position:center bottom;border-radius:0!important;margin:0!important}
  body .internal_banner .Inter-Banner-text,
  body .internal_banner .Inter-Banner-text.right_banner_text{order:1!important;position:relative!important;top:auto!important;left:auto!important;right:auto!important;bottom:auto!important;transform:none!important;translate:none!important;width:90%!important;max-width:none!important;margin:16px auto 14px!important;z-index:3;box-sizing:border-box}
  body .internal_banner .Inter-Banner-text p{display:block!important;-webkit-line-clamp:unset!important;max-height:none!important;height:auto!important;overflow:visible!important;margin-bottom:14px!important}
  body .internal_banner .Inter-Banner-text>a{margin-top:2px}
}

/* ===== about-page.css ===== */
/* ==========================================================
   About Orthodontics page — scoped under .page-about
   Same palette and fonts as the rest of the site
   ========================================================== */
.page-about{--ab-teal:#83a7ad;--ab-deep:#527177;--ab-tint:#e8f3f5;--ab-ink:#3c403f}

/* ---------- hero ---------- */
.page-about .internal_banner{background:var(--ab-tint)}
.page-about .internal_banner .Inter-Banner-text{
  top:50%;right:7%;transform:translateY(-50%);width:min(500px,42%);
  padding:30px 34px 30px 38px;text-align:left;justify-items:start;
  background:rgba(255,255,255,.9);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);
  border-radius:22px;border:1px solid rgba(131,167,173,.35);
  box-shadow:0 24px 50px -18px rgba(60,64,63,.35);
}
.page-about .Inter-Banner-text::before{content:"";position:absolute;left:0;top:26px;bottom:26px;width:5px;border-radius:0 5px 5px 0;background:var(--ab-teal)}
.page-about .Inter-Banner-text :is(h1,h2){font-size:clamp(26px,2.6vw,38px);line-height:1.2;text-align:left;margin:0 0 12px;color:var(--ab-deep);font-family:var(--head-font)}
.page-about .Inter-Banner-text :is(h1,h2)::after{content:"";display:block;width:56px;height:3px;border-radius:3px;background:var(--ab-teal);margin-top:12px}
.page-about .Inter-Banner-text p{text-align:left;margin:0;font-size:15px;line-height:1.7}

/* ---------- statement bar ---------- */
.page-about .statement-text{position:relative;background:linear-gradient(90deg,var(--ab-teal),#4d737b);overflow:hidden}
.page-about .statement-text::before{content:"\201C";position:absolute;left:4%;top:-34px;font:700 190px/1 Georgia,serif;color:rgba(255,255,255,.14);pointer-events:none}
.page-about .statement-text .container{position:relative;max-width:1000px}
.page-about .statement-text p{width:100%;margin:0;padding:42px 0 42px 28px;font-size:clamp(16px,1.5vw,20px);line-height:1.8;font-weight:500;text-align:left;border-left:3px solid rgba(255,255,255,.55)}

/* ---------- shared section layout ---------- */
.page-about .how-sec,.page-about .Duration-sec{position:relative;overflow:hidden;padding:clamp(48px,6vw,96px) 0}
.page-about .divide{align-items:center;gap:0}
.page-about .divide>.col-md-5{position:relative;padding:0 28px 28px 0}
.page-about .divide>.col-md-5::before{content:"";position:absolute;inset:28px 0 0 28px;border-radius:26px;background:var(--ab-teal);opacity:.35}
.page-about .divide>.col-md-5 img{position:relative;display:block;width:100%;height:auto;margin:0;border-radius:26px;border:6px solid #fff;box-shadow:0 26px 50px -22px rgba(60,64,63,.45)}
.page-about .txt_area{padding:0 0 0 clamp(20px,4vw,64px)}
.page-about .txt_area :is(h1,h2),.page-about .how-sec .divide .txt_area :is(h1,h2),.page-about .how-sec .divide .txt_area p{text-align:left}
.page-about .txt_area :is(h1,h2){font-size:clamp(26px,2.6vw,38px);line-height:1.25;margin-bottom:22px;color:var(--ab-ink)}
.page-about .txt_area p{margin-bottom:16px;font-size:16px;line-height:1.85}
.page-about .txt_area p:last-child{margin-bottom:0}

/* ---------- How? ---------- */
.page-about .how-sec{background:#fff}
.page-about .how-sec::after{content:"";position:absolute;right:-120px;top:-120px;width:360px;height:360px;border-radius:50%;background:var(--ab-tint);z-index:0}
.page-about .how-sec .container{position:relative;z-index:1}
.page-about .how-sec .txt_area :is(h1,h2) br{display:none}
.page-about .how-sec .txt_area :is(h1,h2) span{display:block;font-size:clamp(54px,6vw,92px);line-height:1;color:var(--ab-teal);font-weight:600;letter-spacing:-1px;margin-bottom:6px}
.page-about .how-sec .txt_area :is(h1,h2)::after{content:"";display:block;width:56px;height:3px;border-radius:3px;background:var(--ab-teal);margin-top:16px}
.page-about .how-sec .txt_area p:first-of-type{padding:16px 20px;border-radius:0 16px 16px 0;border-left:4px solid var(--ab-teal);background:var(--ab-tint);color:var(--ab-ink)}

/* ---------- Duration ---------- */
.page-about .Duration-sec{background:var(--ab-tint)}
.page-about .Duration-sec::before{content:"";position:absolute;left:-140px;bottom:-140px;width:380px;height:380px;border-radius:50%;background:rgba(131,167,173,.18)}
.page-about .Duration-sec .container{position:relative;z-index:1}
.page-about .Duration-sec .divide>.col-md-5{padding:0 0 28px 28px}
.page-about .Duration-sec .divide>.col-md-5::before{inset:28px 28px 0 0;background:#fff;opacity:.8;border:2px dashed var(--ab-teal)}
.page-about .Duration-sec .divide>.col-md-5 img{margin:0}
.page-about .Duration-sec .txt_area{padding:0 clamp(20px,4vw,64px) 0 0}
.page-about .Duration-sec .txt_area :is(h1,h2)::after{content:"";display:block;width:56px;height:3px;border-radius:3px;background:var(--ab-teal);margin-top:14px}
.page-about .Duration-sec .txt_area p{padding-left:20px;border-left:3px solid rgba(131,167,173,.55)}

/* ---------- tablet ---------- */
@media (max-width:991px){
  .page-about .internal_banner .Inter-Banner-text{width:min(440px,50%);padding:22px 24px 22px 28px}
  .page-about .Inter-Banner-text p{font-size:14px;line-height:1.6}
}

/* ---------- mobile: stack hero text under image ---------- */
@media (max-width:768px){
  .page-about .internal_banner{overflow:visible!important;background:transparent}
  .page-about .internal_banner .Inter-Banner-text{position:relative;top:auto;right:auto;left:auto;transform:none;width:auto;margin:-46px 5% 0;z-index:2;padding:22px 20px 22px 26px}
  .page-about .Inter-Banner-text::before{top:20px;bottom:20px}
  .page-about .Inter-Banner-text :is(h1,h2){font-size:25px}
  .page-about .internal_banner .mobile_banner{display:block}
  .page-about .statement-text{margin-top:-22px;padding-top:22px}
  .page-about .statement-text::before{font-size:130px;top:-20px}
  .page-about .statement-text p{padding:30px 0 30px 18px;font-size:15px;line-height:1.75}
  .page-about .divide{justify-items:stretch;gap:34px}
  .page-about .divide>.col-md-5,.page-about .Duration-sec .divide>.col-md-5{padding:0 16px 16px 0}
  .page-about .Duration-sec .divide>.col-md-5{padding:0 0 16px 16px}
  .page-about .divide>.col-md-5::before{inset:16px 0 0 16px;border-radius:20px}
  .page-about .Duration-sec .divide>.col-md-5::before{inset:16px 16px 0 0}
  .page-about .divide>.col-md-5 img{border-radius:20px;border-width:4px}
  .page-about .txt_area,.page-about .Duration-sec .txt_area{padding:0 4px}
  .page-about .txt_area :is(h1,h2){font-size:25px}
  .page-about .how-sec .txt_area :is(h1,h2) span{font-size:54px}
  .page-about .txt_area p{font-size:14px;line-height:1.75}
  .page-about .how-sec::after{width:220px;height:220px;right:-90px;top:-90px}
}
@media (max-width:768px){
  .page-about .how-sec .container,.page-about .Duration-sec .container{padding-left:6%;padding-right:6%}
  .page-about .statement-text .container{padding-left:6%;padding-right:6%}
}

/* ---------- refinement: hero card clear of the photo, badge-style statement ---------- */
@media (min-width:769px){
  .page-about .internal_banner .Inter-Banner-text{left:6%;right:auto;width:31%;max-width:520px;min-width:330px;box-sizing:border-box;padding:30px 30px 30px 36px}
  .page-about .Inter-Banner-text :is(h1,h2){font-size:clamp(24px,2.3vw,36px)}
  .page-about .Inter-Banner-text p{font-size:clamp(14px,1.05vw,16px)}
  .page-about .statement-text::before{display:none}
  .page-about .statement-text .container{max-width:1080px}
  .page-about .statement-text p{display:grid;grid-template-columns:64px 1fr;column-gap:26px;align-items:center;padding:34px 0;border-left:0;font-size:clamp(16px,1.35vw,19px);line-height:1.75;text-align:left}
  .page-about .statement-text p::before{content:"\201C";display:grid;place-items:center;width:64px;height:64px;padding-top:14px;border-radius:50%;background:rgba(255,255,255,.18);border:2px solid rgba(255,255,255,.45);font:700 52px/1 Georgia,serif;color:#fff}
}
@media (max-width:768px){
  .page-about .statement-text::before{display:none}
}
/* compact statement band */
.page-about .statement-text .container{max-width:960px}
.page-about .statement-text p{padding:16px 0 16px 22px;font-size:clamp(13.5px,1vw,15.5px);line-height:1.65}
@media (min-width:992px){
  .page-about .statement-text p{display:grid;grid-template-columns:44px 1fr;column-gap:18px;align-items:center;padding:16px 0;font-size:clamp(13.5px,1vw,15.5px);line-height:1.65}
  .page-about .statement-text p::before{width:44px;height:44px;padding-top:9px;font-size:34px}
}
@media (max-width:991px){.page-about .statement-text p{padding:16px 0 16px 16px;font-size:13.5px}}

/* ===== aeo-blocks.css ===== */
/* Shared answer-first (AEO) + location (GEO) blocks - site palette */
.pg-quick,.pg-geo{--t:#83a7ad;--d:#527177;--dd:#43636a;--tint:#eef6f7;--ink:#3c403f;padding:clamp(40px,4.4vw,64px) 0;background:#fff}
.pg-quick .container{max-width:1180px}
.pg-quick-grid{display:grid;grid-template-columns:minmax(0,6fr) minmax(0,5fr);gap:clamp(24px,4vw,56px);align-items:center}
.pg-quick h2{margin:0 0 16px;text-align:left;font:600 clamp(26px,2.8vw,40px)/1.2 var(--head-font);color:var(--d)}
.pg-quick h2::after{content:"";display:block;width:64px;height:4px;border-radius:4px;background:var(--t);margin-top:14px}
.pg-answer{margin:0;padding:26px 30px;border-left:5px solid var(--t);border-radius:6px 22px 22px 6px;background:#fff;box-shadow:0 18px 34px -28px rgba(60,64,63,.55);font-size:clamp(16px,1.25vw,18px);line-height:1.85;color:var(--ink);text-align:left}
.pg-chips{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin:0;padding:0;list-style:none}
.pg-chips li{margin:0;padding:20px 18px 18px;border:1px solid rgba(131,167,173,.4);border-radius:18px;background:var(--tint);list-style:none}
.pg-chips i{display:grid;place-items:center;width:40px;height:40px;margin-bottom:12px;border-radius:12px;background:linear-gradient(145deg,var(--t),var(--d));color:#fff;font-size:16px}
.pg-chips strong{display:block;margin-bottom:3px;font:600 16px/1.3 var(--head-font);color:var(--d)}
.pg-chips span{display:block;font-size:14px;line-height:1.55;color:var(--ink)}
.pg-geo.home-aeo{background:linear-gradient(180deg,#fff,var(--tint));padding:clamp(40px,4.4vw,64px) 0}
.pg-geo .home-aeo-list li:last-child{grid-column:auto}
.pg-geo .home-aeo-list li:nth-child(1) a::before{content:"\f5c9"}
.pg-geo .home-aeo-list li:nth-child(2) a::before{content:"\f03e"}
.pg-geo .home-aeo-list li:nth-child(3) a::before{content:"\f059"}
.pg-geo .home-aeo-list li:nth-child(4) a::before{content:"\f155"}
.pg-geo .geo-qa-btn{display:inline-block}
.pg-btn{display:inline-block;padding:14px 30px;border-radius:999px;background:#83a7ad;color:#fff;font:600 15px/1 var(--head-font);box-shadow:0 14px 24px -12px rgba(82,113,119,.8);transition:transform .2s,background .2s}
.pg-btn:hover{transform:translateY(-2px);background:#527177;color:#fff}
@media (max-width:991px){.pg-quick-grid{grid-template-columns:1fr}}
@media (max-width:768px){.pg-quick,.pg-geo{padding:36px 0}.pg-quick .container{padding-left:16px;padding-right:16px}.pg-answer{padding:20px}.pg-chips{gap:10px}.pg-chips li{padding:16px 14px}}

/* ===== appliances-page.css ===== */
/* Types of Appliances page — scoped under .page-appl (same palette/fonts) */
.page-appl{--ap-teal:#83a7ad;--ap-deep:#4d737b;--ap-tint:#e8f3f5;--ap-ink:#3c403f}

/* ---------- banner ---------- */
.page-appl .BA-Banner{position:relative;overflow:hidden;padding:clamp(54px,7vw,104px) 0 clamp(80px,9vw,130px);background:linear-gradient(110deg,var(--ap-teal),var(--ap-deep))}
.page-appl .BA-Banner::before{content:"";position:absolute;left:-120px;top:-150px;width:420px;height:420px;border-radius:50%;border:56px solid rgba(255,255,255,.07)}
.page-appl .BA-Banner::after{content:"";position:absolute;right:-90px;bottom:-110px;width:320px;height:320px;border-radius:50%;background:rgba(255,255,255,.08)}
.page-appl .BA-Banner .container{position:relative;z-index:1}
.page-appl .BA-Banner .Banner-text{max-width:820px;margin:0 auto;text-align:center}
.page-appl .BA-Banner .Banner-text .name{margin:0 0 20px;font-size:clamp(34px,4.6vw,66px);line-height:1.1;font-weight:600;letter-spacing:-.5px;color:#fff;text-align:center}
.page-appl .BA-Banner .Banner-text .name::after{content:"";display:block;width:84px;height:4px;border-radius:4px;background:#fff;opacity:.85;margin:20px auto 0}
.page-appl .BA-Banner .Banner-text p{margin:0 auto;max-width:700px;color:#fff;font-size:clamp(15px,1.2vw,18px);line-height:1.8;text-align:center}

/* ---------- appliance cards ---------- */
.page-appl .emergency-list{position:relative;z-index:2;margin-top:calc(-1 * clamp(40px,5vw,70px));padding:0 0 clamp(50px,6vw,96px);background:linear-gradient(180deg,transparent clamp(40px,5vw,70px),#fff clamp(40px,5vw,70px))}
.page-appl .emergency-list .container{max-width:1140px;position:relative;z-index:2}
.page-appl .TOA{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;counter-reset:ap;margin:0}
.page-appl .TOA>.col-md-12{width:auto;max-width:none;flex:none;padding:0;display:flex}
.page-appl .TOA>.col-md-12:last-child:nth-child(3n+1){grid-column:1/-1}
.page-appl .TOA .care-box{position:relative;counter-increment:ap;display:flex;flex-direction:column;align-items:stretch;gap:0;width:100%;margin:0;padding:0;border:1px solid rgba(131,167,173,.3);border-radius:20px;background:#fff;overflow:hidden;box-shadow:0 18px 32px -26px rgba(60,64,63,.55);transition:transform .3s,box-shadow .3s}
.page-appl .TOA .care-box:hover{background:#fff;transform:translateY(-6px);box-shadow:0 30px 50px -28px rgba(60,64,63,.6)}
.page-appl .TOA .care-box img{display:block;width:100%;height:clamp(150px,12vw,180px);margin:0;border-radius:0;object-fit:cover;transition:transform .5s}
.page-appl .TOA .care-box:hover img{transform:scale(1.04)}
.page-appl .TOA .care-box::before{content:"0" counter(ap);position:absolute;z-index:2;left:14px;top:14px;display:grid;place-items:center;width:36px;height:36px;border-radius:50%;background:#fff;color:var(--ap-deep);font:600 13px/1 var(--head-font);box-shadow:0 8px 18px -8px rgba(60,64,63,.5)}
.page-appl .TOA .care-box .text-box{position:relative;flex:1;padding:18px 20px 20px;border-top:3px solid var(--ap-teal)}
.page-appl .TOA .care-box .text-box h3{margin:0 0 8px;font-size:18px;line-height:1.3;text-align:left;color:var(--ap-deep)}
.page-appl .TOA .care-box:hover h3{color:var(--ap-deep)}
.page-appl .TOA .care-box .text-box p{margin:0;font-size:14px;line-height:1.65;text-align:left;color:var(--ap-ink)}
/* last card: wide, image beside text */
.page-appl .TOA>.col-md-12:last-child:nth-child(3n+1) .care-box{flex-direction:row;background:var(--ap-tint)}
.page-appl .TOA>.col-md-12:last-child:nth-child(3n+1) .care-box img{width:30%;height:auto;min-height:180px}
.page-appl .TOA>.col-md-12:last-child:nth-child(3n+1) .care-box .text-box{display:flex;flex-direction:column;justify-content:center;border-top:0;border-left:4px solid var(--ap-teal)}
.page-appl .TOA>.col-md-12:last-child:nth-child(3n+1) .care-box:hover{background:var(--ap-tint)}

@media (max-width:1000px){
  .page-appl .TOA{grid-template-columns:repeat(2,minmax(0,1fr))}
  .page-appl .TOA>.col-md-12:last-child:nth-child(3n+1){grid-column:auto}
  .page-appl .TOA>.col-md-12:last-child:nth-child(odd){grid-column:1/-1}
  .page-appl .TOA>.col-md-12:last-child:nth-child(3n+1) .care-box{flex-direction:column}
  .page-appl .TOA>.col-md-12:last-child:nth-child(3n+1) .care-box img{width:100%;min-height:0;height:clamp(150px,18vw,200px)}
  .page-appl .TOA>.col-md-12:last-child:nth-child(3n+1) .care-box .text-box{border-left:0;border-top:3px solid var(--ap-teal)}
}
@media (max-width:640px){
  .page-appl .TOA{grid-template-columns:1fr;gap:22px}
  .page-appl .TOA>.col-md-12:last-child:nth-child(3n+1) .care-box{flex-direction:column}
  .page-appl .TOA>.col-md-12:last-child:nth-child(3n+1) .care-box img{width:100%;min-height:0;height:clamp(200px,40vw,280px)}
  .page-appl .TOA>.col-md-12:last-child:nth-child(3n+1) .care-box .text-box{border-left:0;border-top:4px solid var(--ap-teal)}
}
@media (max-width:768px){
  .page-appl .BA-Banner{padding:44px 0 96px}
  .page-appl .BA-Banner .Banner-text .name{font-size:34px}
  .page-appl .BA-Banner .Banner-text p{font-size:14px;line-height:1.75}
  .page-appl .emergency-list .container{padding-left:6%;padding-right:6%}
  .page-appl .TOA .care-box img{width:100%;height:210px;margin:0}
  .page-appl .TOA .care-box .text-box{padding:22px 20px 24px}
  .page-appl .TOA .care-box .text-box h3{font-size:20px;text-align:left}
  .page-appl .TOA .care-box .text-box p{font-size:14px;line-height:1.75;text-align:left}
}

/* ===== clear-page.css ===== */
/* ==========================================================
   Self-Ligating Braces - clean light layout, scoped .page-clear
   Same palette & fonts as the rest of the site
   ========================================================== */
.page-clear{--t:#83a7ad;--d:#527177;--dd:#43636a;--tint:#eef6f7;--ink:#3c403f}

/* ---------- hero: full-width photo + clean white card ---------- */
.page-clear .internal_banner{position:relative;background:var(--tint)}
.page-clear .internal_banner .banner{width:100%;height:auto}
.page-clear .internal_banner .web_banner{display:block}
.page-clear .internal_banner .mobile_banner{display:none}
.page-clear .internal_banner .Inter-Banner-text{position:absolute;top:50%;left:7%;right:auto;transform:translateY(-50%);width:min(520px,40%);box-sizing:border-box;margin:0;padding:38px 40px 40px;
  display:block;text-align:left;background:#fff;border:0;border-radius:24px;box-shadow:0 30px 60px -24px rgba(40,60,64,.45)}
.page-clear .Inter-Banner-text::before{content:"";position:absolute;left:40px;top:0;width:64px;height:5px;border-radius:0 0 5px 5px;background:var(--t)}
.page-clear .internal_banner .Inter-Banner-text h1{text-align:left!important;margin:6px 0 14px;font:600 clamp(28px,2.8vw,42px)/1.15 var(--head-font);color:var(--d);text-align:left}
.page-clear .internal_banner .Inter-Banner-text p{margin:0 0 24px;font-size:clamp(14.5px,1.1vw,16.5px);line-height:1.8;color:var(--ink);text-align:left}
.page-clear .cl-hero-btn{display:inline-block;padding:14px 30px;border-radius:999px;background:var(--t);color:#fff;font:600 15px/1 var(--head-font);box-shadow:0 14px 24px -12px rgba(82,113,119,.8);transition:transform .2s,background .2s}
.page-clear .cl-hero-btn:hover{transform:translateY(-2px);background:var(--d);color:#fff}



/* ---------- statement bar ---------- */
.page-clear .statement-text{position:relative;overflow:hidden;background:linear-gradient(90deg,var(--t),var(--dd));padding:clamp(34px,4vw,54px) 0}
.page-clear .statement-text::before{content:"\201C";position:absolute;left:5%;top:-30px;font:700 200px/1 Georgia,serif;color:rgba(255,255,255,.14);pointer-events:none}
.page-clear .statement-text .container{max-width:1000px}
.page-clear .statement-text p{display:block;width:100%;margin:0;padding:0;border:0;background:none;text-align:center;color:#fff;font:500 clamp(16px,1.5vw,20px)/1.75 var(--head-font)}

/* ---------- how it works ---------- */
.page-clear .Early-treatment{padding:clamp(56px,6vw,96px) 0;background:#fff}
.page-clear .Early-treatment .head_text{width:100%;text-align:center}
.page-clear .Early-treatment h2.heading{margin:0 0 44px;text-align:center;font:500 clamp(26px,2.8vw,40px)/1.25 var(--head-font);color:var(--d)}
.page-clear .Early-treatment h2.heading::after{content:"";display:block;width:64px;height:4px;border-radius:4px;background:var(--t);margin:16px auto 0}
.page-clear .Early-treatment .divide{align-items:center}
.page-clear .Early-treatment .divide>.col-md-5{position:relative;padding:0 26px 26px 0}
.page-clear .Early-treatment .divide>.col-md-5::before{content:"";position:absolute;inset:26px 0 0 26px;border-radius:26px;background:var(--tint);border:2px solid rgba(131,167,173,.45)}
.page-clear .Early-treatment .divide>.col-md-5 img{position:relative;display:block;width:100%;height:auto;margin:0;border-radius:26px;border:0;box-shadow:0 26px 48px -26px rgba(40,60,64,.55)}
.page-clear .Early-treatment .txt_area{padding:0 0 0 clamp(20px,4vw,64px)}
.page-clear .Early-treatment .txt_area p{margin:0;padding:6px 0 6px 26px;border-left:4px solid var(--t);text-align:left!important;font-size:clamp(15px,1.15vw,17px);line-height:1.95;color:var(--ink)}

/* ---------- advantages ---------- */
.page-clear .advantage-option{margin-top:clamp(48px,5vw,80px);padding:clamp(34px,4vw,60px) clamp(20px,4vw,56px);border-radius:34px;background:var(--tint)}
.page-clear .advantage-option .row>*{padding:0}
.page-clear .advantage-option h2.heading{margin:0 0 16px;text-align:center;font:500 clamp(24px,2.5vw,36px)/1.3 var(--head-font);color:var(--d)}
.page-clear .advantage-option h2.heading::after{content:"";display:block;width:64px;height:4px;border-radius:4px;background:var(--t);margin:16px auto 0}
.page-clear .advantage-option>.row p.sub-text{max-width:820px;margin:0 auto 40px;text-align:center!important;font-size:16.5px;line-height:1.85;color:var(--ink)}
.page-clear .advantage-option-list{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px;margin:0 0 36px;padding:0;list-style:none;counter-reset:cl}
.page-clear .advantage-option-list li{position:relative;counter-increment:cl;margin:0;padding:0;list-style:none;border:1px solid rgba(131,167,173,.35);border-top:5px solid var(--t);border-radius:20px;background:#fff;box-shadow:0 20px 36px -28px rgba(40,60,64,.5);transition:transform .25s,box-shadow .25s}
.page-clear .advantage-option-list li:hover{transform:translateY(-5px);box-shadow:0 26px 42px -28px rgba(40,60,64,.55)}
.page-clear .advantage-option-list .box{height:100%;padding:76px 24px 28px;background:none;border:0;box-shadow:none}
.page-clear .advantage-option-list li::before{content:"\f00c";font-family:"Font Awesome 6 Free";font-weight:900;position:absolute;left:24px;top:22px;display:grid;place-items:center;width:42px;height:42px;border-radius:50%;background:linear-gradient(145deg,var(--t),var(--d));color:#fff;font-size:16px}
.page-clear .advantage-option-list li::after{content:"0" counter(cl);position:absolute;right:20px;top:14px;font:700 40px/1 var(--head-font);color:var(--t);opacity:.2}
.page-clear .advantage-option-list p{margin:0;padding:0;text-align:left;font-size:15.5px;line-height:1.75;color:var(--ink)}
.page-clear .advantage-option p.last-p{display:flex;align-items:center;justify-content:space-between;gap:30px;width:100%;margin:0;padding:34px 40px;border-radius:22px;text-align:left!important;
  background:radial-gradient(circle at 100% 0,rgba(255,255,255,.16) 0 130px,transparent 131px),linear-gradient(135deg,var(--t),var(--dd));box-shadow:0 26px 48px -28px rgba(30,50,54,.65);color:#fff;font-size:clamp(15.5px,1.2vw,17.5px);line-height:1.8;font-weight:500}
.page-clear .cl-btn{flex:0 0 auto;display:inline-block;padding:16px 34px;border-radius:999px;background:#fff;color:var(--d);font:600 15px/1 var(--head-font);box-shadow:0 12px 24px -12px rgba(0,0,0,.5);transition:transform .2s;white-space:nowrap}
.page-clear .cl-btn:hover{transform:translateY(-2px);color:var(--d)}

@media (max-width:991px){
  .page-clear .internal_banner .Inter-Banner-text{left:5%;width:min(430px,48%);padding:28px 28px 30px}
  .page-clear .Inter-Banner-text::before{left:28px}
  .page-clear .internal_banner .Inter-Banner-text p{margin-bottom:18px}
  .page-clear .Early-treatment .txt_area{padding:0 0 0 20px}
  .page-clear .advantage-option-list{grid-template-columns:repeat(2,minmax(0,1fr))}
  .page-clear .advantage-option p.last-p{flex-direction:column;align-items:flex-start;padding:30px}
}
@media (max-width:768px){
  .page-clear .internal_banner{display:flex;flex-direction:column;background:#fff}
  .page-clear .internal_banner .web_banner{display:none}
  .page-clear .internal_banner .mobile_banner{display:block;order:-1}
  .page-clear .Early-treatment .container{padding-left:16px;padding-right:16px}
  .page-clear .internal_banner .Inter-Banner-text{position:relative;top:auto;left:auto;transform:none;width:auto;margin:-38px 16px 0;padding:28px 22px 30px;z-index:2}
  .page-clear .Inter-Banner-text::before{left:22px}
  .page-clear .internal_banner .Inter-Banner-text h1{font-size:28px}
  .page-clear .statement-text::before{font-size:120px;top:-20px}
  .page-clear .Early-treatment .divide{justify-items:center;gap:30px}
  .page-clear .Early-treatment .divide>.col-md-5{padding:0 16px 16px 0}
  .page-clear .Early-treatment .divide>.col-md-5::before{inset:16px 0 0 16px}
  .page-clear .Early-treatment .txt_area{padding:0 4px}
  .page-clear .Early-treatment .txt_area p{font-size:15px;padding-left:18px}
  .page-clear .advantage-option{padding:30px 16px;border-radius:26px}
  .page-clear .advantage-option-list{grid-template-columns:1fr;gap:16px}
  .page-clear .advantage-option p.last-p{padding:26px 22px}
}
@media (prefers-reduced-motion:reduce){.page-clear .advantage-option-list li,.page-clear .cl-hero-btn,.page-clear .cl-btn{transition:none}}

.page-clear :is(.Early-treatment,.advantage-option) h2.heading{background:none!important;padding:0!important;border:0!important;box-shadow:none!important;width:100%}
.page-clear .internal_banner .Inter-Banner-text p{text-align:left!important}
.page-clear .internal_banner .Inter-Banner-text{justify-items:stretch}
.page-clear .internal_banner .Inter-Banner-text h1{width:100%}

/* ---------- quick answer (AEO) ---------- */
.page-clear .cl-quick{padding:clamp(44px,5vw,76px) 0 0;background:#fff}
.page-clear .cl-quick-grid{display:grid;grid-template-columns:minmax(0,6fr) minmax(0,5fr);gap:clamp(24px,4vw,56px);align-items:center}
.page-clear .cl-quick h2{margin:0 0 16px;text-align:left;font:600 clamp(26px,2.8vw,40px)/1.2 var(--head-font);color:var(--d)}
.page-clear .cl-quick h2::after{content:"";display:block;width:64px;height:4px;border-radius:4px;background:var(--t);margin-top:14px}
.page-clear .cl-answer{margin:0;padding:26px 30px;border-left:5px solid var(--t);border-radius:6px 22px 22px 6px;background:#fff;box-shadow:0 18px 34px -28px rgba(60,64,63,.55);font-size:clamp(16px,1.25vw,18px);line-height:1.85;color:var(--ink);text-align:left}
.page-clear .cl-chips{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin:0;padding:0;list-style:none}
.page-clear .cl-chips li{position:relative;margin:0;padding:20px 18px 18px;border:1px solid rgba(131,167,173,.4);border-radius:18px;background:var(--tint);list-style:none}
.page-clear .cl-chips i{display:grid;place-items:center;width:40px;height:40px;margin-bottom:12px;border-radius:12px;background:linear-gradient(145deg,var(--t),var(--d));color:#fff;font-size:16px}
.page-clear .cl-chips strong{display:block;margin-bottom:3px;font:600 16px/1.3 var(--head-font);color:var(--d)}
.page-clear .cl-chips span{display:block;font-size:14px;line-height:1.55;color:var(--ink)}
/* geo block icon set for this page */
.page-clear .cl-geo .home-aeo-list li:nth-child(1) a::before{content:"\f5c9"}
.page-clear .cl-geo .home-aeo-list li:nth-child(2) a::before{content:"\f155"}
.page-clear .cl-geo .home-aeo-list li:nth-child(3) a::before{content:"\f059"}
.page-clear .cl-geo .home-aeo-list li:nth-child(4) a::before{content:"\f03e"}
.page-clear .cl-geo .home-aeo-list li:last-child{grid-column:auto}
.page-clear .cl-geo{background:linear-gradient(180deg,#fff,var(--tint))}
@media (max-width:991px){.page-clear .cl-quick-grid{grid-template-columns:1fr}}
@media (max-width:768px){.page-clear .cl-quick .container{padding-left:16px;padding-right:16px}.page-clear .cl-answer{padding:20px}.page-clear .cl-chips{grid-template-columns:1fr 1fr;gap:10px}.page-clear .cl-chips li{padding:16px 14px}}

/* ---------- consistent vertical rhythm between sections ---------- */
.page-clear{--sec:clamp(48px,5.5vw,84px)}
.page-clear .cl-quick{padding:var(--sec) 0 0}
.page-clear .Early-treatment{padding:var(--sec) 0 0}
.page-clear .Early-treatment h2.heading{margin-bottom:clamp(28px,3vw,44px)}
.page-clear .advantage-option{margin-top:var(--sec)}
.page-clear .cl-geo.home-aeo{padding:var(--sec) 0;background:#fff}
.page-clear .home-faq.geo-faq{padding-top:var(--sec);padding-bottom:var(--sec)}
.page-clear .home-aeo-list{gap:16px}
@media (max-width:768px){
  .page-clear{--sec:44px}
  .page-clear .statement-text{padding:30px 0}
  .page-clear .advantage-option{margin-top:36px}
}

/* ---------- hero: natural photo, compact card that never covers the subject ---------- */
@media (min-width:1400px){
  .page-clear .internal_banner .Inter-Banner-text{width:min(520px,34%);padding:26px 32px 28px}
  .page-clear .internal_banner .Inter-Banner-text h1{font-size:clamp(28px,2.2vw,38px);margin:4px 0 10px}
  .page-clear .internal_banner .Inter-Banner-text p{font-size:15px;line-height:1.7;margin-bottom:16px}
  .page-clear .internal_banner .Inter-Banner-text h3{margin-bottom:8px}
}
@media (min-width:992px) and (max-width:1399px){
  .page-clear .internal_banner .web_banner{min-height:420px;object-fit:cover;object-position:right center}
  .page-clear .internal_banner .Inter-Banner-text{width:min(440px,42%);padding:24px 28px 26px}
  .page-clear .internal_banner .Inter-Banner-text p{font-size:14.5px;line-height:1.65;margin-bottom:14px}
}
.page-clear h2,.page-clear h3{text-wrap:balance}
/* compact statement band */
.page-clear .statement-text{padding:clamp(16px,1.8vw,24px) 0}
.page-clear .statement-text::before{font-size:110px;top:-14px;left:6%}
.page-clear .statement-text .container{max-width:900px}
.page-clear .statement-text p{font-size:clamp(13.5px,1vw,15.5px);line-height:1.65}
@media (max-width:768px){.page-clear .statement-text{padding:16px 0}.page-clear .statement-text::before{font-size:70px;top:-8px}.page-clear .statement-text p{font-size:13.5px}}

/* ===== doctor-page.css ===== */
/* Meet Dr. Noorani page — scoped under .page-doctor (same palette/fonts) */
.page-doctor{--dr-teal:#83a7ad;--dr-deep:#4d737b;--dr-tint:#e8f3f5;--dr-ink:#3c403f}

/* ---------- hero: teal gradient, arched portrait ---------- */
.page-doctor .doctor_banner{position:relative;overflow:hidden;padding:clamp(36px,4.5vw,64px) 0 0;background:linear-gradient(110deg,var(--dr-teal) 0%,var(--dr-deep) 100%)}
.page-doctor .doctor_banner::before{content:"";position:absolute;right:-140px;top:-160px;width:460px;height:460px;border-radius:50%;border:60px solid rgba(255,255,255,.07)}
.page-doctor .doctor_banner::after{content:"";position:absolute;left:38%;bottom:-120px;width:300px;height:300px;border-radius:50%;background:rgba(255,255,255,.06)}
.page-doctor .doctor_banner .container{position:relative;z-index:1}
.page-doctor .doctor_banner .align{align-items:flex-end}
.page-doctor .doctor_banner .col-md-3{max-width:320px;position:relative}
.page-doctor .doctor_banner .col-md-3::before{content:"";position:absolute;inset:-14px 14px 0 -14px;border:2px solid rgba(255,255,255,.45);border-bottom:0;border-radius:150px 150px 0 0}
.page-doctor .doctor_banner img{position:relative;display:block;width:100%;height:auto;border-radius:150px 150px 0 0;box-shadow:0 -10px 40px rgba(0,0,0,.18)}
.page-doctor .doctor_banner .dr-Banner-text{align-self:center;padding:0 0 clamp(20px,3vw,40px) clamp(24px,5vw,72px)}
.page-doctor .doctor_banner .dr-Banner-text .name{margin:0;font-size:clamp(34px,4.6vw,68px);line-height:1.1;font-weight:600;letter-spacing:-.5px;color:#fff}
.page-doctor .doctor_banner .dr-Banner-text .name::after{content:"";display:block;width:84px;height:4px;border-radius:4px;background:#fff;opacity:.85;margin-top:22px}
.page-doctor .doctor_banner .dr-Banner-text p:empty{display:none}

/* ---------- profile: numbered timeline ---------- */
.page-doctor .Doctor-detail{padding:clamp(44px,5vw,80px) 0 clamp(50px,6vw,96px);background:#fff}
.page-doctor .Doctor-detail .container{max-width:960px}
.page-doctor .Doctor-detail .treatment-box{position:relative;display:block;margin:0;padding:0 0 0 clamp(64px,8vw,96px);background:none;border:0;box-shadow:none;counter-reset:dr}
.page-doctor .Doctor-detail .treatment-box::before{content:"";position:absolute;left:27px;top:70px;bottom:30px;width:2px;background:repeating-linear-gradient(180deg,var(--dr-teal) 0 8px,transparent 8px 16px)}
.page-doctor .Doctor-detail .treatment-box h3{display:inline-flex;align-items:center;gap:12px;width:auto!important;min-width:0;max-width:none;height:auto;margin:0 0 34px -2px;padding:14px 28px 14px 18px;border-radius:999px;background:linear-gradient(100deg,var(--dr-teal),var(--dr-deep));color:#fff;font-size:22px;line-height:1.2;text-align:left;box-shadow:0 16px 30px -16px rgba(60,64,63,.55);transform:translateX(calc(-1 * clamp(64px,8vw,96px) + 0px))}
.page-doctor .Doctor-detail .treatment-box h3 i{display:grid;place-items:center;width:36px;height:36px;margin:0;border-radius:50%;background:#fff;color:var(--dr-deep);font-size:14px}
.page-doctor .Doctor-detail .treatment-box p{position:relative;counter-increment:dr;margin:0 0 26px;padding:0;background:none;border:0;box-shadow:none;font-size:17px;line-height:1.9;text-align:left;color:var(--dr-ink)}
.page-doctor .Doctor-detail .treatment-box p::before{content:"0" counter(dr);position:absolute;left:calc(-1 * clamp(64px,8vw,96px));top:-2px;display:grid;place-items:center;width:56px;height:56px;border-radius:50%;background:#fff;border:2px solid var(--dr-teal);font:600 clamp(15px,1.6vw,19px)/1 var(--head-font);color:var(--dr-deep);box-shadow:0 0 0 6px #fff}
.page-doctor .Doctor-detail .treatment-box p:nth-of-type(2){padding:22px 26px;border-radius:18px;background:var(--dr-tint);border-left:5px solid var(--dr-teal)}
.page-doctor .Doctor-detail .treatment-box p:nth-of-type(3){padding:24px 28px;border-radius:18px;border:2px dashed var(--dr-teal);font-weight:500;background:linear-gradient(100deg,rgba(232,243,245,.6),#fff)}
.page-doctor .Doctor-detail .treatment-box p:nth-of-type(2)::before{top:12px;left:calc(-1 * clamp(64px,8vw,96px) - 5px)}
.page-doctor .Doctor-detail .treatment-box p:nth-of-type(3)::before{top:12px;left:calc(-1 * clamp(64px,8vw,96px) - 2px)}

@media (max-width:768px){
  .page-doctor .doctor_banner{padding-top:30px}
  .page-doctor .doctor_banner::before{width:300px;height:300px;border-width:40px;right:-120px;top:-120px}
  .page-doctor .doctor_banner .align{align-items:center;text-align:center}
  .page-doctor .doctor_banner .col-md-3{max-width:210px;margin:0 auto}
  .page-doctor .doctor_banner .col-md-3::before{inset:-10px 10px 0 -10px}
  .page-doctor .doctor_banner img{width:100%;margin:0;border-radius:105px 105px 0 0}
  .page-doctor .doctor_banner .dr-Banner-text{padding:28px 4% 30px}
  .page-doctor .doctor_banner .dr-Banner-text .name{font-size:34px;line-height:1.15;text-align:center}
  .page-doctor .doctor_banner .dr-Banner-text .name::after{margin:16px auto 0;width:64px}
  .page-doctor .Doctor-detail{padding-top:34px}
  .page-doctor .Doctor-detail .container{padding-left:5%;padding-right:5%}
  .page-doctor .Doctor-detail .treatment-box{padding-left:52px}
  .page-doctor .Doctor-detail .treatment-box::before{left:19px;top:54px}
  .page-doctor .Doctor-detail .treatment-box h3{font-size:18px;padding:10px 20px 10px 12px;margin-bottom:26px;transform:translateX(-52px)}
  .page-doctor .Doctor-detail .treatment-box p{font-size:14px;line-height:1.75}
  .page-doctor .Doctor-detail .treatment-box p::before{left:-52px;width:40px;height:40px;font-size:13px;transform:none}
  .page-doctor .Doctor-detail .treatment-box p:nth-of-type(2)::before{left:-57px}
  .page-doctor .Doctor-detail .treatment-box p:nth-of-type(3)::before{left:-54px}
    .page-doctor .Doctor-detail .treatment-box p:nth-of-type(2),.page-doctor .Doctor-detail .treatment-box p:nth-of-type(3){padding:16px 18px}
}

/* ===== emergency-care-page.css ===== */
/* Emergency Care - clean light layout, scoped .page-emer (site palette & fonts) */
.page-emer{--t:#83a7ad;--d:#527177;--dd:#43636a;--tint:#eef6f7;--ink:#3c403f;--sec:clamp(40px,4.4vw,64px)}
.page-emer h2,.page-emer h3{text-wrap:balance}
.page-emer .em-btn{display:inline-block;padding:14px 30px;border-radius:999px;background:var(--t);color:#fff;font:600 15px/1 var(--head-font);box-shadow:0 14px 24px -12px rgba(82,113,119,.8);transition:transform .2s,background .2s}
.page-emer .em-btn:hover{transform:translateY(-2px);background:var(--d);color:#fff}

/* hero: card on the right (plain Inter-Banner-text sits right) */
.page-emer .internal_banner{position:relative;background:var(--tint)}
.page-emer .internal_banner .banner{width:100%;height:auto}
.page-emer .internal_banner .web_banner{display:block}
.page-emer .internal_banner .mobile_banner{display:none}
.page-emer .internal_banner .Inter-Banner-text{position:absolute;top:50%;right:7%;left:auto;transform:translateY(-50%);width:min(560px,44%);box-sizing:border-box;margin:0;padding:34px 38px 36px;display:block;justify-items:stretch;text-align:left;background:#fff;border:1px solid rgba(131,167,173,.35);border-left:6px solid var(--t);border-radius:24px;box-shadow:0 30px 60px -24px rgba(40,60,64,.45)}
.page-emer .internal_banner .Inter-Banner-text h1{width:100%;margin:0 0 12px;background:none;padding:0;text-align:left!important;font:600 clamp(28px,2.8vw,42px)/1.15 var(--head-font);color:var(--d)}
.page-emer .internal_banner .Inter-Banner-text p{margin:0 0 20px;font-size:clamp(14px,1.05vw,15.5px);line-height:1.7;color:var(--ink);text-align:left}

/* intro band (full width) */
.page-emer .statement-text{position:relative;overflow:hidden;padding:clamp(18px,2vw,26px) 0;background:linear-gradient(100deg,var(--t),var(--dd))}
.page-emer .statement-text::before,.page-emer .statement-text::after{content:"";position:absolute;border-radius:50%;border:1px solid rgba(255,255,255,.2);pointer-events:none}
.page-emer .statement-text::before{width:300px;height:300px;right:-90px;top:-150px}
.page-emer .statement-text::after{width:180px;height:180px;left:-60px;bottom:-100px}
.page-emer .statement-text .container{position:relative;z-index:1;max-width:1300px}
.page-emer .statement-text p.sub-text{position:relative;margin:0;padding:2px 0 2px 72px;min-height:48px;display:flex;align-items:center;text-align:left;font:500 clamp(14px,1vw,15.5px)/1.7 var(--head-font);color:#fff}
.page-emer .statement-text p.sub-text::before{content:"\f0f9";position:absolute;left:0;top:50%;transform:translateY(-50%);display:grid;place-items:center;width:48px;height:48px;border-radius:50%;background:#fff;box-shadow:0 12px 22px -12px rgba(0,0,0,.5);color:var(--dd);font:900 19px/1 "Font Awesome 6 Free"}
.page-emer .statement-text p.sub-text::after{content:"";position:absolute;left:60px;top:2px;bottom:2px;width:2px;border-radius:2px;background:rgba(255,255,255,.45)}

/* care cards */
.page-emer .emergency-list{padding:var(--sec) 0;background:linear-gradient(180deg,#fff,var(--tint))}
.page-emer .emergency-list .container{max-width:1200px}
.page-emer .emergency-list .container>.row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin:0;counter-reset:em}
.page-emer .emergency-list .container>.row>*{width:auto;max-width:none;padding:0;margin:0}
.page-emer .care-box{position:relative;counter-increment:em;display:flex;flex-direction:row;align-items:stretch;gap:0;height:100%;margin:0;padding:0;overflow:hidden;border:1px solid rgba(131,167,173,.4);border-radius:22px;background:#fff;box-shadow:0 18px 32px -26px rgba(40,60,64,.55);transition:transform .25s,box-shadow .25s}
.page-emer .care-box:hover{background:#fff;transform:translateY(-4px);box-shadow:0 26px 40px -26px rgba(40,60,64,.6)}
.page-emer .care-box:hover h3{color:var(--d)}
/* photo sits in a tinted frame, never cropped */
.page-emer .care-box>img{flex:0 0 190px;box-sizing:border-box;width:190px;height:auto;align-self:center;margin:12px 0 12px 12px;padding:0;border:1px solid rgba(131,167,173,.35);border-radius:14px;background:var(--tint);object-fit:contain}
.page-emer .care-box::before{content:counter(em);position:absolute;right:16px;top:12px;font:700 36px/1 var(--head-font);color:rgba(131,167,173,.22);pointer-events:none}
.page-emer .care-box .text-box{flex:1;align-self:center;padding:16px 22px 18px 20px;text-align:left}
.page-emer .care-box .text-box h3{margin:0 0 8px;text-align:left;font:600 clamp(18px,1.4vw,20px)/1.3 var(--head-font);color:var(--d)}
.page-emer .care-box .text-box h3::after{content:"";display:block;width:36px;height:3px;border-radius:3px;background:var(--t);margin-top:8px}
.page-emer .care-box .text-box p.sub-text{margin:0;text-align:left;font-size:14px;line-height:1.7;color:var(--ink)}
.page-emer .emergency-list .container>.row>div:first-child{grid-column:1/-1}
.page-emer .emergency-list .container>.row>div:first-child .care-box>img{flex-basis:250px;width:250px}
.page-emer .emergency-list .container>.row>div:first-child .care-box .text-box{padding:18px 36px 18px 24px}

/* call-us strip */
.page-emer .em-call{padding:0 0 var(--sec);background:var(--tint)}
.page-emer .em-call .container{max-width:1200px}
.page-emer .em-call-box{position:relative;overflow:hidden;display:flex;align-items:center;justify-content:space-between;gap:24px;padding:clamp(22px,2.6vw,32px) clamp(22px,3vw,44px);border-radius:24px;background:linear-gradient(120deg,var(--t),var(--dd));color:#fff;box-shadow:0 26px 44px -28px rgba(40,60,64,.7)}
.page-emer .em-call-box::before{content:"";position:absolute;width:240px;height:240px;right:-70px;top:-110px;border-radius:50%;border:1px solid rgba(255,255,255,.22)}
.page-emer .em-call-box>*{position:relative}
.page-emer .em-call-box p{margin:0;font:500 clamp(15px,1.3vw,18px)/1.6 var(--head-font);color:#fff}
.page-emer .em-call-box p strong{display:block;font-size:clamp(18px,1.7vw,24px);font-weight:600;margin-bottom:2px}
.page-emer .em-call-actions{display:flex;flex-wrap:wrap;gap:12px;flex:0 0 auto}
.page-emer .em-call-actions a{display:inline-flex;align-items:center;gap:10px;padding:13px 26px;border-radius:999px;font:600 15px/1 var(--head-font);transition:transform .2s}
.page-emer .em-call-actions a:hover{transform:translateY(-2px)}
.page-emer .em-call-actions .em-tel{background:#fff;color:var(--dd);box-shadow:0 14px 24px -12px rgba(0,0,0,.5)}
.page-emer .em-call-actions .em-tel::before{content:"\f095";font:900 14px/1 "Font Awesome 6 Free"}
.page-emer .em-call-actions .em-book{border:2px solid rgba(255,255,255,.85);color:#fff}
.page-emer .em-call-actions .em-book:hover{background:#fff;color:var(--dd)}

.page-emer .home-faq.geo-faq{padding-top:var(--sec);padding-bottom:var(--sec)}

@media (min-width:1400px){
  .page-emer .internal_banner .Inter-Banner-text{width:min(560px,36%);padding:24px 30px 26px}
  .page-emer .internal_banner .Inter-Banner-text h1{font-size:clamp(28px,2.2vw,38px);margin-bottom:8px}
  .page-emer .internal_banner .Inter-Banner-text p{font-size:14px;line-height:1.6;margin-bottom:14px}
}
@media (min-width:1200px) and (max-width:1399px){
  .page-emer .internal_banner .web_banner{min-height:420px;object-fit:cover;object-position:left center}
  .page-emer .internal_banner .Inter-Banner-text{width:min(500px,46%);padding:20px 26px 22px}
  .page-emer .internal_banner .Inter-Banner-text p{font-size:13.5px;line-height:1.55;margin-bottom:12px}
}
@media (max-width:1199px){
  .page-emer .internal_banner{display:flex;flex-direction:column;background:#fff}
  .page-emer .internal_banner .Inter-Banner-text{position:relative!important;top:auto;left:auto;right:auto;transform:none;width:auto!important;max-width:760px;margin:-40px 24px 0;padding:28px 30px 30px;z-index:2}
}
@media (max-width:991px){
  .page-emer .emergency-list .container>.row{grid-template-columns:1fr}
  .page-emer .em-call-box{flex-direction:column;align-items:flex-start}
}
@media (max-width:768px){
  .page-emer{--sec:36px}
  .page-emer .internal_banner .web_banner{display:none}
  .page-emer .internal_banner .mobile_banner{display:block;order:-1}
  .page-emer .internal_banner .Inter-Banner-text{margin:-38px 16px 0;padding:28px 22px 30px}
  .page-emer .internal_banner .Inter-Banner-text h1{font-size:28px}
  .page-emer .container{padding-left:16px;padding-right:16px}
  .page-emer .statement-text p.sub-text{display:block;padding:68px 0 0;min-height:0;text-align:center;font-size:15px}
  .page-emer .statement-text p.sub-text::before{left:50%;top:0;transform:translateX(-50%);width:50px;height:50px}
  .page-emer .statement-text p.sub-text::after{display:none}
  .page-emer .emergency-list .container>.row{grid-template-columns:1fr;gap:16px}
  .page-emer .emergency-list .container>.row>div:first-child{grid-column:auto}
  .page-emer .care-box,.page-emer .emergency-list .container>.row>div:first-child .care-box{flex-direction:column}
  .page-emer .care-box>img,.page-emer .emergency-list .container>.row>div:first-child .care-box>img{flex:none;width:auto;max-width:calc(100% - 28px);margin:14px 14px 0}
  .page-emer .care-box .text-box,.page-emer .emergency-list .container>.row>div:first-child .care-box .text-box{padding:16px 18px 22px}
  .page-emer .em-call-actions,.page-emer .em-call-actions a{width:100%;justify-content:center}
}
@media (prefers-reduced-motion:reduce){.page-emer .em-btn,.page-emer .care-box{transition:none}}
/* compact statement band v7 */
.page-emer .statement-text{padding:14px 0}
.page-emer .statement-text .container{max-width:1180px}
.page-emer .statement-text p.sub-text{padding:0 0 0 58px;min-height:40px;font-size:13.5px!important;font-weight:500;line-height:1.6}
.page-emer .statement-text p.sub-text::before{width:40px;height:40px;font-size:16px}
.page-emer .statement-text p.sub-text::after{left:50px;top:0;bottom:0}
@media (max-width:768px){.page-emer .statement-text{padding:14px 0}.page-emer .statement-text p.sub-text{padding:54px 0 0;font-size:13px!important}.page-emer .statement-text p.sub-text::before{width:40px;height:40px}}
/* missing photo fallback: swap for a small icon tile */
.page-emer .care-box.img-miss>img{display:none}
.page-emer .care-box.img-miss{padding-left:12px}
.page-emer .care-box.img-miss::after{content:"\f0fa";font-family:"Font Awesome 6 Free";font-weight:900;flex:0 0 auto;order:-1;align-self:center;display:grid;place-items:center;width:64px;height:64px;margin:12px 0 12px 8px;border-radius:16px;background:linear-gradient(145deg,var(--t),var(--d));color:#fff;font-size:24px}

/* ===== for-adult-page.css ===== */
/* ==========================================================
   For Adult - clean light layout, scoped .page-adult
   Same palette & fonts as the rest of the site
   ========================================================== */
.page-adult{--t:#83a7ad;--d:#527177;--dd:#43636a;--tint:#eef6f7;--ink:#3c403f;--sec:clamp(40px,4.4vw,64px)}
.page-adult h2,.page-adult h3{text-wrap:balance}

/* ---------- hero ---------- */
.page-adult .internal_banner{position:relative;background:var(--tint)}
.page-adult .internal_banner .banner{width:100%;height:auto}
.page-adult .internal_banner .web_banner{display:block}
.page-adult .internal_banner .mobile_banner{display:none}
.page-adult .internal_banner .Inter-Banner-text{position:absolute;top:50%;left:7%;right:auto;transform:translateY(-50%);width:min(540px,42%);box-sizing:border-box;margin:0;padding:34px 38px 36px;display:block;justify-items:stretch;text-align:left;background:#fff;border:0;border-radius:24px;box-shadow:0 30px 60px -24px rgba(40,60,64,.45)}
.page-adult .Inter-Banner-text::before{content:"";position:absolute;left:38px;top:0;width:64px;height:5px;border-radius:0 0 5px 5px;background:var(--t)}
.page-adult .internal_banner .Inter-Banner-text h1{width:100%;margin:6px 0 12px;background:none;padding:0;text-align:left!important;font:600 clamp(28px,2.8vw,42px)/1.15 var(--head-font);color:var(--d)}
.page-adult .internal_banner .Inter-Banner-text p{margin:0 0 20px;font-size:clamp(14px,1.05vw,15.5px);line-height:1.7;color:var(--ink);text-align:left}
.page-adult .ad-btn{display:inline-block;padding:14px 30px;border-radius:999px;background:var(--t);color:#fff;font:600 15px/1 var(--head-font);box-shadow:0 14px 24px -12px rgba(82,113,119,.8);transition:transform .2s,background .2s}
.page-adult .ad-btn:hover{transform:translateY(-2px);background:var(--d);color:#fff}

/* ---------- section scaffolding ---------- */
.page-adult .Early-treatment{padding:var(--sec) 0 0;background:#fff}
.page-adult .Early-treatment .container>.row.divide{align-items:center}
.page-adult .divide>.col-md-5{position:relative;padding:0 24px 24px 0}
.page-adult .divide>.col-md-5::before{content:"";position:absolute;inset:24px 0 0 24px;border-radius:26px;background:var(--tint);border:2px solid rgba(131,167,173,.45)}
.page-adult .divide>.col-md-5 img,.page-adult .Why-adult .sec-align>.col-md-5 img{position:relative;display:block;width:100%;height:auto;margin:0;border:0;border-radius:26px;box-shadow:0 26px 48px -26px rgba(40,60,64,.55)}
.page-adult .Early-treatment .txt_area{padding:0 0 0 clamp(18px,3.4vw,56px);text-align:left}
.page-adult h2.heading{background:none;padding:0}
.page-adult .Early-treatment .txt_area h2.heading{margin:0 0 20px;text-align:left;font:600 clamp(24px,2.5vw,36px)/1.25 var(--head-font);color:var(--d)}
.page-adult .Early-treatment .txt_area h2.heading::after{content:"";display:block;width:64px;height:4px;border-radius:4px;background:var(--t);margin-top:14px}
.page-adult .Early-treatment .txt_area h2.heading br{display:none}
.page-adult .Early-treatment .txt_area h2 span{display:inline-block;margin:0 8px 6px 0;padding:6px 16px;border-radius:999px;background:linear-gradient(135deg,var(--t),var(--dd));color:#fff;font:700 clamp(13px,1.1vw,15px)/1.2 var(--head-font);letter-spacing:.08em;text-transform:uppercase;vertical-align:middle}

/* reasons checklist */
.page-adult .Early-treatment .txt_area>ul{display:grid;gap:10px;margin:0 0 16px;padding:0;list-style:none}
.page-adult .Early-treatment .txt_area>ul li{display:flex;align-items:center;gap:14px;margin:0;padding:11px 16px;border:1px solid rgba(131,167,173,.4);border-radius:16px;background:var(--tint);list-style:none}
.page-adult .Early-treatment .txt_area>ul li::before{content:"\f00c";flex:0 0 auto;display:grid;place-items:center;width:30px;height:30px;border-radius:50%;background:linear-gradient(145deg,var(--t),var(--d));color:#fff;font-family:"Font Awesome 6 Free";font-weight:900;font-size:12px}
.page-adult .Early-treatment .txt_area>ul li p.sub-text{margin:0;text-align:left;font-size:15px;line-height:1.55;color:var(--ink)}
.page-adult .Early-treatment .txt_area>p.sub-text{margin:0;padding:4px 0 4px 20px;border-left:4px solid var(--t);text-align:left;font-size:15px;line-height:1.8;color:var(--ink)}

/* ---------- treatment options (4 photo cards) ---------- */
.page-adult .treatment-option{margin-top:var(--sec);padding:clamp(24px,3vw,40px) clamp(18px,3vw,40px) clamp(26px,3vw,40px);border:1px solid rgba(131,167,173,.4);border-radius:28px;background:linear-gradient(180deg,var(--tint),#fff)}
.page-adult .treatment-option .row>*{padding:0}
.page-adult .treatment-option h2.heading{margin:0 0 12px;padding:0;background:none;text-align:center;font:600 clamp(24px,2.5vw,36px)/1.25 var(--head-font);color:var(--d)}
.page-adult .treatment-option h2.heading::after{content:"";display:block;width:64px;height:4px;border-radius:4px;background:var(--t);margin:14px auto 0}
.page-adult .treatment-option>.row p.sub-text,.page-adult .treatment-option .col-12>p.sub-text{max-width:820px;margin:0 auto 24px;text-align:center;font-size:clamp(14.5px,1.1vw,16px);line-height:1.8;color:var(--ink)}
.page-adult .treatment-option ul.treatment-option-list{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;margin:0;padding:0;list-style:none}
.page-adult .treatment-option-list li{flex:none;width:auto;margin:0;padding:0;list-style:none}
.page-adult .treatment-option ul li .box{height:100%;padding:10px 10px 16px;border:1px solid rgba(131,167,173,.4);border-radius:20px;background:#fff;box-shadow:0 18px 30px -26px rgba(60,64,63,.6);transition:transform .25s,box-shadow .25s}
.page-adult .treatment-option ul li .box:hover{background:#fff;transform:translateY(-5px);box-shadow:0 24px 36px -24px rgba(60,64,63,.65)}
.page-adult .treatment-option ul li .box img{display:block;width:100%;aspect-ratio:4/3;object-fit:cover;border-radius:14px}
.page-adult .treatment-option ul li .box .sub-text,.page-adult .treatment-option ul li .box:hover .sub-text{margin:14px 0 0;text-align:center;font:600 16px/1.3 var(--head-font);color:var(--d)}

/* ---------- adults vs children (3 numbered cards) ---------- */
.page-adult .Duration-sec{margin-top:var(--sec);padding:var(--sec) 0;background:linear-gradient(180deg,var(--tint),#fff)}
.page-adult .Duration-sec .txt_area{text-align:center}
.page-adult .Duration-sec .divide .heading{width:auto;max-width:900px;margin:0 auto 14px;text-align:center;font:600 clamp(24px,2.5vw,36px)/1.25 var(--head-font);color:var(--d)}
.page-adult .Duration-sec .divide .heading::after{content:"";display:block;width:64px;height:4px;border-radius:4px;background:var(--t);margin:14px auto 0}
.page-adult .Duration-sec .divide>.txt_area>p.sub-text{width:auto;max-width:860px;margin:0 auto 22px;text-align:center;font-size:clamp(14.5px,1.1vw,16px);line-height:1.8;color:var(--ink)}
.page-adult .Duration-sec .divide .txt_area ul.difference{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;width:auto;margin:0 0 22px!important;padding:0;counter-reset:d;list-style:none}
.page-adult .difference li{position:relative;margin:0!important;padding:26px 22px 22px;overflow:hidden;border:1px solid rgba(131,167,173,.4);border-radius:22px;background:#fff!important;text-align:left;box-shadow:0 20px 34px -28px rgba(60,64,63,.6);transition:transform .25s,box-shadow .25s}
.page-adult .difference li:hover{margin:0!important;background:#fff!important;transform:translateY(-5px);box-shadow:0 26px 38px -26px rgba(60,64,63,.65)}
.page-adult .difference li:hover h3{color:var(--d)}
.page-adult .difference li:hover p{color:var(--ink)}
.page-adult .difference li::before{counter-increment:d;content:"0" counter(d);display:grid;place-items:center;width:46px;height:46px;margin-bottom:14px;border-radius:14px;background:linear-gradient(145deg,var(--t),var(--dd));color:#fff;font:700 16px/1 var(--head-font);box-shadow:0 12px 20px -10px rgba(67,99,106,.9)}
.page-adult .difference li h3{margin:0 0 10px;text-align:left;font:600 18px/1.35 var(--head-font);color:var(--d)}
.page-adult .difference li p.sub-text{margin:0;text-align:left;font-size:14.5px;line-height:1.75;color:var(--ink)}
.page-adult .Duration-sec .divide .txt_area>p.sub-text:last-child{width:auto;max-width:860px;margin:0 auto;padding:18px 24px;border-radius:6px 22px 22px 22px;background:#fff;box-shadow:inset 0 0 0 1px rgba(131,167,173,.4);text-align:center;font-size:15px;line-height:1.8;color:var(--ink)}

/* ---------- why consider (photo + 3 rows + CTA band) ---------- */
.page-adult .Why-adult{padding:0 0 var(--sec);background:#fff}
.page-adult .Why-adult .divide .heading{width:auto;margin:0 auto 26px;text-align:center;font:600 clamp(24px,2.5vw,36px)/1.25 var(--head-font);color:var(--d)}
.page-adult .Why-adult .divide .heading::after{content:"";display:block;width:64px;height:4px;border-radius:4px;background:var(--t);margin:14px auto 0}
.page-adult .Why-adult .sec-align{align-items:center;margin:0 0 24px}
.page-adult .Why-adult .sec-align>.col-md-5{position:relative;padding:0 24px 24px 0}
.page-adult .Why-adult .sec-align>.col-md-5::before{content:"";position:absolute;inset:24px 0 0 24px;border-radius:26px;background:var(--tint);border:2px solid rgba(131,167,173,.45)}
.page-adult .Why-adult ul{display:grid;gap:12px;margin:0;padding:0 0 0 clamp(8px,2vw,32px)!important;list-style:none}
.page-adult .Why-adult ul li{margin:0;padding:18px 20px;border:1px solid rgba(131,167,173,.4);border-radius:18px;background:var(--tint)}
.page-adult .Why-adult ul li h3{display:flex;align-items:center;gap:12px;margin:0 0 8px;text-align:left;font:600 17px/1.35 var(--head-font);color:var(--d)}
.page-adult .Why-adult ul li h3 i{flex:0 0 auto;display:grid;place-items:center;width:32px;height:32px;margin:0;border-radius:10px;background:linear-gradient(145deg,var(--t),var(--d));color:#fff;font-size:12px}
.page-adult .Why-adult ul li p.sub-text{margin:0 0 0 44px;text-align:left;font-size:14.5px;line-height:1.7;color:var(--ink)}
.page-adult .Why-adult .divide .last-p{position:relative;overflow:hidden;width:auto;margin:0;padding:clamp(22px,2.6vw,34px) clamp(22px,3vw,44px);border-radius:26px 8px 26px 8px;background:linear-gradient(135deg,var(--t),var(--dd));color:#fff;text-align:center;font:500 clamp(15px,1.2vw,17.5px)/1.75 var(--head-font)}
.page-adult .Why-adult .txt_area>.ad-btn{display:table;margin:20px auto 0;background:#fff;color:var(--dd);box-shadow:0 14px 24px -12px rgba(0,0,0,.5)}
.page-adult .Why-adult .txt_area>.ad-btn:hover{background:var(--tint);color:var(--dd)}

.page-adult .home-faq.geo-faq{padding-top:var(--sec);padding-bottom:var(--sec)}

/* ---------- responsive ---------- */
@media (min-width:1400px){
  .page-adult .internal_banner .Inter-Banner-text{width:min(560px,36%);padding:24px 30px 26px}
  .page-adult .internal_banner .Inter-Banner-text h1{font-size:clamp(28px,2.2vw,38px);margin:4px 0 8px}
  .page-adult .internal_banner .Inter-Banner-text p{font-size:14px;line-height:1.6;margin-bottom:14px}
}
@media (min-width:1200px) and (max-width:1399px){
  .page-adult .internal_banner .web_banner{min-height:400px;object-fit:cover;object-position:right center}
  .page-adult .internal_banner .Inter-Banner-text{width:min(470px,44%);padding:20px 26px 22px}
  .page-adult .internal_banner .Inter-Banner-text p{font-size:13.5px;line-height:1.55;margin-bottom:12px}
}
@media (max-width:1199px){
  .page-adult .internal_banner{display:flex;flex-direction:column;background:#fff}
  .page-adult .internal_banner .Inter-Banner-text{position:relative!important;top:auto;left:auto;right:auto;transform:none;width:auto!important;max-width:760px;margin:-40px 24px 0;padding:28px 30px 30px;z-index:2}
}
@media (max-width:991px){
  .page-adult .treatment-option ul.treatment-option-list{grid-template-columns:repeat(2,minmax(0,1fr))}
  .page-adult .Duration-sec .divide .txt_area ul.difference{grid-template-columns:1fr}
}
@media (max-width:768px){
  .page-adult{--sec:36px}
  .page-adult .internal_banner .web_banner{display:none}
  .page-adult .internal_banner .mobile_banner{display:block;order:-1}
  .page-adult .internal_banner .Inter-Banner-text{margin:-38px 16px 0;padding:28px 22px 30px}
  .page-adult .Inter-Banner-text::before{left:22px}
  .page-adult .internal_banner .Inter-Banner-text h1{font-size:28px}
  .page-adult .container{padding-left:16px;padding-right:16px}
  .page-adult .Early-treatment .divide{gap:26px}
  .page-adult .divide>.col-md-5,.page-adult .Why-adult .sec-align>.col-md-5{padding:0 14px 14px 0;max-width:520px;margin:0 auto}
  .page-adult .divide>.col-md-5::before,.page-adult .Why-adult .sec-align>.col-md-5::before{inset:14px 0 0 14px}
  .page-adult .Early-treatment .txt_area{padding:0 2px}
  .page-adult .treatment-option{border-radius:22px}
  .page-adult .treatment-option ul.treatment-option-list{gap:12px}
  .page-adult .treatment-option ul li .box .sub-text{font-size:14.5px}
  .page-adult .Why-adult ul{padding:20px 0 0!important}
  .page-adult .Why-adult ul li p.sub-text{margin-left:0}
  .page-adult .Why-adult .divide .last-p{border-radius:20px 6px 20px 6px}
}
@media (max-width:420px){.page-adult .treatment-option ul.treatment-option-list{grid-template-columns:1fr 1fr;gap:10px}}
@media (prefers-reduced-motion:reduce){.page-adult .ad-btn,.page-adult .difference li,.page-adult .treatment-option ul li .box{transition:none}}

/* ==========================================================
   v2 - richer visual layer
   ========================================================== */
/* hero: accent bar + soft glow */
.page-adult .internal_banner .Inter-Banner-text{border:1px solid rgba(131,167,173,.35);border-left:6px solid var(--t)}
.page-adult .Inter-Banner-text::before{display:none}
.page-adult .internal_banner .Inter-Banner-text h1::before{content:"For adults";display:inline-block;margin:0 0 10px;padding:5px 14px;border-radius:999px;background:var(--tint);border:1px solid rgba(131,167,173,.5);color:var(--dd);font:700 11px/1.2 var(--head-font);letter-spacing:.12em;text-transform:uppercase;display:none}

/* early treatment: soft tinted section with glow */
.page-adult .Early-treatment{position:relative;overflow:hidden;padding-bottom:var(--sec);background:linear-gradient(180deg,#fff 0%,var(--tint) 100%)}
.page-adult .Early-treatment::before{content:"";position:absolute;right:-120px;top:-120px;width:340px;height:340px;border-radius:50%;background:radial-gradient(circle,rgba(131,167,173,.28),rgba(131,167,173,0) 70%);pointer-events:none}
.page-adult .Early-treatment .container{position:relative}
.page-adult .Early-treatment .txt_area>ul li{background:#fff;box-shadow:0 12px 22px -18px rgba(60,64,63,.55);transition:transform .2s,box-shadow .2s,border-color .2s}
.page-adult .Early-treatment .txt_area>ul li:hover{transform:translateX(6px);border-color:var(--t);box-shadow:0 16px 26px -16px rgba(60,64,63,.6)}
.page-adult .Early-treatment .txt_area>p.sub-text{padding:14px 18px 14px 20px;border-radius:0 14px 14px 0;background:rgba(255,255,255,.75)}

/* treatment options: deep teal band, white photo cards */
.page-adult .treatment-option{position:relative;overflow:hidden;margin-top:var(--sec);border:0;background:linear-gradient(135deg,var(--d),var(--dd));box-shadow:0 34px 60px -34px rgba(40,60,64,.7)}
.page-adult .treatment-option::before,.page-adult .treatment-option::after{content:"";position:absolute;border-radius:50%;pointer-events:none;border:1px solid rgba(255,255,255,.16)}
.page-adult .treatment-option::before{width:340px;height:340px;right:-110px;top:-140px}
.page-adult .treatment-option::after{width:220px;height:220px;left:-80px;bottom:-110px}
.page-adult .treatment-option .row{position:relative;z-index:1}
.page-adult .treatment-option h2.heading{color:#fff}
.page-adult .treatment-option h2.heading::after{background:rgba(255,255,255,.7)}
.page-adult .treatment-option>.row p.sub-text,.page-adult .treatment-option .col-12>p.sub-text{color:rgba(255,255,255,.92)}
.page-adult .treatment-option ul li .box{position:relative;padding:0 0 16px;overflow:hidden;border:0;border-radius:20px;box-shadow:0 22px 34px -22px rgba(0,0,0,.6)}
.page-adult .treatment-option ul li .box img{border-radius:0;aspect-ratio:4/3;transition:transform .5s}
.page-adult .treatment-option ul li .box:hover img{transform:scale(1.07)}
.page-adult .treatment-option ul li .box .sub-text,.page-adult .treatment-option ul li .box:hover .sub-text{position:relative;margin:0;padding:14px 10px 0}
.page-adult .treatment-option ul li .box .sub-text::before{content:"";display:block;width:34px;height:3px;border-radius:3px;background:var(--t);margin:0 auto 10px}
.page-adult .treatment-option-list{counter-reset:o}
.page-adult .treatment-option-list li .box::after{counter-increment:o;content:"0" counter(o);position:absolute;left:10px;top:10px;padding:5px 10px;border-radius:999px;background:rgba(255,255,255,.92);color:var(--dd);font:700 12px/1 var(--head-font);box-shadow:0 8px 14px -8px rgba(0,0,0,.5)}

/* difference cards: accent top bar + ghost numeral */
.page-adult .Duration-sec{margin-top:var(--sec);background:#fff}
.page-adult .difference li{padding-top:30px;border-top:5px solid var(--t)}
.page-adult .difference li::after{content:"0" counter(d);position:absolute;right:16px;top:8px;font:700 78px/1 var(--head-font);color:rgba(131,167,173,.14);pointer-events:none}
.page-adult .Duration-sec .divide .txt_area>p.sub-text:last-child{border-radius:6px 22px 22px 22px;background:var(--tint);box-shadow:none;border-left:5px solid var(--t);text-align:left}

/* why consider: tinted rows with accent edge, richer CTA */
.page-adult .Why-adult{background:linear-gradient(180deg,#fff,var(--tint));padding-top:var(--sec);margin-top:0}
.page-adult .Why-adult ul li{position:relative;background:#fff;border-left:5px solid var(--t);box-shadow:0 14px 24px -20px rgba(60,64,63,.6);transition:transform .2s,box-shadow .2s}
.page-adult .Why-adult ul li:hover{transform:translateX(6px)}
.page-adult .Why-adult .divide .last-p::before,.page-adult .Why-adult .divide .last-p::after{content:"";position:absolute;border-radius:50%;border:1px solid rgba(255,255,255,.22);pointer-events:none}
.page-adult .Why-adult .divide .last-p::before{width:220px;height:220px;right:-70px;top:-100px}
.page-adult .Why-adult .divide .last-p::after{width:140px;height:140px;left:-40px;bottom:-70px}
.page-adult .Why-adult .txt_area>.ad-btn{margin-top:-22px;position:relative;z-index:2;padding:15px 34px;box-shadow:0 18px 30px -12px rgba(0,0,0,.45);border:2px solid var(--tint)}

@media (max-width:991px){
  .page-adult .difference li::after{font-size:64px}
}
@media (max-width:768px){
  .page-adult .Early-treatment::before{display:none}
  .page-adult .Early-treatment .txt_area>ul li:hover,.page-adult .Why-adult ul li:hover{transform:none}
}

/* ===== for-children-page.css ===== */
/* For Children - clean light layout, scoped .page-kids (site palette & fonts) */
.page-kids{--t:#83a7ad;--d:#527177;--dd:#43636a;--tint:#eef6f7;--ink:#3c403f;--sec:clamp(40px,4.4vw,64px)}
.page-kids h2,.page-kids h3{text-wrap:balance}
.page-kids .kd-btn{display:inline-block;padding:14px 30px;border-radius:999px;background:var(--t);color:#fff;font:600 15px/1 var(--head-font);box-shadow:0 14px 24px -12px rgba(82,113,119,.8);transition:transform .2s,background .2s}
.page-kids .kd-btn:hover{transform:translateY(-2px);background:var(--d);color:#fff}

/* hero */
.page-kids .internal_banner{position:relative;background:var(--tint)}
.page-kids .internal_banner .banner{width:100%;height:auto}
.page-kids .internal_banner .web_banner{display:block}
.page-kids .internal_banner .mobile_banner{display:none}
.page-kids .internal_banner .Inter-Banner-text{position:absolute;top:50%;left:7%;right:auto;transform:translateY(-50%);width:min(540px,42%);box-sizing:border-box;margin:0;padding:34px 38px 36px;display:block;justify-items:stretch;text-align:left;background:#fff;border:1px solid rgba(131,167,173,.35);border-left:6px solid var(--t);border-radius:24px;box-shadow:0 30px 60px -24px rgba(40,60,64,.45)}
.page-kids .internal_banner .Inter-Banner-text h1{width:100%;margin:0 0 12px;background:none;padding:0;text-align:left!important;font:600 clamp(28px,2.8vw,42px)/1.15 var(--head-font);color:var(--d)}
.page-kids .internal_banner .Inter-Banner-text p{margin:0 0 20px;font-size:clamp(14px,1.05vw,15.5px);line-height:1.7;color:var(--ink);text-align:left}

/* statement band - full width */
.page-kids .statement-text{position:relative;overflow:hidden;padding:clamp(16px,1.6vw,22px) 0;background:linear-gradient(100deg,var(--t),var(--dd))}
.page-kids .statement-text::before,.page-kids .statement-text::after{content:"";position:absolute;border-radius:50%;border:1px solid rgba(255,255,255,.2);pointer-events:none}
.page-kids .statement-text::before{width:300px;height:300px;right:-90px;top:-150px}
.page-kids .statement-text::after{width:180px;height:180px;left:-60px;bottom:-100px}
.page-kids .statement-text .container{position:relative;z-index:1;max-width:1240px}
.page-kids .statement-text p.sub-text{position:relative;margin:0;padding:2px 0 2px 76px;min-height:52px;display:flex;align-items:center;border:0;border-radius:0;background:none;box-shadow:none;text-align:left;font:500 clamp(15px,1.15vw,18px)/1.6 var(--head-font);color:#fff}
.page-kids .statement-text p.sub-text::before{content:"\f1ae";position:absolute;left:0;top:50%;transform:translateY(-50%);display:grid;place-items:center;width:52px;height:52px;border-radius:50%;background:#fff;box-shadow:0 12px 22px -12px rgba(0,0,0,.5);color:var(--dd);font:900 20px/1 "Font Awesome 6 Free"}
.page-kids .statement-text p.sub-text::after{content:"";position:absolute;left:64px;top:2px;bottom:2px;width:2px;border-radius:2px;background:rgba(255,255,255,.45)}

/* early treatment */
.page-kids .Early-treatment{position:relative;overflow:hidden;padding:var(--sec) 0;background:linear-gradient(180deg,#fff,var(--tint))}
.page-kids .Early-treatment .container{position:relative}
.page-kids .Early-treatment .row.divide{align-items:center}
.page-kids .divide>.col-md-5{position:relative;padding:0 24px 24px 0}
.page-kids .divide>.col-md-5::before{content:"";position:absolute;inset:24px 0 0 24px;border-radius:26px;background:var(--tint);border:2px solid rgba(131,167,173,.45)}
.page-kids .divide>.col-md-5 img{position:relative;display:block;width:100%;height:auto;margin:0;border:0;border-radius:26px;box-shadow:0 26px 48px -26px rgba(40,60,64,.55)}
.page-kids .Early-treatment .txt_area{padding:0 0 0 clamp(18px,3.4vw,56px);text-align:left}
.page-kids h2.heading{background:none;padding:0}
.page-kids .Early-treatment .txt_area h2.heading{margin:0 0 20px;text-align:left;font:600 clamp(24px,2.5vw,36px)/1.25 var(--head-font);color:var(--d)}
.page-kids .Early-treatment .txt_area h2.heading::after{content:"";display:block;width:64px;height:4px;border-radius:4px;background:var(--t);margin-top:14px}
.page-kids .Early-treatment .txt_area h2.heading br{display:none}
.page-kids .Early-treatment .txt_area h2 span{display:inline-block;margin:0 8px 6px 0;padding:6px 16px;border-radius:999px;background:linear-gradient(135deg,var(--t),var(--dd));color:#fff;font:700 clamp(13px,1.1vw,15px)/1.2 var(--head-font);letter-spacing:.08em;text-transform:uppercase;vertical-align:middle}
.page-kids .Early-treatment .txt_area>ul{display:grid;gap:10px;margin:0 0 16px;padding:0;list-style:none}
.page-kids .Early-treatment .txt_area>ul li{display:flex;align-items:center;gap:14px;margin:0;padding:11px 16px;border:1px solid rgba(131,167,173,.4);border-radius:16px;background:#fff;box-shadow:0 12px 22px -18px rgba(60,64,63,.55);list-style:none;transition:transform .2s,border-color .2s}
.page-kids .Early-treatment .txt_area>ul li:hover{transform:translateX(6px);border-color:var(--t)}
.page-kids .Early-treatment .txt_area>ul li::before{content:"\f00c";flex:0 0 auto;display:grid;place-items:center;width:30px;height:30px;border-radius:50%;background:linear-gradient(145deg,var(--t),var(--d));color:#fff;font:900 12px/1 "Font Awesome 6 Free"}
.page-kids .Early-treatment .txt_area>ul li p.sub-text{margin:0;text-align:left;font-size:15px;line-height:1.55;color:var(--ink)}
.page-kids .Early-treatment .txt_area>p.sub-text{margin:0;padding:14px 18px 14px 20px;border-left:4px solid var(--t);border-radius:0 14px 14px 0;background:rgba(255,255,255,.75);text-align:left;font-size:15px;line-height:1.8;color:var(--ink)}

/* signs to look for: teal band, 3x3 cards */
.page-kids .Duration-sec.child-need{position:relative;overflow:hidden;padding:var(--sec) 0;background:linear-gradient(135deg,var(--d),var(--dd))}
.page-kids .child-need::before,.page-kids .child-need::after{content:"";position:absolute;border-radius:50%;border:1px solid rgba(255,255,255,.16);pointer-events:none}
.page-kids .child-need::before{width:380px;height:380px;right:-120px;top:-150px}
.page-kids .child-need::after{width:240px;height:240px;left:-80px;bottom:-110px}
.page-kids .child-need .container{position:relative;z-index:1}
.page-kids .child-need .divide .txt_area{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;padding:0;text-align:center;counter-reset:k}
.page-kids .child-need .divide .heading{grid-column:1/-1;width:auto;max-width:860px;margin:0 auto 10px;text-align:center;font:600 clamp(24px,2.5vw,36px)/1.3 var(--head-font);color:#fff}
.page-kids .child-need .divide .heading::after{content:"";display:block;width:64px;height:4px;border-radius:4px;background:rgba(255,255,255,.7);margin:14px auto 0}
.page-kids .child-need .divide .txt_area ul,.page-kids .child-need .divide .txt_area ul.mt-4{display:contents;margin:0!important}
.page-kids .child-need .divide .txt_area ul li{position:relative;counter-increment:k;display:flex;align-items:center;gap:14px;margin:0;padding:18px 18px;border:0;border-radius:18px;background:#fff;box-shadow:0 22px 34px -24px rgba(0,0,0,.6);transition:transform .25s}
.page-kids .child-need .divide .txt_area ul li:hover{transform:translateY(-5px);background:#fff}
.page-kids .child-need .divide .txt_area ul li::before{content:"\f00c";flex:0 0 auto;display:grid;place-items:center;width:42px;height:42px;border-radius:13px;background:linear-gradient(145deg,var(--t),var(--dd));color:#fff;font:900 15px/1 "Font Awesome 6 Free"}
.page-kids .child-need .divide .txt_area ul li:nth-child(1)::before{content:"\f00c"}
.page-kids .child-need .divide .txt_area ul li p.sub-text{width:auto;margin:0;text-align:left;font-size:15px;line-height:1.55;color:var(--ink)}
.page-kids .child-need .divide .txt_area>p.sub-text{grid-column:1/-1;width:auto;max-width:860px;margin:10px auto 0;padding:0;color:rgba(255,255,255,.95);text-align:center;font-size:clamp(15px,1.2vw,17px);line-height:1.8}
.page-kids .child-need .txt_area>.kd-btn{grid-column:1/-1;justify-self:center;background:#fff;color:var(--dd);box-shadow:0 16px 28px -12px rgba(0,0,0,.5)}
.page-kids .child-need .txt_area>.kd-btn:hover{background:var(--tint);color:var(--dd)}

.page-kids .home-faq.geo-faq{padding-top:var(--sec);padding-bottom:var(--sec)}

@media (min-width:1400px){
  .page-kids .internal_banner .Inter-Banner-text{width:min(560px,36%);padding:24px 30px 26px}
  .page-kids .internal_banner .Inter-Banner-text h1{font-size:clamp(28px,2.2vw,38px);margin-bottom:8px}
  .page-kids .internal_banner .Inter-Banner-text p{font-size:14px;line-height:1.6;margin-bottom:14px}
}
@media (min-width:1200px) and (max-width:1399px){
  .page-kids .internal_banner .web_banner{min-height:400px;object-fit:cover;object-position:right center}
  .page-kids .internal_banner .Inter-Banner-text{width:min(470px,44%);padding:20px 26px 22px}
  .page-kids .internal_banner .Inter-Banner-text p{font-size:13.5px;line-height:1.55;margin-bottom:12px}
}
@media (max-width:1199px){
  .page-kids .internal_banner{display:flex;flex-direction:column;background:#fff}
  .page-kids .internal_banner .Inter-Banner-text{position:relative!important;top:auto;left:auto;right:auto;transform:none;width:auto!important;max-width:760px;margin:-40px 24px 0;padding:28px 30px 30px;z-index:2}
}
@media (max-width:991px){
  .page-kids .child-need .divide .txt_area{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width:768px){
  .page-kids{--sec:36px}
  .page-kids .internal_banner .web_banner{display:none}
  .page-kids .internal_banner .mobile_banner{display:block;order:-1}
  .page-kids .internal_banner .Inter-Banner-text{margin:-38px 16px 0;padding:28px 22px 30px}
  .page-kids .internal_banner .Inter-Banner-text h1{font-size:28px}
  .page-kids .container{padding-left:16px;padding-right:16px}
  .page-kids .statement-text p.sub-text{display:block;padding:64px 0 0;min-height:0;text-align:center;font-size:15px}
  .page-kids .statement-text p.sub-text::before{left:50%;top:0;transform:translateX(-50%);width:48px;height:48px}
  .page-kids .statement-text p.sub-text::after{display:none}
    .page-kids .Early-treatment .divide{gap:26px}
  .page-kids .divide>.col-md-5{padding:0 14px 14px 0;max-width:520px;margin:0 auto}
  .page-kids .divide>.col-md-5::before{inset:14px 0 0 14px}
  .page-kids .Early-treatment .txt_area{padding:0 2px}
  .page-kids .child-need .divide .txt_area{grid-template-columns:1fr;gap:12px}
}
@media (prefers-reduced-motion:reduce){.page-kids .kd-btn,.page-kids .child-need .divide .txt_area ul li,.page-kids .Early-treatment .txt_area>ul li{transition:none}}

/* ===== invisalign-cost-page.css ===== */
/* ==========================================================
   Invisalign Cost - clean light layout, scoped .page-cost
   Same palette & fonts as the rest of the site
   ========================================================== */
.page-cost{--t:#83a7ad;--d:#527177;--dd:#43636a;--tint:#eef6f7;--ink:#3c403f}

/* ---------- hero: full-width photo + clean white card ---------- */
.page-cost .internal_banner{position:relative;background:var(--tint)}
.page-cost .internal_banner .banner{width:100%;height:auto}
.page-cost .internal_banner .web_banner{display:block}
.page-cost .internal_banner .mobile_banner{display:none}
.page-cost .internal_banner .Inter-Banner-text{position:absolute;top:50%;left:7%;right:auto;transform:translateY(-50%);width:min(520px,40%);box-sizing:border-box;margin:0;padding:38px 40px 40px;
  display:block;text-align:left;background:#fff;border:0;border-radius:24px;box-shadow:0 30px 60px -24px rgba(40,60,64,.45)}
.page-cost .Inter-Banner-text::before{content:"";position:absolute;left:40px;top:0;width:64px;height:5px;border-radius:0 0 5px 5px;background:var(--t)}
.page-cost .internal_banner .Inter-Banner-text h1{text-align:left!important;margin:6px 0 14px;font:600 clamp(28px,2.8vw,42px)/1.15 var(--head-font);color:var(--d);text-align:left}
.page-cost .internal_banner .Inter-Banner-text p{margin:0 0 24px;font-size:clamp(14.5px,1.1vw,16.5px);line-height:1.8;color:var(--ink);text-align:left}
.page-cost .ic-hero-btn{display:inline-block;padding:14px 30px;border-radius:999px;background:var(--t);color:#fff;font:600 15px/1 var(--head-font);box-shadow:0 14px 24px -12px rgba(82,113,119,.8);transition:transform .2s,background .2s}
.page-cost .ic-hero-btn:hover{transform:translateY(-2px);background:var(--d);color:#fff}



/* ---------- quick answer (AEO) ---------- */
.page-cost .ic-quick{padding:clamp(44px,5vw,76px) 0 0;background:#fff}
.page-cost .ic-quick-grid{display:grid;grid-template-columns:minmax(0,6fr) minmax(0,5fr);gap:clamp(24px,4vw,56px);align-items:center}
.page-cost .ic-quick h2{margin:0 0 16px;text-align:left;font:600 clamp(26px,2.8vw,40px)/1.2 var(--head-font);color:var(--d)}
.page-cost .ic-quick h2::after{content:"";display:block;width:64px;height:4px;border-radius:4px;background:var(--t);margin-top:14px}
.page-cost .ic-answer{margin:0;padding:26px 30px;border-left:5px solid var(--t);border-radius:6px 22px 22px 6px;background:#fff;box-shadow:0 18px 34px -28px rgba(60,64,63,.55);font-size:clamp(16px,1.25vw,18px);line-height:1.85;color:var(--ink);text-align:left}
.page-cost .ic-chips{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin:0;padding:0;list-style:none}
.page-cost .ic-chips li{position:relative;margin:0;padding:20px 18px 18px;border:1px solid rgba(131,167,173,.4);border-radius:18px;background:var(--tint);list-style:none}
.page-cost .ic-chips i{display:grid;place-items:center;width:40px;height:40px;margin-bottom:12px;border-radius:12px;background:linear-gradient(145deg,var(--t),var(--d));color:#fff;font-size:16px}
.page-cost .ic-chips strong{display:block;margin-bottom:3px;font:600 16px/1.3 var(--head-font);color:var(--d)}
.page-cost .ic-chips span{display:block;font-size:14px;line-height:1.55;color:var(--ink)}
/* geo block icon set for this page */
.page-cost .ic-geo{background:linear-gradient(180deg,#fff,var(--tint))}
@media (max-width:991px){.page-cost .ic-quick-grid{grid-template-columns:1fr}}
@media (max-width:768px){.page-cost .ic-quick .container{padding-left:16px;padding-right:16px}.page-cost .ic-answer{padding:20px}.page-cost .ic-chips{grid-template-columns:1fr 1fr;gap:10px}.page-cost .ic-chips li{padding:16px 14px}}

/* ---------- consistent vertical rhythm between sections ---------- */
.page-cost{--sec:clamp(48px,5.5vw,84px)}
.page-cost .ic-quick{padding:var(--sec) 0 0}
.page-cost .Early-treatment{padding:var(--sec) 0 0}
.page-cost .Early-treatment h2.heading{margin-bottom:clamp(28px,3vw,44px)}
.page-cost .advantage-option{margin-top:var(--sec)}
.page-cost .ic-geo.home-aeo{padding:var(--sec) 0;background:#fff}
.page-cost .home-faq.geo-faq{padding-top:var(--sec);padding-bottom:var(--sec)}
.page-cost .home-aeo-list{gap:16px}
@media (max-width:768px){
  .page-cost{--sec:44px}
  .page-cost .statement-text{padding:30px 0}
  .page-cost .advantage-option{margin-top:36px}
}

/* ---------- hero subtitle label ---------- */
.page-cost .internal_banner .Inter-Banner-text h3{margin:0 0 12px;padding:0;text-align:left!important;font:600 12.5px/1.5 var(--sub-font)!important;font-style:normal!important;letter-spacing:.14em;text-transform:uppercase;color:var(--t)!important}

/* ---------- main sections ---------- */
.page-cost .Early-treatment{padding:0 0 var(--sec);background:#fff}
.page-cost .Early-treatment>.container>.row.divide{align-items:center;margin-top:var(--sec)}
.page-cost .Early-treatment .divide>.col-md-5{position:relative;padding:0 26px 26px 0}
.page-cost .Early-treatment .divide>.col-md-5::before{content:"";position:absolute;inset:26px 0 0 26px;border-radius:26px;background:var(--tint);border:2px solid rgba(131,167,173,.45)}
.page-cost .Early-treatment .divide>.col-md-5 img{position:relative;display:block;width:100%;height:auto;margin:0;border-radius:26px;border:0;box-shadow:0 26px 48px -26px rgba(40,60,64,.55)}
.page-cost .Early-treatment .txt_area{padding:0 0 0 clamp(20px,4vw,64px)}
.page-cost .Early-treatment .txt_area h2.heading{margin:0 0 22px;text-align:left;background:none;padding:0;font:600 clamp(26px,2.8vw,40px)/1.2 var(--head-font);color:var(--d)}
.page-cost .Early-treatment .txt_area h2.heading::after{content:"";display:block;width:64px;height:4px;border-radius:4px;background:var(--t);margin-top:16px}
.page-cost .Early-treatment .txt_area h2 br{display:none}
.page-cost .Early-treatment .txt_area h2 span{color:inherit;font:inherit;text-transform:none}
.page-cost .Early-treatment .txt_area p{margin:0 0 16px;padding:6px 0 6px 24px;border-left:4px solid var(--t);text-align:left!important;font-size:clamp(15px,1.15vw,17px);line-height:1.95;color:var(--ink)}
.page-cost .Early-treatment .txt_area p:last-child{margin-bottom:0}
/* contact callout = second paragraph of the clean section */
/* discomfort callout */
/* geo block icons */
.page-cost .ic-geo{background:#fff}
@media (max-width:768px){
  .page-cost .Early-treatment .container{padding-left:16px;padding-right:16px}
  .page-cost .Early-treatment .divide{justify-items:center;gap:30px}
  .page-cost .Early-treatment .divide>.col-md-5{padding:0 16px 16px 0}
  .page-cost .Early-treatment .divide>.col-md-5::before{inset:16px 0 0 16px}
  .page-cost .Early-treatment .txt_area p{font-size:15px;padding-left:18px}
}
@media (max-width:768px){
  .page-cost .internal_banner .Inter-Banner-text{width:auto!important;left:auto!important;right:auto!important;top:auto!important;max-width:none!important}
}

/* ---------- hero: tablet & mobile ---------- */
@media (max-width:991px){
  .page-cost .internal_banner .Inter-Banner-text{left:5%;width:min(430px,48%);padding:28px 28px 30px}
  .page-cost .Inter-Banner-text::before{left:28px}
  .page-cost .internal_banner .Inter-Banner-text p{margin-bottom:18px}
  .page-cost .Early-treatment .txt_area{padding:0 0 0 20px}
}
@media (max-width:768px){
  .page-cost .internal_banner{display:flex;flex-direction:column;background:#fff}
  .page-cost .internal_banner .web_banner{display:none}
  .page-cost .internal_banner .mobile_banner{display:block;order:-1}
  .page-cost .internal_banner .Inter-Banner-text{position:relative!important;transform:none;margin:-38px 16px 0;padding:28px 22px 30px;z-index:2}
  .page-cost .Inter-Banner-text::before{left:22px}
  .page-cost .internal_banner .Inter-Banner-text h1{font-size:28px}
}
.page-cost .internal_banner .Inter-Banner-text{justify-items:stretch}
.page-cost .internal_banner .Inter-Banner-text h1{width:100%;text-align:left!important}
@media (min-width:769px) and (max-width:991px){.page-cost .internal_banner .web_banner{min-height:400px;object-fit:cover}}

/* ---------- hero: natural photo, compact card that never covers the subject ---------- */
@media (min-width:1400px){
  .page-cost .internal_banner .Inter-Banner-text{width:min(520px,34%);padding:26px 32px 28px}
  .page-cost .internal_banner .Inter-Banner-text h1{font-size:clamp(28px,2.2vw,38px);margin:4px 0 10px}
  .page-cost .internal_banner .Inter-Banner-text p{font-size:15px;line-height:1.7;margin-bottom:16px}
  .page-cost .internal_banner .Inter-Banner-text h3{margin-bottom:8px}
}
@media (min-width:992px) and (max-width:1399px){
  .page-cost .internal_banner .web_banner{min-height:420px;object-fit:cover;object-position:right center}
  .page-cost .internal_banner .Inter-Banner-text{width:min(440px,42%);padding:24px 28px 26px}
  .page-cost .internal_banner .Inter-Banner-text p{font-size:14.5px;line-height:1.65;margin-bottom:14px}
}
.page-cost h2,.page-cost h3{text-wrap:balance}

/* ---------- payment options list (3 rows with icons) ---------- */
.page-cost .Early-treatment .treatment-option-list{display:grid;gap:12px;margin:22px 0 0;padding:0;list-style:none}
.page-cost .treatment-option-list li{margin:0;padding:0;list-style:none}
.page-cost .treatment-option-list .box{display:flex;align-items:center;gap:16px;margin:0;padding:14px 18px;border:1px solid rgba(131,167,173,.4);border-radius:18px;background:var(--tint);transition:transform .2s,box-shadow .2s}
.page-cost .treatment-option-list .box:hover{transform:translateX(4px);box-shadow:0 16px 26px -22px rgba(60,64,63,.6)}
.page-cost .treatment-option-list .box::before{flex:0 0 auto;display:grid;place-items:center;width:44px;height:44px;border-radius:13px;background:linear-gradient(145deg,var(--t),var(--d));color:#fff;font-family:"Font Awesome 6 Free";font-weight:900;font-size:17px;content:"\f155"}
.page-cost .treatment-option-list li:nth-child(2) .box::before{content:"\f073"}
.page-cost .treatment-option-list li:nth-child(3) .box::before{content:"\f09d"}
.page-cost .Early-treatment .treatment-option-list p.sub-text{margin:0;padding:0;border:0;font-size:15px;line-height:1.55;font-weight:500;color:var(--d);text-align:left!important}
.page-cost .Early-treatment .txt_area h2.heading:not(:first-child){margin-top:30px}

/* ---------- insurance callout ---------- */
.page-cost .Duration-sec{background:#fff;padding:0 0 var(--sec)}
.page-cost .Duration-sec>.container>.row{margin:0}
.page-cost .Duration-sec .txt_area{position:relative;overflow:hidden;max-width:1000px;margin:0 auto;padding:clamp(24px,3vw,38px) clamp(22px,3.5vw,44px) clamp(24px,3vw,38px) clamp(100px,11vw,150px);border-radius:22px;border:1px solid #d5e5e8;border-left:8px solid var(--t);background:linear-gradient(100deg,var(--tint) 0,#fff 70%);box-shadow:0 22px 40px -28px rgba(67,99,106,.55);text-align:left}
.page-cost .Duration-sec .txt_area::before{content:"\f132";font-family:"Font Awesome 6 Free";font-weight:900;position:absolute;left:clamp(22px,3vw,36px);top:50%;transform:translateY(-50%) rotate(-6deg);display:grid;place-items:center;width:clamp(58px,6.5vw,84px);height:clamp(58px,6.5vw,84px);border-radius:22px;background:linear-gradient(135deg,var(--t),var(--dd));color:#fff;font-size:clamp(24px,2.8vw,34px);box-shadow:0 16px 26px -14px rgba(67,99,106,.9)}
.page-cost .Duration-sec .txt_area::after{content:"\f132";font-family:"Font Awesome 6 Free";font-weight:900;position:absolute;right:-16px;bottom:-30px;font-size:140px;line-height:1;color:var(--t);opacity:.08;pointer-events:none}
.page-cost .Duration-sec .txt_area h2.heading{width:auto;margin:0 0 10px;padding:0;background:none!important;text-align:left;font:600 clamp(22px,2.2vw,30px)/1.3 var(--head-font);color:var(--d)}
.page-cost .Duration-sec .txt_area p.sub-text{width:auto;margin:0;text-align:left!important;font-size:clamp(15px,1.15vw,17px);line-height:1.85;color:var(--ink)}
@media (max-width:768px){
  .page-cost .Duration-sec .container{padding-left:16px;padding-right:16px}
  .page-cost .Duration-sec .txt_area{padding:90px 22px 26px;border-left-width:6px;border-radius:18px}
  .page-cost .Duration-sec .txt_area::before{left:22px;top:22px;transform:rotate(-6deg);width:54px;height:54px;border-radius:16px;font-size:22px}
}

/* ---------- geo block icons ---------- */
.page-cost .ic-geo .home-aeo-list li:nth-child(1) a::before{content:"\f155"}
.page-cost .ic-geo .home-aeo-list li:nth-child(2) a::before{content:"\f03e"}
.page-cost .ic-geo .home-aeo-list li:nth-child(3) a::before{content:"\f059"}
.page-cost .ic-geo .home-aeo-list li:nth-child(4) a::before{content:"\f5c9"}
.page-cost .ic-geo .home-aeo-list li:last-child{grid-column:auto}
.page-cost .ic-geo{background:linear-gradient(180deg,#fff,var(--tint))}
.page-cost .Early-treatment{padding-bottom:var(--sec)}
@media (prefers-reduced-motion:reduce){.page-cost .treatment-option-list .box{transition:none}}

/* ---------- main section: arch photo + two numbered cards ---------- */
.page-cost .Early-treatment>.container>.row.divide{align-items:flex-start;margin-top:var(--sec)}
.page-cost .Early-treatment .divide>.col-md-5{position:sticky;top:100px;align-self:flex-start;padding:0 0 28px 28px}
.page-cost .Early-treatment .divide>.col-md-5::before{inset:28px 28px 0 0;border-radius:170px 30px 30px 30px;background:linear-gradient(160deg,#dcebee,var(--tint));border:2px solid rgba(131,167,173,.5)}
.page-cost .Early-treatment .divide>.col-md-5 img{border-radius:170px 30px 30px 30px;box-shadow:0 30px 52px -26px rgba(40,60,64,.6)}
.page-cost .Early-treatment .txt_area{display:grid;gap:22px;padding:0 0 0 clamp(18px,3vw,48px)}
.page-cost .ic-card{position:relative;overflow:hidden;padding:clamp(24px,2.6vw,36px) clamp(22px,2.8vw,38px) clamp(24px,2.6vw,34px);border:1px solid rgba(131,167,173,.4);border-radius:26px 8px 26px 8px;background:#fff;box-shadow:0 26px 44px -34px rgba(67,99,106,.6)}
.page-cost .ic-card::after{position:absolute;right:22px;top:6px;font:700 70px/1 var(--head-font);color:var(--t);opacity:.14;pointer-events:none}
.page-cost .ic-card-1::after{content:"01"}
.page-cost .ic-card-2::after{content:"02"}
.page-cost .ic-card-2{background:linear-gradient(160deg,var(--tint),#fff 75%)}
.page-cost .Early-treatment .ic-card h2.heading,.page-cost .Early-treatment .txt_area .ic-card h2.heading:not(:first-child){display:flex;align-items:center;gap:14px;margin:0 0 16px;padding:0;font:600 clamp(21px,2.1vw,29px)/1.25 var(--head-font)}
.page-cost .Early-treatment .ic-card h2.heading::after{display:none}
.page-cost .Early-treatment .ic-card h2.heading::before{flex:0 0 auto;display:grid;place-items:center;width:46px;height:46px;border-radius:14px;background:linear-gradient(145deg,var(--t),var(--dd));color:#fff;font-family:"Font Awesome 6 Free";font-weight:900;font-size:18px;box-shadow:0 12px 20px -10px rgba(67,99,106,.9)}
.page-cost .ic-card-1 h2.heading::before{content:"\f02b"}
.page-cost .ic-card-2 h2.heading::before{content:"\f4c0"}
.page-cost .Early-treatment .ic-card>p{margin:0 0 14px;padding:0;border:0;background:none;text-align:left!important;font-size:clamp(15px,1.12vw,16.5px);line-height:1.85;color:var(--ink)}
.page-cost .Early-treatment .ic-card>p:last-child{margin-bottom:0}
.page-cost .Early-treatment .ic-card .treatment-option-list{margin-top:18px}
.page-cost .ic-card .treatment-option-list .box{background:#fff}
@media (max-width:991px){.page-cost .Early-treatment .divide>.col-md-5{position:relative;top:auto}}
@media (max-width:768px){
  .page-cost .Early-treatment .divide>.col-md-5{padding:0 16px 16px 0;max-width:520px;margin:0 auto}
  .page-cost .Early-treatment .divide>.col-md-5::before{inset:16px 0 0 16px;border-radius:110px 24px 24px 24px}
  .page-cost .Early-treatment .divide>.col-md-5 img{border-radius:110px 24px 24px 24px}
  .page-cost .Early-treatment .txt_area{padding:0 2px;gap:16px}
  .page-cost .ic-card{padding:22px 18px;border-radius:20px 6px 20px 6px}
  .page-cost .ic-card::after{font-size:52px;right:14px}
  .page-cost .Early-treatment .ic-card h2.heading::before{width:40px;height:40px;font-size:16px}
}

/* ---------- photo: simple stacked-print look (source image is small, so keep it modest) ---------- */
.page-cost .Early-treatment .divide>.col-md-5{padding:14px 14px 14px 14px;display:flex;justify-content:center}
.page-cost .Early-treatment .divide>.col-md-5::before{inset:30px 6px 6px 30px;border:0;border-radius:30px;background:linear-gradient(145deg,var(--t),var(--dd));transform:rotate(3deg);opacity:.9}
.page-cost .Early-treatment .divide>.col-md-5 img{width:100%;max-width:520px;height:auto;border:8px solid #fff;border-radius:30px;transform:rotate(-2deg);box-shadow:0 28px 46px -22px rgba(30,50,54,.65)}
@media (max-width:768px){
  .page-cost .Early-treatment .divide>.col-md-5{padding:10px 10px 18px;max-width:420px}
  .page-cost .Early-treatment .divide>.col-md-5::before{inset:22px 4px 8px 22px;border-radius:24px}
  .page-cost .Early-treatment .divide>.col-md-5 img{border-width:6px;border-radius:24px}
}

/* ---------- compact cards ---------- */
.page-cost .Early-treatment .txt_area{gap:14px}
.page-cost .ic-card{padding:18px 22px 20px;border-radius:20px 6px 20px 6px;box-shadow:0 18px 32px -26px rgba(67,99,106,.55)}
.page-cost .ic-card::after{font-size:44px;right:16px;top:8px}
.page-cost .Early-treatment .ic-card h2.heading,.page-cost .Early-treatment .txt_area .ic-card h2.heading:not(:first-child){gap:12px;margin:0 0 10px;font-size:clamp(18px,1.6vw,22px)}
.page-cost .Early-treatment .ic-card h2.heading::before{width:36px;height:36px;border-radius:11px;font-size:14px}
.page-cost .Early-treatment .ic-card>p{margin:0 0 10px;font-size:14.5px;line-height:1.7}
.page-cost .Early-treatment .ic-card .treatment-option-list{margin-top:12px;gap:8px}
.page-cost .treatment-option-list .box{padding:9px 14px;gap:12px;border-radius:14px}
.page-cost .treatment-option-list .box::before{width:34px;height:34px;border-radius:10px;font-size:14px}
.page-cost .Early-treatment .treatment-option-list p.sub-text{font-size:14px}
.page-cost .Early-treatment .divide>.col-md-5 img{max-width:440px}
@media (max-width:768px){
  .page-cost .ic-card{padding:16px 16px 18px}
  .page-cost .ic-card::after{font-size:38px}
  .page-cost .Early-treatment .ic-card h2.heading::before{width:34px;height:34px;font-size:13px}
}

/* ---------- insurance callout: compact, matches the cards above ---------- */
.page-cost .Duration-sec .txt_area{max-width:none;padding:18px 24px 20px clamp(84px,8vw,104px);border:1px solid rgba(131,167,173,.4);border-left:1px solid rgba(131,167,173,.4);border-radius:20px 6px 20px 6px;background:linear-gradient(160deg,var(--tint),#fff 75%);box-shadow:0 18px 32px -26px rgba(67,99,106,.55)}
.page-cost .Duration-sec .txt_area::before{left:20px;width:50px;height:50px;border-radius:15px;font-size:20px;transform:translateY(-50%) rotate(-5deg);box-shadow:0 12px 20px -10px rgba(67,99,106,.9)}
.page-cost .Duration-sec .txt_area::after{font-size:90px;right:-8px;bottom:-22px}
.page-cost .Duration-sec .txt_area h2.heading{margin:0 0 8px;font-size:clamp(18px,1.6vw,22px)}
.page-cost .Duration-sec .txt_area p.sub-text{font-size:14.5px;line-height:1.7}
.page-cost .Duration-sec{padding-bottom:calc(var(--sec) * .8)}
@media (max-width:768px){
  .page-cost .Duration-sec .txt_area{padding:78px 18px 20px;border-radius:18px 6px 18px 6px}
  .page-cost .Duration-sec .txt_area::before{left:18px;top:18px;transform:rotate(-5deg);width:46px;height:46px;font-size:18px}
}

/* ---------- tight vertical rhythm (single gap between sections) ---------- */
.page-cost{--sec:clamp(26px,3vw,42px)}
@media (max-width:768px){.page-cost{--sec:26px}}
.page-cost .ic-quick{padding-top:var(--sec)}
.page-cost .Early-treatment{padding-bottom:var(--sec)}
.page-cost .Early-treatment>.container>.row.divide{margin-top:var(--sec)}
.page-cost .Duration-sec{padding-bottom:0}
.page-cost .ic-geo.home-aeo{padding-top:var(--sec);padding-bottom:var(--sec)}
.page-cost .home-faq.geo-faq{padding-top:0;padding-bottom:var(--sec)}

/* ---------- balanced spacing (normal, not tight) ---------- */
.page-cost{--sec:clamp(40px,4.4vw,64px)}
@media (max-width:768px){.page-cost{--sec:36px}}
.page-cost .Early-treatment .txt_area{gap:20px}
.page-cost .Duration-sec{padding-bottom:0}
.page-cost .ic-geo.home-aeo{padding-top:var(--sec);padding-bottom:var(--sec)}
.page-cost .home-faq.geo-faq{padding-top:0;padding-bottom:var(--sec)}

/* FAQ: give the heading its own top space (geo block no longer adds bottom space) */
.page-cost .ic-geo.home-aeo{padding-bottom:0}
.page-cost .home-faq.geo-faq{padding-top:var(--sec);padding-bottom:var(--sec)}

/* location block sits on white, FAQ on tint: each needs its own padding at the boundary */
.page-cost .ic-geo.home-aeo{padding-top:var(--sec);padding-bottom:var(--sec)}
.page-cost .home-faq.geo-faq{padding-top:var(--sec);padding-bottom:var(--sec)}

/* ===== invisalign-faq-page.css ===== */
/* Invisalign FAQ - clean light layout, scoped .page-ifaq (site palette & fonts) */
.page-ifaq{--t:#83a7ad;--d:#527177;--dd:#43636a;--tint:#eef6f7;--ink:#3c403f;--sec:clamp(40px,4.4vw,64px)}
.page-ifaq .if-btn{display:inline-block;padding:14px 30px;border-radius:999px;background:var(--t);color:#fff;font:600 15px/1 var(--head-font);box-shadow:0 14px 24px -12px rgba(82,113,119,.8);transition:transform .2s,background .2s}
.page-ifaq .if-btn:hover{transform:translateY(-2px);background:var(--d);color:#fff}

/* hero band */
.page-ifaq .BA-Banner{position:relative;overflow:hidden;padding:clamp(44px,5vw,72px) 0 clamp(70px,7vw,96px);background:linear-gradient(120deg,var(--t),var(--dd))}
.page-ifaq .BA-Banner::before,.page-ifaq .BA-Banner::after{content:"";position:absolute;border-radius:50%;border:1px solid rgba(255,255,255,.2);pointer-events:none}
.page-ifaq .BA-Banner::before{width:420px;height:420px;right:-120px;top:-180px}
.page-ifaq .BA-Banner::after{width:260px;height:260px;left:-80px;bottom:-130px}
.page-ifaq .BA-Banner .container{position:relative;z-index:1;max-width:900px}
.page-ifaq .BA-Banner .align{justify-content:center;margin:0}
.page-ifaq .BA-Banner .Banner-text{padding:0;text-align:center}
.page-ifaq .BA-Banner .Banner-text .name{margin:0 0 14px;font:600 clamp(32px,4.2vw,56px)/1.15 var(--head-font);color:#fff;text-align:center}
.page-ifaq .BA-Banner .Banner-text .name::before{content:"Quick answers";display:block;width:max-content;margin:0 auto 16px;padding:6px 16px;border-radius:999px;background:rgba(255,255,255,.18);border:1px solid rgba(255,255,255,.4);font:700 12px/1.2 var(--head-font);letter-spacing:.14em;text-transform:uppercase;color:#fff}
.page-ifaq .BA-Banner .Banner-text p{max-width:640px;margin:0 auto 22px;text-align:center;font-size:clamp(15px,1.3vw,18px);line-height:1.7;color:#fff}
.page-ifaq .if-btn-light{background:#fff;color:var(--dd);box-shadow:0 16px 28px -12px rgba(0,0,0,.5)}
.page-ifaq .if-btn-light:hover{background:var(--tint);color:var(--dd)}

/* quick fact chips overlapping the band */
.page-ifaq .if-facts{position:relative;z-index:3;margin-top:calc(-1 * clamp(34px,3.6vw,48px))}
.page-ifaq .if-facts .container{max-width:1000px}
.page-ifaq .if-facts ul{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin:0;padding:0;list-style:none}
.page-ifaq .if-facts li{display:flex;align-items:center;gap:14px;padding:16px 20px;border:1px solid rgba(131,167,173,.4);border-radius:18px;background:#fff;box-shadow:0 22px 38px -26px rgba(40,60,64,.6)}
.page-ifaq .if-facts li::before{flex:0 0 auto;display:grid;place-items:center;width:44px;height:44px;border-radius:14px;background:linear-gradient(145deg,var(--t),var(--dd));color:#fff;font:900 17px/1 "Font Awesome 6 Free"}
.page-ifaq .if-facts li:nth-child(1)::before{content:"\f017"}
.page-ifaq .if-facts li:nth-child(2)::before{content:"\f0f1"}
.page-ifaq .if-facts li:nth-child(3)::before{content:"\f073"}
.page-ifaq .if-facts strong{display:block;font:600 17px/1.2 var(--head-font);color:var(--d)}
.page-ifaq .if-facts span{display:block;margin-top:3px;font-size:13.5px;line-height:1.4;color:var(--ink)}

/* layout: side card + accordion */
.page-ifaq .faq{padding:var(--sec) 0;background:linear-gradient(180deg,#fff,var(--tint))}
.page-ifaq .faq .container{max-width:1200px}
.page-ifaq .faq .container>.row{display:grid;grid-template-columns:320px minmax(0,1fr);gap:clamp(22px,3vw,40px);margin:0;align-items:start}
.page-ifaq .faq .container>.row>*{width:auto;max-width:none;padding:0}

.page-ifaq .if-side{position:sticky;top:110px;padding:28px 26px;border-radius:24px;background:linear-gradient(150deg,var(--t),var(--dd));color:#fff;box-shadow:0 30px 50px -30px rgba(40,60,64,.7);overflow:hidden}
.page-ifaq .if-side::after{content:"";position:absolute;width:200px;height:200px;right:-70px;top:-80px;border-radius:50%;border:1px solid rgba(255,255,255,.25)}
.page-ifaq .if-side>*{position:relative;z-index:1}
.page-ifaq .if-side h2{margin:0 0 10px;font:600 22px/1.3 var(--head-font);color:#fff;text-align:left}
.page-ifaq .if-side p{margin:0 0 18px;font-size:14.5px;line-height:1.75;color:rgba(255,255,255,.95)}
.page-ifaq .if-side .if-btn{display:block;text-align:center;background:#fff;color:var(--dd);box-shadow:0 16px 26px -12px rgba(0,0,0,.5)}
.page-ifaq .if-side .if-btn:hover{background:var(--tint)}
.page-ifaq .if-side .if-call{display:flex;align-items:center;justify-content:center;gap:10px;margin-top:14px;font:600 16px/1 var(--head-font);color:#fff}
.page-ifaq .if-side .if-call::before{content:"\f095";font:900 14px/1 "Font Awesome 6 Free"}
.page-ifaq .if-side .if-hours{margin:16px 0 0;padding-top:14px;border-top:1px solid rgba(255,255,255,.35);font-size:13px;line-height:1.6;text-align:center;color:rgba(255,255,255,.9)}

/* accordion */
.page-ifaq .faq .accordion{counter-reset:q}
.page-ifaq .faq .accordion .accordion-item{position:relative;counter-increment:q;margin:0 0 12px;padding:0;border:1px solid rgba(131,167,173,.4);border-radius:18px!important;background:#fff;box-shadow:0 16px 28px -24px rgba(40,60,64,.55);transition:border-color .2s,box-shadow .2s}
.page-ifaq .faq .accordion .accordion-item:hover{border-color:var(--t)}
.page-ifaq .faq .accordion .accordion-item:has(button[aria-expanded="true"]){border-color:var(--t);box-shadow:0 24px 40px -26px rgba(40,60,64,.6)}
.page-ifaq .faq .accordion button{position:relative;display:flex;align-items:center;gap:16px;width:100%;padding:16px 64px 16px 18px;text-align:left;background:none;border:0;cursor:pointer;color:var(--d)}
.page-ifaq .faq .accordion button::before{content:counter(q);flex:0 0 auto;display:grid;place-items:center;width:38px;height:38px;border-radius:12px;background:var(--tint);border:1px solid rgba(131,167,173,.5);color:var(--dd);font:700 14px/1 var(--head-font);transition:background .2s,color .2s}
.page-ifaq .faq .accordion button[aria-expanded="true"]::before{background:linear-gradient(145deg,var(--t),var(--dd));border-color:transparent;color:#fff}
.page-ifaq .faq .accordion button .accordion-title{margin:0;color:var(--d)!important;font:600 clamp(15.5px,1.2vw,17.5px)/1.4 var(--head-font)!important;text-transform:none}
.page-ifaq .faq .accordion button .icon{top:50%;right:18px;margin-top:-14px;width:28px;height:28px;border:0;border-radius:50%;background:var(--tint);color:var(--dd)}
.page-ifaq .faq .accordion button .icon::before{top:13px;left:8px;width:12px;height:2px}
.page-ifaq .faq .accordion button .icon::after{top:8px;left:13px;width:2px;height:12px}
.page-ifaq .faq .accordion button[aria-expanded="true"] .icon{background:var(--t);color:#fff}
.page-ifaq .faq .accordion .accordion-content p{margin:0;padding:0 24px 0 72px;background:none;border-radius:0;font-size:15px;line-height:1.8;color:var(--ink)}
.page-ifaq .faq .accordion .accordion-content p+p{margin-top:10px}
.page-ifaq .faq .accordion .accordion-content p:first-child{padding-top:2px}
.page-ifaq .faq .accordion .accordion-content p:last-child{padding-bottom:22px}
.page-ifaq .faq .accordion .accordion-content p:last-child{font-weight:500;color:var(--dd)}

@media (max-width:991px){
  .page-ifaq .faq .container>.row{grid-template-columns:1fr}
  .page-ifaq .if-side{position:relative;top:auto;order:2}
  .page-ifaq .if-facts ul{grid-template-columns:1fr;max-width:420px;margin:0 auto}
}
@media (max-width:768px){
  .page-ifaq{--sec:36px}
  .page-ifaq .container{padding-left:16px;padding-right:16px}
  .page-ifaq .faq .accordion button{padding:14px 56px 14px 14px;gap:12px}
  .page-ifaq .faq .accordion .accordion-content p{padding:0 18px 0 18px}
  .page-ifaq .faq .accordion .accordion-content p:last-child{padding-bottom:18px}
}
@media (prefers-reduced-motion:reduce){.page-ifaq .if-btn,.page-ifaq .faq .accordion .accordion-item{transition:none}}
.page-ifaq .faq .container>.row>.if-side{padding:28px 26px}
@media (max-width:768px){.page-ifaq .faq .container>.row>.if-side{padding:24px 20px}}

/* ===== invisalign-page.css ===== */
/* ==========================================================
   Invisalign Info - clean light layout, scoped .page-invis
   Same palette & fonts as the rest of the site
   ========================================================== */
.page-invis{--t:#83a7ad;--d:#527177;--dd:#43636a;--tint:#eef6f7;--ink:#3c403f;--sec:clamp(48px,5.5vw,84px)}
.page-invis h2,.page-invis h3{text-wrap:balance}

/* ---------- hero ---------- */
.page-invis .internal_banner{position:relative;background:var(--tint)}
.page-invis .internal_banner .banner{width:100%;height:auto}
.page-invis .internal_banner .web_banner{display:block}
.page-invis .internal_banner .mobile_banner{display:none}
.page-invis .internal_banner .Inter-Banner-text{position:absolute;top:50%;left:auto;right:7%;transform:translateY(-50%);width:min(540px,42%);box-sizing:border-box;margin:0;padding:38px 40px 40px;display:block;text-align:left;justify-items:stretch;background:#fff;border:0;border-radius:24px;box-shadow:0 30px 60px -24px rgba(40,60,64,.45)}
.page-invis .Inter-Banner-text::before{content:"";position:absolute;left:40px;top:0;width:64px;height:5px;border-radius:0 0 5px 5px;background:var(--t)}
.page-invis .internal_banner .Inter-Banner-text h1{width:100%;text-align:left!important;margin:6px 0 14px;background:none;padding:0;font:600 clamp(28px,2.8vw,42px)/1.15 var(--head-font);color:var(--d)}
.page-invis .internal_banner .Inter-Banner-text p{margin:0 0 22px;font-size:clamp(14.5px,1.1vw,16.5px);line-height:1.75;color:var(--ink);text-align:left}
.page-invis .inv-hero-btn{display:inline-block;padding:14px 30px;border-radius:999px;background:var(--t);color:#fff;font:600 15px/1 var(--head-font);box-shadow:0 14px 24px -12px rgba(82,113,119,.8);transition:transform .2s,background .2s}
.page-invis .inv-hero-btn:hover{transform:translateY(-2px);background:var(--d);color:#fff}

/* ---------- shared section heading ---------- */
.page-invis .page_head{max-width:820px;margin:0 auto clamp(28px,3vw,44px);padding:0;text-align:center}
.page-invis .page_head h2.heading{margin:0 0 14px;background:none;padding:0;font:500 clamp(26px,2.8vw,40px)/1.25 var(--head-font);color:var(--d);text-align:center}
.page-invis .page_head h2.heading::after{content:"";display:block;width:64px;height:4px;border-radius:4px;background:var(--t);margin:16px auto 0}
.page-invis .page_head p.sub-text{margin:0 auto;font-size:clamp(15px,1.15vw,17px);line-height:1.85;color:var(--ink);text-align:center}

/* ---------- benefits (4 cards) ---------- */
.page-invis .tads_sec{padding:var(--sec) 0 0}
.page-invis .braces_circleui ul{counter-reset:b;gap:18px}
.page-invis .braces_circleui ul li{position:relative;overflow:hidden;padding:30px 24px 28px;border:1px solid rgba(131,167,173,.4);border-top:1px solid rgba(131,167,173,.4);border-radius:24px;background:var(--tint);text-align:left;transition:transform .25s,box-shadow .25s,background .25s}
.page-invis .braces_circleui ul li::before{content:"\f5c9";font-family:"Font Awesome 6 Free";font-weight:900;display:grid;place-items:center;width:56px;height:56px;margin-bottom:18px;border-radius:16px;background:linear-gradient(145deg,var(--t),var(--d));color:#fff;font-size:22px;box-shadow:0 14px 22px -12px rgba(82,113,119,.8)}
.page-invis .braces_circleui ul li::after{counter-increment:b;content:"0" counter(b);position:absolute;right:20px;top:14px;font:700 44px/1 var(--head-font);color:var(--t);opacity:.2}
.page-invis .braces_circleui ul li:nth-child(2)::before{content:"\f2e7"}
.page-invis .braces_circleui ul li:nth-child(3)::before{content:"\f274"}
.page-invis .braces_circleui ul li:nth-child(4)::before{content:"\f070"}
.page-invis .braces_circleui ul li:hover{transform:translateY(-5px);background:#fff;box-shadow:0 24px 40px -26px rgba(67,99,106,.7)}
.page-invis .braces_circleui ul li>div{text-align:left}
.page-invis .braces_circleui ul li>div b{display:block;margin:0 0 10px;padding:0;font:600 17px/1.3 var(--head-font);letter-spacing:.02em;color:var(--d)}
.page-invis .braces_circleui ul li>div span{font-size:15px;line-height:1.7;color:var(--ink)}

/* ---------- how it works ---------- */
.page-invis .invisalign-worksec{margin-top:var(--sec);padding:var(--sec) 0;background:linear-gradient(180deg,var(--tint),#fff)}
.page-invis .invisalign-worksec .page_head{margin-bottom:0}
.page-invis .invisalign-worksec .page_head .web_btn{display:inline-block;margin-top:24px!important;padding:14px 32px;border-radius:999px;background:var(--t);color:#fff;font:600 15px/1 var(--head-font);box-shadow:0 14px 24px -12px rgba(82,113,119,.8);transition:transform .2s,background .2s}
.page-invis .invisalign-worksec .page_head .web_btn:hover{transform:translateY(-2px);background:var(--d);color:#fff}
.page-invis .invisalign-worksec .row.section_padding{padding:clamp(32px,4vw,56px) 0 0;gap:0}
.page-invis .step_box{position:relative;display:flex;align-items:center;gap:20px;min-height:0;margin:0 0 18px;padding:20px 24px 20px 20px;border:1px solid rgba(131,167,173,.4);border-radius:20px;background:#fff;box-shadow:0 18px 32px -26px rgba(60,64,63,.5);transition:transform .25s,box-shadow .25s}
.page-invis .step_box:hover{transform:translateX(5px);box-shadow:0 22px 36px -24px rgba(60,64,63,.6)}
.page-invis .step_box::before{display:none}
.page-invis .step_box:not(:last-child)::after{content:"";position:absolute;left:51px;top:100%;height:18px;border-left:2px dashed var(--t)}
.page-invis .step_box b{flex:0 0 auto;display:flex;flex-direction:column;align-items:center;justify-content:center;width:62px;height:62px;padding:0;border-radius:18px;background:linear-gradient(145deg,var(--t),var(--d));color:#fff;font:700 22px/1 var(--head-font);box-shadow:0 12px 20px -10px rgba(82,113,119,.85)}
.page-invis .step_box b small{width:auto;margin-bottom:3px;font:600 9px/1 var(--head-font);letter-spacing:.14em;color:#e4f0f2}
.page-invis .step_box p{width:auto;padding:0;margin:0;display:block;font-size:clamp(14.5px,1.1vw,16px);line-height:1.75;color:var(--ink)}
.page-invis .img_leftcommon{position:relative;padding:0 0 24px 24px}
.page-invis .img_leftcommon::before{content:"";position:absolute;inset:24px 24px 0 0;border-radius:28px;background:var(--tint);border:2px solid rgba(131,167,173,.45)}
.page-invis .img_leftcommon img{position:relative;display:block;width:100%;height:auto;margin:0;border-radius:28px;box-shadow:0 26px 48px -26px rgba(40,60,64,.55)}

/* ---------- top-5 provider + before/after (dark band) ---------- */
.page-invis .beforeafter_sec{position:relative;overflow:hidden;padding:var(--sec) 0 calc(var(--sec) + 10px);background:radial-gradient(circle at 92% 8%,rgba(255,255,255,.12) 0 170px,transparent 171px),radial-gradient(circle at 4% 100%,rgba(255,255,255,.08) 0 130px,transparent 131px),linear-gradient(140deg,#6f929a,#43636a)}
.page-invis .beforeafter_sec>.container>.row:first-child{margin:0 0 clamp(30px,3.5vw,52px)!important;padding:0;border:0;background:none;justify-content:flex-start;align-items:center}
.page-invis .beforeafter_sec>.container>.row:first-child>.col-md-4{flex:0 0 auto;width:auto}
.page-invis .beforeafter_sec>.container>.row:first-child>.col-md-8{flex:1 1 0;width:auto;min-width:0}
.page-invis .beforeafter_sec>.container>.row:first-child img{display:block;width:clamp(130px,11vw,170px)!important;height:clamp(130px,11vw,170px)!important;aspect-ratio:1;max-width:none;margin:0 clamp(8px,2vw,28px) 0 0!important;padding:10px;border-radius:50%;background:#fff;object-fit:contain;box-shadow:0 0 0 8px rgba(255,255,255,.18),0 20px 34px -16px rgba(0,0,0,.5)}
.page-invis .beforeafter_sec .page_head{max-width:none;margin:0;text-align:left}
.page-invis .beforeafter_sec .page_head h2.heading{margin:0 0 18px;text-align:left;font:500 clamp(24px,2.8vw,40px)/1.25 var(--head-font);color:#fff}
.page-invis .beforeafter_sec .page_head h2.heading::after{display:none}
.page-invis .beforeafter_sec .page_head a{display:inline-flex;align-items:center;gap:10px;padding:13px 26px;border-radius:999px;background:#fff;color:var(--dd)!important;font:600 14.5px/1.2 var(--head-font);text-decoration:none;box-shadow:0 14px 26px -14px rgba(0,0,0,.55);transition:transform .2s}
.page-invis .beforeafter_sec .page_head a u{text-decoration:none}
.page-invis .beforeafter_sec .page_head a::after{content:"\f061";font-family:"Font Awesome 6 Free";font-weight:900;font-size:12px}
.page-invis .beforeafter_sec .page_head a:hover{transform:translateX(4px)}
.page-invis .before-after-swiper{position:relative;padding:0 0 46px}
.page-invis .before-after-swiper .swiper-slide{opacity:1}
.page-invis .before-after-swiper .swiper-slide-active{transform:none!important}
.page-invis .beforeafte_box{margin:0;padding:14px;gap:14px;border:0;border-radius:28px;background:#fff;box-shadow:0 26px 40px -24px rgba(0,0,0,.6)}
.page-invis .beforeafte_box .beforeafte_block{position:relative;flex:1 1 0;min-width:0;margin:0;padding:0}
.page-invis .beforeafte_box .beforeafte_block img{display:block;width:100%;height:auto;border-radius:18px}
.page-invis .beforeafte_box .beforeafte_block h4{position:absolute;left:12px;bottom:12px;top:auto;margin:0;padding:8px 18px;border-radius:999px;background:rgba(255,255,255,.95);font:600 13px/1 var(--head-font);letter-spacing:.12em;text-transform:uppercase;color:var(--d)}
.page-invis .beforeafte_box .beforeafte_block:last-child h4{background:var(--t);color:#fff}
.page-invis .beforeafter_sec .swiper-button-next,.page-invis .beforeafter_sec .swiper-button-prev{display:none!important}
.page-invis .zz-unused{display:grid;top:auto;bottom:0;width:42px;height:42px;margin:0;border-radius:50%;background:#fff;color:var(--d);box-shadow:0 10px 18px -8px rgba(0,0,0,.5)}
.page-invis .beforeafter_sec .swiper-button-prev{left:auto;right:64px}
.page-invis .beforeafter_sec .swiper-button-next{right:10px}
.page-invis .beforeafter_sec .swiper-button-next::after,.page-invis .beforeafter_sec .swiper-button-prev::after{font-size:15px;font-weight:700}
.page-invis .beforeafter_sec .swiper-pagination{position:absolute;left:0;right:0;bottom:8px;width:auto;margin:0;text-align:center}
.page-invis .beforeafter_sec .swiper-pagination-bullet{background:#fff;opacity:.4}
.page-invis .beforeafter_sec .swiper-pagination-bullet-active{background:#fff;opacity:1}
.page-invis .home-faq.geo-faq{padding-top:var(--sec);padding-bottom:var(--sec)}

/* ---------- responsive ---------- */
@media (min-width:1400px){
  .page-invis .internal_banner .Inter-Banner-text{width:min(540px,36%);padding:28px 34px 30px}
  .page-invis .internal_banner .Inter-Banner-text h1{font-size:clamp(28px,2.2vw,38px);margin:4px 0 10px}
  .page-invis .internal_banner .Inter-Banner-text p{font-size:15px;line-height:1.7;margin-bottom:16px}
}
@media (min-width:1200px) and (max-width:1399px){
  .page-invis .internal_banner .web_banner{min-height:380px;object-fit:cover;object-position:left center}
  .page-invis .internal_banner .Inter-Banner-text{right:4%;width:min(410px,36%);padding:22px 26px 24px}
  .page-invis .internal_banner .Inter-Banner-text h1{font-size:30px}
  .page-invis .internal_banner .Inter-Banner-text p{font-size:14px;line-height:1.6;margin-bottom:14px}
}
@media (max-width:1199px){
  .page-invis .internal_banner{display:flex;flex-direction:column;background:#fff}
  .page-invis .internal_banner .Inter-Banner-text{position:relative!important;top:auto;left:auto;right:auto;transform:none;width:auto!important;max-width:720px;margin:-40px 24px 0;padding:28px 30px 30px;z-index:2}
}
@media (max-width:991px){
  .page-invis .Inter-Banner-text::before{left:28px}
  .page-invis .braces_circleui ul{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width:768px){
  .page-invis{--sec:44px}
  .page-invis .internal_banner{display:flex;flex-direction:column;background:#fff}
  .page-invis .internal_banner .web_banner{display:none}
  .page-invis .internal_banner .mobile_banner{display:block;order:-1}
  .page-invis .internal_banner .Inter-Banner-text{margin:-38px 16px 0;padding:28px 22px 30px}
  .page-invis .Inter-Banner-text::before{left:22px}
  .page-invis .internal_banner .Inter-Banner-text h1{font-size:28px}
  .page-invis .tads_sec .container,.page-invis .invisalign-worksec .container,.page-invis .beforeafter_sec .container{padding-left:16px;padding-right:16px}
  .page-invis .invisalign-worksec .row.section_padding{row-gap:30px}
  .page-invis .img_leftcommon{padding:0 16px 16px 0;max-width:520px;margin:0 auto}
  .page-invis .img_leftcommon::before{inset:16px 0 0 16px}
  .page-invis .beforeafter_sec>.container>.row:first-child{flex-direction:column;align-items:flex-start;row-gap:18px}
}
@media (max-width:575px){
  .page-invis .braces_circleui ul{grid-template-columns:1fr}
  .page-invis .step_box{gap:14px;padding:16px}
  .page-invis .step_box b{width:54px;height:54px;font-size:19px}
  .page-invis .step_box:not(:last-child)::after{left:43px}
  .page-invis .beforeafte_box{padding:8px;gap:8px;border-radius:18px}
  .page-invis .beforeafte_box .beforeafte_block h4{left:8px;top:8px;padding:5px 10px;font-size:10.5px}
}
@media (prefers-reduced-motion:reduce){.page-invis .braces_circleui ul li,.page-invis .step_box,.page-invis .inv-hero-btn{transition:none}}

/* before/after: 3 cards per view, wider container so photos stay large */
@media (min-width:1200px){
  .page-invis .beforeafter_sec>.container{max-width:1560px;padding-left:40px;padding-right:40px}
  .page-invis .beforeafte_box{padding:10px;gap:8px;border-radius:22px}
  .page-invis .beforeafte_box .beforeafte_block img{border-radius:14px}
  .page-invis .beforeafte_box .beforeafte_block h4{left:8px;bottom:8px;padding:6px 12px;font-size:11px}
}

/* top-5 header: centred stack, logo shown whole */
.page-invis .beforeafter_sec>.container>.row:first-child{flex-direction:column!important;align-items:center!important;justify-content:center;text-align:center;row-gap:18px}
.page-invis .beforeafter_sec>.container>.row:first-child>.col-md-4,.page-invis .beforeafter_sec>.container>.row:first-child>.col-md-8{flex:0 0 auto;width:auto;max-width:100%;padding:0}
.page-invis .beforeafter_sec>.container>.row:first-child img{width:clamp(150px,12vw,190px)!important;height:auto!important;aspect-ratio:auto;margin:0 auto!important;padding:0;border-radius:24px;object-fit:contain;background:#fff;box-shadow:0 0 0 8px rgba(255,255,255,.18),0 20px 34px -16px rgba(0,0,0,.5)}
.page-invis .beforeafter_sec .page_head,.page-invis .beforeafter_sec .page_head h2.heading{text-align:center!important}
.page-invis .beforeafter_sec .page_head h2.heading{margin-bottom:20px}

/* compact version: smaller section, logo beside centred text */
.page-invis .beforeafter_sec{padding:clamp(34px,4vw,56px) 0 clamp(40px,4.5vw,60px)}
.page-invis .beforeafter_sec>.container{max-width:1320px!important;padding-left:24px!important;padding-right:24px!important}
.page-invis .beforeafter_sec>.container>.row:first-child{flex-direction:row!important;flex-wrap:nowrap;justify-content:center!important;align-items:center!important;column-gap:clamp(18px,2.5vw,36px);margin-bottom:clamp(22px,2.5vw,32px)!important}
.page-invis .beforeafter_sec>.container>.row:first-child img{width:clamp(96px,8vw,120px)!important;border-radius:20px;box-shadow:0 0 0 6px rgba(255,255,255,.18),0 16px 26px -14px rgba(0,0,0,.5)}
.page-invis .beforeafter_sec .page_head h2.heading{font-size:clamp(22px,2.3vw,32px);margin-bottom:14px}
.page-invis .beforeafter_sec .page_head a{padding:11px 22px;font-size:14px}
@media (max-width:700px){.page-invis .beforeafter_sec>.container>.row:first-child{flex-direction:column!important;row-gap:14px}}

/* Diamond badge: simple vector replica of the provider mark */
.page-invis .dia-badge{display:block;width:clamp(100px,8.5vw,128px);margin:0 auto;padding:8px 8px 6px;border-radius:20px;background:#fff;box-shadow:0 0 0 6px rgba(255,255,255,.18),0 16px 26px -14px rgba(0,0,0,.5)}
.page-invis .dia-badge svg{display:block;width:100%;height:auto}

/* tighter vertical rhythm */
.page-invis{--sec:clamp(30px,3.6vw,52px)}
@media (max-width:768px){.page-invis{--sec:28px}}
.page-invis .page_head{margin-bottom:clamp(20px,2.2vw,30px)}
.page-invis .page_head h2.heading{margin-bottom:10px}
.page-invis .page_head h2.heading::after{margin-top:12px}
.page-invis .braces_circleui ul li{padding:24px 22px 22px}
.page-invis .braces_circleui ul li::before{margin-bottom:14px}
.page-invis .invisalign-worksec{padding:var(--sec) 0}
.page-invis .invisalign-worksec .page_head .web_btn{margin-top:16px!important}
.page-invis .invisalign-worksec .row.section_padding{padding:clamp(20px,2.6vw,34px) 0 0}
.page-invis .step_box{margin-bottom:14px;padding:16px 22px 16px 18px}
.page-invis .step_box:not(:last-child)::after{height:14px}
.page-invis .beforeafter_sec{padding:var(--sec) 0 calc(var(--sec) + 6px)}
.page-invis .beforeafter_sec>.container>.row:first-child{margin-bottom:clamp(16px,2vw,24px)!important}
.page-invis .before-after-swiper{padding-bottom:36px}
.page-invis .home-faq.geo-faq{padding-top:var(--sec);padding-bottom:var(--sec)}

/* ===== life-page.css ===== */
/* Life with Braces page — scoped under .page-life (same palette/fonts) */
.page-life{--lf-teal:#83a7ad;--lf-deep:#4d737b;--lf-tint:#e8f3f5;--lf-ink:#3c403f}
.page-life .container{max-width:1180px}

/* ---------- hero ---------- */
.page-life .internal_banner{background:var(--lf-tint)}
.page-life .internal_banner .Inter-Banner-text{top:50%;left:6%;right:auto;transform:translateY(-50%);width:34%;min-width:340px;max-width:540px;box-sizing:border-box;padding:30px 32px 30px 38px;text-align:left;justify-items:start;background:rgba(255,255,255,.92);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:22px;border:1px solid rgba(131,167,173,.35);box-shadow:0 24px 50px -18px rgba(60,64,63,.35)}
.page-life .Inter-Banner-text::before{content:"";position:absolute;left:0;top:26px;bottom:26px;width:5px;border-radius:0 5px 5px 0;background:var(--lf-teal)}
.page-life .Inter-Banner-text :is(h1,h2){margin:0 0 12px;text-align:left;font-size:clamp(24px,2.4vw,36px);line-height:1.2;color:var(--lf-deep)}
.page-life .Inter-Banner-text :is(h1,h2)::after{content:"";display:block;width:56px;height:3px;border-radius:3px;background:var(--lf-teal);margin-top:12px}
.page-life .Inter-Banner-text p{margin:0;text-align:left;font-size:clamp(14px,1.05vw,16px);line-height:1.7}

/* ---------- shared headings ---------- */
.page-life .heading{position:relative}

/* ---------- eating with braces ---------- */
.page-life .Early-treatment{position:relative;overflow:hidden;padding:clamp(48px,6vw,96px) 0;background:#fff}
.page-life .Early-treatment::after{content:"";position:absolute;right:-130px;top:-130px;width:360px;height:360px;border-radius:50%;background:var(--lf-tint)}
.page-life .Early-treatment .container{position:relative;z-index:1}
.page-life .Early-treatment .treatment-option .head_text{max-width:760px;margin:0 auto clamp(34px,4vw,56px);text-align:center}
.page-life .Early-treatment .head_text .heading{margin:0 0 14px;font-size:clamp(28px,3vw,44px);text-align:center;color:var(--lf-ink)}
.page-life .Early-treatment .head_text .heading::after{content:"";display:block;width:56px;height:3px;border-radius:3px;background:var(--lf-teal);margin:14px auto 0}
.page-life .Early-treatment .head_text p{margin:0;font-size:16px;line-height:1.8}

.page-life .Early-treatment .divide{gap:0;align-items:center}
.page-life .Early-treatment .divide>.col-md-5{position:relative;padding:0 28px 28px 0}
.page-life .Early-treatment .divide>.col-md-5::before{content:"";position:absolute;inset:28px 0 0 28px;border-radius:26px;background:var(--lf-teal);opacity:.35}
.page-life .Early-treatment .divide>.col-md-5 img{position:relative;display:block;width:100%;height:auto;margin:0;border-radius:26px;border:6px solid #fff;box-shadow:0 26px 50px -22px rgba(60,64,63,.45)}
.page-life .Early-treatment .txt_area{padding:0 0 0 clamp(20px,3.5vw,56px)}
.page-life .Early-treatment .txt_area .heading{margin:0 0 22px;font-size:clamp(24px,2.4vw,34px);line-height:1.25;text-align:left}
.page-life .Early-treatment .txt_area .heading::after{content:"";display:block;width:56px;height:3px;border-radius:3px;background:var(--lf-teal);margin-top:14px}
.page-life .Early-treatment .txt_area ul{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:0;padding:0;list-style:none}
.page-life .Early-treatment .txt_area ul li{position:relative;padding:16px 16px 16px 54px;border-radius:16px;background:var(--lf-tint);border:1px solid rgba(131,167,173,.3);transition:transform .25s,box-shadow .25s,background .25s}
.page-life .Early-treatment .txt_area ul li::before{content:"\f00c";font:900 13px/1 "Font Awesome 6 Free";position:absolute;left:14px;top:15px;display:grid;place-items:center;width:28px;height:28px;border-radius:50%;background:linear-gradient(135deg,var(--lf-teal),var(--lf-deep));color:#fff}
.page-life .Early-treatment .txt_area ul li:hover{transform:translateY(-3px);background:#fff;box-shadow:0 16px 28px -20px rgba(60,64,63,.5)}
.page-life .Early-treatment .txt_area ul li p{margin:0;text-align:left;font-size:14.5px;line-height:1.6}

/* foods to avoid */
.page-life .Early-treatment>.container>.treatment-option:last-child{margin-top:clamp(44px,5vw,76px);padding:clamp(28px,3vw,44px);border-radius:28px;background:var(--lf-tint);border:1px dashed var(--lf-teal)}
.page-life .Early-treatment .treatment-option :is(h1,h2).heading{margin:0 0 26px;padding:0;background:none;border-radius:0;font-size:clamp(24px,2.4vw,34px);text-align:center}
.page-life .Early-treatment .treatment-option :is(h1,h2).heading::after{content:"";display:block;width:56px;height:3px;border-radius:3px;background:var(--lf-teal);margin:14px auto 0}
.page-life .Early-treatment .treatment-option-list{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;margin:0;padding:0;list-style:none}
.page-life .Early-treatment .treatment-option-list li{flex:none}
.page-life .Early-treatment .treatment-option-list li .box{position:relative;height:100%;padding:58px 20px 22px;border:0;border-radius:20px;background:#fff;box-shadow:0 16px 28px -24px rgba(60,64,63,.55);transition:transform .28s,box-shadow .28s,background .28s}
.page-life .Early-treatment .treatment-option-list li .box::before{content:"\f00d";font:900 17px/1 "Font Awesome 6 Free";position:absolute;left:50%;top:-1px;transform:translateX(-50%);display:grid;place-items:center;width:46px;height:36px;border-radius:0 0 14px 14px;background:var(--lf-deep);color:#fff}
.page-life .Early-treatment .treatment-option-list li .box:hover{transform:translateY(-5px);background:linear-gradient(150deg,var(--lf-teal),var(--lf-deep));box-shadow:0 24px 36px -24px rgba(60,64,63,.6)}
.page-life .Early-treatment .treatment-option-list li .box p{margin:0;text-align:center;font-size:15px;line-height:1.7}

/* ---------- soreness: split panel + stacked cards ---------- */
.page-life .child-need{position:relative;overflow:hidden;padding:clamp(48px,6vw,96px) 0;background:var(--lf-tint)}
.page-life .child-need::before{content:"";position:absolute;right:-140px;bottom:-140px;width:380px;height:380px;border-radius:50%;background:rgba(131,167,173,.2)}
.page-life .child-need .container{position:relative;z-index:1}
.page-life .child-need .txt_area{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:30px;align-items:start;padding:0}
.page-life .child-need .sore-intro{position:sticky;top:120px;padding:clamp(28px,3vw,44px);border-radius:28px;background:linear-gradient(155deg,var(--lf-teal),var(--lf-deep));color:#fff;box-shadow:0 30px 50px -28px rgba(60,64,63,.6);overflow:hidden}
.page-life .child-need .sore-intro::after{content:"";position:absolute;right:-60px;top:-60px;width:180px;height:180px;border-radius:50%;border:30px solid rgba(255,255,255,.1)}
.page-life .child-need .sore-intro>*{position:relative;z-index:1}
.page-life .child-need .sore-intro .heading{width:100%;margin:0 0 22px;font-size:clamp(26px,2.5vw,36px);line-height:1.25;text-align:left;color:#fff}
.page-life .child-need .sore-intro .heading::after{content:"";display:block;width:56px;height:3px;border-radius:3px;background:#fff;margin-top:16px}
.page-life .child-need .sore-intro p{width:100%;max-width:none;margin:0 0 16px;padding:0;border:0;background:none;font-size:15.5px;line-height:1.85;text-align:left;color:#fff}
.page-life .child-need .sore-intro p:last-child{margin:0;padding-top:16px;border-top:1px solid rgba(255,255,255,.35)}
.page-life .child-need .sore-cards{display:flex;flex-direction:column;gap:18px;counter-reset:sr}
.page-life .child-need .sore-cards ul.difference{display:contents!important}
.page-life .child-need .sore-cards ul.difference li{position:relative;counter-increment:sr;margin:0!important;padding:26px 28px 26px 96px;border-radius:22px;background:#fff!important;border:1px solid rgba(131,167,173,.3);box-shadow:0 16px 30px -26px rgba(60,64,63,.5);transition:transform .28s,box-shadow .28s,background .28s}
.page-life .child-need .sore-cards ul.difference li::before{content:"0" counter(sr);position:absolute;left:26px;top:24px;display:grid;place-items:center;width:50px;height:50px;border-radius:16px;background:var(--lf-tint);color:var(--lf-deep);font:600 18px/1 var(--head-font);transition:background .28s,color .28s}
.page-life .child-need .sore-cards ul.difference li h3{margin:0 0 10px;font-size:20px;line-height:1.35;text-align:left;color:var(--lf-deep)}
.page-life .child-need .sore-cards ul.difference li p{width:100%;margin:0;text-align:left;font-size:15px;line-height:1.75}
.page-life .child-need .sore-cards ul.difference li:hover{margin:0!important;transform:translateX(6px);background:#fff!important;box-shadow:0 24px 40px -26px rgba(60,64,63,.6)}
.page-life .child-need .sore-cards ul.difference li:hover h3{color:var(--lf-deep)}
.page-life .child-need .sore-cards ul.difference li:hover p{color:var(--lf-ink)}
.page-life .child-need .sore-cards ul.difference li:hover::before{background:var(--lf-teal);color:#fff}

/* ---------- sports ---------- */
.page-life .life-braces-sec{position:relative;overflow:hidden;padding:clamp(48px,6vw,96px) 0;background:#fff}
.page-life .life-braces-sec .container{position:relative;z-index:1}
.page-life .life-braces-sec .divide{gap:0}
.page-life .life-braces-sec .divide>.col-12:first-child{max-width:900px;margin:0 auto clamp(30px,4vw,56px);text-align:center}
.page-life .life-braces-sec .divide .heading{width:100%;margin:0 0 18px;font-size:clamp(26px,2.8vw,40px);text-align:center}
.page-life .life-braces-sec .divide .heading::after{content:"";display:block;width:56px;height:3px;border-radius:3px;background:var(--lf-teal);margin:14px auto 0}
.page-life .life-braces-sec .divide>.col-12:first-child p{width:100%;margin:0;padding:20px 26px;border-radius:18px;background:var(--lf-tint);font-size:16px;line-height:1.85;text-align:left}
.page-life .life-braces-sec .sec-align{align-items:center}
.page-life .life-braces-sec .sec-align>.col-md-5{position:relative;padding:0 0 28px 28px}
.page-life .life-braces-sec .sec-align>.col-md-5::before{content:"";position:absolute;inset:28px 28px 0 0;border-radius:26px;background:#fff;border:2px dashed var(--lf-teal)}
.page-life .life-braces-sec .sec-align>.col-md-5 img{position:relative;display:block;width:100%;height:auto;border-radius:26px;border:6px solid #fff;box-shadow:0 26px 50px -22px rgba(60,64,63,.45)}
.page-life .life-braces-sec .life-braces{padding:0 clamp(20px,4vw,60px) 0 0}
.page-life .life-braces-sec .life-braces p{width:100%;margin:0 0 16px;padding-left:20px;border-left:3px solid rgba(131,167,173,.55);font-size:16px;line-height:1.85;text-align:left}
.page-life .life-braces-sec .life-braces p:last-child{margin:0}

/* ---------- responsive ---------- */
@media (max-width:1100px){
  .page-life .Early-treatment .txt_area ul{grid-template-columns:1fr}
  .page-life .Early-treatment .treatment-option-list{grid-template-columns:repeat(2,minmax(0,1fr))}
  .page-life .child-need .txt_area{grid-template-columns:1fr}
  .page-life .child-need .sore-intro{position:relative;top:auto}
}
@media (max-width:991px){
  .page-life .internal_banner .Inter-Banner-text{width:48%;padding:22px 24px 22px 28px}
  .page-life .Inter-Banner-text p{font-size:14px;line-height:1.6}
}
@media (max-width:768px){
  .page-life .internal_banner{overflow:visible!important;background:transparent}
  .page-life .internal_banner .Inter-Banner-text{position:relative;top:auto;left:auto;right:auto;transform:none;width:auto;min-width:0;max-width:none;margin:-46px 5% 0;z-index:2;padding:22px 20px 22px 26px}
  .page-life .Inter-Banner-text::before{top:20px;bottom:20px}
  .page-life .Inter-Banner-text :is(h1,h2){font-size:24px}
  .page-life .container{padding-left:6%;padding-right:6%}
  .page-life .Early-treatment,.page-life .child-need,.page-life .life-braces-sec{padding:38px 0 44px}
  .page-life .Early-treatment .divide{gap:30px}
  .page-life .Early-treatment .divide>.col-md-5{padding:0 16px 16px 0}
  .page-life .Early-treatment .divide>.col-md-5::before{inset:16px 0 0 16px;border-radius:20px}
  .page-life .Early-treatment .divide>.col-md-5 img,.page-life .life-braces-sec .sec-align>.col-md-5 img{border-radius:20px;border-width:4px}
  .page-life .Early-treatment .txt_area{padding:0 4px}
  .page-life .Early-treatment>.container>.treatment-option:last-child{padding:22px 16px;border-radius:22px}
  .page-life .Early-treatment .treatment-option-list{grid-template-columns:1fr;gap:14px}
  .page-life .Early-treatment .treatment-option-list li .box{padding:52px 18px 18px}
  .page-life .child-need .txt_area{grid-template-columns:1fr;gap:20px}
  .page-life .child-need .sore-intro{padding:24px 20px;border-radius:22px}
  .page-life .child-need .sore-intro p{font-size:14px;line-height:1.75}
  .page-life .child-need .sore-cards ul.difference li{padding:22px 18px 20px 18px}
  .page-life .child-need .sore-cards ul.difference li::before{position:static;display:grid;margin-bottom:12px;width:42px;height:42px;font-size:15px}
  .page-life .child-need .sore-cards ul.difference li p{font-size:14px;line-height:1.7}
  .page-life .child-need .txt_area>p,.page-life .life-braces-sec .divide>.col-12:first-child p,.page-life .life-braces-sec .life-braces p,.page-life .Early-treatment .head_text p{font-size:14px;line-height:1.75}
  .page-life .life-braces-sec .sec-align{gap:28px}
  .page-life .life-braces-sec .sec-align>.col-md-5{padding:0 0 16px 16px}
  .page-life .life-braces-sec .sec-align>.col-md-5::before{inset:16px 16px 0 0;border-radius:20px}
  .page-life .life-braces-sec .life-braces{padding:0 4px}
}

/* ===== locations.css ===== */
/* Location pages (v2) - matches site palette: teal #83a7ad, deep #527177, tint #e8f3f5 */
:root{--lc-teal:#83a7ad;--lc-deep:#527177;--lc-tint:#e8f3f5;--lc-ink:#3c403f}
.loc-eyebrow{display:inline-block;margin:0 0 14px;padding:7px 16px;border-radius:999px;background:var(--lc-tint);border:1px solid rgba(131,167,173,.5);font:700 12px/1 'Poppins',sans-serif;letter-spacing:.14em;text-transform:uppercase;color:var(--lc-deep)}
.loc-eyebrow-light{background:rgba(255,255,255,.18);border-color:rgba(255,255,255,.35);color:#fff}
.loc-head{text-align:center;max-width:760px;margin:0 auto 34px}
.loc-head .heading{margin:0;font-size:clamp(26px,3vw,36px);line-height:1.25;color:var(--lc-deep)}
.loc-head .heading::after{content:"";display:block;width:64px;height:4px;margin:16px auto 0;border-radius:4px;background:var(--lc-teal)}
.loc-head .loc-lead{margin-top:18px}
.loc-lead{font:500 19px/1.7 'Open Sans',sans-serif;color:var(--lc-deep);margin:0 0 16px}
/* buttons */
.loc-btn{display:inline-block;padding:14px 28px;border-radius:999px;font:600 15px/1.2 'Poppins',sans-serif;text-align:center;transition:transform .2s,background .2s,box-shadow .2s;text-decoration:none}
.loc-btn:hover{transform:translateY(-2px)}
.loc-btn-light{background:#fff;color:var(--lc-deep)!important;box-shadow:0 12px 24px -12px rgba(0,0,0,.4)}
.loc-btn-ghost{border:2px solid rgba(255,255,255,.7);color:#fff!important}
.loc-btn-ghost:hover{background:rgba(255,255,255,.15)}
/* hero banner */
.loc-hero{position:relative;overflow:hidden;padding:64px 0 56px;background:radial-gradient(circle at 15% 20%,rgba(255,255,255,.16),transparent 45%),linear-gradient(120deg,#86a9af 0%,#6a8f95 45%,#46686e 100%);color:#fff;text-align:center}
.loc-hero::after{content:"";position:absolute;inset:0;background-image:radial-gradient(rgba(255,255,255,.14) 1.5px,transparent 1.5px);background-size:26px 26px;-webkit-mask-image:linear-gradient(to bottom,rgba(0,0,0,.6),transparent 70%);mask-image:linear-gradient(to bottom,rgba(0,0,0,.6),transparent 70%);pointer-events:none}
.loc-hero-bg i{position:absolute;border-radius:50%;background:rgba(255,255,255,.1)}
.loc-hero-bg i:nth-child(1){width:440px;height:440px;right:-120px;top:-170px}
.loc-hero-bg i:nth-child(2){width:300px;height:300px;left:-100px;bottom:-160px;background:rgba(255,255,255,.08)}
.loc-hero-bg i:nth-child(3){width:90px;height:90px;left:12%;top:36px;background:rgba(255,255,255,.12)}
.loc-hero-bg i:nth-child(4){width:150px;height:150px;right:9%;bottom:70px;background:rgba(255,255,255,.07)}
.loc-hero-inner{position:relative;z-index:1;max-width:980px}
.loc-hero-tag{display:inline-flex;align-items:center;gap:8px;margin:0 0 20px;padding:8px 18px;border-radius:999px;background:rgba(255,255,255,.18);border:1px solid rgba(255,255,255,.4);font:600 13px/1 'Poppins',sans-serif;letter-spacing:.1em;text-transform:uppercase}
.loc-hero h1{margin:0 0 18px;font:600 clamp(34px,5vw,58px)/1.12 'Poppins',sans-serif;color:#fff;text-align:center}
.loc-hero h1::after{content:"";display:block;width:72px;height:4px;margin:20px auto 0;border-radius:4px;background:rgba(255,255,255,.75)}
.loc-hero-sub{max-width:700px;margin:0 auto 30px;font:400 clamp(16px,1.6vw,19px)/1.7 'Open Sans',sans-serif;color:rgba(255,255,255,.96);text-align:center}
.loc-hero-cta{display:flex;flex-wrap:wrap;justify-content:center;gap:14px;margin-bottom:42px}
.loc-hero-cta .loc-btn i{margin-right:6px}
.loc-hero-tiles{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(4,1fr);gap:16px;text-align:left}
.loc-hero-tiles li{display:flex;align-items:center;gap:14px;padding:16px 18px;border-radius:18px;background:rgba(255,255,255,.14);border:1px solid rgba(255,255,255,.3);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);transition:transform .25s,background .25s}
.loc-hero-tiles li:hover{transform:translateY(-4px);background:rgba(255,255,255,.22)}
.loc-tile-ico{flex:0 0 46px;height:46px;display:flex;align-items:center;justify-content:center;border-radius:14px;background:#fff;color:#527177;font-size:20px}
.loc-hero-tiles span:last-child{font:400 13.5px/1.4 'Open Sans',sans-serif;color:rgba(255,255,255,.92)}
.loc-hero-tiles strong{display:block;font:600 16px/1.3 'Poppins',sans-serif;color:#fff}
@media(max-width:991px){.loc-hero-tiles{grid-template-columns:repeat(2,1fr)}}
@media(max-width:575px){.loc-hero{padding:40px 0 36px}.loc-hero-cta .loc-btn{width:100%}.loc-hero-tiles{grid-template-columns:1fr;gap:12px}}
/* intro */
.loc-intro{padding:70px 0 50px}
.loc-intro-grid{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);gap:48px;align-items:start}
.loc-title{font-size:clamp(26px,3vw,38px);line-height:1.25;margin:0 0 18px;color:#000}
.loc-intro-main .sub-text{font-size:16.5px;line-height:1.85;margin-bottom:14px}
.loc-chips{list-style:none;padding:0;margin:22px 0 0;display:flex;flex-wrap:wrap;gap:10px}
.loc-chips li{display:flex;align-items:center;gap:8px;padding:9px 16px;border-radius:999px;background:var(--lc-tint);font:600 14px/1 'Open Sans',sans-serif;color:var(--lc-deep)}
.loc-chips i{color:var(--lc-teal);font-size:15px}
.loc-glance{position:sticky;top:110px;padding:30px;border-radius:24px;background:linear-gradient(150deg,var(--lc-teal),var(--lc-deep));color:#fff;box-shadow:0 26px 44px -26px rgba(60,100,108,.7)}
.loc-glance h3{margin:0 0 20px;font:600 22px/1.2 'Poppins',sans-serif;color:#fff}
.loc-glance ul{list-style:none;padding:0;margin:0 0 24px}
.loc-glance li{display:flex;gap:14px;padding:13px 0;border-bottom:1px solid rgba(255,255,255,.22)}
.loc-glance li:last-child{border-bottom:0}
.loc-glance li i{flex:0 0 36px;height:36px;display:flex;align-items:center;justify-content:center;border-radius:50%;background:rgba(255,255,255,.18);font-size:15px}
.loc-glance li span{font:400 15px/1.5 'Open Sans',sans-serif}
.loc-glance li strong{display:block;font:700 11px/1.4 'Poppins',sans-serif;letter-spacing:.12em;text-transform:uppercase;opacity:.8;margin-bottom:2px}
.loc-glance .loc-btn{display:block}
.loc-glance-call{display:block;margin-top:16px;text-align:center;font:600 16px/1 'Poppins',sans-serif;color:#fff!important}
/* treatments band */
.loc-services{background:var(--lc-tint)}
.loc-svc-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
.loc-svc{display:flex;flex-direction:column;padding:28px;border-radius:20px;background:#fff;border:1px solid rgba(131,167,173,.3);color:inherit;text-decoration:none;transition:transform .25s,box-shadow .25s,border-color .25s}
.loc-svc:hover{transform:translateY(-5px);border-color:var(--lc-teal);box-shadow:0 22px 36px -24px rgba(60,64,63,.55)}
.loc-svc-ico{width:56px;height:56px;margin-bottom:18px;display:flex;align-items:center;justify-content:center;border-radius:16px;background:var(--lc-tint);color:var(--lc-deep);font-size:23px;transition:background .25s,color .25s}
.loc-svc:hover .loc-svc-ico{background:var(--lc-deep);color:#fff}
.loc-svc h3{text-align:left;margin:0 0 8px;font:600 20px/1.3 'Poppins',sans-serif;color:#000}
.loc-svc p{text-align:left;margin:0 0 18px;font:400 15.5px/1.7 'Open Sans',sans-serif;color:var(--lc-ink);flex:1}
.loc-svc-more{font:600 14px/1 'Poppins',sans-serif;color:var(--lc-deep)}
.loc-svc-more i{margin-left:6px;transition:margin .2s}
.loc-svc:hover .loc-svc-more i{margin-left:12px}
/* visit */
.loc-visit-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.2fr);border-radius:26px;overflow:hidden;box-shadow:0 26px 46px -28px rgba(60,100,108,.6)}
.loc-visit-card{padding:42px;background:linear-gradient(150deg,var(--lc-deep),#3f5b60);color:#fff}
.loc-visit-card h2{margin:0 0 22px;font:600 clamp(24px,2.4vw,32px)/1.2 'Poppins',sans-serif;color:#fff;text-align:left;background:none;padding:0}
.loc-visit-list{list-style:none;padding:0;margin:0 0 28px}
.loc-visit-list li{display:flex;gap:16px;margin-bottom:18px;font:400 16px/1.6 'Open Sans',sans-serif}
.loc-visit-list i{flex:0 0 40px;height:40px;display:flex;align-items:center;justify-content:center;border-radius:50%;background:rgba(255,255,255,.15)}
.loc-visit-list a{color:#fff;font-weight:700}
.loc-visit-btns{display:flex;gap:12px;flex-wrap:wrap}
.loc-visit-map{min-height:360px}
.loc-visit-map iframe{width:100%;height:100%;min-height:360px;border:0;display:block}
/* nearby */
.loc-near{padding-top:20px}
.loc-near-list{list-style:none;padding:0;margin:0;display:flex;flex-wrap:wrap;gap:12px;justify-content:center}
.loc-near-list a{display:inline-block;padding:11px 22px;border-radius:999px;background:#fff;border:1.5px solid var(--lc-teal);font:600 15px/1 'Poppins',sans-serif;color:var(--lc-deep)!important;transition:all .2s}
.loc-near-list a:hover{background:var(--lc-deep);border-color:var(--lc-deep);color:#fff!important;transform:translateY(-2px)}
.loc-near-list .loc-near-all{background:var(--lc-deep);border-color:var(--lc-deep);color:#fff!important}
.loc-near-list .loc-near-all i{margin-left:6px;font-size:12px}
/* hub + home grid */
.loc-hub-grid{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.loc-hub-grid a{display:flex;align-items:center;gap:14px;padding:16px 20px;border-radius:16px;background:#fff;border:1px solid rgba(131,167,173,.35);color:inherit;text-decoration:none;box-shadow:0 8px 20px -16px rgba(60,64,63,.5);transition:transform .2s,box-shadow .2s,border-color .2s}
.loc-hub-grid a:hover{transform:translateY(-3px);border-color:var(--lc-teal);box-shadow:0 16px 28px -18px rgba(60,64,63,.55)}
.loc-hub-ico{flex:0 0 42px;height:42px;display:flex;align-items:center;justify-content:center;border-radius:50%;background:var(--lc-tint);color:var(--lc-deep);transition:background .2s,color .2s}
.loc-hub-grid a:hover .loc-hub-ico{background:var(--lc-deep);color:#fff}
.loc-hub-name{flex:1;font:600 16px/1.3 'Poppins',sans-serif;color:#000;text-align:left}
.loc-hub-arrow{color:var(--lc-teal);font-size:13px;transition:transform .2s}
.loc-hub-grid a:hover .loc-hub-arrow{transform:translateX(4px)}
/* home page section */
.loc-areas{background:var(--lc-tint);text-align:center}
.loc-areas .heading{margin:0 0 14px;font-size:clamp(26px,3vw,36px);line-height:1.25;color:var(--lc-deep)}
.loc-areas .heading::after{content:"";display:block;width:64px;height:4px;margin:16px auto 0;border-radius:4px;background:var(--lc-teal)}
.loc-areas .sub-text{max-width:760px;margin:0 auto 34px;font-size:17px}
.loc-areas .loc-kicker{background:#fff;border:1px solid rgba(131,167,173,.5);color:var(--lc-deep);margin-bottom:14px}
.loc-areas .loc-hub-grid{text-align:left}
.loc-areas .loc-areas-btn{margin-top:34px;background:var(--lc-deep);color:#fff!important;border-radius:999px;padding:14px 32px;font:600 15px/1.2 'Poppins',sans-serif;box-shadow:0 12px 24px -12px rgba(77,115,123,.7)}
.loc-areas .loc-areas-btn:hover{background:var(--lc-teal);transform:translateY(-2px)}
@media(max-width:991px){
 .loc-intro-grid,.loc-visit-grid{grid-template-columns:1fr}
 .loc-glance{position:static}
 .loc-svc-grid,.loc-hub-grid{grid-template-columns:repeat(2,1fr)}
 .loc-visit-map,.loc-visit-map iframe{min-height:300px}
}
@media(max-width:575px){
 .loc-intro{padding:44px 0 30px}
 .loc-lead{font-size:17px}
 .loc-svc-grid,.loc-hub-grid{grid-template-columns:1fr}
 .loc-visit-card,.loc-glance{padding:26px}
 .loc-btn{width:100%}
 .loc-chips li{font-size:13px}
}
/* fixes for the area cards + button */
.loc-hub-grid a{min-width:0}
.loc-hub-name{min-width:0;white-space:normal;line-height:1.3}
.loc-hub-arrow{flex:0 0 auto;margin-left:auto}
.loc-areas-more{margin-top:44px;text-align:center;clear:both}
.loc-areas .loc-areas-btn{position:static;display:inline-block;margin:0}

/* ===== office-visit-page.css ===== */
/* Office Visit - clean light layout, scoped .page-visit (site palette & fonts) */
.page-visit{--t:#83a7ad;--d:#527177;--dd:#43636a;--tint:#eef6f7;--ink:#3c403f;--sec:clamp(40px,4.4vw,64px)}
.page-visit h2,.page-visit h3{text-wrap:balance}
.page-visit .ov-btn{display:inline-block;padding:14px 30px;border-radius:999px;background:var(--t);color:#fff;font:600 15px/1 var(--head-font);box-shadow:0 14px 24px -12px rgba(82,113,119,.8);transition:transform .2s,background .2s}
.page-visit .ov-btn:hover{transform:translateY(-2px);background:var(--d);color:#fff}
.page-visit h2.heading{background:none;padding:0}

/* hero: card right */
.page-visit .internal_banner{position:relative;background:var(--tint)}
.page-visit .internal_banner .banner{width:100%;height:auto}
.page-visit .internal_banner .web_banner{display:block}
.page-visit .internal_banner .mobile_banner{display:none}
.page-visit .internal_banner .Inter-Banner-text{position:absolute;top:50%;right:7%;left:auto;transform:translateY(-50%);width:min(540px,42%);box-sizing:border-box;margin:0;padding:34px 38px 36px;display:block;justify-items:stretch;text-align:left;background:#fff;border:1px solid rgba(131,167,173,.35);border-left:6px solid var(--t);border-radius:24px;box-shadow:0 30px 60px -24px rgba(40,60,64,.45)}
.page-visit .internal_banner .Inter-Banner-text h1{width:100%;margin:0 0 12px;background:none;padding:0;text-align:left!important;font:600 clamp(28px,2.8vw,42px)/1.15 var(--head-font);color:var(--d)}
.page-visit .internal_banner .Inter-Banner-text p{margin:0 0 20px;font-size:clamp(14px,1.05vw,15.5px);line-height:1.7;color:var(--ink);text-align:left}

/* intro band */
.page-visit .statement-text{position:relative;overflow:hidden;padding:clamp(18px,2vw,26px) 0;background:linear-gradient(100deg,var(--t),var(--dd))}
.page-visit .statement-text::before,.page-visit .statement-text::after{content:"";position:absolute;border-radius:50%;border:1px solid rgba(255,255,255,.2);pointer-events:none}
.page-visit .statement-text::before{width:300px;height:300px;right:-90px;top:-150px}
.page-visit .statement-text::after{width:180px;height:180px;left:-60px;bottom:-100px}
.page-visit .statement-text .container{position:relative;z-index:1;max-width:1240px}
.page-visit .statement-text p.sub-text{position:relative;margin:0;padding:2px 0 2px 72px;min-height:48px;display:flex;align-items:center;text-align:left;font:500 clamp(14px,1.05vw,16.5px)/1.7 var(--head-font);color:#fff}
.page-visit .statement-text p.sub-text::before{content:"\f0f1";position:absolute;left:0;top:50%;transform:translateY(-50%);display:grid;place-items:center;width:48px;height:48px;border-radius:50%;background:#fff;box-shadow:0 12px 22px -12px rgba(0,0,0,.5);color:var(--dd);font:900 19px/1 "Font Awesome 6 Free"}
.page-visit .statement-text p.sub-text::after{content:"";position:absolute;left:60px;top:2px;bottom:2px;width:2px;border-radius:2px;background:rgba(255,255,255,.45)}

/* main flow section */
.page-visit .Early-treatment{padding:var(--sec) 0;background:linear-gradient(180deg,#fff,var(--tint))}
.page-visit .Early-treatment>.container{display:flex;flex-direction:column;gap:clamp(28px,3.2vw,44px);max-width:1180px}
.page-visit .Early-treatment .row{margin:0}
.page-visit .Early-treatment .row>*{padding-left:0;padding-right:0}

/* consultation intro (centred) */
.page-visit .Early-treatment .row.treatment-option{display:block;padding:0;border:0;background:none;box-shadow:none}
.page-visit .Early-treatment .head_text{text-align:center}
.page-visit .Early-treatment .head_text h2.heading{margin:0 auto 14px;max-width:820px;text-align:center;font:600 clamp(24px,2.6vw,38px)/1.25 var(--head-font);color:var(--d)}
.page-visit .Early-treatment .head_text h2.heading::after{content:"";display:block;width:64px;height:4px;border-radius:4px;background:var(--t);margin:14px auto 0}
.page-visit .Early-treatment .head_text p.sub-text{max-width:860px;margin:0 auto;text-align:center!important;font-size:clamp(14.5px,1.1vw,16px);line-height:1.8;color:var(--ink)}

/* photo + numbered steps */
.page-visit .row.divide{align-items:center}
.page-visit .divide>.col-md-5{position:relative;padding:0 22px 22px 0}
.page-visit .divide>.col-md-5::before{content:"";position:absolute;inset:22px 0 0 22px;border-radius:24px;background:var(--tint);border:2px solid rgba(131,167,173,.45)}
.page-visit .divide>.col-md-5 img{position:relative;display:block;width:100%;height:auto;margin:0;border:0;border-radius:24px;box-shadow:0 24px 44px -26px rgba(40,60,64,.55)}
.page-visit .Early-treatment .divide .txt_area{padding:0 0 0 clamp(16px,3vw,48px);text-align:left}
.page-visit .Early-treatment .divide .txt_area>ul{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:0;padding:0;list-style:none;counter-reset:v}
.page-visit .Early-treatment .divide .txt_area>ul li{position:relative;counter-increment:v;margin:0;padding:16px 16px 16px 62px;min-height:68px;display:flex;align-items:center;border:1px solid rgba(131,167,173,.4);border-radius:16px;background:#fff;box-shadow:0 14px 24px -20px rgba(60,64,63,.6);list-style:none;transition:transform .2s,border-color .2s}
.page-visit .Early-treatment .divide .txt_area>ul li:hover{transform:translateY(-3px);border-color:var(--t)}
.page-visit .Early-treatment .divide .txt_area>ul li::before{content:counter(v);position:absolute;left:14px;top:50%;transform:translateY(-50%);display:grid;place-items:center;width:34px;height:34px;border-radius:50%;background:linear-gradient(145deg,var(--t),var(--dd));color:#fff;font:700 14px/1 var(--head-font)}
.page-visit .Early-treatment .divide .txt_area>ul li p.sub-text{margin:0;text-align:left;font-size:14.5px;line-height:1.5;color:var(--ink)}

/* closing callout */
.page-visit .Early-treatment>.container>.treatment-option:not(.row){display:block;margin:0;padding:clamp(22px,2.6vw,30px) clamp(22px,3vw,40px);border:1px solid rgba(131,167,173,.4);border-left:6px solid var(--t);border-radius:22px;background:#fff;box-shadow:0 22px 38px -30px rgba(40,60,64,.55)}
.page-visit .treatment-option>.row{display:flex;align-items:center;justify-content:space-between;gap:24px;margin:0}
.page-visit .treatment-option>.row>*{width:auto;flex:1;padding:0}
.page-visit .treatment-option>.row p.sub-text{margin:0;text-align:left!important;font-size:15.5px;line-height:1.8;color:var(--ink)}
.page-visit .treatment-option>.row>.ov-btn-wrap{flex:0 0 auto}
.page-visit .ov-btn-wrap{display:flex}

/* reverse rows: text on the left, photo right */
.page-visit .row.reverse-row .txt_area{padding:0 clamp(16px,3vw,48px) 0 0!important}
.page-visit .child-need .row{margin:0}
.page-visit .child-need .row>*{padding-left:0;padding-right:0}
/* what happens next */
.page-visit .Early-treatment .row.reverse-row .txt_area h2.heading{margin:0 0 16px;text-align:left;font:600 clamp(24px,2.5vw,36px)/1.25 var(--head-font);color:var(--d)}
.page-visit .Early-treatment .row.reverse-row .txt_area h2.heading::after{content:"";display:block;width:64px;height:4px;border-radius:4px;background:var(--t);margin-top:14px}
.page-visit .Early-treatment .row.reverse-row .txt_area p.sub-text{margin:0;padding:4px 0 4px 20px;border-left:4px solid var(--t);text-align:left;font-size:15px;line-height:1.85;color:var(--ink)}

/* scheduling: teal band */
.page-visit .Duration-sec.child-need{position:relative;overflow:hidden;padding:var(--sec) 0;background:linear-gradient(135deg,var(--d),var(--dd))}
.page-visit .child-need::before,.page-visit .child-need::after{content:"";position:absolute;border-radius:50%;border:1px solid rgba(255,255,255,.16);pointer-events:none}
.page-visit .child-need::before{width:380px;height:380px;right:-120px;top:-150px}
.page-visit .child-need::after{width:240px;height:240px;left:-80px;bottom:-110px}
.page-visit .child-need .container{position:relative;z-index:1;max-width:1180px}
.page-visit .child-need .divide>.col-md-5::before{background:rgba(255,255,255,.12);border-color:rgba(255,255,255,.4)}
.page-visit .child-need .divide>.col-md-5 img{box-shadow:0 26px 48px -24px rgba(0,0,0,.6)}
.page-visit .child-need .divide .txt_area{padding:0 0 0 clamp(16px,3vw,48px);text-align:left}
.page-visit .child-need .divide .txt_area h2.heading{width:auto;margin:0 0 16px;text-align:left;font:600 clamp(24px,2.5vw,36px)/1.25 var(--head-font);color:#fff}
.page-visit .child-need .divide .txt_area h2.heading::after{content:"";display:block;width:64px;height:4px;border-radius:4px;background:rgba(255,255,255,.7);margin-top:14px}
.page-visit .child-need .divide .txt_area p.sub-text{width:auto;margin:0 0 22px;text-align:left;font-size:15px;line-height:1.85;color:rgba(255,255,255,.95)}
.page-visit .child-need .ov-btn{background:#fff;color:var(--dd);box-shadow:0 16px 28px -12px rgba(0,0,0,.5)}
.page-visit .child-need .ov-btn:hover{background:var(--tint);color:var(--dd)}

/* dentist note */
.page-visit .Why-adult.life-braces-sec{padding:var(--sec) 0;background:linear-gradient(180deg,var(--tint),#fff)}
.page-visit .Why-adult .container{max-width:980px}
.page-visit .Why-adult .divide>.col-12{position:relative;padding:clamp(54px,5vw,64px) clamp(22px,4vw,56px) clamp(26px,3vw,38px);border:1px solid rgba(131,167,173,.4);border-top:5px solid var(--t);border-radius:26px;background:#fff;box-shadow:0 28px 48px -32px rgba(40,60,64,.55);text-align:center}
.page-visit .Why-adult .divide>.col-12::before{content:"\f5c9";position:absolute;left:50%;top:-31px;transform:translateX(-50%);display:grid;place-items:center;width:58px;height:58px;border-radius:50%;background:linear-gradient(145deg,var(--t),var(--dd));border:5px solid #fff;box-shadow:0 14px 24px -10px rgba(67,99,106,.7);color:#fff;font:900 21px/1 "Font Awesome 6 Free"}
.page-visit .Why-adult .divide .heading{width:auto;margin:0 auto 12px;text-align:center;font:600 clamp(22px,2.3vw,32px)/1.3 var(--head-font);color:var(--d)}
.page-visit .Why-adult .divide .heading::after{content:"";display:block;width:56px;height:4px;border-radius:4px;background:var(--t);margin:14px auto 0}
.page-visit .Why-adult .divide .last-p{width:auto;max-width:820px;margin:0 auto;padding:0;border:0;background:none;box-shadow:none;border-radius:0;color:var(--ink);text-align:center;font:400 clamp(14.5px,1.1vw,16px)/1.85 var(--body-font,inherit)}

.page-visit .home-faq.geo-faq{padding-top:var(--sec);padding-bottom:var(--sec)}

@media (min-width:1400px){
  .page-visit .internal_banner .Inter-Banner-text{width:min(560px,36%);padding:24px 30px 26px}
  .page-visit .internal_banner .Inter-Banner-text h1{font-size:clamp(28px,2.2vw,38px);margin-bottom:8px}
  .page-visit .internal_banner .Inter-Banner-text p{font-size:14px;line-height:1.6;margin-bottom:14px}
}
@media (min-width:1200px) and (max-width:1399px){
  .page-visit .internal_banner .web_banner{min-height:420px;object-fit:cover;object-position:left center}
  .page-visit .internal_banner .Inter-Banner-text{width:min(500px,46%);padding:20px 26px 22px}
  .page-visit .internal_banner .Inter-Banner-text p{font-size:13.5px;line-height:1.55;margin-bottom:12px}
}
@media (max-width:1199px){
  .page-visit .internal_banner{display:flex;flex-direction:column;background:#fff}
  .page-visit .internal_banner .Inter-Banner-text{position:relative!important;top:auto;left:auto;right:auto;transform:none;width:auto!important;max-width:760px;margin:-40px 24px 0;padding:28px 30px 30px;z-index:2}
}
@media (max-width:991px){
  .page-visit .Early-treatment .divide .txt_area{padding:28px 0 0}
  .page-visit .child-need .divide .txt_area{padding:28px 0 0}
  .page-visit .row.reverse-row .txt_area{padding:28px 0 0!important}
  .page-visit .divide>.col-md-5{max-width:520px;margin:0 auto;width:100%}
  .page-visit .treatment-option>.row{flex-direction:column;align-items:flex-start}
}
@media (max-width:768px){
  .page-visit{--sec:36px}
  .page-visit .internal_banner .web_banner{display:none}
  .page-visit .internal_banner .mobile_banner{display:block;order:-1}
  .page-visit .internal_banner .Inter-Banner-text{margin:-38px 16px 0;padding:28px 22px 30px}
  .page-visit .internal_banner .Inter-Banner-text h1{font-size:28px}
  .page-visit .container{padding-left:16px;padding-right:16px}
  .page-visit .statement-text p.sub-text{display:block;padding:64px 0 0;min-height:0;text-align:center;font-size:15px}
  .page-visit .statement-text p.sub-text::before{left:50%;top:0;transform:translateX(-50%);width:48px;height:48px}
  .page-visit .statement-text p.sub-text::after{display:none}
  .page-visit .Early-treatment .divide .txt_area>ul{grid-template-columns:1fr}
  .page-visit .divide>.col-md-5{padding:0 14px 14px 0}
  .page-visit .divide>.col-md-5::before{inset:14px 0 0 14px}
}
@media (prefers-reduced-motion:reduce){.page-visit .ov-btn,.page-visit .Early-treatment .divide .txt_area>ul li{transition:none}}
/* compact statement band */
.page-visit .statement-text{padding:14px 0}
.page-visit .statement-text p.sub-text{padding:0 0 0 58px;min-height:40px;font-size:13.5px!important;line-height:1.6}
.page-visit .statement-text p.sub-text::before{width:40px;height:40px;font-size:16px}
.page-visit .statement-text p.sub-text::after{left:50px;top:0;bottom:0}
@media (max-width:768px){.page-visit .statement-text p.sub-text{padding:54px 0 0;font-size:13px!important}}

/* ===== patient-form-page.css ===== */
/* Patient Forms - scoped .page-pform */
.page-pform{--t:#83a7ad;--d:#527177;--dd:#43636a;--tint:#eef6f7;--ink:#3c403f}
.page-pform .patient-forms{padding:clamp(40px,5vw,72px) 0;background:linear-gradient(180deg,var(--tint),#fff)}
.page-pform .patient-forms .container{max-width:1080px}
.page-pform .patient-forms .row{margin:0;padding:clamp(24px,3.4vw,44px);border:1px solid rgba(131,167,173,.4);border-left:6px solid var(--t);border-radius:26px;background:#fff;box-shadow:0 30px 50px -34px rgba(40,60,64,.55);align-items:center}
.page-pform .patient-forms h1{margin:0 0 14px;font:600 clamp(26px,3vw,40px)/1.2 var(--head-font);color:var(--d)}
.page-pform .patient-forms h1::after{content:"";display:block;width:64px;height:4px;border-radius:4px;background:var(--t);margin-top:14px}
.page-pform .patient-forms p{margin:0 0 22px;font-size:clamp(15px,1.15vw,17px);line-height:1.8;color:var(--ink)}
.page-pform .patient-forms .btn{display:inline-flex;align-items:center;gap:10px;padding:14px 30px;border:0;border-radius:999px;background:var(--t);color:#fff;font:600 15px/1 var(--head-font);box-shadow:0 14px 24px -12px rgba(82,113,119,.8);transition:transform .2s,background .2s}
.page-pform .patient-forms .btn::before{content:"\f56d";font:900 14px/1 "Font Awesome 6 Free"}
.page-pform .patient-forms .btn:hover{transform:translateY(-2px);background:var(--d);color:#fff}
.page-pform .patient-forms img{width:100%;height:auto;border:1px solid rgba(131,167,173,.4);border-radius:18px!important;box-shadow:0 22px 38px -26px rgba(40,60,64,.6)!important}
@media (max-width:991px){.page-pform .patient-forms .col-lg-4{max-width:360px;margin:0 auto}}
@media (max-width:768px){.page-pform .patient-forms .container{padding-left:16px;padding-right:16px}.page-pform .patient-forms .btn{width:100%;justify-content:center}}

/* ===== retainer-page.css ===== */
/* ==========================================================
   Self-Ligating Braces - clean light layout, scoped .page-retainer
   Same palette & fonts as the rest of the site
   ========================================================== */
.page-retainer{--t:#83a7ad;--d:#527177;--dd:#43636a;--tint:#eef6f7;--ink:#3c403f}

/* ---------- hero: full-width photo + clean white card ---------- */
.page-retainer .internal_banner{position:relative;background:var(--tint)}
.page-retainer .internal_banner .banner{width:100%;height:auto}
.page-retainer .internal_banner .web_banner{display:block}
.page-retainer .internal_banner .mobile_banner{display:none}
.page-retainer .internal_banner .Inter-Banner-text{position:absolute;top:50%;left:7%;right:auto;transform:translateY(-50%);width:min(520px,40%);box-sizing:border-box;margin:0;padding:38px 40px 40px;
  display:block;text-align:left;background:#fff;border:0;border-radius:24px;box-shadow:0 30px 60px -24px rgba(40,60,64,.45)}
.page-retainer .Inter-Banner-text::before{content:"";position:absolute;left:40px;top:0;width:64px;height:5px;border-radius:0 0 5px 5px;background:var(--t)}
.page-retainer .internal_banner .Inter-Banner-text h1{margin:6px 0 14px;font:600 clamp(28px,2.8vw,42px)/1.15 var(--head-font);color:var(--d);text-align:left}
.page-retainer .internal_banner .Inter-Banner-text p{margin:0 0 24px;font-size:clamp(14.5px,1.1vw,16.5px);line-height:1.8;color:var(--ink);text-align:left}
.page-retainer .rt-hero-btn{display:inline-block;padding:14px 30px;border-radius:999px;background:var(--t);color:#fff;font:600 15px/1 var(--head-font);box-shadow:0 14px 24px -12px rgba(82,113,119,.8);transition:transform .2s,background .2s}
.page-retainer .rt-hero-btn:hover{transform:translateY(-2px);background:var(--d);color:#fff}


/* ---------- main section ---------- */
.page-retainer .retainer{padding:clamp(56px,6vw,96px) 0;background:#fff}
.page-retainer .retainer .divide{align-items:center;row-gap:0}
.page-retainer .retainer .divide>.col-md-5{position:relative;padding:0 26px 26px 0;align-self:center}
.page-retainer .retainer .divide>.col-md-5::before{content:"";position:absolute;inset:26px 0 0 26px;border-radius:26px;background:var(--tint);border:2px solid rgba(131,167,173,.45)}
.page-retainer .retainer .divide>.col-md-5 img{position:relative;display:block;width:100%;height:auto;margin:0;border-radius:26px;box-shadow:0 26px 48px -26px rgba(40,60,64,.55)}
.page-retainer .retainer .txt_area{padding:0 0 0 clamp(20px,4vw,64px)}
.page-retainer .retainer .txt_area h2{margin:0 0 22px;text-align:left}
.page-retainer .retainer .txt_area h2 span{display:block;color:var(--d);font:600 clamp(30px,3.4vw,50px)/1.1 var(--head-font);text-transform:none}
.page-retainer .retainer .txt_area h2 span::after{content:"";display:block;width:64px;height:4px;border-radius:4px;background:var(--t);margin-top:16px}
.page-retainer .retainer .txt_area h2 br{display:none}
/* checklist */
.page-retainer .rt-list{display:grid;gap:12px;margin:0;padding:0;list-style:none}
.page-retainer .rt-list li,.page-retainer .rt-tips li{list-style:none}
.page-retainer .rt-list li{position:relative;margin:0;padding:15px 20px 15px 60px;border-radius:16px;background:var(--tint);color:var(--ink);font-size:15.5px;line-height:1.7}
.page-retainer .rt-list li::before{content:"\f00c";font-family:"Font Awesome 6 Free";font-weight:900;position:absolute;left:16px;top:14px;display:grid;place-items:center;width:30px;height:30px;border-radius:50%;background:var(--t);color:#fff;font-size:13px}

/* ---------- care tips grid ---------- */
.page-retainer .retainer .divide>.col-md-12{margin-top:clamp(44px,5vw,72px);padding:0}
.page-retainer .rt-tips{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px;margin:0;padding:0;list-style:none;counter-reset:rt}
.page-retainer .rt-tips li{position:relative;counter-increment:rt;margin:0;padding:70px 24px 26px;border:1px solid rgba(131,167,173,.35);border-top:5px solid var(--t);border-radius:20px;background:#fff;box-shadow:0 20px 36px -28px rgba(40,60,64,.5);transition:transform .25s,box-shadow .25s}
.page-retainer .rt-tips li:hover{transform:translateY(-5px);box-shadow:0 26px 42px -28px rgba(40,60,64,.55)}
.page-retainer .rt-tips li::before{content:counter(rt,decimal-leading-zero);position:absolute;left:24px;top:20px;font:600 30px/1 var(--head-font);color:var(--t)}
.page-retainer .rt-tips li p{margin:0;padding:0;text-align:left;font-size:15.5px;line-height:1.75;color:var(--ink)}
/* last item = closing band */
.page-retainer .rt-tips li:last-child{grid-column:1/-1;display:flex;align-items:center;justify-content:space-between;gap:28px;padding:34px 40px;border:0;border-radius:22px;
  background:radial-gradient(circle at 100% 0,rgba(255,255,255,.16) 0 130px,transparent 131px),linear-gradient(135deg,var(--t),var(--dd));box-shadow:0 26px 48px -28px rgba(30,50,54,.65)}
.page-retainer .rt-tips li:last-child::before{display:none}
.page-retainer .rt-tips li:last-child p{font:500 clamp(18px,1.7vw,24px)/1.5 var(--head-font);color:#fff}
.page-retainer .rt-btn{flex:0 0 auto;display:inline-block;padding:16px 34px;border-radius:999px;background:#fff;color:var(--d);font:600 15px/1 var(--head-font);box-shadow:0 12px 24px -12px rgba(0,0,0,.5);transition:transform .2s}
.page-retainer .rt-btn:hover{transform:translateY(-2px);color:var(--d)}

@media (max-width:991px){
  .page-retainer .internal_banner .Inter-Banner-text{left:5%;width:min(430px,48%);padding:28px 28px 30px}
  .page-retainer .Inter-Banner-text::before{left:28px}
  .page-retainer .internal_banner .Inter-Banner-text p{margin-bottom:18px}
  .page-retainer .retainer .txt_area{padding:0 0 0 20px}
  .page-retainer .rt-tips{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width:768px){
  .page-retainer .internal_banner{display:flex;flex-direction:column;background:#fff}
  .page-retainer .internal_banner .web_banner{display:none}
  .page-retainer .internal_banner .mobile_banner{display:block;order:-1}
  .page-retainer .retainer .container{padding-left:16px;padding-right:16px}
  .page-retainer .internal_banner .Inter-Banner-text{position:relative;top:auto;left:auto;transform:none;width:auto;margin:-38px 16px 0;padding:28px 22px 30px;z-index:2}
  .page-retainer .Inter-Banner-text::before{left:22px}
  .page-retainer .internal_banner .Inter-Banner-text h1{font-size:28px}
  .page-retainer .retainer .divide{justify-items:center;gap:30px}
  .page-retainer .retainer .divide>.col-md-5{padding:0 16px 16px 0;max-width:360px}
  .page-retainer .retainer .divide>.col-md-5::before{inset:16px 0 0 16px}
  .page-retainer .retainer .txt_area{padding:0}
  .page-retainer .retainer .txt_area h2 span{text-align:center}
  .page-retainer .retainer .txt_area h2 span::after{margin-left:auto;margin-right:auto}
  .page-retainer .rt-list li{font-size:15px;padding:14px 16px 14px 56px}
  .page-retainer .rt-tips{grid-template-columns:1fr;gap:16px}
  .page-retainer .rt-tips li:last-child{flex-direction:column;align-items:flex-start;padding:26px 22px}
}
@media (prefers-reduced-motion:reduce){.page-retainer .rt-tips li,.page-retainer .rt-hero-btn,.page-retainer .rt-btn{transition:none}}

/* ---------- hero: natural photo, compact card that never covers the subject ---------- */
@media (min-width:1400px){
  .page-retainer .internal_banner .Inter-Banner-text{width:min(520px,34%);padding:26px 32px 28px}
  .page-retainer .internal_banner .Inter-Banner-text h1{font-size:clamp(28px,2.2vw,38px);margin:4px 0 10px}
  .page-retainer .internal_banner .Inter-Banner-text p{font-size:15px;line-height:1.7;margin-bottom:16px}
  .page-retainer .internal_banner .Inter-Banner-text h3{margin-bottom:8px}
}
@media (min-width:992px) and (max-width:1399px){
  .page-retainer .internal_banner .web_banner{min-height:420px;object-fit:cover;object-position:right center}
  .page-retainer .internal_banner .Inter-Banner-text{width:min(440px,42%);padding:24px 28px 26px}
  .page-retainer .internal_banner .Inter-Banner-text p{font-size:14.5px;line-height:1.65;margin-bottom:14px}
}
.page-retainer h2,.page-retainer h3{text-wrap:balance}

/* ===== self-page.css ===== */
/* ==========================================================
   Self-Ligating Braces - clean light layout, scoped .page-self
   Same palette & fonts as the rest of the site
   ========================================================== */
.page-self{--t:#83a7ad;--d:#527177;--dd:#43636a;--tint:#eef6f7;--ink:#3c403f}

/* ---------- hero: full-width photo + clean white card ---------- */
.page-self .internal_banner{position:relative;background:var(--tint)}
.page-self .internal_banner .banner{width:100%;height:auto}
.page-self .internal_banner .web_banner{display:block}
.page-self .internal_banner .mobile_banner{display:none}
.page-self .internal_banner .Inter-Banner-text{position:absolute;top:50%;left:7%;right:auto;transform:translateY(-50%);width:min(520px,40%);box-sizing:border-box;margin:0;padding:38px 40px 40px;
  display:block;text-align:left;background:#fff;border:0;border-radius:24px;box-shadow:0 30px 60px -24px rgba(40,60,64,.45)}
.page-self .Inter-Banner-text::before{content:"";position:absolute;left:40px;top:0;width:64px;height:5px;border-radius:0 0 5px 5px;background:var(--t)}
.page-self .internal_banner .Inter-Banner-text h1{margin:6px 0 14px;font:600 clamp(28px,2.8vw,42px)/1.15 var(--head-font);color:var(--d);text-align:left}
.page-self .internal_banner .Inter-Banner-text p{margin:0 0 24px;font-size:clamp(14.5px,1.1vw,16.5px);line-height:1.8;color:var(--ink);text-align:left}
.page-self .sl-hero-btn{display:inline-block;padding:14px 30px;border-radius:999px;background:var(--t);color:#fff;font:600 15px/1 var(--head-font);box-shadow:0 14px 24px -12px rgba(82,113,119,.8);transition:transform .2s,background .2s}
.page-self .sl-hero-btn:hover{transform:translateY(-2px);background:var(--d);color:#fff}

/* ---------- statement: teal bar ---------- */
.page-self .statement-text{position:relative;overflow:hidden;background:linear-gradient(90deg,var(--t),var(--dd));padding:clamp(34px,4vw,54px) 0}
.page-self .statement-text::before{content:"\201C";position:absolute;left:5%;top:-30px;font:700 200px/1 Georgia,serif;color:rgba(255,255,255,.14);pointer-events:none}
.page-self .statement-text .container{max-width:980px}
.page-self .statement-text p{display:block;width:100%;margin:0;padding:0;border:0;background:none;text-align:center;color:#fff;font:500 clamp(17px,1.7vw,23px)/1.7 var(--head-font)}

/* ---------- how: photo left, text right ---------- */
.page-self .how-sec{padding:clamp(56px,6vw,96px) 0;background:#fff}
.page-self .how-sec .divide{align-items:center}
.page-self .how-sec .divide>.col-md-5{position:relative;padding:0 26px 26px 0}
.page-self .how-sec .divide>.col-md-5::before{content:"";position:absolute;inset:26px 0 0 26px;border-radius:26px;background:var(--tint);border:2px solid rgba(131,167,173,.45)}
.page-self .how-sec .divide>.col-md-5 img{position:relative;display:block;width:100%;height:auto;margin:0;border-radius:26px;border:0;box-shadow:0 26px 48px -26px rgba(40,60,64,.55)}
.page-self .how-sec .txt_area{padding:0 0 0 clamp(20px,4vw,64px)}
.page-self .how-sec .txt_area h2{margin:0 0 20px;text-align:left;font:500 clamp(24px,2.6vw,36px)/1.25 var(--head-font);color:var(--ink)}
.page-self .how-sec .txt_area h2 br{display:none}
.page-self .how-sec .txt_area h2 span{display:block;color:var(--t);font-size:clamp(56px,6.5vw,96px);font-weight:600;line-height:1;margin-bottom:4px;text-transform:none}
.page-self .how-sec .txt_area p{margin:0;padding:4px 0 4px 24px;border-left:4px solid var(--t);font-size:clamp(15px,1.15vw,17.5px);line-height:1.9;color:var(--ink);text-align:left}

/* ---------- types: two clean cards ---------- */
.page-self .child-need{padding:clamp(56px,6vw,96px) 0;background:var(--tint)}
.page-self .child-need .txt_area{padding:0}
.page-self .child-need .txt_area .heading{width:100%;margin:0 0 44px;text-align:center;font:500 clamp(24px,2.6vw,36px)/1.25 var(--head-font);color:var(--d)}
.page-self .child-need .txt_area .heading::after{content:"";display:block;width:64px;height:4px;border-radius:4px;background:var(--t);margin:16px auto 0}
.page-self .child-need .txt_area ul{display:grid;grid-template-columns:1fr 1fr;gap:28px;max-width:1000px;margin:0 auto 40px;padding:0;list-style:none;counter-reset:slt}
.page-self .child-need .txt_area ul li{position:relative;counter-increment:slt;margin:0;padding:84px 36px 38px;border:1px solid rgba(131,167,173,.35);border-top:5px solid var(--t);border-radius:22px;background:#fff;box-shadow:0 22px 40px -30px rgba(40,60,64,.5);transition:transform .25s,box-shadow .25s}
.page-self .child-need .txt_area ul li:hover{transform:translateY(-5px);background:#fff;box-shadow:0 28px 46px -28px rgba(40,60,64,.55)}
.page-self .child-need .txt_area ul li:nth-child(2){border-top-color:var(--d)}
.page-self .child-need .txt_area ul li::before{content:counter(slt);position:absolute;left:36px;top:26px;display:grid;place-items:center;width:44px;height:44px;margin:0;border-radius:50%;background:var(--t);color:#fff;font:600 19px/1 var(--head-font)}
.page-self .child-need .txt_area ul li:nth-child(2)::before{background:var(--d)}
.page-self .child-need .txt_area ul li p{width:100%;margin:0;padding:0;border:0;text-align:left;font-size:16px;line-height:1.85;color:var(--ink)}
.page-self .child-need .txt_area ul li p strong{display:block;margin-bottom:8px;font:600 clamp(24px,2.2vw,30px)/1.2 var(--head-font);color:var(--d)}

/* ---------- closing CTA ---------- */
.page-self .sl-cta{display:flex;align-items:center;justify-content:space-between;gap:30px;max-width:1000px;margin:0 auto;padding:34px 40px;border-radius:22px;background:linear-gradient(135deg,var(--t),var(--dd));box-shadow:0 26px 48px -28px rgba(30,50,54,.65)}
.page-self .child-need .txt_area .sl-cta p{margin:0;padding:0;border:0;background:none;width:auto;font-size:clamp(16px,1.25vw,18px);line-height:1.8;font-weight:500;color:#fff;text-align:left}
.page-self .sl-cta-btn{flex:0 0 auto;display:inline-block;padding:16px 34px;border-radius:999px;background:#fff;color:var(--d);font:600 15px/1 var(--head-font);box-shadow:0 12px 24px -12px rgba(0,0,0,.5);transition:transform .2s}
.page-self .sl-cta-btn:hover{transform:translateY(-2px);color:var(--d)}

/* ---------- tablet ---------- */
@media (max-width:991px){
  .page-self .internal_banner .Inter-Banner-text{left:5%;width:min(430px,48%);padding:28px 28px 30px}
  .page-self .Inter-Banner-text::before{left:28px}
  .page-self .Inter-Banner-text p{margin-bottom:18px}
  .page-self .how-sec .txt_area{padding:0 0 0 20px}
  .page-self .child-need .txt_area ul li{padding:80px 26px 30px}
  .page-self .child-need .txt_area ul li::before{left:26px}
  .page-self .sl-cta{flex-direction:column;align-items:flex-start;padding:30px}
}
/* ---------- mobile ---------- */
@media (max-width:768px){
  .page-self .internal_banner{display:flex;flex-direction:column;background:#fff}
  .page-self .internal_banner .web_banner{display:none}
  .page-self .internal_banner .mobile_banner{display:block;order:-1}
  .page-self .child-need .container,.page-self .how-sec .container{padding-left:16px;padding-right:16px}
  .page-self .internal_banner .Inter-Banner-text{position:relative;top:auto;left:auto;transform:none;width:auto;margin:-38px 16px 0;padding:28px 22px 30px;z-index:2}
  .page-self .Inter-Banner-text::before{left:22px}
  .page-self .Inter-Banner-text h1{font-size:28px}
  .page-self .statement-text::before{font-size:120px;top:-20px}
  .page-self .statement-text p{font-size:16.5px}
  .page-self .how-sec .divide{justify-items:center;gap:34px}
  .page-self .how-sec .divide>.col-md-5{padding:0 16px 16px 0}
  .page-self .how-sec .divide>.col-md-5::before{inset:16px 0 0 16px}
  .page-self .how-sec .txt_area{padding:0 20px}
  .page-self .how-sec .txt_area h2{text-align:center}
  .page-self .how-sec .txt_area p{font-size:15px;padding-left:18px}
  .page-self .child-need .txt_area ul{grid-template-columns:1fr;gap:20px}
  .page-self .child-need .txt_area ul li p{font-size:15px}
  .page-self .sl-cta{padding:26px 22px}
}
@media (prefers-reduced-motion:reduce){.page-self .child-need .txt_area ul li,.page-self .sl-hero-btn,.page-self .sl-cta-btn{transition:none}}

/* ---------- hero: natural photo, compact card that never covers the subject ---------- */
@media (min-width:1400px){
  .page-self .internal_banner .Inter-Banner-text{width:min(520px,34%);padding:26px 32px 28px}
  .page-self .internal_banner .Inter-Banner-text h1{font-size:clamp(28px,2.2vw,38px);margin:4px 0 10px}
  .page-self .internal_banner .Inter-Banner-text p{font-size:15px;line-height:1.7;margin-bottom:16px}
  .page-self .internal_banner .Inter-Banner-text h3{margin-bottom:8px}
}
@media (min-width:992px) and (max-width:1399px){
  .page-self .internal_banner .web_banner{min-height:420px;object-fit:cover;object-position:right center}
  .page-self .internal_banner .Inter-Banner-text{width:min(440px,42%);padding:24px 28px 26px}
  .page-self .internal_banner .Inter-Banner-text p{font-size:14.5px;line-height:1.65;margin-bottom:14px}
}
.page-self h2,.page-self h3{text-wrap:balance}
/* compact statement band v11 */
.page-self .statement-text{padding:clamp(16px,1.8vw,24px) 0}
.page-self .statement-text::before{font-size:110px;top:-14px;left:6%}
.page-self .statement-text .container{max-width:900px}
.page-self .statement-text p{font-size:clamp(13.5px,1vw,15.5px);line-height:1.65}
@media (max-width:768px){.page-self .statement-text{padding:16px 0}.page-self .statement-text::before{font-size:70px;top:-8px}.page-self .statement-text p{font-size:13.5px}}

/* ===== tads-page.css ===== */
/* ==========================================================
   Self-Ligating Braces - clean light layout, scoped .page-tads
   Same palette & fonts as the rest of the site
   ========================================================== */
.page-tads{--t:#83a7ad;--d:#527177;--dd:#43636a;--tint:#eef6f7;--ink:#3c403f}

/* ---------- hero: full-width photo + clean white card ---------- */
.page-tads .internal_banner{position:relative;background:var(--tint)}
.page-tads .internal_banner .banner{width:100%;height:auto}
.page-tads .internal_banner .web_banner{display:block}
.page-tads .internal_banner .mobile_banner{display:none}
.page-tads .internal_banner .Inter-Banner-text{position:absolute;top:50%;left:7%;right:auto;transform:translateY(-50%);width:min(520px,40%);box-sizing:border-box;margin:0;padding:38px 40px 40px;
  display:block;text-align:left;background:#fff;border:0;border-radius:24px;box-shadow:0 30px 60px -24px rgba(40,60,64,.45)}
.page-tads .Inter-Banner-text::before{content:"";position:absolute;left:40px;top:0;width:64px;height:5px;border-radius:0 0 5px 5px;background:var(--t)}
.page-tads .internal_banner .Inter-Banner-text h1{text-align:left!important;margin:6px 0 14px;font:600 clamp(28px,2.8vw,42px)/1.15 var(--head-font);color:var(--d);text-align:left}
.page-tads .internal_banner .Inter-Banner-text p{margin:0 0 24px;font-size:clamp(14.5px,1.1vw,16.5px);line-height:1.8;color:var(--ink);text-align:left}
.page-tads .td-hero-btn{display:inline-block;padding:14px 30px;border-radius:999px;background:var(--t);color:#fff;font:600 15px/1 var(--head-font);box-shadow:0 14px 24px -12px rgba(82,113,119,.8);transition:transform .2s,background .2s}
.page-tads .td-hero-btn:hover{transform:translateY(-2px);background:var(--d);color:#fff}



/* ---------- quick answer (AEO) ---------- */
.page-tads .td-quick{padding:clamp(44px,5vw,76px) 0 0;background:#fff}
.page-tads .td-quick-grid{display:grid;grid-template-columns:minmax(0,6fr) minmax(0,5fr);gap:clamp(24px,4vw,56px);align-items:center}
.page-tads .td-quick h2{margin:0 0 16px;text-align:left;font:600 clamp(26px,2.8vw,40px)/1.2 var(--head-font);color:var(--d)}
.page-tads .td-quick h2::after{content:"";display:block;width:64px;height:4px;border-radius:4px;background:var(--t);margin-top:14px}
.page-tads .td-answer{margin:0;padding:26px 30px;border-left:5px solid var(--t);border-radius:6px 22px 22px 6px;background:#fff;box-shadow:0 18px 34px -28px rgba(60,64,63,.55);font-size:clamp(16px,1.25vw,18px);line-height:1.85;color:var(--ink);text-align:left}
.page-tads .td-chips{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin:0;padding:0;list-style:none}
.page-tads .td-chips li{position:relative;margin:0;padding:20px 18px 18px;border:1px solid rgba(131,167,173,.4);border-radius:18px;background:var(--tint);list-style:none}
.page-tads .td-chips i{display:grid;place-items:center;width:40px;height:40px;margin-bottom:12px;border-radius:12px;background:linear-gradient(145deg,var(--t),var(--d));color:#fff;font-size:16px}
.page-tads .td-chips strong{display:block;margin-bottom:3px;font:600 16px/1.3 var(--head-font);color:var(--d)}
.page-tads .td-chips span{display:block;font-size:14px;line-height:1.55;color:var(--ink)}
/* geo block icon set for this page */
.page-tads .td-geo .home-aeo-list li:nth-child(1) a::before{content:"\f5c9"}
.page-tads .td-geo .home-aeo-list li:nth-child(2) a::before{content:"\f155"}
.page-tads .td-geo .home-aeo-list li:nth-child(3) a::before{content:"\f059"}
.page-tads .td-geo .home-aeo-list li:nth-child(4) a::before{content:"\f03e"}
.page-tads .td-geo .home-aeo-list li:last-child{grid-column:auto}
.page-tads .td-geo{background:linear-gradient(180deg,#fff,var(--tint))}
@media (max-width:991px){.page-tads .td-quick-grid{grid-template-columns:1fr}}
@media (max-width:768px){.page-tads .td-quick .container{padding-left:16px;padding-right:16px}.page-tads .td-answer{padding:20px}.page-tads .td-chips{grid-template-columns:1fr 1fr;gap:10px}.page-tads .td-chips li{padding:16px 14px}}

/* ---------- consistent vertical rhythm between sections ---------- */
.page-tads{--sec:clamp(48px,5.5vw,84px)}
.page-tads .td-quick{padding:var(--sec) 0 0}
.page-tads .Early-treatment{padding:var(--sec) 0 0}
.page-tads .Early-treatment h2.heading{margin-bottom:clamp(28px,3vw,44px)}
.page-tads .advantage-option{margin-top:var(--sec)}
.page-tads .td-geo.home-aeo{padding:var(--sec) 0;background:#fff}
.page-tads .home-faq.geo-faq{padding-top:var(--sec);padding-bottom:var(--sec)}
.page-tads .home-aeo-list{gap:16px}
@media (max-width:768px){
  .page-tads{--sec:44px}
  .page-tads .statement-text{padding:30px 0}
  .page-tads .advantage-option{margin-top:36px}
}

/* ---------- hero subtitle label ---------- */
.page-tads .internal_banner .Inter-Banner-text h3{margin:0 0 12px;padding:0;text-align:left!important;font:600 12.5px/1.5 var(--sub-font)!important;font-style:normal!important;letter-spacing:.14em;text-transform:uppercase;color:var(--t)!important}

/* ---------- main sections ---------- */
.page-tads .Early-treatment{padding:0 0 var(--sec);background:#fff}
.page-tads .Early-treatment>.container>.row.divide{align-items:center;margin-top:var(--sec)}
.page-tads .Early-treatment .divide>.col-md-5{position:relative;padding:0 26px 26px 0}
.page-tads .Early-treatment .divide>.col-md-5::before{content:"";position:absolute;inset:26px 0 0 26px;border-radius:26px;background:var(--tint);border:2px solid rgba(131,167,173,.45)}
.page-tads .Early-treatment .divide>.col-md-5 img{position:relative;display:block;width:100%;height:auto;margin:0;border-radius:26px;border:0;box-shadow:0 26px 48px -26px rgba(40,60,64,.55)}
.page-tads .Early-treatment .divide.reverse-row>.col-md-5{padding:0 0 26px 26px}
.page-tads .Early-treatment .divide.reverse-row>.col-md-5::before{inset:26px 26px 0 0}
.page-tads .Early-treatment .txt_area{padding:0 0 0 clamp(20px,4vw,64px)}
.page-tads .Early-treatment .divide.reverse-row .txt_area{padding:0 clamp(20px,4vw,64px) 0 0}
.page-tads .Early-treatment .txt_area h2.heading{margin:0 0 22px;text-align:left;background:none;padding:0;font:600 clamp(26px,2.8vw,40px)/1.2 var(--head-font);color:var(--d)}
.page-tads .Early-treatment .txt_area h2.heading::after{content:"";display:block;width:64px;height:4px;border-radius:4px;background:var(--t);margin-top:16px}
.page-tads .Early-treatment .txt_area h2 br{display:none}
.page-tads .Early-treatment .txt_area h2 span{color:inherit;font:inherit;text-transform:none}
.page-tads .Early-treatment .txt_area p{margin:0 0 16px;padding:6px 0 6px 24px;border-left:4px solid var(--t);text-align:left!important;font-size:clamp(15px,1.15vw,17px);line-height:1.95;color:var(--ink)}
.page-tads .Early-treatment .txt_area p:last-child{margin-bottom:0}
/* contact callout = second paragraph of the clean section */
.page-tads .divide.reverse-row .txt_area p:nth-of-type(2){padding:22px 26px;border:0;border-radius:6px 22px 22px 22px;background:var(--tint);box-shadow:inset 0 0 0 1px rgba(131,167,173,.4)}
.page-tads .td-btn-wrap{display:block;margin-top:14px}
/* discomfort callout */
.page-tads .treatment-option{position:relative;overflow:hidden;max-width:1000px;margin:var(--sec) auto 0;padding:clamp(24px,3vw,38px) clamp(22px,3.5vw,44px) clamp(24px,3vw,38px) clamp(22px,3.5vw,40px);border-radius:22px;border:1px solid #d5e5e8;border-left:8px solid var(--t);text-align:left;display:grid;grid-template-columns:auto 1fr;column-gap:clamp(18px,2.6vw,34px);align-items:center;background:linear-gradient(100deg,#eef6f7 0,#fff 70%);box-shadow:0 22px 40px -28px rgba(67,99,106,.55)}
.page-tads .treatment-option::before{content:"\f0f1";font-family:"Font Awesome 6 Free";font-weight:900;display:grid;place-items:center;width:clamp(64px,7vw,92px);height:clamp(64px,7vw,92px);border-radius:24px;background:linear-gradient(135deg,var(--t),var(--dd));color:#fff;font-size:clamp(26px,3vw,38px);box-shadow:0 16px 26px -14px rgba(67,99,106,.9);transform:rotate(-6deg)}
.page-tads .treatment-option::after{content:"\f0f1";font-family:"Font Awesome 6 Free";font-weight:900;position:absolute;right:-18px;bottom:-34px;font-size:150px;line-height:1;color:var(--t);opacity:.09;pointer-events:none}
.page-tads .treatment-option .row{margin:0;position:relative;z-index:1}
.page-tads .treatment-option .row>*{padding:0}
.page-tads .treatment-option h2.heading{margin:0 0 10px;background:none!important;padding:0;text-align:left;text-wrap:balance;font:600 clamp(20px,2vw,28px)/1.3 var(--head-font);color:var(--d)}
.page-tads .treatment-option p.sub-text{margin:0;text-align:left!important;font-size:clamp(15px,1.15vw,17px);line-height:1.8;color:var(--ink)}
.page-tads .Early-treatment>.container>.row.divide.reverse-row{margin-top:var(--sec)}
/* geo block icons */
.page-tads .td-geo .home-aeo-list li:nth-child(1) a::before{content:"\f5c9"}
.page-tads .td-geo .home-aeo-list li:nth-child(2) a::before{content:"\f0ad"}
.page-tads .td-geo .home-aeo-list li:nth-child(3) a::before{content:"\f0f1"}
.page-tads .td-geo .home-aeo-list li:nth-child(4) a::before{content:"\f132"}
.page-tads .td-geo .home-aeo-list li:last-child{grid-column:auto}
.page-tads .td-geo{background:#fff}
@media (max-width:768px){
  .page-tads .Early-treatment .container{padding-left:16px;padding-right:16px}
  .page-tads .Early-treatment .divide{justify-items:center;gap:30px}
  .page-tads .Early-treatment .divide>.col-md-5{padding:0 16px 16px 0}
  .page-tads .Early-treatment .divide>.col-md-5::before{inset:16px 0 0 16px}
  .page-tads .Early-treatment .divide.reverse-row>.col-md-5{padding:0 16px 16px 0}
  .page-tads .Early-treatment .divide.reverse-row>.col-md-5::before{inset:16px 0 0 16px}
  .page-tads .Early-treatment .txt_area,.page-tads .Early-treatment .divide.reverse-row .txt_area{padding:0 4px}
  .page-tads .Early-treatment .txt_area p{font-size:15px;padding-left:18px}
  .page-tads .treatment-option{margin-left:0;margin-right:0;border-radius:18px;border-left-width:6px;grid-template-columns:1fr;row-gap:16px}
  .page-tads .treatment-option::before{width:58px;height:58px;border-radius:18px;font-size:24px}
}
.page-tads .Early-treatment .txt_area p .td-btn{display:table;margin-top:16px}
.page-tads .td-btn{display:table;margin-top:16px;padding:15px 32px;border-radius:999px;background:var(--t);color:#fff;font:600 15px/1 var(--head-font);box-shadow:0 12px 22px -12px rgba(82,113,119,.8);transition:transform .2s,background .2s;white-space:nowrap}
.page-tads .td-btn:hover{transform:translateY(-2px);background:var(--d);color:#fff}
@media (prefers-reduced-motion:reduce){.page-tads .td-btn{transition:none}}
@media (max-width:768px){
  .page-tads .internal_banner .Inter-Banner-text{width:auto!important;left:auto!important;right:auto!important;top:auto!important;max-width:none!important}
}

/* ---------- hero: tablet & mobile ---------- */
@media (max-width:991px){
  .page-tads .internal_banner .Inter-Banner-text{left:5%;width:min(430px,48%);padding:28px 28px 30px}
  .page-tads .Inter-Banner-text::before{left:28px}
  .page-tads .internal_banner .Inter-Banner-text p{margin-bottom:18px}
  .page-tads .Early-treatment .txt_area{padding:0 0 0 20px}
  .page-tads .Early-treatment .divide.reverse-row .txt_area{padding:0 20px 0 0}
}
@media (max-width:768px){
  .page-tads .internal_banner{display:flex;flex-direction:column;background:#fff}
  .page-tads .internal_banner .web_banner{display:none}
  .page-tads .internal_banner .mobile_banner{display:block;order:-1}
  .page-tads .internal_banner .Inter-Banner-text{position:relative!important;transform:none;margin:-38px 16px 0;padding:28px 22px 30px;z-index:2}
  .page-tads .Inter-Banner-text::before{left:22px}
  .page-tads .internal_banner .Inter-Banner-text h1{font-size:28px}
  .page-tads .Early-treatment .txt_area,.page-tads .Early-treatment .divide.reverse-row .txt_area{padding:0 4px}
}
.page-tads .internal_banner .Inter-Banner-text{justify-items:stretch}
.page-tads .internal_banner .Inter-Banner-text h1{width:100%;text-align:left!important}
@media (min-width:769px) and (max-width:991px){.page-tads .internal_banner .web_banner{min-height:400px;object-fit:cover}}

/* ---------- hero: natural photo, compact card that never covers the subject ---------- */
@media (min-width:1400px){
  .page-tads .internal_banner .Inter-Banner-text{width:min(520px,34%);padding:26px 32px 28px}
  .page-tads .internal_banner .Inter-Banner-text h1{font-size:clamp(28px,2.2vw,38px);margin:4px 0 10px}
  .page-tads .internal_banner .Inter-Banner-text p{font-size:15px;line-height:1.7;margin-bottom:16px}
  .page-tads .internal_banner .Inter-Banner-text h3{margin-bottom:8px}
}
@media (min-width:992px) and (max-width:1399px){
  .page-tads .internal_banner .web_banner{min-height:420px;object-fit:cover;object-position:right center}
  .page-tads .internal_banner .Inter-Banner-text{width:min(440px,42%);padding:24px 28px 26px}
  .page-tads .internal_banner .Inter-Banner-text p{font-size:14.5px;line-height:1.65;margin-bottom:14px}
}
.page-tads h2,.page-tads h3{text-wrap:balance}

/* ===== why-braces-page.css ===== */
/* ==========================================================
   Why Braces - clean light layout, scoped .page-wb
   Same palette & fonts as the rest of the site
   ========================================================== */
.page-wb{--t:#83a7ad;--d:#527177;--dd:#43636a;--tint:#eef6f7;--ink:#3c403f;--sec:clamp(40px,4.4vw,64px)}
.page-wb h2,.page-wb h3{text-wrap:balance}

/* ---------- hero ---------- */
.page-wb .internal_banner{position:relative;background:var(--tint)}
.page-wb .internal_banner .banner{width:100%;height:auto}
.page-wb .internal_banner .web_banner{display:block}
.page-wb .internal_banner .mobile_banner{display:none}
.page-wb .internal_banner .Inter-Banner-text{position:absolute;top:50%;left:7%;right:auto;transform:translateY(-50%);width:min(520px,40%);box-sizing:border-box;margin:0;padding:36px 40px 38px;display:block;justify-items:stretch;text-align:left;background:#fff;border:0;border-radius:24px;box-shadow:0 30px 60px -24px rgba(40,60,64,.45)}
.page-wb .Inter-Banner-text::before{content:"";position:absolute;left:40px;top:0;width:64px;height:5px;border-radius:0 0 5px 5px;background:var(--t)}
.page-wb .internal_banner .Inter-Banner-text h1{width:100%;margin:6px 0 14px;background:none;padding:0;text-align:left!important;font:600 clamp(28px,2.8vw,42px)/1.15 var(--head-font);color:var(--d)}
.page-wb .internal_banner .Inter-Banner-text p{margin:0 0 22px;font-size:clamp(14.5px,1.1vw,16.5px);line-height:1.75;color:var(--ink);text-align:left}
.page-wb .wb-hero-btn{display:inline-block;padding:14px 30px;border-radius:999px;background:var(--t);color:#fff;font:600 15px/1 var(--head-font);box-shadow:0 14px 24px -12px rgba(82,113,119,.8);transition:transform .2s,background .2s}
.page-wb .wb-hero-btn:hover{transform:translateY(-2px);background:var(--d);color:#fff}

/* ---------- content sections ---------- */
.page-wb .how-sec,.page-wb .Duration-sec{padding:var(--sec) 0 0;background:#fff}
.page-wb .Duration-sec{margin-top:var(--sec);padding:var(--sec) 0;background:linear-gradient(180deg,var(--tint),#fff)}
.page-wb .how-sec{padding-bottom:0}
.page-wb .divide{align-items:center}
.page-wb .divide>.col-md-5{position:relative;padding:0 24px 24px 0}
.page-wb .divide>.col-md-5::before{content:"";position:absolute;inset:24px 0 0 24px;border-radius:26px;background:var(--tint);border:2px solid rgba(131,167,173,.45)}
.page-wb .Duration-sec .divide>.col-md-5::before{background:#fff}
.page-wb .divide>.col-md-5 img{position:relative;display:block;width:100%;height:auto;margin:0;border:0;border-radius:26px;box-shadow:0 26px 48px -26px rgba(40,60,64,.55)}
.page-wb .divide.reverse-row>.col-md-5{padding:0 0 24px 24px}
.page-wb .divide.reverse-row>.col-md-5::before{inset:24px 24px 0 0}
.page-wb .txt_area{padding:0 0 0 clamp(18px,3.4vw,56px);text-align:left}
.page-wb .divide.reverse-row .txt_area{padding:0 clamp(18px,3.4vw,56px) 0 0}

/* headings */
.page-wb .txt_area h2.heading{margin:0 0 20px;padding:0;background:none;text-align:left;font:600 clamp(26px,2.8vw,40px)/1.2 var(--head-font);color:var(--d)}
.page-wb .txt_area h2.heading::after{content:"";display:block;width:64px;height:4px;border-radius:4px;background:var(--t);margin-top:14px}
.page-wb .txt_area h2.heading br{display:none}
.page-wb .how-sec .txt_area h2 span{display:inline-block;margin:0 10px 4px 0;padding:6px 18px;border-radius:999px;background:linear-gradient(135deg,var(--t),var(--dd));color:#fff;font:700 clamp(15px,1.3vw,18px)/1.2 var(--head-font);letter-spacing:.08em;text-transform:uppercase;vertical-align:middle}

/* paragraphs: first = lead with rule, second = tinted note card */
.page-wb .txt_area p.sub-text{margin:0 0 14px;text-align:left!important;font-size:clamp(15px,1.12vw,16.5px);line-height:1.85;color:var(--ink)}
.page-wb .txt_area p.sub-text:first-of-type{padding:4px 0 4px 22px;border-left:4px solid var(--t)}
.page-wb .txt_area p.sub-text:last-child{margin-bottom:0;padding:18px 22px;border-radius:6px 20px 20px 20px;background:var(--tint);box-shadow:inset 0 0 0 1px rgba(131,167,173,.4)}
.page-wb .Duration-sec .txt_area p.sub-text:last-child{background:#fff}
.page-wb .how-sec .txt_area p.sub-text:last-child::before,.page-wb .Duration-sec .txt_area p.sub-text:last-child::before{display:inline-grid;place-items:center;width:30px;height:30px;margin:0 10px -8px 0;border-radius:9px;background:linear-gradient(145deg,var(--t),var(--d));color:#fff;font-family:"Font Awesome 6 Free";font-weight:900;font-size:12px}
.page-wb .how-sec .txt_area p.sub-text:last-child::before{content:"\f0eb"}
.page-wb .Duration-sec .txt_area p.sub-text:last-child::before{content:"\f017"}

/* faq spacing */
.page-wb .home-faq.geo-faq{padding-top:var(--sec);padding-bottom:var(--sec)}

/* ---------- responsive ---------- */
@media (min-width:1400px){
  .page-wb .internal_banner .Inter-Banner-text{width:min(520px,34%);padding:26px 32px 28px}
  .page-wb .internal_banner .Inter-Banner-text h1{font-size:clamp(28px,2.2vw,38px);margin:4px 0 10px}
  .page-wb .internal_banner .Inter-Banner-text p{font-size:15px;line-height:1.7;margin-bottom:16px}
}
@media (min-width:1200px) and (max-width:1399px){
  .page-wb .internal_banner .web_banner{min-height:380px;object-fit:cover;object-position:right center}
  .page-wb .internal_banner .Inter-Banner-text{width:min(430px,40%);padding:22px 28px 24px}
  .page-wb .internal_banner .Inter-Banner-text p{font-size:14px;line-height:1.65;margin-bottom:14px}
}
@media (max-width:1199px){
  .page-wb .internal_banner{display:flex;flex-direction:column;background:#fff}
  .page-wb .internal_banner .Inter-Banner-text{position:relative!important;top:auto;left:auto;right:auto;transform:none;width:auto!important;max-width:720px;margin:-40px 24px 0;padding:28px 30px 30px;z-index:2}
}
@media (max-width:768px){
  .page-wb{--sec:36px}
  .page-wb .internal_banner .web_banner{display:none}
  .page-wb .internal_banner .mobile_banner{display:block;order:-1}
  .page-wb .internal_banner .Inter-Banner-text{margin:-38px 16px 0;padding:28px 22px 30px}
  .page-wb .Inter-Banner-text::before{left:22px}
  .page-wb .internal_banner .Inter-Banner-text h1{font-size:28px}
  .page-wb .container{padding-left:16px;padding-right:16px}
  .page-wb .divide{gap:26px}
  .page-wb .divide>.col-md-5,.page-wb .divide.reverse-row>.col-md-5{padding:0 14px 14px 0;max-width:520px;margin:0 auto}
  .page-wb .divide>.col-md-5::before,.page-wb .divide.reverse-row>.col-md-5::before{inset:14px 0 0 14px}
  .page-wb .txt_area,.page-wb .divide.reverse-row .txt_area{padding:0 2px}
  .page-wb .txt_area p.sub-text:first-of-type{padding-left:16px}
  .page-wb .txt_area p.sub-text:last-child{padding:16px 18px}
}
@media (prefers-reduced-motion:reduce){.page-wb .wb-hero-btn{transition:none}}

/* ===== why-page.css ===== */
/* Why Choose Us page — scoped under .page-why (same palette/fonts) */
.page-why{--wy-teal:#83a7ad;--wy-deep:#4d737b;--wy-tint:#e8f3f5;--wy-ink:#3c403f}

/* ---------- hero ---------- */
.page-why .internal_banner{background:#efeff4}
.page-why .internal_banner .Inter-Banner-text{
  top:50%;left:6%;right:auto;transform:translateY(-50%);width:34%;min-width:340px;max-width:560px;box-sizing:border-box;
  padding:30px 32px 30px 38px;text-align:left;justify-items:start;
  background:rgba(255,255,255,.92);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);
  border-radius:22px;border:1px solid rgba(131,167,173,.35);box-shadow:0 24px 50px -18px rgba(60,64,63,.35)}
.page-why .Inter-Banner-text::before{content:"";position:absolute;left:0;top:26px;bottom:26px;width:5px;border-radius:0 5px 5px 0;background:var(--wy-teal)}
.page-why .Inter-Banner-text :is(h1,h2){margin:0 0 12px;text-align:left;font-size:clamp(24px,2.4vw,36px);line-height:1.2;color:var(--wy-deep)}
.page-why .Inter-Banner-text :is(h1,h2)::after{content:"";display:block;width:56px;height:3px;border-radius:3px;background:var(--wy-teal);margin-top:12px}
.page-why .Inter-Banner-text p{margin:0;text-align:left;font-size:clamp(14px,1.05vw,16px);line-height:1.7}

/* ---------- section 1: Why we are different? ---------- */
.page-why .Early-treatment{position:relative;overflow:hidden;padding:clamp(48px,6vw,96px) 0;background:#fff}
.page-why .Early-treatment::after{content:"";position:absolute;right:-130px;top:-130px;width:360px;height:360px;border-radius:50%;background:var(--wy-tint)}
.page-why .Early-treatment .container{position:relative;z-index:1}
.page-why .divide{gap:0;align-items:center}
.page-why .Early-treatment .divide>.col-md-5{position:relative;padding:0 28px 28px 0}
.page-why .Early-treatment .divide>.col-md-5::before{content:"";position:absolute;inset:28px 0 0 28px;border-radius:26px;background:var(--wy-teal);opacity:.35}
.page-why .Early-treatment .divide>.col-md-5 img{position:relative;display:block;width:100%;height:auto;margin:0;border-radius:26px;border:6px solid #fff;box-shadow:0 26px 50px -22px rgba(60,64,63,.45)}
.page-why .Early-treatment .txt_area{padding:0 0 0 clamp(20px,3.5vw,56px)}
.page-why .Early-treatment .txt_area :is(h1,h2){margin:0 0 24px;text-align:left}
.page-why .Early-treatment .txt_area :is(h1,h2) p{margin:0;width:auto;font:500 clamp(22px,2.2vw,32px)/1.25 var(--head-font);color:var(--wy-ink);text-align:left}
.page-why .Early-treatment .txt_area :is(h1,h2) br{display:none}
.page-why .Early-treatment .txt_area :is(h1,h2) span{display:block;font-size:clamp(46px,5vw,76px);line-height:1;font-weight:600;letter-spacing:-1px;color:var(--wy-teal);margin-top:4px}
.page-why .Early-treatment .txt_area :is(h1,h2) p::after{content:"";display:block;width:56px;height:3px;border-radius:3px;background:var(--wy-teal);margin-top:16px}
.page-why .Early-treatment .txt_area ul{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;padding:0;margin:0;list-style:none;counter-reset:wy}
.page-why .Early-treatment .txt_area ul li{position:relative;counter-increment:wy;padding:18px 18px 18px 62px;border-radius:16px;background:var(--wy-tint);border:1px solid rgba(131,167,173,.3);transition:transform .25s,box-shadow .25s,background .25s}
.page-why .Early-treatment .txt_area ul li::before{content:counter(wy);position:absolute;left:16px;top:16px;display:grid;place-items:center;width:32px;height:32px;border-radius:50%;background:linear-gradient(135deg,var(--wy-teal),var(--wy-deep));color:#fff;font:600 14px/1 var(--head-font)}
.page-why .Early-treatment .txt_area ul li:hover{transform:translateY(-4px);background:#fff;box-shadow:0 18px 30px -20px rgba(60,64,63,.5)}
.page-why .Early-treatment .txt_area ul li p{margin:0;text-align:left;font-size:14.5px;line-height:1.65}

/* ---------- section 2: Why you should choose us? ---------- */
.page-why .child-need{position:relative;overflow:hidden;padding:clamp(48px,6vw,96px) 0;background:var(--wy-tint)}
.page-why .child-need::before{content:"";position:absolute;left:-140px;bottom:-140px;width:380px;height:380px;border-radius:50%;background:rgba(131,167,173,.18)}
.page-why .child-need .container{position:relative;z-index:1}
.page-why .child-need .divide .heading{width:100%;margin:0 auto 34px;font-size:clamp(26px,2.6vw,38px);text-align:center}
.page-why .child-need .heading::after{content:"";display:block;width:56px;height:3px;border-radius:3px;background:var(--wy-teal);margin:14px auto 0}
.page-why .child-need .txt_area ul.difference{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin:0 0 20px!important;padding:0;list-style:none;width:100%}
.page-why .child-need .txt_area ul.difference{counter-reset:wc}
.page-why .child-need .txt_area ul.difference li{position:relative;margin:0!important;padding:56px 24px 24px;border-radius:20px;background:#fff;border:1px solid rgba(131,167,173,.3);border-top:4px solid var(--wy-teal);box-shadow:0 16px 30px -26px rgba(60,64,63,.5);transition:transform .28s,box-shadow .28s,background .28s}
.page-why .child-need .txt_area ul.difference li::before{content:"";position:absolute;left:24px;top:-4px;width:44px;height:30px;border-radius:0 0 12px 12px;background:var(--wy-teal)}
.page-why .child-need .txt_area ul.difference li::after{content:"\f00c";font:900 14px/1 "Font Awesome 6 Free";position:absolute;left:24px;top:6px;width:44px;text-align:center;color:#fff}
.page-why .child-need .txt_area ul.difference li:hover{margin-top:0!important;transform:translateY(-6px);background:linear-gradient(150deg,var(--wy-teal),var(--wy-deep))!important;box-shadow:0 26px 40px -24px rgba(60,64,63,.6)}
.page-why .child-need .txt_area ul.difference li:hover::before{background:#fff}
.page-why .child-need .txt_area ul.difference li:hover::after{color:var(--wy-deep)}
.page-why .child-need .txt_area ul.difference li p{width:100%;margin:0;text-align:left;font-size:15px;line-height:1.75}

@media (max-width:1100px){
  .page-why .Early-treatment .txt_area ul{grid-template-columns:1fr}
  .page-why .child-need .txt_area ul.difference{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width:991px){
  .page-why .internal_banner .Inter-Banner-text{width:48%;padding:22px 24px 22px 28px}
  .page-why .Inter-Banner-text p{font-size:14px;line-height:1.6}
}
@media (max-width:768px){
  .page-why .internal_banner{overflow:visible!important;background:transparent}
  .page-why .internal_banner .Inter-Banner-text{position:relative;top:auto;left:auto;right:auto;transform:none;width:auto;min-width:0;max-width:none;margin:-46px 5% 0;z-index:2;padding:22px 20px 22px 26px}
  .page-why .Inter-Banner-text::before{top:20px;bottom:20px}
  .page-why .Inter-Banner-text :is(h1,h2){font-size:24px}
  .page-why .Early-treatment,.page-why .child-need{padding:36px 0 44px}
  .page-why .container{padding-left:6%;padding-right:6%}
  .page-why .Early-treatment .divide{gap:30px}
  .page-why .Early-treatment .divide>.col-md-5{padding:0 16px 16px 0}
  .page-why .Early-treatment .divide>.col-md-5::before{inset:16px 0 0 16px;border-radius:20px}
  .page-why .Early-treatment .divide>.col-md-5 img{border-radius:20px;border-width:4px}
  .page-why .Early-treatment .txt_area{padding:0 4px}
  .page-why .Early-treatment .txt_area :is(h1,h2) span{font-size:46px}
  .page-why .child-need .txt_area ul.difference{grid-template-columns:1fr;width:100%;gap:16px}
  .page-why .child-need .txt_area ul.difference li{padding:52px 20px 20px}
  .page-why .child-need .txt_area ul.difference li p{font-size:14px;line-height:1.7}
}

/* ===== pg6-pages.css ===== */
/* Shared redesign layer for damon, common treatments, cost, before-after, contact */
.pg6{--t:#83a7ad;--d:#527177;--dd:#43636a;--tint:#eef6f7;--ink:#3c403f;--sec:clamp(40px,4.4vw,64px)}
.pg6 h2{text-wrap:balance}
.pg6 .pg-btn{display:inline-block;padding:14px 30px;border-radius:999px;background:var(--t);color:#fff;font:600 15px/1 var(--head-font);box-shadow:0 14px 24px -12px rgba(82,113,119,.8);transition:transform .2s,background .2s}
.pg6 .pg-btn:hover{transform:translateY(-2px);background:var(--d);color:#fff}
.pg6 h2.heading{background:none;padding:0}
.pg6 .internal_banner{position:relative;background:var(--tint)}
.pg6 .internal_banner .banner{width:100%;height:auto}
.pg6 .internal_banner .web_banner{display:block}
.pg6 .internal_banner .mobile_banner{display:none}
.pg6 .internal_banner .Inter-Banner-text{position:absolute;top:50%;right:6%;left:auto;transform:translateY(-50%);width:min(620px,48%);box-sizing:border-box;margin:0;padding:30px 36px 32px;display:block;justify-items:stretch;text-align:left;background:#fff;border:1px solid rgba(131,167,173,.35);border-left:6px solid var(--t);border-radius:24px;box-shadow:0 30px 60px -24px rgba(40,60,64,.45)}
.pg6 .internal_banner .Inter-Banner-text h1{width:100%;margin:0 0 10px;background:none;padding:0;text-align:left!important;font:600 clamp(26px,2.6vw,40px)/1.15 var(--head-font);color:var(--d)}
.pg6 .internal_banner .Inter-Banner-text p{margin:0 0 18px;font-size:clamp(13.5px,.95vw,15px);line-height:1.65;color:var(--ink);text-align:left}

.pg6 .Early-treatment{padding:var(--sec) 0;background:linear-gradient(180deg,#fff,var(--tint))}
.pg6 .Early-treatment>.container{display:flex;flex-direction:column;gap:clamp(28px,3.2vw,44px);max-width:1180px}
.pg6 .Early-treatment .row{margin:0}
.pg6 .Early-treatment .row>*{padding-left:0;padding-right:0}
.pg6 .row.divide,.pg6 .sec-align{align-items:center}
.pg6 .divide>.col-md-5,.pg6 .sec-align>.col-md-5{position:relative;padding:0 22px 22px 0}
.pg6 .divide>.col-md-5::before,.pg6 .sec-align>.col-md-5::before{content:"";position:absolute;inset:22px 0 0 22px;border-radius:24px;background:var(--tint);border:2px solid rgba(131,167,173,.45)}
.pg6 .divide>.col-md-5 img,.pg6 .sec-align>.col-md-5 img{position:relative;display:block;width:100%;height:auto;margin:0;border:0;border-radius:24px;box-shadow:0 24px 44px -26px rgba(40,60,64,.55)}
.pg6 .row.reverse-row .txt_area,.pg6 .sec-align>.col-md-7{padding:0 clamp(16px,3vw,48px) 0 0!important}
.pg6 .Early-treatment .divide .txt_area{padding-left:clamp(16px,3vw,48px)}
.pg6 .txt_area h2.heading,.pg6 .ortho-surgery h2.heading{width:auto;margin:0 0 16px;text-align:left;font:600 clamp(24px,2.5vw,36px)/1.25 var(--head-font);color:var(--d)}
.pg6 .txt_area h2.heading::after,.pg6 .ortho-surgery h2.heading::after{content:"";display:block;width:64px;height:4px;border-radius:4px;background:var(--t);margin-top:14px}
.pg6 h2.heading br{display:none}
.pg6 .txt_area h2 span{display:inline-block;margin:6px 0;padding:6px 16px;border-radius:999px;background:linear-gradient(135deg,var(--t),var(--dd));color:#fff;font:700 clamp(13px,1.05vw,15px)/1.3 var(--head-font);letter-spacing:.06em;text-transform:uppercase}
.pg6 .Early-treatment p.sub-text,.pg6 .ortho-surgery p.sub-text{margin:0;padding:4px 0 4px 20px;border-left:4px solid var(--t);text-align:left;font-size:15px;line-height:1.85;color:var(--ink)}

/* callout */
.pg6 .Early-treatment .treatment-option{display:block;margin:0;padding:clamp(22px,2.6vw,32px) clamp(22px,3vw,40px);border:1px solid rgba(131,167,173,.4);border-left:6px solid var(--t);border-radius:22px;background:#fff;box-shadow:0 22px 38px -30px rgba(40,60,64,.55)}
.pg6 .treatment-option .row>*{padding:0}
.pg6 .treatment-option h2.heading{margin:0 0 10px;padding:0;background:none;text-align:left;font:600 clamp(20px,1.9vw,26px)/1.3 var(--head-font);color:var(--d)}
.pg6 .treatment-option p.sub-text{margin:0;padding:0;border:0;text-align:left!important;font-size:15px;line-height:1.8;color:var(--ink)}

/* risks band */
.pg6 .statement-text{position:relative;overflow:hidden;padding:var(--sec) 0;background:linear-gradient(120deg,var(--t),var(--dd))}
.pg6 .statement-text::before,.pg6 .statement-text::after{content:"";position:absolute;border-radius:50%;border:1px solid rgba(255,255,255,.2);pointer-events:none}
.pg6 .statement-text::before{width:340px;height:340px;right:-100px;top:-150px}
.pg6 .statement-text::after{width:200px;height:200px;left:-70px;bottom:-100px}
.pg6 .statement-text .container{position:relative;z-index:1;max-width:980px}
.pg6 .statement-text h2.heading{margin:0 0 14px;text-align:center;font:600 clamp(22px,2.4vw,34px)/1.3 var(--head-font);color:#fff}
.pg6 .statement-text h2.heading::after{content:"";display:block;width:56px;height:4px;border-radius:4px;background:rgba(255,255,255,.7);margin:14px auto 0}
.pg6 .statement-text p.sub-text{max-width:860px;margin:0 auto;text-align:center;font:400 clamp(14.5px,1.1vw,16px)/1.85 var(--body-font,inherit);color:rgba(255,255,255,.95)}

/* rewards */
.pg6 .ortho-surgery{padding:var(--sec) 0;background:linear-gradient(180deg,#fff,var(--tint))}
.pg6 .ortho-surgery .container{max-width:1180px}
.pg6 .ortho-surgery .row{margin:0}
.pg6 .ortho-surgery .row>*{padding-left:0;padding-right:0}
.pg6 .ortho-surgery p.sub-text{margin-bottom:22px}

.pg6 .home-faq.geo-faq{padding-top:var(--sec);padding-bottom:var(--sec)}

@media (min-width:1400px){
  .pg6 .internal_banner .Inter-Banner-text{width:min(640px,42%);padding:22px 30px 24px}
  .pg6 .internal_banner .Inter-Banner-text h1{font-size:clamp(26px,2.1vw,36px);margin-bottom:8px}
  .pg6 .internal_banner .Inter-Banner-text p{font-size:13.5px;line-height:1.55;margin-bottom:14px}
}
@media (min-width:1200px) and (max-width:1399px){
  .pg6 .internal_banner .web_banner{min-height:440px;object-fit:cover;object-position:left center}
  .pg6 .internal_banner .Inter-Banner-text{width:min(540px,50%);padding:20px 26px 22px}
  .pg6 .internal_banner .Inter-Banner-text p{font-size:13px;line-height:1.5;margin-bottom:12px}
}
@media (max-width:1199px){
  .pg6 .internal_banner{display:flex;flex-direction:column;background:#fff}
  .pg6 .internal_banner .Inter-Banner-text{position:relative!important;top:auto;left:auto;right:auto;transform:none;width:auto!important;max-width:760px;margin:-40px 24px 0;padding:28px 30px 30px;z-index:2}
}
@media (max-width:991px){
  .pg6 .Early-treatment .divide .txt_area,.pg6 .row.reverse-row .txt_area,.pg6 .sec-align>.col-md-7{padding:28px 0 0!important}
  .pg6 .divide>.col-md-5,.pg6 .sec-align>.col-md-5{max-width:520px;margin:0 auto;width:100%}
}
@media (max-width:768px){
  .pg6{--sec:36px}
  .pg6 .internal_banner .web_banner{display:none}
  .pg6 .internal_banner .mobile_banner{display:block;order:-1}
  .pg6 .internal_banner .Inter-Banner-text{margin:-38px 16px 0;padding:26px 20px 28px}
  .pg6 .internal_banner .Inter-Banner-text h1{font-size:26px}
  .pg6 .internal_banner .Inter-Banner-text p{font-size:14px}
  .pg6 .container{padding-left:16px;padding-right:16px}
  .pg6 .divide>.col-md-5,.pg6 .sec-align>.col-md-5{padding:0 14px 14px 0}
  .pg6 .divide>.col-md-5::before,.pg6 .sec-align>.col-md-5::before{inset:14px 0 0 14px}
  .pg6 .Early-treatment .treatment-option{border-radius:18px}
}
@media (prefers-reduced-motion:reduce){.pg6 .pg-btn{transition:none}}
/* fixes: pill text colour/size, no line clamp in hero */
.pg6 .Early-treatment .divide .txt_area h2 span{display:inline-block;color:#fff!important;font-size:clamp(13px,1.05vw,15px)!important;font-weight:700;text-transform:uppercase;line-height:1.3;padding:6px 16px}
.pg6 .internal_banner .Inter-Banner-text p{display:block!important;-webkit-line-clamp:unset!important;overflow:visible!important;max-height:none!important}

/* ---------- shared tweaks ---------- */
.pg6.pg-left .internal_banner .Inter-Banner-text{right:auto;left:6%}
@media (max-width:1199px){.pg6.pg-left .internal_banner .Inter-Banner-text{left:auto}}
.pg6 .Inter-Banner-text .pg-btn{margin-top:2px}
.pg6 .home-faq.geo-faq{padding-top:var(--sec);padding-bottom:var(--sec)}
.pg6 .pg-quick{padding-bottom:0}

/* ---------- DAMON ---------- */
.pg6 .surgical-sec{padding:var(--sec) 0;background:linear-gradient(180deg,#fff,var(--tint))}
.pg6 .surgical-sec .container{max-width:1180px}
.pg6 .surgical-sec .row{margin:0}.pg6 .surgical-sec .row>*{padding:0}
.pg6 .surgical-sec .txt_area{counter-reset:dm}
.pg6 .surgical-sec h2.heading{margin:0 0 14px;text-align:left;font:600 clamp(24px,2.5vw,36px)/1.25 var(--head-font);color:var(--d);background:none;padding:0}
.pg6 .surgical-sec h2.heading::after{content:"";display:block;width:64px;height:4px;border-radius:4px;background:var(--t);margin-top:14px}
.pg6 .surgical-sec p.sub-text{margin:0 0 26px;padding:4px 0 4px 20px;border-left:4px solid var(--t);text-align:left;font-size:15px;line-height:1.85;color:var(--ink)}
.pg6 .surgical-sec ul{list-style:none;margin:0 0 clamp(14px,1.6vw,20px)!important;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(14px,1.6vw,20px)}
.pg6 .surgical-sec ul li{position:relative;margin:0;padding:24px 24px 22px 84px;border:1px solid rgba(131,167,173,.4);border-radius:20px;background:#fff;box-shadow:0 18px 32px -28px rgba(60,64,63,.55);counter-increment:dm;transition:transform .22s,border-color .22s}
.pg6 .surgical-sec ul li:hover{transform:translateY(-4px);border-color:var(--t)}
.pg6 .surgical-sec ul li::before{content:counter(dm);position:absolute;left:22px;top:22px;display:grid;place-items:center;width:46px;height:46px;border-radius:14px;background:linear-gradient(145deg,var(--t),var(--d));color:#fff;font:600 20px/1 var(--head-font)}
.pg6 .surgical-sec ul li h3{margin:0 0 8px;font:600 19px/1.3 var(--head-font);color:var(--d);background:none;padding:0;text-align:left}
.pg6 .surgical-sec ul li p.sub-text{margin:0;padding:0;border:0;font-size:14.5px;line-height:1.75}

/* ---------- COMMON TREATMENTS ---------- */
.pg6 .emergency-list{padding:var(--sec) 0;background:linear-gradient(180deg,#fff,var(--tint))}
.pg6 .emergency-list .container{max-width:1240px}
.pg6 .emergency-list .row{margin:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(14px,1.6vw,22px);counter-reset:ct}
.pg6 .emergency-list .row>*{width:auto;max-width:none;padding:0;margin:0}
.pg6 .emergency-list .treatment-box{position:relative;display:flex;flex-direction:column;height:100%;margin:0;padding:24px 24px 22px;border:1px solid rgba(131,167,173,.4);border-radius:22px;background:#fff;box-shadow:0 18px 32px -28px rgba(60,64,63,.55);counter-increment:ct;transition:transform .22s,border-color .22s}
.pg6 .emergency-list .treatment-box:hover{transform:translateY(-4px);border-color:var(--t)}
.pg6 .emergency-list .treatment-box h3{display:flex;align-items:center;gap:12px;width:100%!important;min-width:0;max-width:none;height:auto;margin:0 0 12px;padding:0;background:none;text-align:left;font:600 18px/1.3 var(--head-font);color:var(--d)}
.pg6 .emergency-list .treatment-box h3 i{display:none}
.pg6 .emergency-list .treatment-box h3::before{content:counter(ct);flex:0 0 auto;display:grid;place-items:center;width:40px;height:40px;border-radius:12px;background:linear-gradient(145deg,var(--t),var(--d));color:#fff;font:600 17px/1 var(--head-font)}
.pg6 .emergency-list .treatment-box .ct-dur{align-self:flex-start;margin:0 0 12px;padding:5px 12px;border-radius:999px;background:var(--tint);border:1px solid rgba(131,167,173,.45);color:var(--dd);font:600 12px/1.2 var(--head-font);letter-spacing:.04em}
.pg6 .emergency-list .treatment-box .ct-dur::before{content:"\f017";font-family:"Font Awesome 6 Free";font-weight:900;margin-right:7px;font-size:11px}
.pg6 .emergency-list .treatment-box p.sub-text{margin:0;font-size:14.5px;line-height:1.75;color:var(--ink);text-align:left}

/* ---------- COST ---------- */
.pg6 .statement-text .container{max-width:980px}
.pg6 .Early-treatment .head_text{width:100%;max-width:none;padding:0;text-align:left}
.pg6 .Early-treatment .head_text h2.heading{margin:0 0 14px;text-align:left;font:600 clamp(24px,2.5vw,36px)/1.25 var(--head-font);color:var(--d);background:none;padding:0}
.pg6 .Early-treatment .head_text h2.heading::after{content:"";display:block;width:64px;height:4px;border-radius:4px;background:var(--t);margin-top:14px}
.pg6 .Early-treatment .head_text p.sub-text{text-align:left!important;margin:0;padding:4px 0 4px 20px;border-left:4px solid var(--t);font-size:15px;line-height:1.85;color:var(--ink)}
.pg6 .Early-treatment .head_text p.sub-text br{display:block;content:"";margin-bottom:10px}
.pg6 .Early-treatment .treatment-option{display:block}
.pg6 .pc-points{list-style:none;margin:26px 0 0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.pg6 .pc-points li{margin:0;padding:18px 18px 16px;border:1px solid rgba(131,167,173,.4);border-radius:18px;background:var(--tint);list-style:none}
.pg6 .pc-points i{display:grid;place-items:center;width:40px;height:40px;margin-bottom:10px;border-radius:12px;background:linear-gradient(145deg,var(--t),var(--d));color:#fff;font-size:16px}
.pg6 .pc-points strong{display:block;margin-bottom:3px;font:600 16px/1.3 var(--head-font);color:var(--d)}
.pg6 .pc-points span{display:block;font-size:14px;line-height:1.55;color:var(--ink)}

/* ---------- BEFORE & AFTER ---------- */
.pg6 .BA-Banner{position:relative;overflow:hidden;padding:clamp(44px,5vw,76px) 0;background:linear-gradient(120deg,var(--t),var(--dd))}
.pg6 .BA-Banner::before,.pg6 .BA-Banner::after{content:"";position:absolute;border-radius:50%;border:1px solid rgba(255,255,255,.22);pointer-events:none}
.pg6 .BA-Banner::before{width:360px;height:360px;right:-110px;top:-160px}
.pg6 .BA-Banner::after{width:220px;height:220px;left:-70px;bottom:-110px}
.pg6 .BA-Banner .container{position:relative;z-index:1;max-width:900px}
.pg6 .BA-Banner .align,.pg6 .BA-Banner .row{margin:0;display:block}
.pg6 .BA-Banner .Banner-text{padding:0;text-align:center}
.pg6 .BA-Banner h1.heading{margin:0 0 14px;background:none;padding:0;text-align:center!important;font:600 clamp(32px,4vw,54px)/1.15 var(--head-font)!important;color:#fff!important}
.pg6 .BA-Banner h1.heading::after{content:"";display:block;width:56px;height:4px;border-radius:4px;background:rgba(255,255,255,.7);margin:16px auto 0}
.pg6 .BA-Banner p{margin:0 auto 22px;max-width:640px;text-align:center;font-size:clamp(15px,1.2vw,17px);line-height:1.75;color:rgba(255,255,255,.96)}
.pg6 .BA-Banner .pg-btn{background:#fff;color:var(--d)}
.pg6 .BA-Banner .pg-btn:hover{background:var(--tint)}
.pg6 .Doctor-detail{padding:var(--sec) 0;background:linear-gradient(180deg,#fff,var(--tint))}
.pg6 .Doctor-detail .container{max-width:1240px}
.pg6 .Doctor-detail .row{margin:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(16px,2vw,28px);counter-reset:ba}
.pg6 .Doctor-detail .row>*{width:auto;max-width:none;padding:0;margin:0}
.pg6 .BA-Box{position:relative;height:100%;padding:14px 14px 16px;border:1px solid rgba(131,167,173,.4);border-radius:22px;background:#fff;box-shadow:0 22px 38px -30px rgba(40,60,64,.55);counter-increment:ba;transition:transform .22s,border-color .22s}
.pg6 .BA-Box:hover{transform:translateY(-4px);border-color:var(--t)}
.pg6 .BA-Box::before{content:"Case " counter(ba);position:absolute;z-index:2;left:26px;top:26px;padding:5px 13px;border-radius:999px;background:rgba(255,255,255,.92);color:var(--dd);font:600 12px/1.2 var(--head-font);letter-spacing:.05em;box-shadow:0 6px 14px -8px rgba(40,60,64,.6)}
.pg6 .BA-img{display:block;width:100%;height:auto;border-radius:14px}
.pg6 .BA-Box .heads{display:grid;grid-template-columns:1fr 1fr;gap:10px;padding:12px 0 0}
.pg6 .BA-Box .heads p{margin:0;padding:7px 10px;border-radius:999px;text-align:center;font:600 13px/1.2 var(--head-font);letter-spacing:.08em;text-transform:uppercase;background:var(--tint);color:var(--d);border:1px solid rgba(131,167,173,.4)}
.pg6 .BA-Box .heads p:last-child{background:linear-gradient(135deg,var(--t),var(--dd));color:#fff;border-color:transparent}
.pg6 .ba-cta{margin-top:clamp(22px,2.6vw,34px);text-align:center}

/* ---------- CONTACT ---------- */
.pg6 .internal_banner.contact{position:relative}
.pg6 .Connect{padding:var(--sec) 0;background:linear-gradient(180deg,#fff,var(--tint))}
.pg6 .Connect .container{max-width:1180px}
.pg6 .Connect .align{align-items:stretch;gap:0;margin:0}
.pg6 .Connect .align>[class*=col-]{display:flex;padding:0 clamp(8px,1.4vw,20px)}
.pg6 .Connect .contact-form{flex:1;width:100%;padding:clamp(22px,2.6vw,36px);border:1px solid rgba(131,167,173,.4);border-top:6px solid var(--t);border-radius:22px;background:#fff;box-shadow:0 24px 44px -30px rgba(40,60,64,.55)}
.pg6 .Connect .contact-form>p.sub-text{margin:0 0 18px;text-align:left;font:600 clamp(20px,1.9vw,26px)/1.3 var(--head-font);color:var(--d)}
.pg6 .Connect .contact-form input:not([type=submit]),.pg6 .Connect .contact-form select,.pg6 .Connect .contact-form textarea{margin-bottom:12px;padding:12px 14px;border:1px solid rgba(131,167,173,.5);border-radius:12px;background:var(--tint);color:var(--ink);font-size:15px}
.pg6 .Connect .contact-form input:focus,.pg6 .Connect .contact-form select:focus,.pg6 .Connect .contact-form textarea:focus{outline:0;border-color:var(--d);background:#fff;box-shadow:0 0 0 3px rgba(131,167,173,.25)}
.pg6 .Connect .contact-form input.web_btn{width:auto;margin:6px 0 0;padding:14px 32px;border:0;border-radius:999px;background:var(--t);color:#fff;font:600 15px/1 var(--head-font);box-shadow:0 14px 24px -12px rgba(82,113,119,.8);cursor:pointer}
.pg6 .Connect .contact-form input.web_btn:hover{background:var(--d);color:#fff}
.pg6 .Connect .head_text{flex:1;width:100%;padding:clamp(22px,2.6vw,34px)!important;border-radius:22px;background:linear-gradient(145deg,var(--t),var(--dd));color:#fff;box-shadow:0 24px 44px -30px rgba(40,60,64,.6);position:relative;overflow:hidden}
.pg6 .Connect .head_text::after{content:"";position:absolute;right:-70px;top:-70px;width:200px;height:200px;border-radius:50%;border:1px solid rgba(255,255,255,.25)}
.pg6 .Connect .head_text h2.heading{margin:0 0 10px;text-align:left;font:600 clamp(24px,2.5vw,34px)/1.25 var(--head-font);color:#fff;background:none;padding:0}
.pg6 .Connect .head_text p.sub-text{margin:0 0 20px;text-align:left;font-size:15px;line-height:1.75;color:rgba(255,255,255,.95)}
.pg6 .Connect .details{display:grid!important;gap:10px}
.pg6 .Connect .details li{width:100%;display:flex;align-items:center;gap:12px;padding:10px 14px!important;border:1px solid rgba(255,255,255,.25);border-radius:14px;background:rgba(255,255,255,.14)!important;color:#fff;font-size:15px;line-height:1.45}
.pg6 .Connect .details li i{flex:0 0 auto;display:grid;place-items:center;width:34px;height:34px;margin:0;padding:0;border-radius:50%;background:#fff;color:var(--d);font-size:14px}
.pg6 .Connect .details li a.phone{color:inherit}
.pg6 .Connect .details li:last-child{display:block;padding:0!important;border:0;background:none!important;margin:8px 0 0}
.pg6 .Connect .details li:last-child .web_btn{display:inline-block;padding:13px 28px;border-radius:999px;background:#fff;color:var(--d);border:0;font:600 15px/1 var(--head-font)}
.pg6 .Connect .details li span{opacity:.92}

@media (max-width:991px){
  .pg6 .emergency-list .row{grid-template-columns:repeat(2,minmax(0,1fr))}
  .pg6 .surgical-sec ul{grid-template-columns:1fr}
  .pg6 .pc-points{grid-template-columns:1fr}
  .pg6 .Connect .align>[class*=col-]{padding:0 0 18px}
  .pg6 .Connect .align{flex-direction:column}
}
@media (max-width:768px){
  .pg6 .emergency-list .row,.pg6 .Doctor-detail .row{grid-template-columns:1fr}
  .pg6 .surgical-sec ul li{padding:22px 18px 20px 74px}
  .pg6 .surgical-sec ul li::before{left:16px;width:42px;height:42px}
  .pg6 .BA-Banner{padding:40px 0}
  .pg6 .BA-Banner .container{padding-left:16px;padding-right:16px}
  .pg6 .BA-Box{padding:10px 10px 14px}
  .pg6 .BA-Box::before{left:20px;top:20px}
  .pg6 .Connect .contact-form input.web_btn{width:100%}
}

/* fixes: fonts, alignment, spacing */
.pg6 p.sub-text,.pg6 .sub-text{font-family:var(--sub-font,inherit)}
.pg6 .surgical-sec ul li h3{text-align:left!important;width:auto!important}
.pg6 .surgical-sec ul li p.sub-text{text-align:left!important;margin:0!important}
.pg6 .emergency-list .treatment-box p.sub-text{margin:0!important}
.pg6 .emergency-list .treatment-box h3{margin-bottom:12px!important}
.pg6 .emergency-list .treatment-box .ct-dur{margin-bottom:12px!important;line-height:1.2}
.pg6 .internal_banner .Inter-Banner-text p{font-family:var(--sub-font,inherit)}
.page-pcost .pg-quick{padding-bottom:var(--sec)}

/* contact hero: keep the card clear of the people in the photo */
@media (min-width:1200px){
  .pg6.page-contact .internal_banner .Inter-Banner-text{right:4%;left:auto;width:min(560px,37%)!important;padding:20px 26px 22px}
  .pg6.page-contact .internal_banner .Inter-Banner-text h1{font-size:clamp(26px,2.2vw,36px)}
  .pg6.page-contact .internal_banner .Inter-Banner-text p{font-size:13px!important;line-height:1.55;margin-bottom:12px}
}
@media (min-width:1200px) and (max-width:1399px){
  .pg6.page-contact .internal_banner .web_banner{min-height:0;object-fit:cover;object-position:left center}
  .pg6.page-contact .internal_banner .Inter-Banner-text{right:3%;width:37%!important;padding:14px 18px 16px}
  .pg6.page-contact .internal_banner .Inter-Banner-text p{font-size:12.5px!important;line-height:1.5}
}

/* ---------- BEFORE & AFTER v2: overlay labels, split divider, featured first case, lightbox ---------- */
.pg6.page-ba .Doctor-detail .row{grid-template-columns:repeat(2,minmax(0,1fr))}
.pg6.page-ba .Doctor-detail .row>*:first-child{grid-column:1/-1}
.pg6.page-ba .BA-Box{display:flex;flex-direction:column;padding:12px;border-radius:26px;overflow:hidden}
.pg6.page-ba .BA-Box .BA-img{order:1;cursor:zoom-in;border-radius:16px;transition:transform .35s}
.pg6.page-ba .BA-Box:hover .BA-img{transform:scale(1.015)}
.pg6.page-ba .BA-Box::before{order:3;position:static;display:flex;align-items:center;gap:8px;margin:12px 4px 2px;padding:0;background:none;box-shadow:none;border-radius:0;color:var(--d);font:600 15px/1.2 var(--head-font);letter-spacing:0;content:"Case " counter(ba) " \00B7  Real Quarry Orthodontics patient"}
.pg6.page-ba .BA-Box:first-child::before{font-size:17px}
.pg6.page-ba .BA-Box .heads{order:2;position:absolute;left:24px;right:24px;top:24px;display:grid;grid-template-columns:1fr 1fr;gap:0;padding:0;pointer-events:none}
.pg6.page-ba .BA-Box .heads p{justify-self:start;padding:6px 16px;border:0;border-radius:999px;background:rgba(255,255,255,.92);color:var(--dd);font:700 12px/1.2 var(--head-font);letter-spacing:.1em;box-shadow:0 8px 16px -10px rgba(40,60,64,.7)}
.pg6.page-ba .BA-Box .heads p:last-child{justify-self:end;background:linear-gradient(135deg,var(--t),var(--dd));color:#fff}
.pg6.page-ba .BA-Box::after{content:"\f337";font-family:"Font Awesome 6 Free";font-weight:900;position:absolute;left:50%;top:calc(12px + (100% - 68px) / 2);transform:translate(-50%,-50%);display:grid;place-items:center;width:46px;height:46px;border-radius:50%;background:#fff;color:var(--d);font-size:16px;box-shadow:0 10px 22px -8px rgba(40,60,64,.7),0 0 0 6px rgba(255,255,255,.35);pointer-events:none}
.pg6.page-ba .BA-Box:first-child{padding:16px}
.pg6.page-ba .BA-Box:first-child .BA-img{border-radius:20px}
.pg6.page-ba .BA-Box:first-child .heads{left:32px;right:32px;top:32px}
.pg6.page-ba .BA-Box:first-child .heads p{font-size:13px;padding:8px 20px}
.pg6.page-ba .BA-Box:first-child::after{top:calc(16px + (100% - 76px) / 2)}
/* divider line */
.pg6.page-ba .BA-Box .BA-img{position:relative}
.pg6.page-ba .ba-lightbox{position:fixed;inset:0;z-index:9999;display:none;align-items:center;justify-content:center;padding:24px;background:rgba(30,45,48,.88);cursor:zoom-out}
.pg6.page-ba .ba-lightbox.on{display:flex}
.pg6.page-ba .ba-lightbox img{max-width:min(1200px,100%);max-height:92vh;width:auto;height:auto;border-radius:18px;box-shadow:0 30px 70px -20px rgba(0,0,0,.7)}
.pg6.page-ba .ba-lightbox button{position:absolute;top:18px;right:18px;width:44px;height:44px;border:0;border-radius:50%;background:#fff;color:var(--d);font-size:18px;cursor:pointer}
@media (max-width:768px){
  .pg6.page-ba .Doctor-detail .row{grid-template-columns:1fr}
  .pg6.page-ba .BA-Box .heads,.pg6.page-ba .BA-Box:first-child .heads{left:20px;right:20px;top:20px}
  .pg6.page-ba .BA-Box .heads p,.pg6.page-ba .BA-Box:first-child .heads p{padding:5px 11px;font-size:10.5px}
  .pg6.page-ba .BA-Box::after{width:38px;height:38px;font-size:13px}
  .pg6.page-ba .BA-Box::before{font-size:13.5px}
}
.pg6.page-ba .BA-Box .heads,.pg6.page-ba .BA-Box::after{z-index:3}
.pg6.page-ba .BA-Box .BA-img{z-index:1}

/* BA v3: compact 3-column gallery */
.pg6.page-ba .Doctor-detail .container{max-width:1180px}
.pg6.page-ba .Doctor-detail .row{grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(12px,1.4vw,20px)}
.pg6.page-ba .Doctor-detail .row>*:first-child{grid-column:auto}
.pg6.page-ba .BA-Box,.pg6.page-ba .BA-Box:first-child{padding:8px;border-radius:18px}
.pg6.page-ba .BA-Box .BA-img,.pg6.page-ba .BA-Box:first-child .BA-img{border-radius:12px}
.pg6.page-ba .BA-Box::before,.pg6.page-ba .BA-Box:first-child::before{content:"Case " counter(ba);margin:8px 4px 2px;font-size:13px}
.pg6.page-ba .BA-Box .heads,.pg6.page-ba .BA-Box:first-child .heads{left:16px;right:16px;top:16px}
.pg6.page-ba .BA-Box .heads p,.pg6.page-ba .BA-Box:first-child .heads p{padding:4px 10px;font-size:10px;letter-spacing:.08em}
.pg6.page-ba .BA-Box::after,.pg6.page-ba .BA-Box:first-child::after{top:calc(8px + (100% - 40px) / 2);width:32px;height:32px;font-size:12px;box-shadow:0 8px 16px -8px rgba(40,60,64,.7),0 0 0 4px rgba(255,255,255,.35)}
.pg6.page-ba .BA-Banner{padding:clamp(32px,3.6vw,52px) 0}
.pg6.page-ba .BA-Banner h1.heading{font-size:clamp(28px,3.2vw,42px)!important;margin-bottom:10px}
.pg6.page-ba .BA-Banner p{margin-bottom:16px;font-size:15px}
@media (max-width:991px){.pg6.page-ba .Doctor-detail .row{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:560px){.pg6.page-ba .Doctor-detail .row{grid-template-columns:1fr}}
@media (min-width:992px){.pg6.page-ba .Doctor-detail .row>*:last-child{grid-column:2}}

/* ---------- hero card v2 (damon, common, cost, contact) ---------- */
.pg6 .internal_banner .Inter-Banner-text h1::before{content:"Quarry Orthodontics \00B7  Baltimore, MD";display:block;width:fit-content;margin:0 0 12px;padding:5px 14px;border-radius:999px;background:var(--tint);border:1px solid rgba(131,167,173,.5);color:var(--dd);font:700 11px/1.2 var(--head-font);letter-spacing:.12em;text-transform:uppercase}
.pg6 .pg-hero-actions{display:flex;flex-wrap:wrap;align-items:center;gap:12px 20px}
.pg6 .pg-tel{display:inline-flex;align-items:center;gap:9px;color:var(--d);font:600 15px/1 var(--head-font)}
.pg6 .pg-tel i{display:grid;place-items:center;width:34px;height:34px;border-radius:50%;background:var(--tint);border:1px solid rgba(131,167,173,.5);font-size:13px;color:var(--d)}
.pg6 .pg-tel:hover{color:var(--dd)}
@media (min-width:1200px){
  .pg6.page-damon .internal_banner .Inter-Banner-text,.pg6.page-ctreat .internal_banner .Inter-Banner-text{right:5%;left:auto;width:min(540px,38%)!important;padding:26px 32px 28px}
  .pg6.page-pcost .internal_banner .Inter-Banner-text{left:5%;right:auto;width:min(540px,38%)!important;padding:26px 32px 28px}
  .pg6.page-damon .internal_banner .Inter-Banner-text h1,.pg6.page-ctreat .internal_banner .Inter-Banner-text h1,.pg6.page-pcost .internal_banner .Inter-Banner-text h1{font-size:clamp(28px,2.4vw,40px);margin-bottom:12px}
  .pg6.page-damon .internal_banner .Inter-Banner-text p,.pg6.page-ctreat .internal_banner .Inter-Banner-text p,.pg6.page-pcost .internal_banner .Inter-Banner-text p{font-size:14px!important;line-height:1.7;margin-bottom:18px}
}
@media (min-width:1200px) and (max-width:1399px){
  .pg6.page-damon .internal_banner .Inter-Banner-text,.pg6.page-ctreat .internal_banner .Inter-Banner-text,.pg6.page-pcost .internal_banner .Inter-Banner-text{width:42%!important;padding:20px 24px 22px}
  .pg6.page-damon .internal_banner .Inter-Banner-text p{font-size:12.5px!important;line-height:1.55}
}
@media (max-width:480px){.pg6 .pg-hero-actions{gap:12px}.pg6 .internal_banner .Inter-Banner-text h1::before{font-size:10px;padding:4px 11px}}
@media (max-width:1199px){.pg6 .internal_banner .Inter-Banner-text p{text-align:left!important}.pg6 .internal_banner .Inter-Banner-text h1{text-align:left!important}}
/* compact statement band */
.pg6 .statement-text{padding:clamp(20px,2.2vw,30px) 0}
.pg6 .statement-text p.sub-text{font-size:clamp(13.5px,1vw,15px);line-height:1.7}

/* ---------- INVISALIGN BEFORE & AFTER ---------- */
.pg6.page-iba .tads_sec.beforeaft_page{padding:var(--sec) 0;background:linear-gradient(180deg,#fff,var(--tint))}
.pg6.page-iba .beforeaft_page .container{max-width:1180px}
.pg6.page-iba .beforeaft_page .row{margin:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(12px,1.4vw,20px);counter-reset:iba}
.pg6.page-iba .beforeaft_page .row>*{width:auto;max-width:none;padding:0;margin:0}
.pg6.page-iba .beforeaft_page .row>*:last-child:nth-child(3n+1){grid-column:2}
.pg6.page-iba .beforeafte_box{position:relative;display:flex;flex-wrap:wrap;gap:6px;height:100%;margin:0;padding:8px;border:1px solid rgba(131,167,173,.4);border-radius:18px;background:#fff;box-shadow:0 20px 34px -28px rgba(40,60,64,.55);counter-increment:iba;transition:transform .22s,border-color .22s}
.pg6.page-iba .beforeafte_box:hover{transform:translateY(-4px);border-color:var(--t)}
.pg6.page-iba .beforeafte_box::before{content:"Case " counter(iba);order:3;flex:0 0 100%;margin:4px 4px 0;color:var(--d);font:600 13px/1.2 var(--head-font)}
.pg6.page-iba .beforeafte_block{position:relative;flex:1 1 0;min-width:0;margin:0;padding:0}
.pg6.page-iba .beforeafte_block img{display:block;width:100%;height:auto;border-radius:12px;cursor:zoom-in}
.pg6.page-iba .beforeafte_block h4{position:absolute;left:8px;bottom:8px;margin:0;padding:4px 10px;border-radius:999px;background:rgba(255,255,255,.93);color:var(--dd);font:700 10px/1.2 var(--head-font);letter-spacing:.08em;text-transform:uppercase;box-shadow:0 6px 12px -8px rgba(40,60,64,.7);pointer-events:none}
.pg6.page-iba .beforeafte_block:last-child h4{left:auto;right:8px;background:linear-gradient(135deg,var(--t),var(--dd));color:#fff}
.pg6.page-iba .ba-lightbox{position:fixed;inset:0;z-index:9999;display:none;align-items:center;justify-content:center;padding:24px;background:rgba(30,45,48,.88);cursor:zoom-out}
.pg6.page-iba .ba-lightbox.on{display:flex}
.pg6.page-iba .ba-lightbox img{max-width:min(1000px,100%);max-height:92vh;border-radius:18px}
.pg6.page-iba .ba-lightbox button{position:absolute;top:18px;right:18px;width:44px;height:44px;border:0;border-radius:50%;background:#fff;color:var(--d);font-size:18px;cursor:pointer}
.pg6.page-iba .BA-Banner{padding:clamp(32px,3.6vw,52px) 0}
.pg6.page-iba .BA-Banner h1.heading{font-size:clamp(28px,3.2vw,42px)!important;margin-bottom:10px}
.pg6.page-iba .BA-Banner p{margin-bottom:16px;font-size:15px}
@media (max-width:991px){.pg6.page-iba .beforeaft_page .row{grid-template-columns:repeat(2,minmax(0,1fr))}.pg6.page-iba .beforeaft_page .row>*:last-child:nth-child(3n+1){grid-column:auto}}
@media (max-width:560px){.pg6.page-iba .beforeaft_page .row{grid-template-columns:1fr}}

/* damon feature cards: beat legacy .surgical-sec .divide .txt_area rules */
.pg6 .surgical-sec .divide .txt_area ul{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(14px,1.6vw,20px);margin:0 0 clamp(14px,1.6vw,20px)!important;padding:0}
.pg6 .surgical-sec .divide .txt_area ul li{position:relative;padding:24px 24px 22px 84px;margin:0;background:#fff;border-radius:20px}
.pg6 .surgical-sec .divide .txt_area ul li h3{margin:0 0 8px;font:600 19px/1.3 var(--head-font);text-align:left!important;color:var(--d)}
.pg6 .surgical-sec .divide .txt_area ul li p,.pg6 .surgical-sec .divide .txt_area ul li p.sub-text{margin:0!important;width:auto;text-align:left!important}
.pg6 .surgical-sec .divide .heading{width:auto;margin:0 0 14px;text-align:left}
.pg6 .surgical-sec .divide .txt_area>p.sub-text{margin:0 0 26px!important;text-align:left!important}
@media (max-width:991px){.pg6 .surgical-sec .divide .txt_area ul{grid-template-columns:1fr}}
@media (max-width:768px){.pg6 .surgical-sec .divide .txt_area ul li{padding:22px 18px 20px 74px}}
.pg6 .internal_banner .Inter-Banner-text{text-align:left}
.pg6 .Connect .details li span{display:block}
@media (max-width:480px){.pg6 .Connect .details li{flex-wrap:nowrap}.pg6 .pg-btn,.pg6 .pg-tel{font-size:14px}}

/* ===== surgical-page.css ===== */
/* Surgical Orthodontics - scoped .page-surg (site palette & fonts) */
.page-surg{--t:#83a7ad;--d:#527177;--dd:#43636a;--tint:#eef6f7;--ink:#3c403f;--sec:clamp(40px,4.4vw,64px)}
.page-surg h2{text-wrap:balance}
.page-surg .sg-btn{display:inline-block;padding:14px 30px;border-radius:999px;background:var(--t);color:#fff;font:600 15px/1 var(--head-font);box-shadow:0 14px 24px -12px rgba(82,113,119,.8);transition:transform .2s,background .2s}
.page-surg .sg-btn:hover{transform:translateY(-2px);background:var(--d);color:#fff}
.page-surg h2.heading{background:none;padding:0}
.page-surg .internal_banner{position:relative;background:var(--tint)}
.page-surg .internal_banner .banner{width:100%;height:auto}
.page-surg .internal_banner .web_banner{display:block}
.page-surg .internal_banner .mobile_banner{display:none}
.page-surg .internal_banner .Inter-Banner-text{position:absolute;top:50%;right:6%;left:auto;transform:translateY(-50%);width:min(620px,48%);box-sizing:border-box;margin:0;padding:30px 36px 32px;display:block;justify-items:stretch;text-align:left;background:#fff;border:1px solid rgba(131,167,173,.35);border-left:6px solid var(--t);border-radius:24px;box-shadow:0 30px 60px -24px rgba(40,60,64,.45)}
.page-surg .internal_banner .Inter-Banner-text h1{width:100%;margin:0 0 10px;background:none;padding:0;text-align:left!important;font:600 clamp(26px,2.6vw,40px)/1.15 var(--head-font);color:var(--d)}
.page-surg .internal_banner .Inter-Banner-text p{margin:0 0 18px;font-size:clamp(13.5px,.95vw,15px);line-height:1.65;color:var(--ink);text-align:left}

.page-surg .Early-treatment{padding:var(--sec) 0;background:linear-gradient(180deg,#fff,var(--tint))}
.page-surg .Early-treatment>.container{display:flex;flex-direction:column;gap:clamp(28px,3.2vw,44px);max-width:1180px}
.page-surg .Early-treatment .row{margin:0}
.page-surg .Early-treatment .row>*{padding-left:0;padding-right:0}
.page-surg .row.divide,.page-surg .sec-align{align-items:center}
.page-surg .divide>.col-md-5,.page-surg .sec-align>.col-md-5{position:relative;padding:0 22px 22px 0}
.page-surg .divide>.col-md-5::before,.page-surg .sec-align>.col-md-5::before{content:"";position:absolute;inset:22px 0 0 22px;border-radius:24px;background:var(--tint);border:2px solid rgba(131,167,173,.45)}
.page-surg .divide>.col-md-5 img,.page-surg .sec-align>.col-md-5 img{position:relative;display:block;width:100%;height:auto;margin:0;border:0;border-radius:24px;box-shadow:0 24px 44px -26px rgba(40,60,64,.55)}
.page-surg .row.reverse-row .txt_area,.page-surg .sec-align>.col-md-7{padding:0 clamp(16px,3vw,48px) 0 0!important}
.page-surg .Early-treatment .divide .txt_area{padding-left:clamp(16px,3vw,48px)}
.page-surg .txt_area h2.heading,.page-surg .ortho-surgery h2.heading{width:auto;margin:0 0 16px;text-align:left;font:600 clamp(24px,2.5vw,36px)/1.25 var(--head-font);color:var(--d)}
.page-surg .txt_area h2.heading::after,.page-surg .ortho-surgery h2.heading::after{content:"";display:block;width:64px;height:4px;border-radius:4px;background:var(--t);margin-top:14px}
.page-surg h2.heading br{display:none}
.page-surg .txt_area h2 span{display:inline-block;margin:6px 0;padding:6px 16px;border-radius:999px;background:linear-gradient(135deg,var(--t),var(--dd));color:#fff;font:700 clamp(13px,1.05vw,15px)/1.3 var(--head-font);letter-spacing:.06em;text-transform:uppercase}
.page-surg .Early-treatment p.sub-text,.page-surg .ortho-surgery p.sub-text{margin:0;padding:4px 0 4px 20px;border-left:4px solid var(--t);text-align:left;font-size:15px;line-height:1.85;color:var(--ink)}

/* callout */
.page-surg .Early-treatment .treatment-option{display:block;margin:0;padding:clamp(22px,2.6vw,32px) clamp(22px,3vw,40px);border:1px solid rgba(131,167,173,.4);border-left:6px solid var(--t);border-radius:22px;background:#fff;box-shadow:0 22px 38px -30px rgba(40,60,64,.55)}
.page-surg .treatment-option .row>*{padding:0}
.page-surg .treatment-option h2.heading{margin:0 0 10px;padding:0;background:none;text-align:left;font:600 clamp(20px,1.9vw,26px)/1.3 var(--head-font);color:var(--d)}
.page-surg .treatment-option p.sub-text{margin:0;padding:0;border:0;text-align:left!important;font-size:15px;line-height:1.8;color:var(--ink)}

/* risks band */
.page-surg .statement-text{position:relative;overflow:hidden;padding:var(--sec) 0;background:linear-gradient(120deg,var(--t),var(--dd))}
.page-surg .statement-text::before,.page-surg .statement-text::after{content:"";position:absolute;border-radius:50%;border:1px solid rgba(255,255,255,.2);pointer-events:none}
.page-surg .statement-text::before{width:340px;height:340px;right:-100px;top:-150px}
.page-surg .statement-text::after{width:200px;height:200px;left:-70px;bottom:-100px}
.page-surg .statement-text .container{position:relative;z-index:1;max-width:980px}
.page-surg .statement-text h2.heading{margin:0 0 14px;text-align:center;font:600 clamp(22px,2.4vw,34px)/1.3 var(--head-font);color:#fff}
.page-surg .statement-text h2.heading::after{content:"";display:block;width:56px;height:4px;border-radius:4px;background:rgba(255,255,255,.7);margin:14px auto 0}
.page-surg .statement-text p.sub-text{max-width:860px;margin:0 auto;text-align:center;font:400 clamp(14.5px,1.1vw,16px)/1.85 var(--body-font,inherit);color:rgba(255,255,255,.95)}

/* rewards */
.page-surg .ortho-surgery{padding:var(--sec) 0;background:linear-gradient(180deg,#fff,var(--tint))}
.page-surg .ortho-surgery .container{max-width:1180px}
.page-surg .ortho-surgery .row{margin:0}
.page-surg .ortho-surgery .row>*{padding-left:0;padding-right:0}
.page-surg .ortho-surgery p.sub-text{margin-bottom:22px}

.page-surg .home-faq.geo-faq{padding-top:var(--sec);padding-bottom:var(--sec)}

@media (min-width:1400px){
  .page-surg .internal_banner .Inter-Banner-text{width:min(640px,42%);padding:22px 30px 24px}
  .page-surg .internal_banner .Inter-Banner-text h1{font-size:clamp(26px,2.1vw,36px);margin-bottom:8px}
  .page-surg .internal_banner .Inter-Banner-text p{font-size:13.5px;line-height:1.55;margin-bottom:14px}
}
@media (min-width:1200px) and (max-width:1399px){
  .page-surg .internal_banner .web_banner{min-height:440px;object-fit:cover;object-position:left center}
  .page-surg .internal_banner .Inter-Banner-text{width:min(540px,50%);padding:20px 26px 22px}
  .page-surg .internal_banner .Inter-Banner-text p{font-size:13px;line-height:1.5;margin-bottom:12px}
}
@media (max-width:1199px){
  .page-surg .internal_banner{display:flex;flex-direction:column;background:#fff}
  .page-surg .internal_banner .Inter-Banner-text{position:relative!important;top:auto;left:auto;right:auto;transform:none;width:auto!important;max-width:760px;margin:-40px 24px 0;padding:28px 30px 30px;z-index:2}
}
@media (max-width:991px){
  .page-surg .Early-treatment .divide .txt_area,.page-surg .row.reverse-row .txt_area,.page-surg .sec-align>.col-md-7{padding:28px 0 0!important}
  .page-surg .divide>.col-md-5,.page-surg .sec-align>.col-md-5{max-width:520px;margin:0 auto;width:100%}
}
@media (max-width:768px){
  .page-surg{--sec:36px}
  .page-surg .internal_banner .web_banner{display:none}
  .page-surg .internal_banner .mobile_banner{display:block;order:-1}
  .page-surg .internal_banner .Inter-Banner-text{margin:-38px 16px 0;padding:26px 20px 28px}
  .page-surg .internal_banner .Inter-Banner-text h1{font-size:26px}
  .page-surg .internal_banner .Inter-Banner-text p{font-size:14px}
  .page-surg .container{padding-left:16px;padding-right:16px}
  .page-surg .divide>.col-md-5,.page-surg .sec-align>.col-md-5{padding:0 14px 14px 0}
  .page-surg .divide>.col-md-5::before,.page-surg .sec-align>.col-md-5::before{inset:14px 0 0 14px}
  .page-surg .Early-treatment .treatment-option{border-radius:18px}
}
@media (prefers-reduced-motion:reduce){.page-surg .sg-btn{transition:none}}
/* fixes: pill text colour/size, no line clamp in hero */
.page-surg .Early-treatment .divide .txt_area h2 span{display:inline-block;color:#fff!important;font-size:clamp(13px,1.05vw,15px)!important;font-weight:700;text-transform:uppercase;line-height:1.3;padding:6px 16px}
.page-surg .internal_banner .Inter-Banner-text p{display:block!important;-webkit-line-clamp:unset!important;overflow:visible!important;max-height:none!important}
/* compact statement band */
.page-surg .statement-text{padding:clamp(22px,2.4vw,32px) 0}
.page-surg .statement-text h2.heading{margin-bottom:8px;font-size:clamp(19px,1.7vw,24px)}
.page-surg .statement-text h2.heading::after{margin-top:10px;width:44px;height:3px}
.page-surg .statement-text p.sub-text{font-size:clamp(13.5px,1vw,15px);line-height:1.7}

/* hero card v2 (matches other pages) */
.page-surg .internal_banner .Inter-Banner-text h1::before{content:"Quarry Orthodontics \00B7  Baltimore, MD";display:block;width:fit-content;margin:0 0 12px;padding:5px 14px;border-radius:999px;background:var(--tint);border:1px solid rgba(131,167,173,.5);color:var(--dd);font:700 11px/1.2 var(--head-font);letter-spacing:.12em;text-transform:uppercase}
.page-surg .pg-hero-actions{display:flex;flex-wrap:wrap;align-items:center;gap:12px 20px}
.page-surg .pg-tel{display:inline-flex;align-items:center;gap:9px;color:var(--d);font:600 15px/1 var(--head-font)}
.page-surg .pg-tel i{display:grid;place-items:center;width:34px;height:34px;border-radius:50%;background:var(--tint);border:1px solid rgba(131,167,173,.5);font-size:13px;color:var(--d)}
.page-surg .internal_banner .Inter-Banner-text p{font-size:14px!important;line-height:1.7;margin-bottom:18px;font-family:var(--sub-font,inherit)}
.page-surg .internal_banner .Inter-Banner-text .sg-btn{margin:0}
@media (min-width:1200px){.page-surg .internal_banner .Inter-Banner-text{right:5%;width:min(560px,40%)!important;padding:24px 30px 26px}.page-surg .internal_banner .Inter-Banner-text h1{font-size:clamp(28px,2.4vw,38px);margin-bottom:10px}}
@media (min-width:1200px) and (max-width:1399px){.page-surg .internal_banner .Inter-Banner-text{width:44%!important;padding:18px 22px 20px}.page-surg .internal_banner .Inter-Banner-text p{font-size:12.5px!important;line-height:1.55;margin-bottom:12px}}
@media (max-width:1199px){.page-surg .internal_banner .Inter-Banner-text p,.page-surg .internal_banner .Inter-Banner-text h1{text-align:left!important}}
/* tablet/mobile hero card: compact */
@media (max-width:1199px){
  .page-surg .internal_banner .Inter-Banner-text{max-width:600px;margin:-32px auto 0;padding:18px 22px 20px}
  .page-surg .internal_banner .Inter-Banner-text h1{font-size:clamp(22px,3.4vw,28px)!important;margin-bottom:8px}
  .page-surg .internal_banner .Inter-Banner-text h1::before{margin-bottom:8px;padding:4px 11px;font-size:10px}
  .page-surg .internal_banner .Inter-Banner-text p{font-size:13px!important;line-height:1.6;margin-bottom:14px}
  .page-surg .internal_banner .Inter-Banner-text .sg-btn{padding:11px 22px;font-size:14px}
  .page-surg .pg-tel{font-size:14px}.page-surg .pg-tel i{width:30px;height:30px}
}
@media (max-width:768px){.page-surg .internal_banner .Inter-Banner-text{margin:-30px 16px 0;max-width:none}}

/* ===== banner.css ===== */
/* ==========================================================
   Quarry Orthodontics — home page hero banner
   Uses the site's own fonts (Poppins / Open Sans) and colors
   (--logo-color #83a7ad, #527177 card teal, --dark-grey, --light-logo-color)
   ========================================================== */
:root{--qb-card:82,113,119}               /* rgb of the original banner teal */

.qb{width:100%;height:clamp(540px,calc(100vh - 130px),720px);position:relative;background:var(--dark-grey)}
.qb .swiper-slide{position:relative;display:flex;align-items:center;width:100%;height:100%;overflow:hidden}
.qb .banner-image{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center}
.qb .swiper-slide::before{content:"";position:absolute;inset:0;z-index:1;pointer-events:none;background:linear-gradient(0deg,rgba(60,64,63,.38) 0%,rgba(60,64,63,0) 38%)}

/* ---------- text card ---------- */
.qb-card{position:absolute;z-index:5;bottom:116px;width:fit-content;max-width:min(470px,46%);padding:26px 32px 30px;text-align:left;color:#fff;
  background:linear-gradient(135deg,rgba(var(--qb-card),.88),rgba(var(--qb-card),.74));
  border:1px solid rgba(255,255,255,.28);border-radius:26px;
  -webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);
  box-shadow:0 24px 56px rgba(60,64,63,.32)}
.qb-left{left:6%}
.qb-right{right:6%}
.qb-eyebrow{display:inline-block;margin:0 0 14px;padding:7px 16px;border-radius:999px;background:rgba(255,255,255,.16);border:1px solid rgba(255,255,255,.3);font-family:var(--sub-font);font-size:13px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;line-height:1.2;color:#fff}
.qb-title{margin:0 0 20px;font-family:var(--head-font);font-size:clamp(26px,2.5vw,36px);font-weight:500;line-height:1.15;color:#fff}
.qb-big{display:block;font-size:clamp(38px,3.8vw,56px);font-weight:700;letter-spacing:.02em;text-transform:uppercase;line-height:1.02;color:#fff}
.qb-big+.qb-light{display:block;margin-top:6px;font-weight:400}
.qb-title em{font-style:normal;color:var(--light-logo-color)}
.qb-logo{display:block;height:58px;width:auto;margin:0 0 20px;filter:brightness(0) invert(1)}
.qb-actions{display:flex;flex-wrap:wrap;gap:12px}

/* ---------- buttons ---------- */
.qb-btn{display:inline-flex;align-items:center;gap:10px;padding:14px 28px;border-radius:999px;background:#fff;border:2px solid #fff;color:rgb(var(--qb-card))!important;font-family:var(--sub-font);font-size:15px;font-weight:700;line-height:1;transition:transform .2s ease,background .2s,color .2s,border-color .2s,box-shadow .2s;box-shadow:0 10px 24px rgba(0,0,0,.18)}
.qb-btn:hover{transform:translateY(-2px);background:var(--light-logo-color);border-color:var(--light-logo-color)}
.qb-btn-ghost{background:transparent;border-color:rgba(255,255,255,.7);color:#fff!important;box-shadow:none}
.qb-btn-ghost:hover{background:#fff;border-color:#fff;color:rgb(var(--qb-card))!important}
.qb-btn i{font-size:14px}
.qb a:focus-visible{outline:3px solid #fff;outline-offset:3px}

/* ---------- arrows + dots ---------- */
.qb .swiper-button-next,.qb .swiper-button-prev{top:50%;width:50px;height:50px;margin-top:-25px;padding:0;border-radius:50%;background:#fff;box-shadow:0 8px 22px rgba(60,64,63,.25);transition:background .2s,transform .2s}
.qb .swiper-button-prev{left:18px}
.qb .swiper-button-next{right:18px}
.qb .swiper-button-next:after,.qb .swiper-button-prev:after{font-size:16px!important;font-weight:700;color:var(--logo-color);transition:color .2s}
.qb .swiper-button-next:hover,.qb .swiper-button-prev:hover{background:var(--logo-color)}
.qb .swiper-button-next:hover:after,.qb .swiper-button-prev:hover:after{color:#fff}
.qb .swiper-pagination{bottom:78px}
.qb .swiper-pagination-bullet{width:10px;height:10px;margin:0 5px!important;background:#fff;opacity:.6;border-radius:10px;transition:width .3s,opacity .3s}
.qb .swiper-pagination-bullet-active{width:36px;opacity:1}

/* ---------- entrance motion ---------- */
@keyframes qbZoom{from{transform:scale(1.07)}to{transform:scale(1)}}
@keyframes qbUp{from{opacity:0;transform:translateY(26px)}to{opacity:1;transform:none}}
.qb .swiper-slide-active .banner-image{animation:qbZoom 9s ease-out both}
.qb .swiper-slide-active .qb-card{animation:qbUp .8s .12s cubic-bezier(.2,.7,.2,1) both}

/* ---------- highlight strip under the banner ---------- */
.qb-highlights{position:relative;z-index:20;margin:-54px 0 34px}
.qb-hl-grid{display:grid;grid-template-columns:repeat(3,1fr);background:#fff;border-radius:24px;box-shadow:0 20px 55px rgba(60,64,63,.16);overflow:hidden}
.qb-hl{display:flex;align-items:center;gap:16px;padding:24px 30px;border-right:1px solid var(--light-logo-color)}
.qb-hl:last-child{border-right:0}
.qb-hl-icon{flex:0 0 auto;display:grid;place-items:center;width:54px;height:54px;border-radius:50%;background:var(--light-logo-color);color:var(--logo-color);font-size:21px;transition:background .25s,color .25s}
.qb-hl:hover .qb-hl-icon{background:var(--logo-color);color:#fff}
.qb-hl strong{display:block;font-family:var(--head-font);font-size:16px;font-weight:600;line-height:1.3;color:var(--dark-grey)}
.qb-hl small{display:block;margin-top:2px;font-family:var(--sub-font);font-size:14px;line-height:1.5;color:var(--dark-grey)}

/* ---------- tablet ---------- */
@media (max-width:991px){
  .qb-card{max-width:min(440px,70%);padding:24px 28px 28px}
  .qb-hl{padding:20px 20px;gap:12px}
  .qb-hl-icon{width:46px;height:46px;font-size:18px}
}

/* ---------- mobile: image on top, text below on the brand-teal gradient ---------- */
@media (max-width:768px){
  .qb{height:auto;background:linear-gradient(180deg,var(--logo-color),#4d737b)}
  .qb .swiper-slide{display:block;height:auto;overflow:visible;padding:0 0 70px}
  .qb .swiper-slide::before{display:none}
  .qb .banner-image{position:static;display:block;width:100%;height:260px;border-radius:0 0 28px 28px}
  .qb-card,.qb-left,.qb-right{position:relative;top:auto;bottom:auto;left:auto;right:auto;translate:none;width:100%;max-width:none;padding:26px 6% 0;text-align:center;background:none;border:0;border-radius:0;box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none}
  .qb-eyebrow{font-size:12px;margin-bottom:12px}
  .qb-title{font-size:30px;margin-bottom:12px}
  .qb-big{font-size:48px}
  .qb-logo{height:52px;margin:0 auto 14px}
  .qb-actions{justify-content:center}
  .qb-btn{padding:13px 24px;font-size:14px}
  .qb .swiper-button-next,.qb .swiper-button-prev{display:none}
  .qb .swiper-pagination{bottom:26px}
  .qb-highlights{margin:-30px 0 24px}
  .qb-hl-grid{grid-template-columns:1fr;border-radius:20px}
  .qb-hl{border-right:0;border-bottom:1px solid var(--light-logo-color);padding:16px 20px}
  .qb-hl:last-child{border-bottom:0}
}
@media (max-width:480px){
  .qb-actions .qb-btn{flex:1 1 100%;justify-content:center}
}
@media (prefers-reduced-motion:reduce){
  .qb .swiper-slide-active .banner-image,.qb .swiper-slide-active .qb-card{animation:none}
  .qb *{transition:none!important}
}

/* ==========================================================
   Home — "More Information About The Quarry Orthodontics" section
   (same content and images; new layered card layout)
   ========================================================== */
.About_section{position:relative;overflow:hidden;padding:44px 0 52px;
  background:
    radial-gradient(circle at 6% 18%,rgba(131,167,173,.20) 0 170px,transparent 171px),
    radial-gradient(circle at 97% 88%,rgba(131,167,173,.18) 0 230px,transparent 231px),
    var(--light-logo-color)}
.About_section .row{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(0,1fr);align-items:center;margin:0;--bs-gutter-x:0}
.About_section .row>*{padding:0;margin:0}
.About_section .col-md-8{width:auto;max-width:none;position:relative;z-index:1;padding:30px 100px 32px 48px;background:#fff;border-radius:30px;box-shadow:0 28px 70px rgba(60,64,63,.12)}
.About_section .col-md-8::before{content:"";position:absolute;left:48px;top:0;width:72px;height:6px;border-radius:0 0 6px 6px;background:var(--logo-color)}

.About_section .about_head{display:flex;align-items:center;gap:22px;padding-bottom:16px;margin-bottom:16px;border-bottom:1px solid var(--light-logo-color)}
.About_section .about_head img{height:68px;width:auto;margin:0;flex:0 0 auto;padding-right:22px;border-right:2px solid var(--light-logo-color)}
.About_section .about_head .head_text{text-align:left;min-width:0}
.About_section .about_head .head_text h3{text-align:left;margin:0 0 4px;font-family:var(--sub-font);font-size:12px;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:var(--dark-grey)}
.About_section .about_head .head_text :is(h1,h2){margin:0;font-family:var(--head-font);font-size:clamp(26px,2.3vw,36px);font-weight:600;line-height:1.1;text-align:left;color:var(--logo-color)}

.About_section .text_about p:first-child{display:none}               /* empty spacer paragraph */
.About_section .text_about p{margin:0;font-size:15px;line-height:1.7;color:var(--dark-grey)}
.About_section .text_about p:nth-child(2){margin-bottom:12px;padding-left:18px;border-left:4px solid var(--logo-color);font-size:17px;line-height:1.6;font-weight:500}

.About_section .sec_image{position:relative;z-index:2;display:block;width:100%!important;height:auto;max-height:360px;margin-left:-84px;object-fit:cover;border-radius:34px;
  outline:3px solid var(--logo-color);outline-offset:14px;box-shadow:0 30px 60px rgba(60,64,63,.22);transition:transform .5s ease}
.About_section .sec_image:hover{transform:translateY(-6px)}

@media (max-width:1199px){
  .About_section .col-md-8{padding:44px 90px 44px 40px}
  .About_section .col-md-8::before{left:40px}
  .About_section .sec_image{margin-left:-64px}
}
@media (max-width:991px){
  .About_section{padding:56px 0 64px}
  .About_section .row{grid-template-columns:1fr;gap:0}
  .About_section .col-md-8{padding:40px 32px 90px}
  .About_section .sec_image{width:calc(100% - 48px)!important;margin:-56px auto 0;outline-offset:10px}
}
@media (max-width:768px){
  .About_section{padding:44px 0 52px}
  .About_section .col-md-8{padding:30px 22px 80px;border-radius:26px}
  .About_section .col-md-8::before{left:22px;width:64px}
  .About_section .about_head{flex-direction:column;align-items:flex-start;gap:14px;padding-bottom:20px;margin-bottom:20px}
  .About_section .about_head img{height:76px;padding:0 0 14px;border-right:0;border-bottom:2px solid var(--light-logo-color)}
  .About_section .about_head .head_text :is(h1,h2){font-size:32px}
  .About_section .text_about p{text-align:left;font-size:15px;line-height:1.75}
  .About_section .text_about p:nth-child(2){font-size:16.5px}
  .About_section .sec_image{width:calc(100% - 28px)!important;margin-top:-52px;border-radius:26px}
}

/* ==========================================================
   Home — testimonials ("Our Testimonial / Why Our Patients Love Us!")
   Same content; brand-teal band with white quote cards
   ========================================================== */
.testimonial_slider{position:relative;overflow:hidden;margin:0!important;padding:92px 0 84px;background:var(--light-logo-color);
  background-image:radial-gradient(rgba(82,113,119,.16) 1.4px,transparent 1.6px);background-size:22px 22px}
.testimonial_slider::before{content:"\201C";position:absolute;left:4%;top:-30px;font-family:var(--head-font);font-size:360px;font-weight:700;line-height:1;color:rgba(131,167,173,.28);pointer-events:none}
.testimonial_slider .container{position:relative;z-index:1}
.testimonial_slider .default-subheading_heading{display:table;margin:0 auto 16px;padding:7px 18px;border-radius:999px;background:#527177;font-family:var(--sub-font);font-size:13px;font-weight:700;letter-spacing:.16em;text-transform:uppercase;line-height:1.3;color:#fff}
.testimonial_slider .heading{margin:0 0 14px;font-size:clamp(28px,3.2vw,44px);line-height:1.2;font-weight:600;color:#527177}
.testimonial_slider p{max-width:780px;margin:0 auto;font-size:16px;line-height:1.85;color:var(--dark-grey)}
.testimonial_slider p br{display:none}
.testimonial-section{position:relative;z-index:1;margin:46px 0 0}
.testimonial-slide{padding:20px 6px 62px!important}
.testimonial-slide .swiper-slide{height:auto;display:flex}

.testimonial-box{position:relative;display:flex;flex-direction:column;width:100%;height:auto;margin:0;padding:34px 32px 0;overflow:hidden;text-align:left;
  background:#fff;border:2px solid #527177;border-radius:6px 34px 6px 34px;box-shadow:10px 10px 0 -2px rgba(82,113,119,.28);transition:transform .3s ease,box-shadow .3s ease}
.testimonial-box:hover{transform:translate(-3px,-3px);box-shadow:14px 14px 0 -2px rgba(82,113,119,.36)}
.testimonial-box::before{content:"\201D";position:absolute;right:22px;top:6px;font-family:var(--head-font);font-size:110px;font-weight:700;line-height:1;color:var(--logo-color);opacity:.35;pointer-events:none}
.testimonial-box::after{display:none}
.testimonial-box .row{flex:1;margin:0}
.testimonial-box .row>div{display:flex;flex-direction:column;height:100%;padding:0}
.testimonial-box img{display:block;width:auto;height:22px;margin:0 0 20px;padding:7px 14px;box-sizing:content-box;border-radius:999px;background:var(--light-logo-color);position:relative;z-index:1;align-self:flex-start}
.testimonial-box .product-des{flex:1;display:flex;flex-direction:column;position:relative;z-index:1}
.testimonial-content{flex:1;font-family:var(--sub-font);font-size:15.5px;line-height:1.8;color:var(--dark-grey);text-align:left}
.testimonial-content .full-text p{margin:0 0 8px;color:var(--dark-grey)}
.read-more-toggle{display:inline-block;margin-left:4px;font-weight:700;line-height:1.3;color:#527177;border-bottom:2px solid var(--logo-color);transition:color .2s,border-color .2s}
.read-more-toggle:hover{color:var(--logo-color)}
.testimonial-box h2{display:flex;align-items:center;gap:14px;margin:26px -32px 0!important;padding:16px 32px;background:#527177;font-family:var(--head-font);font-size:17px;font-weight:600;color:#fff;text-align:left!important}
.testimonial-box h2::before{content:"\f007";font-family:"Font Awesome 6 Free";font-weight:900;flex:0 0 auto;display:grid;place-items:center;width:36px;height:36px;border-radius:50%;background:#fff;color:#527177;font-size:15px}

.testimonial-slide .swiper-pagination{bottom:6px!important}
.testimonial-slide .swiper-pagination-bullet{width:10px;height:10px;margin:0 5px!important;background:#527177;opacity:.35;border-radius:10px;transition:width .3s,opacity .3s}
.testimonial-slide .swiper-pagination-bullet-active{width:32px;opacity:1}

@media (max-width:768px){
  .testimonial_slider{padding:56px 0 52px}
  .testimonial_slider::before{font-size:220px;top:-20px}
  .testimonial_slider p{font-size:14.5px;line-height:1.7}
  .testimonial-section{margin-top:32px}
  .testimonial-box{padding:28px 22px 0;border-radius:6px 26px 6px 26px;box-shadow:6px 6px 0 -2px rgba(82,113,119,.28)}
  .testimonial-box h2{margin:22px -22px 0!important;padding:14px 22px}
}
@media (prefers-reduced-motion:reduce){.testimonial-box{transition:none}}

/* ==========================================================
   Home — "Orthodontic Services & Expertise"
   Same content and images; photo-first cards with numbered badges
   ========================================================== */
.Services{padding:88px 0 96px;background:var(--light-logo-color) radial-gradient(rgba(131,167,173,.30) 1.5px,transparent 1.6px) 0 0/24px 24px}
.Services .head_text{width:100%;text-align:center}
.Services .heading{position:relative;display:inline-block;margin:0;padding-bottom:20px;font-size:clamp(28px,3.2vw,42px);line-height:1.2;font-weight:600;color:var(--dark-grey)}
.Services .heading::after{content:"";position:absolute;left:50%;bottom:0;width:76px;height:4px;border-radius:4px;background:var(--logo-color);transform:translateX(-50%)}

.Services .container-fluid>.row:last-child{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:28px;margin:48px 0 0;counter-reset:svc}
.Services .container-fluid>.row:last-child>[class*="col-"]{width:auto;max-width:none;margin:0;padding:0}

.Services .service_box{display:flex;flex-direction:column;height:100%;margin:0;padding:0;overflow:hidden;position:relative;counter-increment:svc;
  background:#fff;border:0;border-radius:26px;box-shadow:0 14px 36px rgba(60,64,63,.09);transition:transform .35s ease,box-shadow .35s ease}
.Services .service_box:hover{margin:0;background:#fff;border:0;transform:translateY(-8px);box-shadow:0 28px 52px rgba(60,64,63,.18)}
.Services .service_box::before{content:counter(svc,decimal-leading-zero);position:absolute;top:16px;left:16px;z-index:3;display:grid;place-items:center;min-width:44px;height:34px;padding:0 12px;border-radius:999px;background:#fff;box-shadow:0 6px 16px rgba(60,64,63,.18);font-family:var(--head-font);font-size:14px;font-weight:700;letter-spacing:.04em;color:var(--logo-color)}
.Services .service_box img{order:-1;width:100%;height:230px;object-fit:cover;border-radius:0;transition:transform .6s ease}
.Services .service_box:hover img{transform:scale(1.07)}
.Services .service_box :is(h1,h2){margin:0;padding:24px 26px 0;font-family:var(--head-font);font-size:22px;line-height:1.3;font-weight:600;text-align:left;color:var(--dark-grey);transition:color .25s}
.Services .service_box:hover :is(h1,h2){color:#527177}
.Services .service_box :is(h1,h2) br{display:block}                 /* keep the two-line titles (also stops words gluing on mobile) */
.Services .service_box .sub-text br{display:none}
.Services .service_box .sub-text{flex:1;width:auto;margin:0;padding:12px 26px 0;font-size:15px;line-height:1.75;text-align:left}

.Services .service_box .overlay_btn{position:static;display:block;height:auto;padding:20px 26px 28px;transform:none;left:auto;z-index:auto;border-radius:0}
.Services .service_box:hover .overlay_btn{transform:none;display:block}
.Services .service_box .web_btn{display:inline-flex;align-items:center;gap:10px;padding:11px 22px;border-radius:999px;background:transparent;border:2px solid var(--logo-color);font-weight:700;color:#527177;transition:background .25s,color .25s,border-color .25s,gap .25s}
.Services .service_box .web_btn::after{content:"\2192";font-size:16px;line-height:1}
.Services .service_box:hover .web_btn{background:var(--logo-color);color:#fff;gap:14px}
.Services .service_box .web_btn:hover{background:#527177;border-color:#527177;color:#fff}

@media (max-width:1199px){
  .Services .container-fluid>.row:last-child{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width:768px){
  .Services{padding:56px 0 60px}
  .Services .container-fluid>.row:last-child{gap:20px;margin-top:34px}
  .Services .service_box :is(h1,h2){font-size:21px}
  .Services .service_box .sub-text{-webkit-line-clamp:none}
}
@media (max-width:575px){
  .Services .container-fluid>.row:last-child{grid-template-columns:1fr}
  .Services .service_box img{height:210px}
}
@media (prefers-reduced-motion:reduce){.Services .service_box,.Services .service_box img{transition:none}}

/* home: remove oversized dotted gaps between Testimonials and Services */
.testimonial_slider{padding:72px 0 40px}
.testimonial-slide{padding:20px 6px 48px!important}
.Services{padding:52px 0 64px}
@media (max-width:768px){.testimonial_slider{padding:48px 0 28px}.Services{padding:40px 0 48px}}
@media (max-width:480px){
  .qb-big{font-size:clamp(28px,9.5vw,40px);overflow-wrap:anywhere}
  .qb-title{overflow-wrap:anywhere}
}

/* ===== mobile-fixes.css ===== */
/* mobile-fixes.css - responsive hardening for all pages (load last, after Bootstrap) */

/* base */
html{-webkit-text-size-adjust:100%;text-size-adjust:100%}
body{overflow-x:clip}
img,svg,video,canvas,iframe{max-width:100%}
table{max-width:100%}

/* The site's mobile styles apply up to 768px, but Bootstrap's md columns start at
   768px. At exactly 768px (iPad portrait) that left half-width, left-aligned blocks.
   Make md columns stack through 768px so both agree. */
@media (max-width:768px){
  .row>[class*="col-md-"]:not([class~="col-3"]):not([class~="col-4"]):not([class~="col-5"]):not([class~="col-6"]):not([class~="col-7"]):not([class~="col-8"]){
    flex:0 0 100%;width:100%;max-width:100%
  }
}

/* bigger tap targets on touch screens */
@media (max-width:991px){
  a[href^="tel:"]{display:inline-block;padding:7px 0}
  .qh-social a{min-width:34px;min-height:34px;display:inline-flex;align-items:center;justify-content:center}
  .read-more-toggle{display:inline-block;padding:10px 0}
  .qh-sub a,.toggle-header,.footer-toggle .toggle-header{min-height:44px}
}

/* mobile browsers with a collapsing toolbar: use dynamic viewport height for the open menu */
@media (max-width:1319px){
  .qh-nav.show{max-height:calc(100vh - var(--qh-h) - 8px);max-height:calc(100dvh - var(--qh-h) - 8px);-webkit-overflow-scrolling:touch;overscroll-behavior:contain}
}

/* small phones */
@media (max-width:575px){
  .contact-form select{font-size:15px;text-overflow:ellipsis}
  h1,h2,h3{overflow-wrap:anywhere;hyphens:auto}
}
@media (max-width:360px){
  .container,.container-fluid{padding-left:12px;padding-right:12px}
}

/* "Visit us" map block: below 992px it collapsed to a ~300px centred strip
   (iframe default width + a later width:34% on the card). Make both fill the row. */
@media (max-width:991px){
  .map .loc{align-items:stretch}
  .map .loc-map{width:100%;align-self:stretch}
  .map .loc-map iframe{width:100%}
  .map .loc-card{width:auto;align-self:stretch;max-width:none}
}

/* ===== image-fixes.css ===== */
/* ==========================================================
   Image fidelity — pictures are shown whole, at their original
   proportions (same as the live site). No cropping, no stretching.
   ========================================================== */

/* ---------- top bar: bigger social icons ---------- */
.qh-topbar .qh-wrap{min-height:52px}
.qh-social{gap:12px}
.qh-social a{width:38px;height:38px;font-size:19px;box-shadow:0 2px 8px rgba(82,113,119,.18)}
@media (max-width:991px){.qh-social a{width:40px;height:40px;min-width:40px;min-height:40px;font-size:20px}}
@media (max-width:420px){.qh-social{gap:8px}.qh-social a{width:38px;height:38px;min-width:38px;min-height:38px;font-size:18px}}

/* ---------- global safety: responsive images keep their ratio ---------- */
img{height:auto}
img[width][height]{height:auto}

/* ---------- home banner: whole picture visible ---------- */
.qb{height:auto!important;background:#fff}
.qb .swiper-slide{height:auto;display:block;overflow:hidden}
.qb .swiper-slide::before{display:none}
.qb .banner-image{position:static;display:block;width:100%;height:auto;object-fit:fill;border-radius:0}
.qb .swiper-slide-active .banner-image{animation:none}
/* the pictures already carry their own headline – keep only a compact button */
.qb-card{top:50%;bottom:auto;translate:0 -50%;padding:24px 30px 26px;max-width:min(470px,46%);background:linear-gradient(135deg,rgba(82,113,119,.9),rgba(82,113,119,.78));border:1px solid rgba(255,255,255,.28);border-radius:22px;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);box-shadow:0 18px 40px rgba(60,64,63,.3);text-align:left;color:#fff}
.qb-eyebrow{margin:0 0 10px;padding:5px 13px;font-size:11.5px}
.qb-title{margin:0 0 10px;font-size:clamp(22px,2.1vw,30px)}
.qb-big{font-size:clamp(30px,3vw,44px)}
.qb-logo{height:42px;margin:0 0 12px}
.qb-text{margin:0 0 14px;font:400 15px/1.55 var(--sub-font);color:#fff}
.qb-points{list-style:none;margin:0 0 18px;padding:0;display:grid;gap:8px}
.qb-points li{display:flex;align-items:flex-start;gap:10px;margin:0;font:600 14px/1.4 var(--sub-font);color:#fff}
.qb-points i{flex:0 0 auto;margin-top:2px;color:var(--light-logo-color);font-size:15px}
.qb .qb-title{margin-bottom:12px}
.qb .qb-big{font-size:clamp(28px,2.8vw,40px)}
.qb-btn i.fa-phone{font-size:13px}
.qb-left{left:6%}
.qb-right{right:6%}
.qb-btn{padding:11px 22px;font-size:14px}
.qb .swiper-pagination{bottom:12px}
.qb .swiper-pagination-bullet{background:#fff;box-shadow:0 0 4px rgba(0,0,0,.4)}
.qb-highlights{margin:26px 0 34px}
@media (max-width:991px){
  .qb-card{max-width:min(380px,62%);padding:18px 20px 20px}
  .qb-text,.qb-points li:nth-child(n+3){display:none}
  .qb-btn-ghost{display:none}
  .qb-btn{padding:9px 16px;font-size:13px}
}
@media (max-width:991px){
  .qb{background:#fff}
  .qb .swiper-slide{padding:0}
  .qb .banner-image{height:auto;border-radius:0}
  .qb-card,.qb-left,.qb-right{position:relative;top:auto;bottom:auto;left:auto;right:auto;transform:none;translate:none;width:100%;max-width:none;padding:22px 6% 52px;text-align:center;border-radius:0;border:0;box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none;background:linear-gradient(180deg,#83a7ad,#4d737b)}
  .qb-card .qb-text{display:block;font-size:15px}
  .qb-points{justify-content:center;justify-items:start;width:max-content;max-width:100%;margin:0 auto 18px;text-align:left}
  .qb-points li:nth-child(n+3){display:flex}
  .qb-btn-ghost{display:inline-flex}
  .qb-actions{justify-content:center}
  .qb-card .qb-title{font-size:26px}
  .qb-card .qb-big{font-size:38px}
  .qb-btn{padding:11px 22px;font-size:14px}
  .qb .swiper-pagination{bottom:8px}
  .qb .swiper-pagination-bullet{background:var(--logo-color);box-shadow:none}
  .qb .swiper-button-next,.qb .swiper-button-prev{display:none}
  .qb-highlights{margin:18px 0 24px}
}

/* ---------- inner-page banners: full picture, never cropped ---------- */
body .internal_banner>img.banner{height:auto!important;min-height:0!important;object-fit:fill!important}
@media (max-width:991px){
  /* text card first, then the whole banner photo underneath */
  body .internal_banner{display:flex!important;flex-direction:column;position:relative!important;overflow:hidden!important;background:#fff!important}
  body .internal_banner>img.web_banner{display:block!important;order:2!important;width:100%!important;height:auto!important;min-height:0!important;margin:0!important;border-radius:0!important}
  body .internal_banner>img.mobile_banner{display:none!important}
  body .internal_banner .Inter-Banner-text,
  body .internal_banner .Inter-Banner-text.right_banner_text{order:1!important;position:relative!important;top:auto!important;left:auto!important;right:auto!important;bottom:auto!important;transform:none!important;translate:none!important;grid-area:auto!important;width:90%!important;max-width:680px!important;min-width:0!important;margin:18px auto 16px!important;z-index:3;box-sizing:border-box}
}
@media (max-width:480px){
  /* phones use the portrait banner set, shown in full */
  body .internal_banner>img.web_banner{display:none!important}
  body .internal_banner>img.mobile_banner{display:block!important;order:2!important;width:100%!important;height:auto!important;min-height:0!important;object-fit:fill!important;margin:0!important;border-radius:0!important}
}

/* ---------- content pictures: whole picture, original ratio ---------- */
.treatment-option ul li .box img,.page-adult .treatment-option ul li .box img{aspect-ratio:auto!important;height:auto!important;object-fit:fill!important}
.Services .service_box img{height:auto!important;aspect-ratio:auto;object-fit:fill}
.sec_image,.About_section .sec_image{height:auto!important;max-height:none!important;object-fit:fill!important;aspect-ratio:auto}
.page-appl .TOA .care-box img{height:auto!important;object-fit:fill!important}
.care-box img{height:auto}
.col-md-5 img[src*="invisalign1.png"],img[src*="invisalign1.png"]{height:auto!important}

/* ---------- logo / icons / small pictures ---------- */
.About_section .about_head>img{flex:0 0 auto;width:100px;height:100px;object-fit:contain;max-width:none}
.testimonial-box img{flex:0 0 auto;width:129px;height:auto;max-width:100%}
.qh-brand img{object-fit:contain}
.qb-btn{gap:10px;white-space:nowrap}.qb-btn i{margin-right:0}
/* both banner buttons: identical size */
.qb-actions .qb-btn{display:inline-flex!important;align-items:center;box-sizing:border-box;min-width:230px;height:50px;padding:0 24px!important;justify-content:center;font-size:14px;line-height:1;border-width:2px;border-style:solid;gap:10px}
.qb-actions .qb-btn i{margin:0}
.qb-actions{gap:12px}
@media (max-width:480px){.qb-actions{flex-direction:column;flex-wrap:nowrap;align-items:stretch}.qb-actions .qb-btn{width:100%;min-width:0;min-height:50px;flex:0 0 auto}}
@media (min-width:992px){
  .qb-card .qb-actions{flex-wrap:nowrap;gap:10px}
  .qb-card .qb-actions .qb-btn{flex:1 1 0;min-width:0;padding:0 10px!important;font-size:13.5px;gap:8px;white-space:nowrap}
}
@media (min-width:992px){.qb-card .qb-actions .qb-btn i{display:none}.qb-card .qb-actions .qb-btn{font-size:14px;padding:0 14px!important}}

/* ---------- home "areas we serve": show 3 rows, rest via the button ---------- */
.loc-areas .loc-hub-grid li:nth-child(n+10){display:none}
@media (max-width:991px){.loc-areas .loc-hub-grid li:nth-child(n+7){display:none}}
@media (max-width:575px){.loc-areas .loc-hub-grid li:nth-child(n+4){display:none}}
.loc-areas .loc-areas-more{margin-top:34px}

/* ---------- testimonials: slider, longest reviews grouped on the first slide ---------- */
.testimonial-slide .swiper-slide{height:auto;display:flex}
.testimonial-slide .testimonial-box{width:100%;height:auto}

/* v20: phones – white card first, compact photo under it (matches inner pages) */
@media (max-width:767px){
html body .qb .swiper-slide{display:flex!important;flex-direction:column;background:#dfeaec}
html body .qb .swiper-slide .banner-image{order:2;width:100%!important;height:200px!important;object-fit:cover!important;object-position:center 40%;margin:0}
html body .qb .qb-card,html body .qb .qb-left,html body .qb .qb-right{order:1;position:relative!important;width:calc(100% - 32px)!important;max-width:none!important;margin:14px 16px!important;padding:18px 18px 20px!important;text-align:left!important;background:#fff!important;border:0!important;border-left:6px solid #83a7ad!important;border-radius:20px!important;box-shadow:0 18px 36px -20px rgba(47,74,80,.5)!important;color:#3c403f}
html body .qb .qb-eyebrow{display:inline-block;margin:0 0 8px;padding:4px 12px;font-size:11px;color:#527177!important;background:#e8f3f5!important;border:0!important}
html body .qb .qb-title,html body .qb .qb-title span,html body .qb .qb-card .qb-big{color:#527177!important;font-size:clamp(22px,6vw,28px)!important;line-height:1.18;display:inline}
html body .qb .qb-title{display:block;margin:0 0 8px!important}
html body .qb .qb-logo{filter:none;height:34px;margin:0 0 8px;background:#527177;padding:6px 10px;border-radius:8px}
html body .qb .qb-card .qb-text{display:block!important;margin:0 0 12px!important;font-size:14.5px!important;line-height:1.6;color:#3c403f!important}
html body .qb .qb-points{display:none!important}
html body .qb .qb-actions{justify-content:flex-start}
html body .qb .qb-actions .qb-btn-ghost{display:none!important}
html body .qb .qb-actions .qb-btn{width:auto!important;min-width:0!important;height:44px!important;padding:0 22px!important;background:#83a7ad!important;border:2px solid #83a7ad!important;color:#fff!important}
html body .qb .qb-actions .qb-btn i{color:#fff}
html body .qb .swiper-pagination{bottom:8px}
}
@media (max-width:767px){html body .qb .qb-actions{align-items:flex-start!important;flex-direction:row!important}}

/* v23: phones – show the whole home banner photo, no crop */
@media (max-width:767px){html body .qb .swiper-slide .banner-image{height:auto!important;object-fit:fill!important}}

/* ===== banner-hero.css ===== */
/* ==========================================================
   Inner-page hero (all pages except Home):
   breadcrumb pill, label, big heading, text and buttons on the left,
   photo on the right with a slanted edge.
   ========================================================== */
html body .internal_banner.bn-hero.bn-hero{
  display:grid!important;grid-template-columns:minmax(0,50fr) minmax(0,50fr);grid-template-rows:1fr;
  min-height:clamp(340px,28vw,430px);position:relative!important;overflow:hidden!important;isolation:isolate;
  margin:0!important;padding:0!important;border:0!important;border-bottom:5px solid #83a7ad!important;
  background:linear-gradient(100deg,#f6fbfc 0%,#e8f3f5 58%,#d3e7ea 100%)!important}
html body .internal_banner.bn-hero.bn-hero::before,html body .internal_banner.bn-hero.bn-hero::after{display:none!important}

/* ----- text column ----- */
html body .internal_banner.bn-hero.bn-hero .Inter-Banner-text{
  grid-column:1;grid-row:1;position:relative!important;inset:auto!important;top:auto!important;left:auto!important;right:auto!important;bottom:auto!important;
  transform:none!important;translate:none!important;width:auto!important;max-width:none!important;min-width:0!important;margin:0!important;
  padding:46px 48px 46px clamp(24px,10vw,190px)!important;box-sizing:border-box;z-index:2;
  display:flex!important;flex-direction:column;justify-content:center;align-items:flex-start!important;text-align:left!important;
  background:none!important;border:0!important;border-radius:0!important;box-shadow:none!important;
  -webkit-backdrop-filter:none!important;backdrop-filter:none!important}
html body .internal_banner.bn-hero.bn-hero .Inter-Banner-text::before,html body .internal_banner.bn-hero.bn-hero .Inter-Banner-text::after{display:none!important}
.bn-hero .bn-crumb{display:inline-flex;flex-wrap:wrap;align-items:center;gap:10px;margin:0 0 22px;padding:9px 18px;border:1px solid #cfe0e3;border-radius:999px;background:#fff;font:500 14px/1 var(--sub-font);color:#527177}
.bn-hero .bn-crumb a{color:#527177!important;text-decoration:none;font-weight:500}
.bn-hero .bn-crumb a:hover{text-decoration:underline}
.bn-hero .bn-crumb span{opacity:.6}
.bn-hero .bn-crumb b{color:#1f3438;font-weight:600}
.bn-hero .bn-eyebrow{margin:0 0 18px;font:600 13px/1.3 var(--head-font);letter-spacing:.18em;text-transform:uppercase;color:#4e8f9c;text-align:left}
html body .bn-hero.bn-hero .Inter-Banner-text :is(h1,h2).heading,html body .bn-hero.bn-hero .Inter-Banner-text h1{
  margin:0 0 16px!important;padding:0!important;font:700 clamp(30px,3.3vw,50px)/1.12 var(--head-font)!important;color:#2f4a50!important;text-align:left!important;width:auto!important;letter-spacing:0}
html body .bn-hero.bn-hero .Inter-Banner-text h1::after,html body .bn-hero.bn-hero .Inter-Banner-text h1::before{display:none!important}
html body .bn-hero.bn-hero .Inter-Banner-text p.sub-text{display:block!important;max-width:580px;margin:0 0 24px!important;padding:0!important;font:400 16.5px/1.75 var(--sub-font)!important;color:#4a5d61!important;text-align:left!important;-webkit-line-clamp:unset!important;max-height:none!important;height:auto!important;overflow:visible!important}
html body .bn-hero.bn-hero .Inter-Banner-text p.sub-text:empty{display:none!important}
.bn-hero .bn-actions{display:flex;flex-wrap:wrap;gap:12px;margin:0}
.bn-hero .bn-btn,html body .bn-hero.bn-hero .Inter-Banner-text>a{display:inline-flex!important;align-items:center;justify-content:center;box-sizing:border-box;min-height:50px;padding:0 26px!important;margin:0!important;border-radius:999px!important;border:2px solid #527177!important;background:#527177!important;color:#fff!important;font:600 15px/1 var(--head-font)!important;text-decoration:none;box-shadow:none!important;transition:background .2s,color .2s,border-color .2s}
.bn-hero .bn-btn:hover,html body .bn-hero.bn-hero .Inter-Banner-text>a:hover{background:#83a7ad!important;border-color:#83a7ad!important;color:#fff!important}
.bn-hero .bn-btn-ghost{background:transparent!important;color:#527177!important}
.bn-hero .bn-btn-ghost:hover{background:#527177!important;border-color:#527177!important;color:#fff!important}

/* ----- picture column (slanted edge) ----- */
html body .internal_banner.bn-hero.bn-hero>img.web_banner{
  grid-column:2;grid-row:1;align-self:center;justify-self:stretch;display:block!important;width:auto!important;max-width:calc(100% - clamp(24px,7vw,130px))!important;height:auto!important;min-height:0!important;max-height:none;margin:34px clamp(24px,7vw,130px) 34px 0!important;border:6px solid #fff!important;border-radius:22px!important;
  object-fit:fill!important;clip-path:none;z-index:1;padding:0;-webkit-mask-image:none;mask-image:none;
  box-shadow:16px 16px 0 -2px rgba(131,167,173,.38),0 34px 60px -24px rgba(47,74,80,.55)}
html body .internal_banner.bn-hero.bn-hero>img.mobile_banner{display:none!important}
/* patient form + doctor: show the whole picture */
html body .bn-hero.bn-hero.bn-contain>img.web_banner{object-fit:contain!important;clip-path:none;padding:28px 40px 28px 8%;box-sizing:border-box}
html body .bn-hero.bn-hero.bn-portrait>img.web_banner{width:min(300px,70%)!important;height:auto!important;align-self:center;justify-self:center;padding:0;border-radius:18px!important;box-shadow:0 22px 44px -18px rgba(47,74,80,.55)}

/* ----- tablet + phone: text first, whole picture underneath ----- */
@media (max-width:991px){
  html body .internal_banner.bn-hero.bn-hero{display:flex!important;flex-direction:column;min-height:0}
  html body .internal_banner.bn-hero.bn-hero .Inter-Banner-text{order:1;width:100%!important;padding:28px 5% 26px!important}
  .bn-hero .bn-crumb{margin-bottom:16px;font-size:13px;padding:8px 14px}
  html body .bn-hero.bn-hero .Inter-Banner-text p.sub-text{font-size:15.5px!important;line-height:1.65!important;max-width:none}
  html body .internal_banner.bn-hero.bn-hero>img.web_banner{order:2;display:block!important;width:100%!important;height:auto!important;clip-path:none;object-position:center!important}
  html body .internal_banner.bn-hero.bn-hero>img.mobile_banner{display:none!important}
  html body .bn-hero.bn-hero.bn-contain>img.web_banner{padding:0 5% 28px;max-height:420px}
  html body .bn-hero.bn-hero.bn-portrait>img.web_banner{align-self:center;margin:0 auto 28px!important;width:min(300px,70%)!important;padding:0}
}
@media (max-width:480px){
  html body .internal_banner.bn-hero.bn-hero>img.web_banner{display:none!important}
  html body .internal_banner.bn-hero.bn-hero>img.mobile_banner{order:2;display:block!important;width:100%!important;height:auto!important;object-fit:fill!important;margin:0!important}
  html body .bn-hero.bn-hero.bn-contain>img.mobile_banner{padding:0 5% 24px;object-fit:contain!important;max-height:340px;width:100%!important}
  html body .bn-hero.bn-hero.bn-portrait>img.mobile_banner{width:min(260px,70%)!important;margin:0 auto 24px!important;padding:0;border-radius:18px;align-self:center}
  .bn-hero .bn-actions{width:100%}
  .bn-hero .bn-btn,html body .bn-hero.bn-hero .Inter-Banner-text>a{flex:1 1 100%}
}
html body .page-ifaq .if-facts{margin-top:34px!important}
html body .bn-hero.bn-hero .Inter-Banner-text h3{margin:0 0 10px!important;padding:0!important;font:600 14px/1.4 var(--head-font)!important;letter-spacing:.12em;text-transform:uppercase;color:#4e8f9c!important;text-align:left!important}
html body .bn-hero.bn-hero .Inter-Banner-text h3::before,html body .bn-hero.bn-hero .Inter-Banner-text h3::after{display:none!important}
html body.page-ifaq .if-facts{margin-top:34px!important}
html body .bn-hero.bn-hero + .statement-text{margin-top:0!important}
html body .bn-hero.bn-hero .bn-eyebrow{text-align:left!important;align-self:flex-start}
html body .bn-hero.bn-hero + :not(.if-facts){margin-top:0!important}

/* phone button in FAQ CTA */
html body .home-faq-side .home-faq-call{margin:12px 0 0!important}
html body .home-faq-side .home-faq-call a{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:12px 28px;border-radius:999px;border:2px solid #527177;background:transparent;color:#527177;font-family:var(--head-font);font-size:15px;font-weight:600;text-decoration:none;transition:.2s}
html body .home-faq-side .home-faq-call a:hover{background:#527177;color:#fff}
html body .home-faq-side .home-faq-call i{display:none}
html body .home-faq-side .home-faq-call a::before{content:"\f095";font-family:"Font Awesome 6 Free";font-weight:900;font-size:13px}

@media (max-width:991px){html body .internal_banner.bn-hero.bn-hero>img.web_banner{max-width:calc(100% - 48px)!important;max-height:none;margin:0 24px 30px!important;width:calc(100% - 48px)!important;border-width:5px!important;box-shadow:10px 10px 0 -2px rgba(131,167,173,.38),0 24px 40px -22px rgba(47,74,80,.5)}}
@media (max-width:480px){html body .internal_banner.bn-hero.bn-hero>img.mobile_banner{border:5px solid #fff!important;border-radius:18px!important;margin:0 20px 28px!important;width:calc(100% - 40px)!important;height:auto!important;max-height:none!important;box-shadow:8px 8px 0 -2px rgba(131,167,173,.38),0 20px 34px -20px rgba(47,74,80,.5)}}

/* v16: card (left accent) over the photo; photo drives banner height so it is never zoomed or hidden */
@media (min-width:992px){
html body .internal_banner.bn-hero.bn-hero:not(.bn-contain):not(.bn-portrait){position:relative;display:grid!important;grid-template-columns:minmax(0,1fr)!important;grid-template-rows:auto;min-height:0!important;overflow:hidden;align-items:center;background:#dfeaec!important;border-bottom:0!important}
html body .internal_banner.bn-hero.bn-hero:not(.bn-contain):not(.bn-portrait)::before{display:none!important}
html body .internal_banner.bn-hero.bn-hero:not(.bn-contain):not(.bn-portrait)>img.web_banner{position:relative!important;grid-column:1!important;grid-row:1!important;display:block!important;width:100%!important;max-width:none!important;height:100%!important;min-height:380px!important;margin:0!important;border:0!important;border-radius:0!important;box-shadow:none!important;object-fit:cover!important;z-index:0;padding:0;-webkit-mask-image:none;mask-image:none;clip-path:none}
html body .internal_banner.bn-hero.bn-hero:not(.bn-contain):not(.bn-portrait)>.Inter-Banner-text{position:relative!important;z-index:2;grid-column:1;grid-row:1;justify-self:start;align-self:center;width:min(450px,30%)!important;max-width:450px!important;box-sizing:border-box;margin:24px 0 24px clamp(20px,4vw,80px)!important;padding:22px 24px 24px!important;background:#fff!important;border-radius:24px!important;border-left:6px solid #83a7ad!important;box-shadow:0 26px 50px -26px rgba(47,74,80,.5)!important}
html body .internal_banner.bn-hero.bn-hero:not(.bn-contain):not(.bn-portrait)>.Inter-Banner-text::before{display:none!important}
html body .internal_banner.bn-hero.bn-hero.bn-flip:not(.bn-contain):not(.bn-portrait)>.Inter-Banner-text{justify-self:end;margin:24px clamp(20px,4vw,80px) 24px 0!important}
html body .bn-hero.bn-hero:not(.bn-contain):not(.bn-portrait) .bn-crumb,html body .bn-hero.bn-hero:not(.bn-contain):not(.bn-portrait) .bn-eyebrow{display:none!important}
html body .bn-hero.bn-hero:not(.bn-contain):not(.bn-portrait) .Inter-Banner-text h1{font:600 clamp(23px,1.9vw,32px)/1.18 var(--head-font)!important;color:#527177!important;margin:0 0 10px!important}
html body .bn-hero.bn-hero:not(.bn-contain):not(.bn-portrait) .Inter-Banner-text p.sub-text{font-size:14.5px!important;line-height:1.6!important;color:#3c403f!important;margin-bottom:14px!important;max-width:none}
html body .bn-hero.bn-hero:not(.bn-contain):not(.bn-portrait) .bn-btn{min-height:42px;padding:0 16px!important;font-size:13.5px;background:#83a7ad!important;border-color:#83a7ad!important;color:#fff!important}
html body .bn-hero.bn-hero:not(.bn-contain):not(.bn-portrait) .bn-btn.bn-btn-ghost{background:transparent!important;color:#527177!important;border-color:#83a7ad!important}
html body .bn-hero.bn-hero:not(.bn-contain):not(.bn-portrait) .bn-btn:hover{background:#527177!important;border-color:#527177!important;color:#fff!important}
}
@media (min-width:992px) and (max-width:1250px){
html body .internal_banner.bn-hero.bn-hero:not(.bn-contain):not(.bn-portrait)>.Inter-Banner-text{width:min(400px,34%)!important}
}

/* FAQ CTA: both buttons identical size, centred */
html body .home-faq-side .home-faq-cta,html body .home-faq-side .home-faq-call{text-align:center;margin:0!important}
html body .home-faq-side .home-faq-cta{margin-top:34px!important}
html body .home-faq-side .home-faq-call{margin-top:14px!important}
html body .home-faq-side .home-faq-cta .geo-qa-btn,html body .home-faq-side .home-faq-call a{display:inline-flex!important;align-items:center;justify-content:center;gap:8px;box-sizing:border-box;width:260px;max-width:100%;height:54px;padding:0 24px!important;border-radius:999px;border:2px solid #527177;font-family:var(--head-font);font-size:15px;font-weight:600;line-height:1;text-decoration:none;transition:.2s}
html body .home-faq-side .home-faq-call a{background:transparent;color:#527177;box-shadow:none}
html body .home-faq-side .home-faq-call a:hover{background:#527177;color:#fff}
html body .home-faq-side .home-faq-call i{display:none}
html body .home-faq-side .home-faq-call a::before{content:"\f095";font-family:"Font Awesome 6 Free";font-weight:900;font-size:13px}

/* banner: Book Appointment only (phone button hidden) */
html body .internal_banner.bn-hero.bn-hero:not(.bn-contain):not(.bn-portrait) .bn-btn-ghost{display:none!important}
html body .internal_banner.bn-hero.bn-hero:not(.bn-contain):not(.bn-portrait) .bn-actions{display:flex!important;margin-top:2px}

/* v22: no breadcrumb/eyebrow anywhere; phone & tablet use the same desktop photo + same card */
html body .bn-hero .bn-crumb,html body .bn-hero .bn-eyebrow{display:none!important}
@media (max-width:991px){
html body .internal_banner.bn-hero.bn-hero:not(.bn-contain):not(.bn-portrait){display:flex!important;flex-direction:column;position:relative;min-height:0!important;background:#dfeaec!important;border-bottom:0!important;overflow:hidden}
html body .internal_banner.bn-hero.bn-hero:not(.bn-contain):not(.bn-portrait)::before{display:none!important}
html body .internal_banner.bn-hero.bn-hero:not(.bn-contain):not(.bn-portrait)>img.web_banner{display:block!important;order:1!important;position:relative!important;width:100%!important;max-width:none!important;height:auto!important;min-height:0!important;object-fit:cover!important;margin:0!important;border:0!important;border-radius:0!important;box-shadow:none!important;padding:0;clip-path:none}
html body .internal_banner.bn-hero.bn-hero:not(.bn-contain):not(.bn-portrait)>img.mobile_banner{display:none!important}
html body .internal_banner.bn-hero.bn-hero:not(.bn-contain):not(.bn-portrait)>.Inter-Banner-text{order:2!important;position:relative!important;z-index:2;width:calc(100% - 32px)!important;max-width:none!important;box-sizing:border-box;margin:16px 16px 22px!important;padding:20px 20px 22px!important;background:#fff!important;border-radius:20px!important;border-left:6px solid #83a7ad!important;box-shadow:0 18px 36px -20px rgba(47,74,80,.5)!important;align-self:auto;justify-self:auto}
html body .internal_banner.bn-hero.bn-hero.bn-flip:not(.bn-contain):not(.bn-portrait)>.Inter-Banner-text{margin:16px 16px 22px!important;justify-self:auto}
html body .bn-hero.bn-hero:not(.bn-contain):not(.bn-portrait) .Inter-Banner-text h1{font:600 clamp(24px,6.4vw,32px)/1.18 var(--head-font)!important;color:#527177!important;margin:0 0 10px!important}
html body .bn-hero.bn-hero:not(.bn-contain):not(.bn-portrait) .Inter-Banner-text p.sub-text{font-size:14.5px!important;line-height:1.6!important;color:#3c403f!important;margin:0 0 14px!important}
html body .bn-hero.bn-hero:not(.bn-contain):not(.bn-portrait) .bn-btn{flex:0 0 auto;min-height:44px;padding:0 22px!important;font-size:14px}
}

/* v26: phones only – card first, compact mobile photo underneath */
@media (max-width:767px){
html body .internal_banner.bn-hero.bn-hero:not(.bn-contain):not(.bn-portrait)>img.web_banner{display:none!important}
html body .internal_banner.bn-hero.bn-hero:not(.bn-contain):not(.bn-portrait)>img.mobile_banner{display:block!important;order:2!important;position:relative!important;width:100%!important;max-width:none!important;height:210px!important;min-height:0!important;max-height:210px!important;object-fit:cover!important;object-position:center 85%!important;margin:0!important;border:0!important;border-radius:0!important;padding:0!important;box-shadow:none!important}
html body .internal_banner.bn-hero.bn-hero:not(.bn-contain):not(.bn-portrait)>.Inter-Banner-text,html body .internal_banner.bn-hero.bn-hero.bn-flip:not(.bn-contain):not(.bn-portrait)>.Inter-Banner-text{order:1!important;margin:14px 16px 14px!important}
}

/* v27: never crop banner photos – show the whole picture at its own ratio */
@media (max-width:767px){
html body .internal_banner.bn-hero.bn-hero:not(.bn-contain):not(.bn-portrait)>img.mobile_banner{height:auto!important;max-height:none!important;object-fit:fill!important}
}
@media (min-width:992px){
html body .internal_banner.bn-hero.bn-hero:not(.bn-contain):not(.bn-portrait)>img.web_banner{min-height:0!important}
}

/* v28: phones – use the wide banner photo (uncropped, no blank space) instead of the tall mobile one */
@media (max-width:767px){
html body .internal_banner.bn-hero.bn-hero:not(.bn-contain):not(.bn-portrait)>img.mobile_banner{display:none!important}
html body .internal_banner.bn-hero.bn-hero:not(.bn-contain):not(.bn-portrait)>img.web_banner{display:block!important;order:2!important;position:relative!important;width:100%!important;max-width:none!important;height:auto!important;min-height:0!important;max-height:none!important;object-fit:fill!important;margin:0!important;padding:0!important;border:0!important;border-radius:0!important;box-shadow:none!important}
}

/* v29: phones – taller photo (not a thin strip); crop only the empty sides, keep the subject */
@media (max-width:767px){
html body .internal_banner.bn-hero.bn-hero:not(.bn-contain):not(.bn-portrait)>img.web_banner{height:auto!important;aspect-ratio:4/3!important;object-fit:cover!important;object-position:78% 40%!important}
html body .internal_banner.bn-hero.bn-hero.bn-flip:not(.bn-contain):not(.bn-portrait)>img.web_banner{object-position:22% 40%!important}
}

/* v30: Areas We Serve pages – no banner photo, just the card on a soft brand background */
html body .internal_banner.bn-hero.bn-hero.bn-nophoto{display:flex!important;align-items:center!important;justify-content:center!important;min-height:0!important;padding:46px 20px!important;background:linear-gradient(135deg,#e6f0f2,#cfe0e3)!important}
html body .internal_banner.bn-hero.bn-hero.bn-nophoto>.Inter-Banner-text{position:relative!important;order:0!important;width:min(720px,100%)!important;max-width:720px!important;margin:0!important;justify-self:auto!important;text-align:left}
@media (max-width:767px){html body .internal_banner.bn-hero.bn-hero.bn-nophoto{padding:22px 0!important}html body .internal_banner.bn-hero.bn-hero.bn-nophoto>.Inter-Banner-text{width:calc(100% - 32px)!important;margin:0 16px!important}}
html body .internal_banner.bn-hero.bn-hero.bn-nophoto:not(.bn-contain):not(.bn-portrait){display:flex!important;justify-content:center!important;min-height:0!important;padding:46px 20px!important}
html body .internal_banner.bn-hero.bn-hero.bn-nophoto:not(.bn-contain):not(.bn-portrait)>.Inter-Banner-text{width:min(760px,100%)!important;max-width:760px!important;margin:0 auto!important;justify-self:center!important;text-align:center!important;border-left:0!important;border-top:6px solid #83a7ad!important}
html body .internal_banner.bn-hero.bn-hero.bn-nophoto:not(.bn-contain):not(.bn-portrait) .bn-actions{justify-content:center!important}
@media (max-width:767px){html body .internal_banner.bn-hero.bn-hero.bn-nophoto:not(.bn-contain):not(.bn-portrait){padding:22px 0!important}html body .internal_banner.bn-hero.bn-hero.bn-nophoto:not(.bn-contain):not(.bn-portrait)>.Inter-Banner-text{width:calc(100% - 32px)!important;margin:0 16px!important;text-align:left!important;border-top:0!important;border-left:6px solid #83a7ad!important}html body .internal_banner.bn-hero.bn-hero.bn-nophoto:not(.bn-contain):not(.bn-portrait) .bn-actions{justify-content:flex-start!important}}

/* v32: Areas We Serve banner – clean brand-teal band, no photo, no card */
html body .internal_banner.bn-hero.bn-hero.bn-nophoto:not(.bn-contain):not(.bn-portrait){display:block!important;padding:58px clamp(20px,6vw,110px) 62px!important;background:linear-gradient(120deg,#527177 0%,#6d8f95 55%,#83a7ad 100%)!important;position:relative!important;overflow:hidden!important}
html body .internal_banner.bn-hero.bn-hero.bn-nophoto:not(.bn-contain):not(.bn-portrait)::after{content:"";display:block!important;position:absolute;right:-90px;top:-90px;width:340px;height:340px;border-radius:50%;background:rgba(255,255,255,.08)}
html body .internal_banner.bn-hero.bn-hero.bn-nophoto:not(.bn-contain):not(.bn-portrait)>.Inter-Banner-text{position:relative!important;z-index:2!important;width:100%!important;max-width:780px!important;margin:0!important;padding:0!important;background:none!important;box-shadow:none!important;border:0!important;border-radius:0!important;text-align:left!important}
html body .internal_banner.bn-hero.bn-hero.bn-nophoto:not(.bn-contain):not(.bn-portrait) .heading{color:#fff!important;font-size:clamp(28px,3.4vw,46px)!important;line-height:1.15!important;margin:0 0 14px!important}
html body .internal_banner.bn-hero.bn-hero.bn-nophoto:not(.bn-contain):not(.bn-portrait) .sub-text{color:rgba(255,255,255,.92)!important;font-size:clamp(15px,1.3vw,18px)!important;line-height:1.65!important;margin:0 0 24px!important}
html body .internal_banner.bn-hero.bn-hero.bn-nophoto:not(.bn-contain):not(.bn-portrait) .bn-actions{justify-content:flex-start!important}
html body .internal_banner.bn-hero.bn-hero.bn-nophoto:not(.bn-contain):not(.bn-portrait) .bn-btn{background:#fff!important;color:#527177!important;border:2px solid #fff!important}
@media (max-width:767px){html body .internal_banner.bn-hero.bn-hero.bn-nophoto:not(.bn-contain):not(.bn-portrait){padding:34px 20px 38px!important}html body .internal_banner.bn-hero.bn-hero.bn-nophoto:not(.bn-contain):not(.bn-portrait)>.Inter-Banner-text{width:100%!important;margin:0!important;padding:0!important}}
html body .internal_banner.bn-hero.bn-hero.bn-nophoto:not(.bn-contain):not(.bn-portrait)>.Inter-Banner-text{left:0!important;right:auto!important;top:0!important;transform:none!important;translate:none!important;float:none!important}
html body .internal_banner.bn-hero.bn-hero.bn-nophoto:not(.bn-contain):not(.bn-portrait){display:flex!important;justify-content:flex-start!important;align-items:center!important;grid-template-columns:none!important}

/* v34: Areas We Serve banner – centred, with extra text */
html body .internal_banner.bn-hero.bn-hero.bn-nophoto:not(.bn-contain):not(.bn-portrait){justify-content:center!important;text-align:center!important}
html body .internal_banner.bn-hero.bn-hero.bn-nophoto:not(.bn-contain):not(.bn-portrait)>.Inter-Banner-text{margin:0 auto!important;max-width:860px!important;align-items:center!important;text-align:center!important}
html body .internal_banner.bn-hero.bn-hero.bn-nophoto:not(.bn-contain):not(.bn-portrait) .heading,html body .internal_banner.bn-hero.bn-hero.bn-nophoto:not(.bn-contain):not(.bn-portrait) .sub-text{text-align:center!important}
html body .internal_banner.bn-hero.bn-hero.bn-nophoto:not(.bn-contain):not(.bn-portrait) .sub-text{margin:0 auto 14px!important;max-width:780px}
html body .internal_banner.bn-hero.bn-hero.bn-nophoto:not(.bn-contain):not(.bn-portrait) .sub-text.bn-more{font-size:clamp(14px,1.1vw,16px)!important;opacity:.9;margin:0 auto 26px!important}
html body .internal_banner.bn-hero.bn-hero.bn-nophoto:not(.bn-contain):not(.bn-portrait) .bn-actions{justify-content:center!important}
@media (max-width:767px){html body .internal_banner.bn-hero.bn-hero.bn-nophoto:not(.bn-contain):not(.bn-portrait)>.Inter-Banner-text{width:100%!important}}

/* contact form messages */
.contact-form .form-errors{margin:4px 0 14px;padding:12px 16px;border-radius:12px;font:600 14.5px/1.5 var(--sub-font,'Open Sans',sans-serif)}
.contact-form .form-errors.alert-success{background:#e4f3ea;color:#256b43}
.contact-form .form-errors.alert-danger{background:#fdeaea;color:#a12b2b}
.contact-form .cf-bad{border-color:#d64545!important}
.contact-form .cf-msg{display:block;margin:-6px 0 10px 6px;color:#c0392b;font:600 12.5px/1.4 var(--sub-font,'Open Sans',sans-serif)}
.contact-form input[type=submit]:disabled{opacity:.7;cursor:wait}