@charset "utf-8";
/* CSS Document */

.braces-wrapp, .smileg-wrapp, .comparison-wrapp, .providers-wrapp, .reason-wrapp, .fix-wrapp, .cost-wrapp, .scan-wrapp, .faqs-wrapp { width:100%; float:left;}

.braces-wrapp p, .smileg-wrapp p, .comparison-wrapp p, .providers-wrapp p, .reason-wrapp p, .fix-wrapp p, .cost-wrapp p, .scan-wrapp p, .faqs-wrapp p { font-size:16px; font-weight:400; color:#1c1c1c; line-height:1.75; margin:0 0 22px;}



.braces-wrapp p a,
.smileg-wrapp p a,
.inner-wrapp p a,
.comparison-wrapp p a, 
.providers-wrapp p a,
.reason-wrapp p a, 
.fix-wrapp p a, 
.cost-wrapp p a,
.scan-wrapp p a,
.faqs-wrapp p a { color:#355e87;}


.braces-wrapp p a:hover,
.smileg-wrapp p a:hover,
.inner-wrapp p a:hover,
.comparison-wrapp p a:hover, 
.providers-wrapp p a:hover,
.reason-wrapp p a:hover, 
.fix-wrapp p a:hover, 
.cost-wrapp p a:hover,
.scan-wrapp p a:hover,
.faqs-wrapp p a:hover { color:#1c1c1c;}


.braces-wrapp p span, .smileg-wrapp p span, .comparison-wrapp p span, .providers-wrapp p span, .reason-wrapp p span, .fix-wrapp p span, .cost-wrapp p span, .scan-wrapp p span, .faqs-wrapp p span { display:block;}
.braces-wrapp p strong, .smileg-wrapp p strong, .comparison-wrapp p strong, .providers-wrapp p strong, .reason-wrapp p strong, .fix-wrapp p strong, .cost-wrapp p strong, .scan-wrapp p strong, .faqs-wrapp p strong { font-weight:700;}

.braces-wrapp h2, .braces-wrapp h3, .smileg-wrapp h2, .comparison-wrapp h2, .reason-wrapp h2, .providers-wrapp h2, .fix-wrapp h2, .cost-wrapp h2, .faqs-wrapp h2, .scan-wrapp h2 { float:none; font-size:45px; font-weight:400; color:#54534a; letter-spacing:normal; line-height:1; margin:0 0 18px; font-family: 'night-mango-regular-font';}
.braces-wrapp h2 a, .braces-wrapp h3 a, .smileg-wrapp h2 a, .comparison-wrapp h2 a, .reason-wrapp h2 a, .providers-wrapp h2 a, .fix-wrapp h2 a, .cost-wrapp h2 a, .faqs-wrapp h2 a, .scan-wrapp h2 a { color:#54534a;}
.braces-wrapp h2 span, .braces-wrapp h3 span, .smileg-wrapp h2 span, .comparison-wrapp h2 span, .reason-wrapp h2 span, .providers-wrapp h2 span, .fix-wrapp h2 span, .cost-wrapp h2 span, .faqs-wrapp h2 span, .scan-wrapp h2 span { display:block; font-family: 'night-mango-regular-font';}

.braces-wrapp h2 em, .braces-wrapp h3 em, .smileg-wrapp h2 em, .comparison-wrapp h2 em, .reason-wrapp h2 em, .providers-wrapp h2 em, .fix-wrapp h2 em, .cost-wrapp h2 em, .faqs-wrapp h2 em, .scan-wrapp h2 em { font-family: 'night-mango-italic-font';}

/*braces-wrapp*/
.braces-wrapp { position:relative; padding:119px 0 42px; text-align:center;}
.braces-wrapp h2 { margin:0 0 32px;}
.braces-wrapp h2 span { display:block;}
.braces-wrapp h3 { font-size:24px; color:#54534a; line-height:1.5; margin:0 0 10px; font-family: 'night-mango-regular-font';}
.braces-wrapp h3 span { display:54534a; font-family: 'night-mango-regular-font';}
.braces-wrapp .braces-row1 { width:64.5%; margin:0 auto 110px;}
.braces-wrapp .braces-row2 { width:100%; float:left; margin:0 0 53px; text-align:left; position:relative;}
.braces-wrapp .braces-row2 img { width:100%; display:block;}
.braces-wrapp .braces-row3 { width:100%; float:left;}
.braces-wrapp .braces-row2 .braces-col1 { width:50%; float:left; position:relative;}
.braces-wrapp .braces-row2 .braces-col1 .braces-thumb { width:100%; float:left; background:#fff;}
.braces-wrapp .braces-row2 .braces-col1 .braces-conten { width:37%; float:left; position:absolute; bottom:11%; left:10%;}
.braces-wrapp .braces-row2 .braces-col1 .braces-bar1 { width:100%; float:left; padding:0 0 0 7px;}
.braces-wrapp .braces-row2 .braces-col1 .braces-bar1 li { font-size:16px; font-weight:500; color:#1c1c1c; line-height:1.5; display:block; position:relative;}
.braces-wrapp .braces-row2 .braces-col1 .braces-bar1 li:before { content:""; width:3px; height:3px; border-radius:50%; background:#1c1c1c; float:left; margin:10px 8px 0 -7px; position:relative; top:0; left:0;}
.braces-wrapp .braces-row2 .braces-col1:last-child .braces-conten { right:5.5%; left:inherit;}
.braces-wrapp .braces-row2 .braces-col1:last-child:after { content:""; width:2px; height:100%; background:#fff; position:absolute; left:-1px; top:0;}
.braces-wrapp .braces-row2 .vs-box { width:66px; height:66px; position:absolute; top:50%; transform:translateY(-50%); left:0; right:0; background:#355e87; border:solid 2px #ffffff; border-radius:50%; margin:0 auto;}
.braces-wrapp .braces-row2 .vs-box span { float:none; font-size:24px; font-weight:400; color:#ffffff; letter-spacing:normal; position:absolute; top:50%; transform:translateY(-50%); left:0; right:0; margin:0 auto; text-align:center; font-family: 'night-mango-regular-font';}
.braces-wrapp .braces-row4 { width:100%; display:inline-block; max-width:74%; float:none; margin:0 auto 0;}
.braces-wrapp .load-btn1 { margin:20px 0 0;}

/*smileg-wrapp*/
.smileg-wrapp { padding:22px 0 32px;}
.smileg-wrapp h2 { margin:0 0 34px; text-align:center;}
.smileg-wrapp h2 span { display:block;}
.smileg-wrapp h4 { width:auto; position:absolute; top:0; left:0; right:0; margin:0 auto; font-size:16px; color:#fff; text-align:center; padding:30px 0;}
.smileg-wrapp h4 a { color:#fff;}
.smileg-wrapp h4 span { display:block;}
.smileg-wrapp .smileg-row1 { width:100%; float:left;}
.smileg-wrapp .smileg-row1 .smileg-col1 { width:99.4%; float:left; position:relative;}
.smileg-wrapp .smileg-row1 .smileg-col1 img { width:100%; display:block;}
.smileg-wrapp .smileg-row1 .smileg-col1 .smileg-thumb { width:100%; float:left;}
.smileg-wrapp .smileg-row1 .smileg-col1 .lt { width:40%; float:left;}
.smileg-wrapp .smileg-row1 .smileg-col1 .rt { width:40%; float:right;}

/*comparison-wrapp*/
.comparison-wrapp { padding:32px 0 98px; text-align:center;}
.comparison-wrapp h2 { margin:0 0 55px; text-align:center;}
.comparison-wrapp h2 span { display:block;}
.comparison-wrapp h3 { font-size:16px; font-weight:600; color:#090909; line-height:1.69; margin:0 0 0; font-family: "Urbanist", sans-serif;}
.comparison-wrapp h3 a { color:#090909; font-family: "Urbanist", sans-serif;}
.comparison-wrapp h3 span { display:block;}
.comparison-wrapp h4 { font-size:16px; font-weight:500; line-height:1.38; color:#ffffff; margin:0 0 0;}
.comparison-wrapp h4 a { color:#ffffff;}
.comparison-wrapp h4 span { display:block;}
.comparison-wrapp .comparison-row1 { width:100%; float:left; margin:0 0 30px;}
.comparison-wrapp .comparison-row1 img { width:100%; display:block;}
.comparison-wrapp .comparison-row1 .comparison-row2 { width:100%; float:left; margin:0 0 0.34% 0;}
.comparison-wrapp .comparison-row1 .comparison-row2:last-child { margin-bottom:0;}
.comparison-wrapp .comparison-row1 .comparison-col1 { width:29.79%; float:left; margin:0 0.4% 0 0; min-height:99px; display:table;}
.comparison-wrapp .comparison-row1 .comparison-col1 .conten1 { width:100%; display:table-cell; vertical-align:middle; padding:0 8% 0; text-align:left;}
.comparison-wrapp .comparison-row1 .comparison-col2 { width:23.07%; float:left; margin:0 0.3% 0 0; min-height:99px; display:table;}
.comparison-wrapp .comparison-row1 .comparison-col2:last-child { margin:0;}
.comparison-wrapp .comparison-row1 .comparison-col2 .conten1 { width:100%; display:table-cell; vertical-align:middle; text-align:center;}
.comparison-wrapp .comparison-row1 .comparison-col2 .invisalign-logo { width:160px; margin:0 auto; background:#54534a; display:table-cell; vertical-align:middle;}
.comparison-wrapp .comparison-row1 .comparison-col2 .invisalign-logo .logo-col1 { width:135px; margin:0 auto;}
.comparison-wrapp .comparison-row1 .comparison-col2 .check-icon { width:160px; margin:0 auto; display:table-cell; vertical-align:middle;}
.comparison-wrapp .comparison-row1 .comparison-col2 .check-icon .check-col1 { width:30px; margin:0 auto;}
.comparison-wrapp .comparison-row3 { width:100%; float:left; margin:60px 0 0;}
.comparison-wrapp .comparison-row3 img { width:100%; display:block;}
.comparison-wrapp .comparison-row3 iframe { width:100%; height:652px; display:block;}
.color1 { background:#ffffff;}
.color2 { background:#355e87;}

/*reason-wrapp*/
.reason-wrapp { padding:83px 0 99px; background:url(../images/invisalign/reasons-bg.jpg) no-repeat center / cover; text-align:center;}
.reason-wrapp h2 { color:#ffffff; margin:0 0 27px; text-align:center;}
.reason-wrapp h2 span { display:block;}
.reason-wrapp p { color:#ffffff; margin:0 0 0;}
.reason-wrapp p a { color:#fff;}
.reason-wrapp p span { display:block;}
.reason-wrapp .reason-row1 { width:100%; float:left; margin:31px 0 30px;display: flex;flex-wrap: wrap;justify-content: center;}
.reason-wrapp .reason-row1 img { width:100%; display:block;}
.reason-wrapp .reason-row1 .reason-col1 { width:32%; float:left; min-height:204px; margin:0 0 0; padding:0 2%;}
.reason-wrapp .reason-row1 .reason-col1 .reason-icon { width:22%; display:inline-block; margin:0 0 22px;} 

/*fix-wrapp*/
.fix-wrapp { text-align:center; padding:83px 0 48px;}
.fix-wrapp h2 { margin:0 0 25px; text-align:center;}
.fix-wrapp h2 span { display:block;}
.fix-wrapp h3 { float:none; font-size:24px; font-weight:400; color:#54534a; letter-spacing:normal; line-height:1.5; margin:0 0 12px; font-family: 'night-mango-regular-font';}
.fix-wrapp h3 a { color:#54534a;}
.fix-wrapp h3 span { display:block; font-family: 'night-mango-regular-font';}
.fix-wrapp p { line-height:1.5; margin:0 0 16px;}
.fix-wrapp p span { display:block;}
.fix-wrapp p strong { font-weight:700;}
.fix-wrapp .fix-row1 { width:100%; float:left; margin:30px 0 0; display: flex; flex-wrap: wrap; justify-content: center;}

.fix-wrapp .fix-row1 img { width:100%; display:block;}
.fix-wrapp .fix-row1 .fix-col1 { width:28.2%; float:left; margin:0 7.7% 37px 0;}
.fix-wrapp .fix-row1 .fix-col1 .fix-thumb { width:86%; display:inline-block;}
.fix-wrapp .fix-row1 .fix-col1 .fix-conten { width:100%; float:left; padding:28px 0 0; min-height:237px;}

.fix-thumb .video-box { position:relative; float:left; margin-bottom:10px;}
.video-container { position:relative; width:100%;}
.video-container video { width:100%; max-width:100%}
.video-box .video-container .video-progress-container {    position: relative;
    bottom: -10px;
    font-size: 16px;
    display: flex;
    align-items: center;
    width: 100%;
    justify-content: center;
}
.video-box .video-container .video-progress-container .video-progress-left, .video-box .video-container .video-progress-container .video-progress-right {padding-left: 15px;
    padding-right: 15px;}
	
/*cost-wrapp*/
.cost-wrapp { text-align:center; padding:35px 0 0.64%;}
.cost-wrapp h2 { margin:0 0 45px; text-align:center;}
.cost-wrapp h3 { font-size:24px; line-height:1.33; color:#ffffff; font-weight:400; margin:0 0 20px; font-family: 'night-mango-regular-font';}
.cost-wrapp h3 a { color:#ffffff;}
.cost-wrapp h3 span { display:block; font-family: 'night-mango-regular-font';}
.cost-wrapp h4 { font-size:24px; line-height:1.33; color:#ffffff; font-weight:400; width:100%; background:#355e87; padding:24px 0; display:block; margin:0 0 25px; font-family: 'night-mango-regular-font';}
.cost-wrapp h4 a { color:#ffffff;}
.cost-wrapp h4 span { display:block; font-family: 'night-mango-regular-font';}
.cost-wrapp h5 { font-size:20px; line-height:1.69; color:#1c1c1c; font-weight:400; margin:0 0 26px;}
.cost-wrapp h5 a { color:#1c1c1c;}
.cost-wrapp h5 span { font-size:32px; color:#355e87; position:relative; font-weight:700; top:9px; display:inline;}
.cost-wrapp p { color:#ffffff; margin:0 auto 24px; max-width:249px;}
.cost-wrapp p span { display:block;}
.cost-wrapp p strong { font-weight:700;}
.cost-wrapp .cost-row1 { width:100%; float:left; margin:0 0 0; position:relative; display: flex; flex-wrap: wrap; }
.cost-wrapp .cost-row1 img { width:100%; display:block;}
.cost-wrapp .cost-row1 .cost-col1 { width:24.52%; float:left; margin:0 0.64% 0 0; min-height:437px; background:#355e87; position:relative; padding:45px 2% 90px;}
.cost-wrapp .cost-row1 .cost-col2 { width:24.52%; float:left; margin:0 0.64% 0 0; min-height:437px; background:#f2faff; position:relative; padding:0 0 90px;}
.cost-wrapp .cost-row1 .cost-col2:last-child { margin:0;}
.cost-wrapp .cost-row1 .cost-row2 { width:100%; float:left; padding:0 10% 0; text-align:left;}
.cost-wrapp .cost-row1 .cost-bar1 { width:100%; float:left; margin:0 0 22px;}
.cost-wrapp .cost-row1 .cost-bar1 li { font-size:16px; font-weight:400; color:#000000; line-height:2.06; display:block;position: relative;padding-left: 30px;}
.cost-wrapp .cost-row1 .cost-bar1 li:before {  content:""; width:18px; height:18px; border-radius:50%; background:url(../images/invisalign/checkicon.svg) no-repeat center / cover; float:none; display:inline-block; margin:0 10px 0 0; position: absolute;top: 7px;left: 0;
}
.cost-wrapp .cost-row1 .cost-col3 { width:49.68%; float:right; height:100%; background:url(../images/invisalign/cost-thumb2.jpg) no-repeat top center / cover; position:absolute; top:0; right:0;}
.cost-wrapp .cost-btn1 { width:173px; position:absolute; bottom:40px; left:0; right:0; margin:0 auto; white-space: nowrap;}

/*scan-wrapp*/
.scan-wrapp { background:url(../images/invisalign/scan-bg1.jpg) no-repeat top center / cover; padding:83px 0 0; position:relative;}
.scan-wrapp h2 { font-size:38px; color:#ffffff; margin:0 0 16px;}
.scan-wrapp p { color:#ffffff; margin:0 0 24px;}
.scan-wrapp p a { color:#ffffff;}
.scan-wrapp p span { display:block;}
.scan-wrapp p strong { font-weight:700;}
.scan-wrapp .scan-row1 { width:100%; float:left; margin:0 0 0; position:relative;}
.scan-wrapp .scan-row1 img { width:100%; display:block;}
.scan-wrapp .scan-row1 .scan-col1 { width:39.3%; float:left; position:absolute; bottom:0; left:0;}
.scan-wrapp .scan-row1 .scan-col3 { width:29.6%; float:left; position:absolute; right:-36.2%; bottom:28%;}
.scan-wrapp .scan-row2 { width:41%; float:right; margin:0 0 84px;}
.scan-wrapp .scan-row2 .scan-col2 { width:305px; float:left; margin:17px 0 0; position:relative;}
.scan-wrapp .scan-row2 .scan-col2 img { width:100%; display:block;}
.scan-wrapp .scan-row2 .scan-col2 video { width:100%; display:block;}
.scan-wrapp .scan-row2 .scan-col2 .video-img { width:100%; height:0; float:left; overflow:hidden; padding:0 0 100%; position:relative;}
.scan-wrapp .scan-row2 .scan-col2 .video-img video { width:100%; height:100%; position:absolute; top:0; right:0; left:0;}
.scan-wrapp .scan-row2 .scan-col2 .video-button { width:100%; position:absolute; top:50%; transform:translateY(-50%); left:0; right:0; margin:0 auto; text-align:center;}

/*faqs-wrapp*/
.faqs-wrapp { text-align:center; padding:90px 0 77px; border-bottom:1px solid rgba(0, 0, 0, 0.05);}
.faqs-wrapp p { margin:0 0 22px; line-height:1.5;}
.faqs-wrapp p span { display:block;}
.faqs-wrapp p strong { font-weight:700;}
.faqs-wrapp h2 { margin:0 0 35px;}
.faqs-wrapp h3 { font-size:16px; font-weight:700; color:#355e87; letter-spacing:normal; line-height:1.5; font-family: "Urbanist", sans-serif;}
.faqs-wrapp h3 a { color:#355e87;}
.faqs-wrapp h3 span { display:inline; font-family: "Urbanist", sans-serif;}
.faqs-wrapp h4 { font-size:16px; font-weight:700; color:#1c1c1c; letter-spacing:normal; line-height:1;}
.faqs-wrapp h4 a { color:#1c1c1c;}
.faqs-wrapp h4 span { display:inline;}
.faqs-wrapp .margin { max-width:1053px;}
.faqs-wrapp .faqs-col1 { width:100%; float:left; margin:0 0 0; text-align:left;}
.faqs-wrapp .faqs-col1 img { width:100%; display:block;}
.faqs-wrapp .faqs-col1 .faqs-row1 { width:100%; float:left;}
.faqs-wrapp .faqs-col1 .faqs-row1:last-child { margin-bottom:0;}
.faqs-wrapp .load-btn1 { margin:20px 0 0;}

/*link-box*/
.link-box { width:236px; float:left; background:#355e87; padding:26px 1.4%; position:absolute; top:100px; left:0; z-index:9;}
.link-box .link-row1 { width:100%; float:left;}
.link-box .link-row1 .link-col1 { width:100%; float:left;}
.link-box .link-row1 .link-col1 li { width:100%; display:block; border-bottom:1px solid #ffffff; padding:3px 0 3px; margin:0 0 0;}
.link-box .link-row1 .link-col1 li:last-child { border:none;}
.link-box .link-row1 .link-col1 li a:hover { color:#000000;}
.link-col1 li, .link-col1 li a { font-size:15px; font-weight:400; color:#ffffff; letter-spacing:normal; line-height:2.13;}

.item-content .comparison-col1 { width:100%;  margin:0 0.16% 0 0; display:table; color:#fff}
.item-content .comparison-col1 .conten1 { width:100%; display:table-cell; vertical-align:middle; padding:20px 10px 20px 20px; text-align:center;}
.item-content .comparison-col2 { width:100%;  padding:10px 10px 10px 20px; display:table;}
.item-content .comparison-col2:last-child { margin:0;}
.item-content .comparison-col2 .conten1 { width:100%; display:table-cell; vertical-align:middle; text-align:center;}
.item-content .comparison-col2 .invisalign-logo { width:160px; margin:0 auto; display:table-cell; vertical-align:middle;}
.item-content .comparison-col2 .invisalign-logo .logo-col1 { width:160px; margin:0 auto;}
.item-content .comparison-col2 .check-icon {  margin:0 auto; display:table-cell; vertical-align:middle;}
.item-content .comparison-col2 .check-icon .check-col1 { width:32px; margin:0 auto;}
.item-content .comparison-row3 { width:100%; float:left; margin:47px 0 0;}
.item-content .comparison-row3 img { width:100%; display:block;}
.item-content .comparison-btn1 { float:none; color:#ffffff; background:#355e87; border-color:#355e87; margin:0 9px 0; padding:12px 30px 12px 30px;}
.item-content .comparison-btn1:hover { color:#355e87; background:#ffffff; border-color:#355e87;}

.tabbed-content .tabs ul li a { float:none; color:#ffffff; background:#355e87; border:1px solid #355e87; margin:0 9px 0; padding:13px 23px 13.5px; margin-bottom:15px}
.tabbed-content .tabs ul li a:hover { color:#355e87; background:#ffffff; border-color:#355e87;}
.tabbed-content .tabs ul li a:hover, .tabbed-content .tabs ul li a.active { background:none; border:1px solid #355e87; color: #355e87; }

.braces-btn1, .braces-btn2, .tabs ul li a, .cost-btn1 { text-align:center; font-size:var(--btn-size); font-weight:var(--btn-weight); letter-spacing:var(--btn-letter-spacing); line-height:var(--btn-line-height); text-transform:var(--btn-text-transform); border:2px solid; border-radius:65px; transition:all 0.25s ease-out 0s; display:inline-block; padding:var(--btn-padding); position:var(--btn-position);}

.braces-btn1, .braces-btn2 { float:none; margin:12px 0 0 0;}

.braces-btn1 { float:none; color:var(--white); background:var(--pelagic); border-color:var(--pelagic); margin:12px 0 0 0; cursor: pointer;}
.braces-btn1:hover { color:var(--eerie-black); background:none; border-color:var(--pelagic);}
.braces-btn2 { float:none; color:var(--pelagic); background:var(--white); border-color:var(--white); margin:12px 0 0 0;}
.braces-btn2:hover { color:var(--white); background:none; border-color:var(--white);}







.smileg-wrapp .smileg-row1 .non-slider {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 0.3%;
}
.smileg-wrapp .smileg-row1 .non-slider .smileg-col1 {
    width: 24.75%;
}
.smileg-wrapp .smileg-row1 .owl-stage {
    display: flex;
    flex-wrap: wrap;
}
.smileg-wrapp .smileg-row1 .owl-stage .owl-item {
    height: inherit;
}
.smileg-wrapp .smileg-row1 .owl-stage .owl-item > div {
    height: 100%;
}
.smileg-wrapp .smileg-row1 .smileg-col1 {
    height: inherit;
}
.smileg-wrapp .smileg-row1 .smileg-col1 .before-smile, .smileg-wrapp .smileg-row1 .smileg-col1 .after-smile {
    height: 50%;
    position: relative;
}
.smileg-wrapp .smileg-row1:has(.imagefromcases) .smileg-col1 {
    aspect-ratio: 16 /14.8;
    overflow: hidden;
}
.smileg-wrapp .before {
    position: absolute;
    overflow: hidden;
    width: 100%;
    height: 100%;
    left: 0%;
    padding: 18px;
    top: 0%;
    transition: all 0.5s ease-in-out;
    opacity: 0;
    color: #ffffff;
    font-size: 16px;
        font-family: "Urbanist", sans-serif;
        font-weight: 500;
}
.smileg-wrapp .smileg-col1.imagefromcases .before-smile:hover .before {
    opacity: 1;
}
.smileg-wrapp .after {
    position: absolute;
    overflow: hidden;
    width: 100%;
    right: 0%;
    padding: 18px;
    bottom: 0%;
    transition: all 0.5s ease-in-out;
    text-align: right;
    opacity: 0;
    height: 55px;
    color: #ffffff;
    left: 0;
    font-size: 16px;
        font-family: "Urbanist", sans-serif;
                font-weight: 500;

}
.smileg-wrapp .smileg-col1.imagefromcases .after-smile:hover .after {
    opacity: 1;
}
.smileg-wrapp .smileg-col1.imagefromcases
{
    background: #355e87;
}
.smileg-wrapp .smileg-col1.imagefromcases .before-smile:hover img,
.smileg-wrapp .smileg-col1.imagefromcases .after-smile:hover img
 {
  mix-blend-mode: multiply;
}
.smileg-wrapp .smileg-row1 .smileg-col1 .before-smile img,
 .smileg-wrapp .smileg-row1 .smileg-col1 .after-smile img {
    height: 100%;
    object-fit: cover;
}






.smileg-wrapp .smileg-row1.desk {display: block;}
.smileg-wrapp .smileg-row1.mob {display: none;}


.providers-wrapp {text-align: center; background: url(../images/invisalign/providers-bg1.png) no-repeat center / cover; padding: 100px 0 98px;}
.providers-wrapp .providers-col1 {width: 142px; float: none; margin: 0 auto;}
.providers-wrapp h2 {margin: 0 0 30px; text-align: center;}
.providers-wrapp .providers-col1 img {width: 100%; display: block;}



.scan-wrapp .scan-row1 .scan-col3 {
    width: 36.6%;
    right: -77.2%;
    bottom: 51%;
}

.scan-wrapp .scan-row1 .scan-col1 {
    width: 26.3%;
}

.cost-wrapp h3 sup,
.cost-wrapp h4 sup,
.cost-wrapp h2 sup,
.fix-wrapp h2 sup,
.reason-wrapp h2 sup,
.comparison-wrapp h2 sup,
.braces-wrapp h3 sup,
.braces-wrapp h2 sup {
    font-family: 'night-mango-regular-font';

}



.fix-wrapp p:last-child{margin-bottom: 0;}


.invisalign_faq.faqs-wrapp h3 {
    margin-bottom: 0;
}



.fix-wrapp .fix-row1 .fix-col1:last-child{margin-right: 0;}







.smileg-wrapp .owl-dots {
    width: 100%;
    text-align: center;
    display: block;
    margin: 0 0 0;
    position: absolute;
    right: 0;
    bottom: 0px;
    left: 0;
}

.smileg-wrapp .owl-dots .owl-dot {
    width: 12px;
    height: 2px;
    cursor: pointer;
    vertical-align: middle;
    display: inline-block;
    margin: 0 1px 0;
    position: relative;
}

.smileg-wrapp .owl-dots .owl-dot span {
    width: 12px;
    height: 2px;
    font-size: 0;
    line-height: 0;
    display: block;
    cursor: pointer;
    color: transparent;
    border: 0;
    outline: none;
    background: transparent;
    padding: 4.5px;
}

.smileg-wrapp .owl-dots .owl-dot span:hover,
.smileg-wrapp .owl-dots .owl-dot span:focus {
    outline: none;
}

.smileg-wrapp .owl-dots.owl-dot:hover span:before
{
     background: #000000;
     color: black;
}

.smileg-wrapp .owl-dots .owl-dot span:before {
    content: '•';
    width: 12px;
    height: 2px;
    text-align: center;
    color: black;
    background: rgba(28,28,28,0.5);
    border-radius: 0;
    transition: all 0.25s ease-out 0s;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    position: absolute;
    top: 0;
    left: 0;
}

.smileg-wrapp .owl-dots .owl-dot.active span:before {
    color: #000000;
    background: #000000;
}


.smileg-wrapp .owl-dots .owl-dot:hover span:before {
     background: #000000;
}



.smileg-wrapp:has(.owl-dots) .smileg-row1 .owl-stage {
    padding-bottom: 40px;
}


.braces-wrapp .common-style li {padding: 0;font-size: 16px;}
.braces-wrapp .common-style li::before {position: relative;left: 0;}
.braces-wrapp .common-style ul li::before {display: inline-block;margin-right: 6px;top: -3px;}
.braces-wrapp .common-style ol li::before {margin-right: 4px;}



.braces-wrapp .common-style ul:last-child,
.braces-wrapp .common-style ol:last-child
{margin-bottom: 20px;}


.comparison-wrapp .braces-btn1.loadcover  {
    margin-top: 30px;
}



/*Smartphone css*/
@media screen and (max-width: 480px) {
.braces-wrapp .braces-row1 { width:100%; margin:0 auto 50px;}
.braces-wrapp { padding:50px 0 14px;}
.braces-wrapp h3 { font-size:20px; margin:0 0 6px;}
.braces-wrapp h3 span { display:contents;}
.link-box { position:relative; width:90%; margin:0 5% 45px; border-radius:10px; top:inherit;}
.braces-wrapp .braces-row2 .braces-col1 { width:100%; background:#fff;}
.braces-wrapp .braces-row2 .braces-col1 .braces-conten { left:10%;}
.braces-wrapp .braces-row2 .braces-col1:last-child .braces-conten { right:5%;}
.braces-wrapp .braces-row2 .vs-box { width:50px; height:50px;}
.braces-wrapp .braces-row2 .vs-box span { font-size:15px;}
.braces-wrapp .braces-row2 .braces-col1 .braces-bar1 li { font-size:14px; line-height:1.72;}
.braces-wrapp .braces-row2 .braces-col1 .braces-conten { width:61%;}
.braces-wrapp .braces-row2 .braces-col1 .braces-thumb img { opacity:0.4;}
.braces-wrapp .braces-row4 { max-width:100%;}

.smileg-wrapp { padding-bottom: 40px;}

.braces-wrapp h2, .smileg-wrapp h2, .comparison-wrapp h2, .reason-wrapp h2, .providers-wrapp h2, .fix-wrapp h2, .cost-wrapp h2, .faqs-wrapp h2, .scan-wrapp h2 { font-size:28px;}
.braces-wrapp h2 span, .braces-wrapp h3 span, .vs-box span, .reason-wrapp h2 span, .fix-wrapp h3 span, .cost-wrapp h2 span, .cost-wrapp h4 span, .comparison-wrapp h2 span { display:inline;}
.braces-wrapp p, .smileg-wrapp p, .comparison-wrapp p, .providers-wrapp p, .reason-wrapp p, .fix-wrapp p, .cost-wrapp p, .scan-wrapp p, .faqs-wrapp p { font-size:15px;}
.braces-wrapp p span, .smileg-wrapp p span, .comparison-wrapp p span, .providers-wrapp p span, .reason-wrapp p span, .fix-wrapp p span, .cost-wrapp p span, .scan-wrapp p span, .faqs-wrapp p span { display:inline;}

.comparison-wrapp { padding:0 0 50px;}
.comparison-wrapp h2 { margin:0 0 30px;}
.comparison-wrapp h4 { font-size:14px;}
.comparison-wrapp .comparison-row1 { display:none; overflow-x:auto;}
.comparison-wrapp .comparison-row1 .comparison-row2 { width:1200px; margin:0 0 2px;}
.comparison-wrapp .comparison-btn1 { margin:16px 9px 0;}
.comparison-wrapp .comparison-row1 .comparison-col1 .conten1 { padding: 0 5%;}
.comparison-wrapp .braces-btn1 { margin:20px 3px 0;}

.smileg-wrapp h2 { margin:0 0 24px;}

.reason-wrapp { padding:50px 0 50px;}
.reason-wrapp h2 span { display:contents;}
.reason-wrapp p span { display:contents;}
.reason-wrapp .reason-row1 .reason-col1 { width:100%; min-height:inherit; margin:0 0 25px;}
.reason-wrapp .reason-row1 .reason-col1 .reason-icon { margin:0 0 12px;}
.reason-wrapp .braces-btn1 { margin:20px 3px 0;}

.fix-wrapp .fix-row1 { margin:0;}
.fix-wrapp .fix-row1 .fix-col1 .fix-thumb { width:66%;}
.fix-wrapp .fix-row1 .fix-col1 .fix-conten { padding:20px 0 0;}
.fix-wrapp .fix-row1 .fix-col1 { width:100%; margin:0 0 29px;}
.fix-wrapp .fix-row1 .fix-col1:last-child { margin:0 0 20px;}
.fix-wrapp .fix-btn1 { margin:9px 5px 0;}
.fix-wrapp .fix-row1 .fix-col1 .fix-conten { min-height:inherit;}
.fix-wrapp .braces-btn1 { margin:20px 3px 0;}

.cost-wrapp p { max-width:inherit;}
.cost-wrapp h2 { margin:0 0 30px; padding:0 5%;}
.cost-wrapp .cost-row1 .cost-col1 { width:100%; margin:0 0 5px; padding:45px 5% 20px; min-height:inherit;}
.cost-wrapp .cost-row1 .cost-col2 { width:100%; margin:0 0 5px; min-height:inherit; padding:0 0 20px;}
.cost-wrapp .cost-row1 .cost-col3 { width:100%; padding:0 0 100%; position:relative; top:inherit;}
.cost-wrapp .cost-btn1 { width:161px; position:relative; bottom:inherit; margin:12px 0 30px; padding:16px 32px; text-align:center;}

.scan-wrapp { text-align:center; padding:50px 0 0;}
.scan-wrapp p { font-size:14px;}
.scan-wrapp .scan-row1 { position:relative;}
.scan-wrapp .scan-row1 .scan-col1 { width:100%; position:relative; bottom:inherit;}
.scan-wrapp .scan-row1 .scan-col3 { width:25.6%; right:inherit; bottom:6%; left:0;}
.scan-wrapp .scan-row2 { width:100%; margin:0 0 50px;}
.scan-wrapp .scan-row2 .scan-col2 { width:100%;}

.faqs-wrapp { padding:50px 0 40px;}
.faqs-wrapp h4 { font-size:14px; line-height:1.5;}

.comparison-wrapp .comparison-row3 iframe { width:100%; height:240px;}

.scan-wrapp .scan-row2 .scan-col2 .video-img { width:100%; padding:0 0 49.2%;}

.reason-wrapp .reason-btn1 { margin:10px 0 0;}
.braces-wrapp .braces-row2 .braces-col1:last-child:after { display:none;}
.smileg-wrapp .smileg-row1 .non-slider {
    gap: 0%;
}
 
.smileg-wrapp .smileg-row1 .non-slider .smileg-col1 {
    width: 100%;
}

.scan-wrapp .scan-row1 .scan-col3 { width: 27.6%;right: inherit;bottom: 22%;left: 0;}

.scan-wrapp .scan-row1 .scan-col1 {width: 100%;position: relative;bottom: inherit;}





}













@media screen and (min-width:481px) and (max-width:600px) {
.braces-wrapp .braces-row1 { width:100%; margin:0 0 50px;}
.braces-wrapp { padding:50px 0 14px;}
.braces-wrapp h3 span { display:contents;}
.link-box { position:relative; width:90%; margin:0 5% 45px; border-radius:10px; top:inherit;}
.braces-wrapp .braces-row2 .braces-col1 { width:100%;}
.braces-wrapp .braces-row2 .braces-col1 .braces-conten { width:45%;}
.braces-wrapp .braces-row4 { max-width:100%;}

.comparison-wrapp { padding:0 0 50px;}
.comparison-wrapp h2 { margin:0 0 30px;}
.comparison-wrapp .comparison-btn1 { margin:16px 3px 0;}
.comparison-wrapp .comparison-row1 { display:none; overflow-x:auto;}
.comparison-wrapp .comparison-row1 .comparison-row2 { width:1200px; margin:0 0 2px;}

.reason-wrapp { padding:50px 0 50px;}
.reason-wrapp h2 span { display:contents;}
.reason-wrapp p span { display:contents;}
.reason-wrapp .reason-row1 { margin-bottom:0;}
.reason-wrapp .reason-row1 .reason-col1 { width:49%; margin:0 0 25px; min-height:155px;}
.reason-wrapp .reason-row1 .reason-col1:nth-child(2n) { float:right;}
.reason-wrapp .reason-row1 .reason-col1 .reason-icon { margin:0 0 12px;}
.reason-wrapp .reason-btn1 { margin:16px 3px 0;}

.fix-wrapp .fix-row1 { margin:0;}
.fix-wrapp .fix-row1 .fix-col1 { width:100%; margin:0 0 29px;}
.fix-wrapp .fix-row1 .fix-col1 .fix-thumb { width:66%;}
.fix-wrapp .fix-row1 .fix-col1 .fix-conten { padding:20px 0 0;}
.fix-wrapp .fix-btn1 { margin:9px 3px 0;}
.fix-wrapp .fix-row1 .fix-col1 .fix-conten { min-height:inherit;}
.comparison-wrapp h4 { font-size:14px;}

.cost-wrapp p { max-width:inherit;}
.cost-wrapp .cost-row1 .cost-col1 { width:100%; min-height:inherit; margin:0 0 5px; padding:45px 5% 20px;}
.cost-wrapp .cost-row1 .cost-col2 { width:100%; margin:0 0 5px; min-height:inherit; padding:0 0 20px;}
.cost-wrapp .cost-row1 .cost-col3 { width:100%; padding:0 0 100%; position:relative; top:inherit;}
.cost-wrapp .cost-btn1 { width:161px; position:relative; bottom:inherit; margin:12px 0 30px; padding:16px 32px; text-align:center;}

.scan-wrapp { text-align:center; padding:50px 0 0;}
.scan-wrapp p { font-size:14px;}
.scan-wrapp .scan-row1 { position:relative;}
.scan-wrapp .scan-row1 .scan-col1 { width:100%; position:relative; bottom:inherit;}
.scan-wrapp .scan-row1 .scan-col3 { width:25.6%; right:inherit; bottom:6%; left:0;}
.scan-wrapp .scan-row2 { width:100%;}
.scan-wrapp .scan-row2 .scan-col2 { width:100%;}

.braces-wrapp h2, .smileg-wrapp h2, .comparison-wrapp h2, .reason-wrapp h2, .providers-wrapp h2, .fix-wrapp h2, .cost-wrapp h2, .faqs-wrapp h2, .scan-wrapp h2 { font-size:26px;}
.braces-wrapp h2 span, .braces-wrapp h3 span, .vs-box span, .reason-wrapp h2 span, .fix-wrapp h3 span, .cost-wrapp h2 span, .cost-wrapp h4 span, .comparison-wrapp h2 span { display:inline;}
.braces-wrapp p, .smileg-wrapp p, .comparison-wrapp p, .providers-wrapp p, .reason-wrapp p, .fix-wrapp p, .cost-wrapp p, .scan-wrapp p, .faqs-wrapp p { font-size:15px;}
.braces-wrapp p span, .smileg-wrapp p span, .comparison-wrapp p span, .providers-wrapp p span, .reason-wrapp p span, .fix-wrapp p span, .cost-wrapp p span, .scan-wrapp p span, .faqs-wrapp p span { display:inline;}

.faqs-wrapp { padding:50px 0 40px;}
.faqs-wrapp h4 { font-size:14px; line-height:1.5;}

.comparison-wrapp .comparison-row3 iframe { width:100%; height:340px;}

.scan-wrapp .scan-row2 .scan-col2 .video-img { width:100%; padding:0 0 49.2%;}

.reason-wrapp .reason-btn1 { margin:10px 0 0;}
.braces-wrapp .braces-row2 .braces-col1:last-child:after { display:none;}
.smileg-wrapp .smileg-row1 .non-slider {
    gap: 1%;
}
 
.smileg-wrapp .smileg-row1 .non-slider .smileg-col1 {
    width: 49.5%;
}

.scan-wrapp .scan-row1 .scan-col3 {
                       width: 24.6%;
        right: inherit;
        bottom: 23%;
        left: 0;
}

.scan-wrapp .scan-row1 .scan-col1 {
       width: 100%;
        position: relative;
        bottom: inherit;
    }








}













@media screen and (min-width:601px) and (max-width:767px) {
.braces-wrapp { padding:50px 0 14px;}
.link-box { position:relative; width:90%; margin:0 5% 45px; border-radius:10px; top:inherit;}
.braces-wrapp .braces-row1 { width:100%; margin:0 0 50px;}
.braces-wrapp .braces-row2 .braces-col1 { width:100%;}
.braces-wrapp .braces-btn1 { margin:16px 5px 0;}
.braces-wrapp .braces-row2 .braces-col1 .braces-conten { width:40%;}
.braces-wrapp .braces-row4 { max-width:100%;}

.comparison-wrapp { padding:10px 0 50px;}
.comparison-wrapp h2 { margin:0 0 30px;}
.comparison-wrapp .comparison-btn1 { margin:16px 5px 0;}
.comparison-wrapp .comparison-row1 { display:none; overflow-x:auto;}
.comparison-wrapp .comparison-row1 .comparison-row2 { width:1200px; margin:0 0 2px;}

.reason-wrapp { padding:50px 0 50px;}
.reason-wrapp h2 span { display:contents;}
.reason-wrapp p span { display:contents;}
.reason-wrapp .reason-row1 { margin-top:0;}
.reason-wrapp .reason-row1 .reason-col1 { width:49%; margin:0 0 25px; min-height:120px;}
.reason-wrapp .reason-row1 .reason-col1:nth-child(2n) { float:right;}
.reason-wrapp .reason-row1 .reason-col1 .reason-icon { margin:0 0 12px;}
.reason-wrapp .reason-btn1 { margin:16px 5px 0;}

.fix-wrapp p { font-size:14px;}
.fix-wrapp .fix-row1 { margin:0;}
.fix-wrapp .fix-row1 .fix-col1 { width:48%; clear:both; margin:0 4% 0 0;}
.fix-wrapp .fix-row1 .fix-col1:nth-child(2n) { float:right; clear:right; margin-right: 0;}
.fix-wrapp .fix-btn1 { margin:9px 5px 0;}
.fix-wrapp .fix-row1 .fix-col1 .fix-conten { min-height:inherit; margin:0 0 20px;}

.cost-wrapp p { max-width:inherit; line-height:1.8;}
.cost-wrapp h3 { font-size:20px;}
.cost-wrapp h4 { font-size:20px; padding:18px 0; margin:0 0 12px;}
.cost-wrapp h5 { margin:0 0 19px;}
.cost-wrapp .cost-row1 .cost-row2 { padding:0 6%;}
.cost-wrapp .cost-row1 .cost-col1 { width:49.5%; min-height:425px; margin:0 0 5px; padding:36px 5% 90px; margin-right: 1%;}

.cost-wrapp .cost-row1 .cost-col2 { width:49.5%; min-height:425px; float:right; margin:0 0 5px; padding-bottom: 90px;}
.cost-wrapp .cost-row1 .cost-col3 { width:100%; padding:0 0 100%; position:relative; top:inherit;}
.cost-wrapp .cost-btn1 { bottom:30px; padding:14px 32px; text-align:center;}

.scan-wrapp { padding:50px 0 0;}
.scan-wrapp .scan-row1 { position:relative;}
.scan-wrapp .scan-row1 .scan-col3 { width:25.6%; right:inherit; bottom:6%; left:0;}
.scan-wrapp .scan-row2 .scan-col2 { width:100%;}
.scan-wrapp .scan-row2 { width:57%;}

.braces-wrapp h2, .smileg-wrapp h2, .comparison-wrapp h2, .reason-wrapp h2, .providers-wrapp h2, .fix-wrapp h2, .cost-wrapp h2, .faqs-wrapp h2, .scan-wrapp h2 { font-size:28px;}
.braces-wrapp h2 span, .braces-wrapp h3 span, .vs-box span, .reason-wrapp h2 span, .fix-wrapp h3 span, .cost-wrapp h2 span, .cost-wrapp h4 span, .comparison-wrapp h2 span { display:inline;}
.braces-wrapp p, .smileg-wrapp p, .comparison-wrapp p, .providers-wrapp p, .reason-wrapp p, .fix-wrapp p, .cost-wrapp p, .scan-wrapp p, .faqs-wrapp p { font-size:15px;}
.braces-wrapp p span, .smileg-wrapp p span, .comparison-wrapp p span, .providers-wrapp p span, .reason-wrapp p span, .fix-wrapp p span, .cost-wrapp p span, .scan-wrapp p span, .faqs-wrapp p span { display:inline;}

.faqs-wrapp { padding:50px 0 40px;}
.faqs-wrapp h4 { font-size:14px; line-height:1.4;}

.comparison-wrapp .comparison-row3 iframe { width:100%; height:440px;}

.scan-wrapp .scan-row2 .scan-col2 .video-img { width:100%; padding:0 0 49.2%;}

.reason-wrapp .reason-btn1 { margin:0 3px 0;}
.braces-wrapp .braces-row2 .braces-col1:last-child:after { display:none;}
.smileg-wrapp .smileg-row1 .non-slider {
    gap: 1%;
}
 
.smileg-wrapp .smileg-row1 .non-slider .smileg-col1 {
    width: 49.5%;
}



.scan-wrapp .scan-row1 .scan-col3 {
               width: 33.6%;
        right: inherit;
        bottom: 22%;
        left: -15px;
}

.scan-wrapp .scan-row1 .scan-col1 {
 width: 36.3%;
   
}






}


















@media screen and (min-width:768px) and (max-width:900px) {
.link-box { width:156px; padding:20px 1.4%;}

.braces-wrapp { padding:59px 0 42px;}
.braces-wrapp .braces-row1 { width:59%; margin:0 auto 58px;}
.braces-wrapp .braces-row2 .braces-col1 .braces-thumb { background:#fff;}
.braces-wrapp .braces-row2 .braces-col1 .braces-thumb img { opacity:0.4;}
.braces-wrapp .braces-row2 .braces-col1 .braces-conten { width:67%;}

.comparison-wrapp .comparison-row1 { overflow-x:auto;}
.comparison-wrapp .comparison-row1 .comparison-row2 { width:1200px; margin:0 0 2px;}

.reason-wrapp p span { display:contents;}
.reason-wrapp .reason-row1 .reason-col1 { min-height:149px;}

.braces-wrapp h2, .smileg-wrapp h2, .comparison-wrapp h2, .reason-wrapp h2, .providers-wrapp h2, .fix-wrapp h2, .cost-wrapp h2, .faq-wrapp h2, .scan-wrapp h2 { font-size:26px;}
.braces-wrapp h2 span, .braces-wrapp h3 span, .vs-box span, .reason-wrapp h2 span, .fix-wrapp h3 span, .cost-wrapp h2 span, .cost-wrapp h4 span, .comparison-wrapp h2 span { display:inline;}
.braces-wrapp p, .smileg-wrapp p, .comparison-wrapp p, .providers-wrapp p, .reason-wrapp p, .fix-wrapp p, .cost-wrapp p, .scan-wrapp p, .faqs-wrapp p { font-size:15px;}
.braces-wrapp p span, .smileg-wrapp p span, .comparison-wrapp p span, .providers-wrapp p span, .reason-wrapp p span, .fix-wrapp p span, .cost-wrapp p span, .scan-wrapp p span, .faqs-wrapp p span { display:inline;}

.cost-wrapp h3 { font-size:17px;}
.cost-wrapp h4 { font-size:17px; margin:0 0 8px; padding:15px 0;}
.cost-wrapp h5 { margin:0 0 8px;}
.cost-wrapp h5 span { font-size:30px;}
.cost-wrapp h2 { margin:0 0 35px;}
.cost-wrapp p { font-size:14px; line-height:1.6; margin:0 auto 15px;}
.cost-wrapp .cost-row1 .cost-col1 { padding:30px 2% 65px;}


.cost-wrapp .cost-row1 .cost-col2 {

    padding-bottom: 65px;
}


.cost-wrapp .cost-row1 .cost-bar1 li { font-size:14px; line-height:2;}
.cost-wrapp .cost-row1 .cost-row2 { padding:0 2%;}
.cost-wrapp .cost-btn1 { width:150px; bottom:20px; padding:14px 30px; text-align:center;}

.scan-wrapp p span { display:inline;}
.scan-wrapp h2 { font-size:26px;}

.link-col1 li, .link-col1 li a { font-size:13px;}

.reason-wrapp .braces-btn1 { margin:15px 0 0;}

.comparison-wrapp .comparison-row3 iframe { width:100%; height:573px;}

.fix-wrapp h3 { font-size:20px;}
.fix-wrapp .fix-row1 .fix-col1 .fix-thumb { width:65%;}

.scan-wrapp .scan-row2 .scan-col2 { width:71%;}
.scan-wrapp .scan-row1 .scan-col3 {
             width: 49.6%;
        right: -71.2%;
   
}

.scan-wrapp .scan-row1 .scan-col1 {
                width: 30.3%;
   
}

.faqs-wrapp.invisalign_faq { padding: 70px 0;}
.faqs-wrapp.invisalign_faq .accordion { margin: 0 0 40px;}




.fix-wrapp + .cost-wrapp {
    padding-top: 0;
}

.fix-wrapp:has(+ .cost-wrapp) {
    padding-bottom: 70px;
}

.fix-wrapp {
    padding-top: 70px;
}
.reason-wrapp{padding: 70px 0;}

.providers-wrapp{padding: 70px 0;}

.comparison-wrapp{padding-bottom: 70px;}


.providers-wrapp .providers-col1 {
    width: 100px;
  
}

}






@media screen and (min-width:901px) and (max-width:1024px) {
.link-box { width:186px; padding:23px 1.4%;}

.braces-wrapp { padding:60px 0 42px;}
.braces-wrapp .braces-row1 { width:59%; margin:0 auto 80px;}
.braces-wrapp .braces-row2 .braces-col1 .braces-thumb { background:#fff;}
.braces-wrapp .braces-row2 .braces-col1 .braces-thumb img { opacity:0.5;}
.braces-wrapp .braces-row2 .braces-col1 .braces-conten { width:51%;}

.comparison-wrapp .comparison-row1 { overflow-x:auto;}
.comparison-wrapp .comparison-row1 .comparison-row2 { width:1200px; margin:0 0 2px;}

.braces-wrapp h2, .smileg-wrapp h2, .comparison-wrapp h2, .reason-wrapp h2, .providers-wrapp h2, .fix-wrapp h2, .cost-wrapp h2, .faq-wrapp h2, .scan-wrapp h2 { font-size:28px;}
.braces-wrapp h2 span, .braces-wrapp h3 span, .vs-box span, .reason-wrapp h2 span, .fix-wrapp h3 span, .cost-wrapp h2 span, .cost-wrapp h4 span, .comparison-wrapp h2 span { display:inline;}
.braces-wrapp p span, .smileg-wrapp p span, .comparison-wrapp p span, .providers-wrapp p span, .reason-wrapp p span, .fix-wrapp p span, .cost-wrapp p span, .scan-wrapp p span, .faqs-wrapp p span { display:inline;}
.braces-wrapp p, .smileg-wrapp p, .comparison-wrapp p, .providers-wrapp p, .reason-wrapp p, .fix-wrapp p, .cost-wrapp p, .scan-wrapp p, .faq-wrapp p { font-size:15px;}

.cost-wrapp h3 { font-size:19px;}
.cost-wrapp h4 { font-size:19px; margin:0 0 10px; padding:15px 0;}
.cost-wrapp p { line-height:1.6;}

.cost-wrapp .cost-row1 .cost-col1 { padding:25px 2% 90px;}
.cost-wrapp .cost-row1 .cost-col1 { padding-bottom:90px;}



.cost-wrapp .cost-row1 .cost-bar1 li { font-size:15px; }
.cost-wrapp .cost-row1 .cost-row2 { padding:0 2%;}
.cost-wrapp .cost-btn1 { width:162px; bottom:25px; padding:14px 35px; text-align:center;}
.cost-box { padding:20px 0;}

.scan-wrapp p span { display:inline;}
.link-col1 li, .link-col1 li a { font-size:14px;}

.reason-wrapp p span { display:contents;}
.reason-wrapp .reason-row1 .reason-col1 { min-height:155px;}

.scan-wrapp .scan-row1 .scan-col1 { width:37%;}

.comparison-wrapp .comparison-row3 iframe { width:100%; height:623px;}

.fix-wrapp h3 { font-size:24px;}
.fix-wrapp .fix-row1 .fix-col1 .fix-thumb { width:65%;}

.scan-wrapp .scan-row1 .scan-col3 {
            width: 49.6%;
        right: -71.2%;
   
}

.scan-wrapp .scan-row1 .scan-col1 {
            width: 30.3%;
   
}
.faqs-wrapp.invisalign_faq {
    padding: 70px 0;
}

.fix-wrapp + .cost-wrapp {
    padding-top: 0;
}

.fix-wrapp:has(+ .cost-wrapp) {
    padding-bottom: 70px;
}

.fix-wrapp {
    padding-top: 70px;
}




.reason-wrapp{padding: 70px 0;}
.providers-wrapp{padding: 70px 0;}

.comparison-wrapp{padding-bottom: 70px;}

.faqs-wrapp.invisalign_faq .common-style li {font-size: 15px;}



.cost-wrapp .cost-row1 .cost-col1 { padding-bottom: 70px;}

.cost-wrapp .cost-row1 .cost-col2 { padding-bottom: 70px;}



.cost-wrapp .cost-row1 .cost-col1 ,
.cost-wrapp .cost-row1 .cost-col2 {min-height: 400px;}


}











@media screen and (min-width:1025px) and (max-width:1240px) {
.link-box { width:216px;}

.braces-wrapp .braces-row1 { width:58%;}
.braces-wrapp .braces-row2 .braces-col1 .braces-conten { width:40%;}

.comparison-wrapp .comparison-row1 { overflow-x:auto;}
.comparison-wrapp .comparison-row1 .comparison-row2 { width:1200px; margin:0 0 2px;}

.braces-wrapp h2 span, .braces-wrapp h3 span, .vs-box span, .reason-wrapp h2 span, .fix-wrapp h3 span, .cost-wrapp h2 span, .cost-wrapp h4 span, .comparison-wrapp h2 span { display:inline;}
.braces-wrapp p, .smileg-wrapp p, .comparison-wrapp p, .providers-wrapp p, .reason-wrapp p, .fix-wrapp p, .cost-wrapp p, .scan-wrapp p, .faq-wrapp p { font-size:15px;}
.braces-wrapp p span, .smileg-wrapp p span, .comparison-wrapp p span, .providers-wrapp p span, .reason-wrapp p span, .fix-wrapp p span, .cost-wrapp p span, .scan-wrapp p span, .faqs-wrapp p span { display:inline;}

.cost-wrapp h3 { font-size:21px;}
.cost-wrapp h4 { font-size:21px; margin:0 0 8px;}

.cost-wrapp .cost-row1 .cost-col1 { padding:47px 2% 90px;}
.cost-wrapp .cost-row1 .cost-col2{padding-bottom: 90px;}


.cost-wrapp .cost-row1 .cost-row2 { padding:0 3% 0;}
.cost-wrapp .cost-btn1 { bottom:30px; padding:14px 35px; text-align:center;}

.reason-wrapp .reason-row1 .reason-col1 { min-height:170px;}

.fix-wrapp .fix-row1 .fix-col1 .fix-thumb { width:65%;}

.scan-wrapp .scan-row1 .scan-col1 { width:369px; margin:0 0 0 3%;}
.scan-wrapp p span { display:inline;}

.scan-wrapp .scan-row1 .scan-col3 {
    width: 49.6%;
    right: -71.2%;
}

.scan-wrapp .scan-row1 .scan-col1 {
    width: 30.3%;
}

.faqs-wrapp.invisalign_faq {
    padding: 80px 0;
}
.reason-wrapp{padding: 80px 0;}



.providers-wrapp{padding: 80px 0;}

.comparison-wrapp{padding-bottom: 80px;}



}











@media screen and (min-width:1241px) and (max-width:1340px) {
.braces-wrapp .braces-row1 { max-width:725px;}

.scan-wrapp p span { display:inline;}

.cost-wrapp h3 { font-size:21px;}
.cost-wrapp h4 { font-size:21px; margin:0 0 8px;}
.cost-wrapp h5 { margin:0 0 17px;}
.cost-wrapp .cost-row1 .cost-row2 { padding:0 6%;}
.cost-wrapp .cost-btn1 { bottom:30px; text-align:center;}

.braces-wrapp h2 span, .braces-wrapp h3 span, .vs-box span, .reason-wrapp h2 span, .fix-wrapp h3 span, .cost-wrapp h2 span, .cost-wrapp h4 span, .comparison-wrapp h2 span { display:inline;}
.braces-wrapp p span, .smileg-wrapp p span, .comparison-wrapp p span, .providers-wrapp p span, .reason-wrapp p span, .fix-wrapp p span, .cost-wrapp p span, .scan-wrapp p span, .faqs-wrapp p span { display:inline;}



}





@media screen and (min-width:1341px) and (max-width:1500px) {
.cost-wrapp .cost-row1 .cost-row2 { padding:0 7%;}

.cost-wrapp .cost-btn1 { bottom:25px;}
}



@media screen and (max-width:1240px) {

.braces-wrapp .common-style li {font-size: 15px;}


}







@media screen and (min-width:768px) and (max-width:1240px)  {
    .comparison-wrapp .braces-btn1.loadcover  {
        margin-bottom: 15px;
    }
}



@media screen and (min-width:768px) {



.fix-wrapp .fix-row1 .fix-col1:nth-child(3n) { margin-right:0;}


}


@media screen and (max-width:767px) {



.smileg-wrapp .smileg-row1.desk {display: none;}
.smileg-wrapp .smileg-row1.mob {display: block;}


.fix-wrapp + .cost-wrapp {
    padding-top: 0;
}

.fix-wrapp:has(+ .cost-wrapp) {
    padding-bottom: 60px;
}

.fix-wrapp {
    padding-top: 50px;
}

.providers-wrapp{padding: 50px 0;}



.faqs-wrapp.invisalign_faq .common-style li {font-size: 15px;}



.providers-wrapp .providers-col1 {
    width: 90px;
  
}



}