/** Shopify CDN: Minification failed

Line 592:151 "ext-decoration" is not a known CSS property
Line 771:145 Expected ")" to end URL token
Line 921:44 Expected ")" to end URL token
Line 1101:107 "padidng" is not a known CSS property
Line 2198:23 Expected identifier but found whitespace
Line 2493:153 "ext-decoration" is not a known CSS property

**/
@import url('https://fonts.googleapis.com/css2?family=Outfit:wght@100..900&display=swap');

@import url('https://fonts.googleapis.com/css2?family=Grandstander:ital,wght@0,100..900;1,100..900&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');


html {scroll-behavior: smooth;}
body {font-family: "Outfit", sans-serif;}
.page-width {width: 1200px !important; padding: 0;}
.page-width-desktop {width: 1200px !important; padding: 0;}
a {text-decoration: none;}
p {margin: 0;}
h1, h2, h3, h4, h5, h6 {margin-top: 0;}


h2 {font-family: Outfit; font-size: 36px; font-weight: 700; line-height: 43.2px; text-align: left; margin-bottom: 8px; color: #008470;}
p.heading-subtitle {font-family: Outfit; font-size: 16px; font-weight: 400; line-height: 1.5; text-align: left; color: #00352d;
    max-width: 380px; margin-bottom: 12px;}

/* button */
.button-design {font-family: Outfit; font-size: 18px; font-weight: 500; line-height: 25.2px; text-align: center; padding: 14px 42px;
    border-radius: 40px; background: #008470; color: #FBFBFB; display: inline-block; border: 1px solid #008470; transition: 0.3s;}
.button-design:hover {background: transparent; color: #008470;}
.button-design:focus {background: #008470; color: #FBFBFB; box-shadow: 2px 2px 0 0 rgb(235 235 71 / 100%);}
.button-design:active {background: #00352D; border: 1px solid #00352D; color: #fbfbfb; box-shadow: none;}
.button-design.gray-btn {background: #f0f0f0; color: #008470; border: 0;}
.button-design.gray-btn:hover {background: #008470 !important; color: #fbfbfb !important;}
.button-design.gray-btn:focus {background: #f0f0f0; color: #008470; border: 0; box-shadow: none;}
.button-design.gray-btn:active {background: #f0f0f0; color: #008470; border: 0; box-shadow: none;}
.button-design:active {background: #00352D; border: 1px solid #00352D; color: #fbfbfb; box-shadow: none;}
.button-design.white-btn {border: 1px solid #008470; background: transparent !important; color: #008470 !important;}
.button-design.white-btn:hover {background: #008470 !important; color: #fbfbfb !important;}
.button-design.white-btn:focus {background: #fbfbfb !important; color: #008470 !important; box-shadow: 1px 3px 0px 0px rgb(0 132 112 / 40%)}
.button-design.light-btn {background: #fbfbfb !important; border: 1px solid #fbfbfb !important; color: #008470;}
.button-design.light-btn:hover {background: transparent !important; color: #fbfbfb !important;}
.button-design.light-btn:focus {background: #fbfbfb !important; color: #008470 !important; border: 1px solid #fbfbfb; box-shadow: 1px 3px 0px 0px rgb(0 132 112 / 40%)}
.couplesadvantage-product .inclusion-grid { margin-top:20px; }
.couplesadvantage-product .inclusion-item img{width:65%;}
/* Home banner Start */
.index-template-page .breadcrumbs-wrapper {display: none;}
.home-banner-section {padding-top: 60px; padding-bottom: 80px;}
.home-banner-section .banner-image-wrapper {background: #f0f0f0; border-radius: 20px 45px 20px 20px; overflow: hidden; max-width: 90%;}
.home-banner-section .banner-image-wrapper img {display: block; width: 100%;}
.home-banner-section .banner-image-text p {font-weight: 600; line-height: 25.2px; text-align: center; color: white  ; width: 100%; margin: 0 auto !important;font-size:18px;}
.father-day{box-shadow: -1px 4px 4px #00000026;background-color: #ebeb47; max-width: 380px; width: 113%; min-height: 40px; display: flex; justify-content: center; align-items: center; position: absolute; top: -13px; margin: 0 auto; left: 23%; padding: 0 15px; border-radius: 20px;}
.home-banner-section .banner-image-text {background: #008470; padding-top: 24px; padding-bottom: 18px;position:relative;}
.home-banner-section.purple-theme-banner .banner-image-text {background: #5A0090;}
.home-banner-section .home-banner-wrapper h1 {font-family: Outfit; font-size: 48px; font-weight: 700; line-height: 62.4px; text-align: left; color: #00352D; margin-top: 0; margin-bottom: 35px;}
.home-banner-section .banner-content-wrapper h1 span { color: #008470; }
.purple-theme-banner .home-banner-section .banner-content-wrapper h1 span {color: #5A0090;}
.home-banner-section .banner-content-wrapper p {color: #00352d;}
.home-banner-section .banner-content-wrapper strong {color: #008470;}
.home-banner-section .home-banner-wrapper .row {align-items: center;}
.home-banner-section .banner-content-wrapper p {font-family: Outfit;font-size: 18px;font-weight: 500;line-height: 25.2px;text-align: left; max-width: 100%; color:#4D252B; margin-bottom: 35px;}
.home-banner-section .banner-content-wrapper strong {font-family: Outfit; font-size: 18px; font-weight: 700; line-height: 23.4px; text-align: left; color: #008470;}
.home-banner-section .banner-content-wrapper p {color: #220036; max-width: 430px;}

.home-banner-section .banner-content-wrapper a.banner-button {font-family: Outfit; font-size: 18px; font-weight: 500; line-height: 25.2px;
    text-align: center; padding: 16px 54px; border-radius: 40px; background: #008470; color: #FBFBFB; transition: 0.3s; border: 1px solid #008470;}
.home-banner-section .banner-content-wrapper a.banner-button:hover {background: transparent; color: #008470;}
.home-banner-section .banner-image-text { padding-top: 45px; padding-bottom: 18px; position: relative; }
.banner-image-text .father-day { left: 50%; transform: translate(-50%); }
.home-banner-section .father-day {font-weight: 700; color: #b35664;}
.home-banner-section .banner-content-wrapper a.banner-button:focus {background: #00352d; color: #fbfbfb; box-shadow: 2px 2px #ebeb47;}
.home-banner-section .banner-content-wrapper a.banner-button:active {background: #00352d; border: 1px solid #ebeb47; color: #fbfbfb;}


.home-banner-section .btn-wrapper {display: flex;}
.banner-reviews-wrapper {display: grid; grid-template-columns: repeat(3, 1fr); gap: 35px; background: #F0F0F0; align-items: center;
    padding: 14px 20px; margin-top: 65px; border-radius: 16px 48px 16px 16px;}
.banner-reviews-wrapper {border-radius: 20px 48px 20px 16px;}
.banner-reviews-wrapper .reviews-item img {width: auto;}
.banner-reviews-wrapper .reviews-item:nth-child(2) {position: relative;}
.banner-reviews-wrapper .reviews-item:nth-child(2):before {content: ""; position: absolute; top: 50%; left: -20px; background: #00847080; width: 1px;
    height: 35px; transform: translateY(-50%);}
.banner-reviews-wrapper .reviews-item:nth-child(2):after {content: ""; position: absolute; top: 50%; right: -20px; background: #00847080; width: 1px;
    height: 35px; transform: translateY(-50%);}
.banner-reviews-wrapper.desktop-show {display: flex; justify-content: space-evenly;}
.banner-reviews-wrapper {margin-top: 40px;}
.banner-image-text strong {color: #008470;}
.banner-content-wrapper h1 del {font-weight: 400; text-decoration-color: #FE4A53; text-decoration-thickness:3px;}


/* Why Choose Smilepath Start */
.why-choose-section {padding: 40px 0;}
.why-choose-section {padding-top: 0;}
.why-choose-section h2 {font-family: Outfit; font-size: 36px; font-weight: 700; line-height: 43.2px; text-align: left; margin-bottom: 8px; color: #008470;}
.why-choose-section p.heading-subtitle {font-family: Outfit; font-size: 16px; font-weight: 400; line-height: 1.5; text-align: left;  color: #00352D; max-width: 380px; margin-bottom: 35px;}
.why-choose-section .features-wrapper img {width: 60px;  margin-bottom: 12px;}
.why-choose-section .features-wrapper h3 {font-family: Outfit; font-size: 32px; font-weight: 600; line-height: 41.6px; text-align: left; color: #00352D;}
.why-choose-section .features-wrapper {padding: 40px 32px 40px 32px; border-radius: 24px 75px 24px 24px; border: 1px solid #008470;}
.why-choose-section .features-grid {display: grid; grid-template-columns: repeat(3, 1fr); gap: 30px;}
.why-choose-section .features-wrapper h3 span {color: #008470;}
/* Tranformation */
.grid-transform-item {position: relative;}
.grid-transform-item .play-icon-wrapper img {position: absolute; width: 30px;
    height: 30px !important; object-fit: contain; max-width: 30px; border-radius: 0 !important; position: absolute; bottom: 10px;
    left: 10px;}
.transform-bg-wrapper {background: #008470; height: 100%; display: flex; flex-direction: column; justify-content: center; padding: 55px; border-radius: 20px;}
.transform-bg-wrapper p {margin-bottom: 24px; color: #FBFBFB; font-family: Outfit; font-size: 16px; font-weight: 400; line-height: 1.6; text-align: left; max-width: 265px;}
.transform-bg-wrapper h2 {color: #FBFBFB; font-family: Outfit; font-size: 36px; font-weight: 700; line-height: 43.2px; text-align: left; margin-bottom: 16px;}
.transform-bg-wrapper h2 span.light-text {color: #EBEB47;}
.transform-imgs-wrapper .grid-transform-item img {width: auto;}
.transform-bg-wrapper .button-design.light-btn {max-width: 240px;}
.smile-transformations-wrapper .tranform-column-5 {max-width: 480px;}
.smile-transformations-wrapper .grid-tranform-images .grid-transform-item:nth-child(1) {display: inline-block; max-width: 25%; width: 100%;}
.smile-transformations-wrapper .grid-tranform-images .grid-transform-item:nth-child(1) img {border-radius: 16px 48px 16px 16px; display: block; height: 100%; object-fit: cover;}
.smile-transformations-wrapper .grid-tranform-images .grid-transform-item:nth-child(1) video {border-radius: 16px 48px 16px 16px; display: block; height: 100%; object-fit: cover;}
.smile-transformations-wrapper .grid-row {display: flex; gap: 32px;}
.smile-transformations-wrapper .grid-column-5 {max-width: 480px; width: 100%;}
.smile-transformations-wrapper .transform-bg-wrapper {position: relative;}
.smile-transformations-wrapper img.shape-1 {position: absolute; width: auto; bottom: 0; right: 0;}
.smile-transformations-wrapper img.shape-2 {width: auto; position: absolute; top: 185px; right: 90px;}
.smile-transformations-wrapper .grid-transform-item {display: inline-block;}
.smile-transformations-wrapper .grid-tranform-images {gap: 32px; display: flex; flex-wrap: wrap;}
.smile-transformations-wrapper .grid-column-8.grid-transform-item {max-width: 440px;}
.transform-imgs-wrapper .grid-transform-item img {display: block; width: 100%;}
.smile-transformations-wrapper .grid-column-8.grid-transform-item {max-width: calc(75% - 32px);}
.smile-transformations-wrapper .grid-tranform-images .grid-transform-item:nth-child(4) {display: inline-block; max-width: 25%; width: 100%;}
.smile-transformations-wrapper .grid-tranform-images .grid-transform-item:nth-child(4) img {border-radius: 16px 48px 16px 16px; display: block; height: 100%; object-fit: cover;}
.smile-transformations-wrapper .grid-tranform-images .grid-transform-item:nth-child(4) video {border-radius: 16px 48px 16px 16px; display: block; height: 100%; object-fit: cover;}
.smile-transformations-wrapper .grid-tranform-images .grid-transform-item:nth-child(3) img {border-radius: 16px 48px 16px 16px;}
.smile-transformations-wrapper .grid-tranform-images .grid-transform-item:nth-child(3) video {border-radius: 16px 48px 16px 16px;}
.smile-transformations-wrapper .grid-tranform-images .grid-transform-item:nth-child(2) img {border-radius: 16px 48px 16px 16px;}
.smile-transformations-wrapper .grid-tranform-images .grid-transform-item:nth-child(2) video {border-radius: 16px 48px 16px 16px;}
.smile-transformations-section {padding: 40px 0;}
.smile-transformations-section .transform-images-carousel .carousel_item_block img {border-radius: 16px 48px 16px 16px;}
.smile-transformations-section .slick-dots li.slick-active {width: 30px; height: 8px; background: #008470;  border-radius: 8px;}
.smile-transformations-section .slick-dots li {width: 8px; height: 8px; background: #ccc; border-radius: 8px; margin: 0 4px;}
.smile-transformations-section .slick-dots li button:before {font-size: 8px; color: transparent !important;}
.smile-transformations-section .slick-dots {bottom: -40px;}


/* Flexibility Start */
.flexibility-section {padding: 40px 0;}
.flexibility-section img {width: auto;}
.flexibility-section .flexibility-overlay {max-width: 800px; background: url(https://cdn.shopify.com/s/files/1/0706/0697/9391/files/bg-flexiblity.png?v=1718274383);
    background-size: cover; background-position: center center; margin: 0 auto; text-align: center; padding: 70px 0; position: relative;}
.flexibility-section .flexibility-wrapper {background: #008470; border-radius: 16px 48px 16px 48px;}
.flexibility-section .flexibility-wrapper h2 {font-family: Outfit; font-size: 32px; font-weight: 600; line-height: 41.6px; text-align: center; color: #FBFBFB; margin-bottom: 8px;}
.flexibility-section .flexibility-wrapper p {font-family: Outfit; font-size: 16px; font-weight: 400; line-height: 22.4px; text-align: center; color: #fbfbfb;}
.flexibility-section img.shape-4 {position: absolute; top: 30px; left: -35px;}
.flexibility-section img.shape-5 {position: absolute; bottom: 30px; right: -35px;}

/* How It Works Start */
.how-it-works-section {padding: 40px 0 40px;}
.how-it-works-section .features-grid-wrapper {display: grid; grid-template-columns: repeat(3, 1fr); gap: 30px;}
.how-it-works-section .features-grid-item {border-radius: 16px 48px 16px 16px; border: 1px solid #008470; padding: 70px 50px 50px; text-align: center;}
.how-it-works-section .features-wrapper h3 {font-family: Outfit; font-size: 32px; font-weight: 600; line-height: 41.6px; text-align: center; margin-bottom: 16px; color: #008470;}
.how-it-works-section .features-wrapper p{font-family: Outfit; font-size: 16px; font-weight: 400; line-height: 1.6; text-align: center; color: #00352D; max-width: 260px; margin: 0 auto;}
.how-it-works-section .features-grid-item {position: relative;}
.how-it-works-section .features-grid-item .step-number {position: absolute; top: -40px; left: 50%; transform: translate(-50%); font-size: 36px; color: #EBEB47; font-weight: 600; background: #008470; width: 80px; height: 80px; display: flex; align-items: center; justify-content: center;  border-radius: 50%; border: 6px solid #fff;}
.how-it-works-section .features-grid-item {position: relative;}
.how-it-works-section .features-grid-item:after {display: none; content: url(/cdn/shop/files/Arrow_1_svg.svg?v=1726320384); position: absolute; right: -75px; bottom: 30px; height: 24px; width: 125px; background: #fff; background-size: 45px; z-index: 1;}
.how-it-works-section .features-grid-item:last-child:after {content: none;}
.how-it-works-section p.heading-subtitle {margin-bottom: 70px; max-width: 405px;}

/* day pricing section */
.day-pricing-section .day-icon  {width: auto;}
.day-pricing-wrapper {background: #F0F0F0; padding: 90px 55px; position: relative;}
.day-pricing-wrapper p {margin-bottom: 20px;}
.day-pricing-wrapper .toggle-tabs {margin: 0 !important; padding: 4px; background: #008470; display: flex; max-width: fit-content; border-radius: 50px; }
.day-pricing-wrapper .toggle-tabs li {list-style: none; font-family: Outfit; font-size: 14px; font-weight: 400; line-height: 1.5; letter-spacing: .015em;
    text-align: center; margin: 0px; padding: 12px 26px; color: #fff; cursor: pointer;}
.day-pricing-wrapper .toggle-tabs li.active-tab {background: #fbfbfb; color: #008470; border-radius: 50px;}
.day-pricing-wrapper h2 {margin-bottom: 28px; font-family: Outfit; font-size: 36px; font-weight: 700; line-height: 1.2; text-align: left;}
.day-pricing-wrapper h2 span {color: #00352D;}
.day-pricing-wrapper .content-box {display:none;}
.day-pricing-wrapper .content-box.active-content-box {display:block;}
.day-pricing-wrapper p {margin-bottom: 22px; font-family: Outfit; font-size: 16px; font-weight: 400; line-height: 1.5; text-align: left; color: #00352D; max-width: 295px; }
.day-pricing-section .day-icon {margin-bottom: 10px;}
.day-pricing-wrapper ul.day-list-features {list-style: none; padding: 0; display: flex; flex-direction: column; gap: 10px; margin-top: 28px; max-width: 250px;}
.day-pricing-wrapper ul.day-list-features {display: flex; align-items: flex-start; gap: 14px; margin-top: 30px; padding-top: 30px; position: relative;}
.day-pricing-wrapper .list-features-item .list-features-content {position: relative; top: -6px; font-family: Outfit; font-size: 18px;
    font-weight: 500; line-height: 1.6; text-align: left; color: #00352D; }
.day-pricing-wrapper .list-features-item {display: flex; gap: 16px; align-items: flex-start;}
.day-pricing-wrapper .list-features-item .list-features-content strong {color: #008470;}
.day-pricing-wrapper .day-list-features:after {content: ""; position: absolute; top: 0; background: #00352D; width: 156px; height: 1px;}
.day-pricing-wrapper .shape-bg-pricing {width: auto; position: absolute; left: 0; bottom: 90px; z-index: 0; }
.day-pricing-wrapper .row {position: relative; z-index: 1;}
.day-pricing-wrapper {border-radius: 16px;}
.day-pricing-wrapper .pricing-grid-wrapper {display: grid; grid-template-columns: repeat(2, 1fr); gap: 20px; max-width: 90%; margin: 0 0 0 auto;}
.day-pricing-wrapper .price-grid-item {background: #fbfbfb;  padding: 26px; border-radius: 24px 48px 24px 24px;}
.day-pricing-wrapper .price-grid-item h3 {font-family: Outfit; font-size: 24px; font-weight: 600; line-height: 33.6px; text-align: left; border-bottom: 1px solid #BEBEBE; padding-bottom: 17px; margin-bottom: 14px; color: #00352D; }
.day-pricing-wrapper .for-only-para {font-family: Outfit; font-size: 16px; font-weight: 400; line-height: 22.4px; text-align: left; color: #00352D; margin-bottom: 0;}
.day-pricing-wrapper .sp-product-price {font-family: Outfit; font-size: 46px; font-weight: 700; line-height: 55.2px; text-align: left; color: #008673; margin: 0px 0; margin-block: 10px;}
.day-pricing-wrapper .sp-product-price del {font-family: Outfit; font-size: 20px; font-weight: 400; line-height: 26px; text-align: left; text-decoration-color: #FE4A53; color: #00352D;}
.day-pricing-wrapper .sp-product-content {font-family: Outfit; font-size: 16px; font-weight: 400; line-height: 1.5; text-align: left; color: #00352d; margin-bottom: 12px; max-width: 100%;}
.night-pricing-wrapper .product-item-content-wrapper.single-arch .sp-product-content {margin-bottom: 26px;}
.day-pricing-wrapper .paymemt-accepted {display: flex; align-items: center; gap: 10px; color: #00352D; font-size: 14px; font-weight: 400; line-height: 19.6px; text-align: left; margin-bottom: 20px;}
.day-pricing-section {padding: 40px 0;}
.day-pricing-wrapper {overflow: hidden;}
.paymemt-accepted img {max-width: 90px;}
.day-pricing-wrapper .product-item-content-wrapper {display: flex; flex-direction: row; gap: 20px; justify-content: space-between; margin-top: 14px;}
.day-pricing-wrapper .product-content-wrapper {max-width: 300px; width: 100%;}
.day-pricing-wrapper .button-design {width: 100%;}
.day-pricing-wrapper .product-price-content-wrapper {max-width: 230px; width: 100%;}


/* night pricing */
.night-pricing-section {padding: 40px 0;}
.night-pricing-section .night-icon  {width: auto;}
.night-pricing-wrapper {background: #00352D; padding: 90px 55px; position: relative;}
.night-pricing-wrapper p {margin-bottom: 20px; max-width: 260px;}
.night-pricing-wrapper .toggle-tabs {margin: 0 !important; padding: 0; background: #F0F0F0; display: flex; max-width: fit-content; border-radius: 50px; padding: 4px;}
.night-pricing-wrapper .toggle-tabs li {list-style: none; font-family: Outfit; font-size: 14px; font-weight: 400; line-height: 1.5; letter-spacing: .015em;
    text-align: center; margin: 0px; padding: 12px 26px; color: #00352D; cursor: pointer;}
.night-pricing-wrapper .toggle-tabs li.active-tab {background: #00352D; color: #fbfbfb; border-radius: 50px;}
.night-pricing-wrapper h2 {margin-bottom: 28px; color: #fbfbfb;}
.night-pricing-wrapper .content-box {display:none;}
.night-pricing-wrapper .content-box.active-content-box {display:block;}
.night-pricing-wrapper p {margin-bottom: 22px; font-family: Outfit; font-size: 16px; font-weight: 400; line-height: 1.5;
    text-align: left; color: #fbfbfb; max-width: 260px;}
.night-pricing-section .night-icon {margin-bottom: 10px;}
.night-pricing-wrapper ul.night-list-features {list-style: none; padding: 0; display: flex; flex-direction: column; gap: 10px; margin-top: 28px; max-width: 250px;}
.night-pricing-wrapper ul.night-list-features {display: flex; align-items: flex-start; gap: 14px; margin-top: 30px; padding-top: 30px; position: relative;}
.night-pricing-wrapper .list-features-item .list-features-content {position: relative; top: -6px; font-family: Outfit; font-size: 18px;
    font-weight: 500; line-height: 1.6; text-align: left; color: #fbfbfb;}
.night-pricing-wrapper .list-features-item {display: flex; gap: 16px; align-items: flex-start;}
.night-pricing-wrapper .list-features-item .list-features-content strong {color: #EBEB47;}
.night-pricing-wrapper .night-list-features:after {content: ""; position: absolute; top: 0; background: #fbfbfb; width: 156px; height: 1px;}
.night-pricing-wrapper .shape-bg-pricing {width: auto; position: absolute; left: 0; bottom: 130px; z-index: 0; }
.night-pricing-wrapper .row {position: relative; z-index: 1;}
.night-pricing-wrapper {border-radius: 16px;}
.night-pricing-wrapper .pricing-grid-wrapper {display: grid; grid-template-columns: repeat(2, 1fr); gap: 20px; max-width: 90%; margin: 0 0 0 auto;}
.night-pricing-wrapper .price-grid-item {background: #fbfbfb;  padding: 26px; border-radius: 24px 48px 24px 24px; position: relative;}
.night-pricing-wrapper .price-grid-item h3 {font-family: Outfit; font-size: 24px; font-weight: 600; line-height: 33.6px; text-align: left; border-bottom: 1px solid #00352D; padding-bottom: 17px; margin-bottom: 14px; color: #00352D; }
.night-pricing-wrapper .for-only-para {font-family: Outfit; font-size: 16px; font-weight: 400; line-height: 22.4px; text-align: left; color: #00352D; margin: 0;}
.night-pricing-wrapper .sp-product-price {font-family: Outfit; font-size: 46px; font-weight: 700; line-height: 55.2px; text-align: left; color: #008673; margin: 0px 0; margin-block: 10px;}
.night-pricing-wrapper .sp-product-price del {font-family: Outfit; font-size: 20px; font-weight: 400; line-height: 26px; text-align: left; text-decoration-color: #FE4A53; color: #00352d;}
.night-pricing-wrapper .sp-product-content {font-family: Outfit; font-size: 16px; font-weight: 400; line-height: 1.5; text-align: left; color: #00352d; margin-bottom: 20px; max-width: 100%;}
.night-pricing-wrapper .paymemt-accepted {display: flex; align-items: center; gap: 10px; margin-bottom: 20px; color: #00352D; font-size: 14px; font-weight: 400; line-height: 19.6px; text-align: left;}
.night-pricing-section {padding: 40px 0;}
.night-pricing-wrapper {overflow: hidden;}
.night-pricing-wrapper .product-item-content-wrapper {display: flex; flex-direction: row; gap: 20px; justify-content: space-between; margin-top: 22px;}



.night-pricing-wrapper .product-content-wrapper {max-width: 300px;}
.night-pricing-wrapper .button-design {width: 100%;}
.night-pricing-wrapper .product-price-content-wrapper {max-width: 230px; width: 100%;}
.night-pricing-wrapper h2 span {color: #EBEB47;}
.night-pricing-section-bg .night-pricing-wrapper {background-image: url(/cdn/shop/files/pexels-neale-lasalle-197020-631477_1_1.jpg?v=1727087064) !important;
    position: relative; background-position: bottom; background-size: cover; position: relative;}
.night-pricing-section-bg .night-pricing-wrapper:after {position: absolute; content: ''; top: 0; left: 0; width: 100%;
    height: 100%; background: #00352dd1; opacity: 1;}
/* Two Ways to Get Started */
.two-ways-get-started-wrapper h2 {max-width: 280px; margin-bottom: 30px;}
.two-ways-get-started-wrapper p.heading-subtitle {max-width: 320px;}
.two-ways-get-started-wrapper .get-started-overlay.home-impression-kit {background: url(https://cdn.shopify.com/s/files/1/0706/0697/9391/files/Impressionn_1_3_1.png?v=1718618580); background-size: cover; background-position: center; background-repeat: no-repeat;}
.two-ways-get-started-wrapper .get-started-overlay.visit-scan-center {background: url(https://cdn.shopify.com/s/files/1/0706/0697/9391/files/infra-oral-scanner_1_1.png?v=1718618581); background-size: cover; background-position: center; background-repeat: no-repeat;}
.two-ways-get-started-wrapper del {text-decoration-color: #EBEB47;}
.two-ways-get-started-wrapper .get-started-overlay {position: relative;}
.two-ways-get-started-wrapper .get-started-overlay:after {content: ''; position: absolute; top: 0; bottom: 0; left: 0; right: 0; background: #00352dbd;}
.two-ways-get-started-wrapper .get-started-overlay {border-radius: 16px 48px 16px 16px; overflow: hidden;}
.two-ways-get-started-wrapper p.heading-subtitle {margin-bottom: 40px;}
.two-ways-get-started-wrapper .get-started-product-wrapper {position: relative; z-index: 1; height: 400px; padding: 35px; display: flex;
    flex-direction: column; justify-content: center; padding: 45px 35px; display: flex; flex-direction: column; justify-content: flex-end;}
.two-ways-get-started-wrapper .get-started-product-wrapper p {margin-bottom: 22px; font-size: 16px; font-weight: 400; line-height: 1.7;
    text-align: left; color: #fbfbfb; max-width: 495px;}
.two-ways-get-started-wrapper .get-started-product-wrapper .button-design.light-btn {max-width: 300px;}
.get-started-product-wrapper h3 {font-size: 32px; font-weight: 600; line-height: 41.6px; text-align: left; color: #fbfbfb; max-width: max-content; margin-bottom: 12px; max-width: 315px;}
.grid-row-wrapper-two {display: grid; grid-template-columns: repeat(2, 1fr); gap: 30px;}
.two-ways-get-started-wrapper {position: relative;}
.two-ways-get-started-wrapper .shape-vector-1 {position: absolute; right: 50px; top: -40px; }
.two-ways-get-started-wrapper .grid-col-item img {border-radius: 16px 48px 16px 16px;}
.two-ways-get-started-wrapper .grid-row-wrapper-two {display: grid; grid-template-columns: repeat(2, 1fr); gap: 55px; align-items: center;}
.two-ways-get-started-wrapper .grid-col-item p {font-family: Outfit; font-size: 18px; font-weight: 400; line-height: 1.6; text-align: left;
    color: #00352d; margin-bottom: 20px; max-width: 400px;}
.kit-price-wrapper {color: #008470; font-family: Outfit; font-size: 36px; font-weight: 700; line-height: 46.8px; text-align: left;}
.two-ways-get-started-wrapper del {text-decoration-color: #FE4A53; font-weight: 400;}
.two-ways-get-started-section {padding: 40px 0;}
.product-order-now-wrapper {position: relative;}
.two-ways-get-started-wrapper .shape-vector-2 {position: absolute; left: 180px; right: auto; top: auto; bottom: 45px; width: 20px;}


/* latest products */
.our-latest-products-section {padding: 40px 0;}
.our-latest-products-section .product-view-all-wrapper {display: flex; justify-content: space-between; align-items: center; position: relative; margin-bottom: 45px;}
.our-latest-products-section .product-view-all-wrapper .shape-vector-1 {position: absolute; right: 235px; top: -15px;}
.our-latest-products-section .button-design.gray-btn {background: #F0F0F0; color: #008470;}
.all-products-carousel {width: 100%;  height: 300px;}
.all-products-carousel .swiper-slide {text-align: center; font-size: 18px; background: #fff;}
.all-products-carousel .swiper-scrollbar {border-radius: 10px; background-color: rgba(0, 0, 0, 0.5); height: 5px; margin: 10px 0;}
.all-products-carousel-wrapper {overflow: hidden;}
.all-products-carousel-wrapper .product-item {text-align: center; position: relative;}
.all-products-carousel-wrapper .product-item h3 {font-family: Outfit; font-size: 24px; font-weight: 600; line-height: 33.6px; text-align: center; margin-bottom: 12px;}
.all-products-carousel-wrapper .product-item {border: 1px solid #008470; padding: 30px 20px;}
.all-products-carousel-wrapper .product-item-price {font-size: 48px;  font-weight: 700;  line-height: 62.4px; text-align: center;
    color: #008470; margin-bottom: 16px;}
.all-products-carousel-wrapper .swiper-scrollbar.swiper-scrollbar-horizontal{bottom:-40px;background:#d0d0d0;position:relative; z-index: 1;}
.swiper-horizontal{touch-action:pan-y;padding-bottom:40px;}
.all-products-carousel-wrapper .product-item {border: 1px solid #008470; padding: 30px 20px; border-radius: 16px 48px 16px 16px;}
.all-products-carousel-wrapper .product-item img {height: 160px; object-fit: contain;}
.all-products-carousel-wrapper .product-item-price {margin-bottom: 20px;}
.all-products-carousel-wrapper .product-item h3 {margin-bottom: 18px;}
.all-products-carousel-wrapper .learn-more-link {display: block; margin-top: 20px; font-size: 14px; font-weight: 400;
    line-height: 19.6px; text-align: center; color: #00352D; text-decoration: underline;}
.all-products-carousel-wrapper .learn-more-link {display: block; margin-top: 20px; font-size: 14px; font-weight: 400;
    line-height: 19.6px; text-align: center; color: #00352D; text-decoration: underline;}
.all-products-carousel-wrapper .product-item .new-tag-product {background: #EBEB47; font-family: Outfit; font-size: 16px;
    font-weight: 400; line-height: 22.4px; text-align: center; padding: 5px; position: absolute; width: 100%; top: 16px;
    left: -38%; transform: rotate(-40deg); color: #00352D; }
.all-products-carousel-wrapper .product-item {overflow: hidden;}
/* track progress */
.track-progress-section .track-progress-content {background: url(https://cdn.shopify.com/s/files/1/0706/0697/9391/files/Vector_2.png?v=1718697546); background-repeat: no-repeat; background-size: contain; background-position: center center;}
.track-progress-section .track-progress-content {height: 460px; display: flex; flex-direction: column; justify-content: center;}
.track-progress-section .track-overlay {background: #F0F0F0; border-radius: 16px;}
.track-progress-section .track-progress-wrapper {background: url(/cdn/shop/files/smilepath-aligner-tracker.png?v=1770389354);
    background-size: 460px; background-repeat: no-repeat; background-repeat: no-repeat; background-position: 90% bottom; padding: 70px; position: relative;}
.track-progress-section .track-progress-wrapper .track-progress-content p {font-size: 16px; font-weight: 400; line-height: 1.6; text-align: center; margin-bottom: 12px; color: #00352D;}
.track-progress-section .track-progress-wrapper .download-app-wrapper .download-imgs {display: flex; gap: 16px; justify-content: center;}
.track-progress-section .track-progress-wrapper .track-progress-content h2 {text-align: center; margin-bottom: 20px;}
.track-progress-section .track-progress-wrapper .track-progress-content {max-width: 92%;}
.track-progress-section .track-progress-wrapper h4 {font-size: 16px; font-weight: 600; line-height: 22.14px; text-align: center;}
.track-progress-section .track-progress-wrapper .track-progress-content h2 {text-align: center; max-width: 100%; margin: 0 auto; margin-bottom: 12px;}
.track-progress-section {padding: 40px 0;}
/* dental problems */
.dental-problems-section .dental-head-wrapper {display: flex; justify-content: space-between; align-items: center; position: relative;}
.dental-problems-section .dental-head-wrapper .shape-vector-1 {position: absolute; right: 235px; top: -10px;}
.dental-problems-section {padding: 40px 0;}
.dental-problems-section a.button-design.gray-btn.desktop-show {background: #F0F0F0; color: #008470; font-family: Outfit; font-size: 18px;
    font-weight: 500; line-height: 1.5; text-align: center;}
.dental-problems-section .smile-yours {    display: flex;    flex-direction: column;    align-items: center;}
.dental-head-wrapper h2 {font-size: 28px; font-weight: 700; line-height: 33.6px; text-align: left; margin-bottom: 0px;}
.dental-head-wrapper span{color:#000}
.dental-problems-swiper .results-item {background: #f0f0f0; border-radius: 16px 48px 16px 16px; overflow: hidden;}
.dental-problems-swiper .results-item img {display: block !important;}
.dental-problems-section .dental-head-wrapper {margin-bottom: 40px;}
.dental-problems-wrapper .teeth-condition {font-family: Outfit; font-size: 18px; font-weight: 500; line-height: 25.2px;
    text-align: center; color: #008470; padding: 16px;}
.dental-problems-section {overflow: hidden;}
.dental-problems-swiper {position: relative;}
.dental-head-wrapper h2 {font-family: Outfit; font-size: 36px; font-weight: 700; line-height: 43.2px; text-align: left;
    margin-bottom: 0;}
.dental-problems-wrapper .swiper-horizontal {padding-bottom: 0px;}
/* take a assessment */
.take-assessment-wrapper {background: #008470; border-radius: 16px 48px 16px 48px;}
.assessment-wrapper {display: flex; align-items: center; justify-content: space-between; padding: 30px 60px; position: relative;}
.assessment-wrapper .shape-vector-light {position: absolute; right: 285px; top: 50px;}
.assessment-wrapper {margin: 0;}
.assessment-wrapper h2 {font-family: Outfit; font-size: 24px; font-weight: 400; line-height: 33.6px; text-align: left; color: #fbfbfb; margin: 0; max-width: 475px;}
.assessment-wrapper .button-design.light-btn {background: #fbfbfb; border: 0px solid #008470; color: #008470; padding: 14px 40px;
    font-family: Outfit; font-size: 18px; font-weight: 500; line-height: 25.2px; text-align: center; max-width: max-content; width: 100%;}
.assessment-wrapper {display: flex; align-items: center; justify-content: space-between; padding: 30px 60px; height: 200px;
    background: url(https://cdn.shopify.com/s/files/1/0706/0697/9391/files/footer_08652550-5135-4b6a-a7a6-7ddc9ea16aef.png?v=1784718484);
    background-size: contain; background-repeat: no-repeat; background-position: 60%;}
.take-assessment-section {padding: 40px 0 80px;}

/* faqs */
.faqs-home-section .faqs-head-wrapper {display: flex; justify-content: space-between; align-items: flex-end; position: relative;}

.faqs-home-section .faqs-home-wrapper img.shape-vector-1.desktop-show {position: absolute; right: 230px;  top: 0px;}
.faqs-home-section {padding: 60px 0; background: #f0f0f0;}
.faqs-home-section .accordion-grid-row {display: grid; grid-template-columns: repeat(3, 1fr); gap: 30px;}
.faqs-home-section .faqs-head-wrapper {margin-bottom: 50px;}
.faqs-home-section .accordion-item {height: 100%; gap: 0px; border-radius: 16px 48px 16px 16px; background: #fbfbfb; padding: 28px;}
.faqs-home-section .accordion-item .accordion-title {font-family: Outfit; font-size: 18px; font-weight: 700; line-height: 1.4; text-align: left; margin-bottom: 14px;}
.faqs-home-section .accordion-content p {font-family: Outfit; font-size: 16px; font-weight: 400; line-height: 1.7; text-align: left; color: #00352D;}
.faqs-home-section .accordion-item {height: 100%;}
.faqs-home-section .accordion-item .accordion-title {color: #00352D;}


/* Connect Instagram */
.connect-instagram-section {padding: 80px 0;}
.grid-gallery-wrapper-4 {display: grid; grid-template-columns: repeat(4, 1fr); gap: 30px; margin-bottom: 30px;}
.grid-gallery-wrapper-3 {display: grid; grid-template-columns: repeat(3, 1fr); gap: 30px; margin-bottom: 30px;}
.connect-instagram-section .grid-gallery-item img {display: block; border-radius: 2rem;}
.smilepath-hash {font-family: Outfit; font-size: 36px; font-weight: 700; line-height: 43.2px; text-align: center; color: #008774;}
.logo-instagram-connect .connect-with-us {font-family: Outfit; font-size: 16px; font-weight: 400; line-height: 22.4px; text-align: center; color: #008774;}
.logo-instagram-connect .connect-with-us {font-family: Outfit; font-size: 16px; font-weight: 400; line-height: 22.4px; text-align: center; color: #008774; 
  border: 1px solid #008470;
  padding: 12px 24px;
  border-radius: 64px;
  transition: 0.3s ease-in-out;
}
.logo-instagram-connect:hover  .connect-with-us {
  background-color: #008470;
}
.logo-instagram-connect  .connect-with-us a {
  transition: 0.3s ease-in-out;
}
.logo-instagram-connect:hover  .connect-with-us a {
  color: #ffffff;
}
.logo-instagram-connect {display: flex; flex-direction: column; justify-content: center; align-items: center; height: 100%; gap: 8px; transition: 0.3s ease-in-out;}
.logo-instagram-connect a {color: #008571;}



.swiper-scrollbar-drag {display: block !important;}
.swiper-scrollbar.swiper-scrollbar-horizontal {background: #F0F0F0; height: 1px;}
.swiper-scrollbar-drag {background: #008470; height: 1px;}
.btn-wrapper {position: relative;}
.btn-wrapper .shape-vector-mob {position: absolute; left: 42%;}


.mobile-show {display: none !important;}
.desktop-show {display: block;}

.track-progress-wrapper .shape-vector-3 {position: absolute; right: 455px; top: 105px;}

/* Shop Page */
.shop-title-wrapper .shop-title-heading h1{font-family: Outfit; font-size: 48px; font-weight: 700; line-height: 62.4px; text-align: left; color: #008470; margin-bottom: 35px;}
.all-products-collection-tabs {padding: 0; list-style: none; display: flex; gap: 20px;}
.all-products-collection-tabs .collection-tab-items a{font-family: Outfit; font-size: 14px; font-weight: 400; line-height: 19.6px; text-align: center; display: inline-block;}
.collection-item-links {padding: 13px 36px; border-radius: 78px; border: 1px solid #008470; color: #008470;}
.collection-item-links.active {background: #008470; color: #fff;}
.shop-title-section .shop-title-wrapper {padding: 0 0 40px; border-bottom: 1px solid #BEBEBE;}
.collection-template-page .shop-title-wrapper {padding: 0 0 40px;  border-bottom: 1px solid #BEBEBE;}
.day-products-wrapper {display: flex; justify-content: space-between; align-items: flex-end;}
.toggle-tabs {list-style: none; margin: 0 !important; padding: 4px; background: #F0F0F0; display: flex; max-width: fit-content;
    border-radius: 50px;}
.toggle-tabs li {list-style: none; font-family: Outfit; font-size: 14px; font-weight: 400; line-height: 1.5;
    letter-spacing: .015em; text-align: center; margin: 0; padding: 10px 26px; color: #00352D; cursor: pointer;}
.toggle-tabs li.active-tab {background: #008470; color: #fbfbfb; border-radius: 50px;}
.day-products-wrapper .day-products-title {max-width: 420px;}
.day-products-wrapper .day-products-title .title-dark {color: #00352D;}
.day-products-wrapper .day-products-title p {color: #00352D; font-family: Outfit; font-size: 16px; font-weight: 400; line-height: 1.6; text-align: left;}
.day-shop-collection {padding: 50px 0; position: relative;}
.day-shop-collection .day-products-wrapper {display: flex; justify-content: space-between; align-items: flex-end;
    margin-bottom: 45px;}
.day-shop-collection .content-box {display: none;}
.day-shop-collection .content-box.active-content-box {display: block;}
.day-single-shop-pricing .price-grid-item {background: #F0F0F0; padding: 20px; border-radius: 24px 48px 24px 24px;height: 385px;}
.day-single-shop-pricing .price-grid-item h3 {font-family: Outfit; font-size: 18px; font-weight: 500; line-height: 25.2px; text-align: left; border-bottom: 1px solid #00352D; padding-bottom: 17px; margin-bottom: 14px; color: #00352D; margin-top: 10px;}
.day-single-shop-pricing .for-only-para {font-family: Outfit; font-size: 16px; font-weight: 400; line-height: 22.4px; text-align: left;
    color: #00352D;}
.day-single-shop-pricing .sp-product-price {font-family: Outfit; font-size: 46px; font-weight: 700; line-height: 55.2px;
    text-align: left; color: #008673; margin: 10px 0;}
.day-single-shop-pricing .sp-product-price del {font-family: Outfit; font-size: 20px; font-weight: 400; line-height: 26px; text-align: left; text-decoration-color: #FE4A53; color: #00352D;}
.day-single-shop-pricing .sp-product-content {font-family: Outfit; font-size: 16px; font-weight: 400; line-height: 22.4px;
    text-align: left; color: #00352d; margin-bottom: 20px; max-width: 165px;}
.day-single-shop-pricing .paymemt-accepted {display: flex; align-items: center; gap: 10px; margin-bottom: 20px;
    color: #00352d; font-size: 14px; font-weight: 400; line-height: 19.6px; text-align: left;}


.night-products-wrapper {display: flex; justify-content: space-between; align-items: flex-end;}
.night-products-wrapper .day-products-title {max-width: 420px;}
.night-products-wrapper .day-products-title .title-dark {color: #00352D;}
.night-products-wrapper .day-products-title p {color: #00352D; font-family: Outfit; font-size: 16px; font-weight: 400; line-height: 1.6; text-align: left;}
.night-shop-collection {padding: 50px 0; position: relative;}
.night-shop-collection .night-products-wrapper {display: flex; justify-content: space-between; align-items: flex-end;
    margin-bottom: 45px;}
.night-shop-collection .content-box {display: none;}
.night-shop-collection .content-box.active-content-box {display: block;}
.night-single-shop-pricing .price-grid-item {background: #F0F0F0; padding: 20px; border-radius: 24px 48px 24px 24px;height: 385px;}
.night-single-shop-pricing .price-grid-item h3 {font-family: Outfit; font-size: 18px; font-weight: 500; line-height: 25.2px; text-align: left; border-bottom: 1px solid #00352D; padding-bottom: 17px; margin-bottom: 14px; color: #00352D; margin-top: 10px;}
.night-single-shop-pricing .for-only-para {font-family: Outfit; font-size: 16px; font-weight: 400; line-height: 22.4px; text-align: left;
    color: #00352D;}
.night-single-shop-pricing .sp-product-price {font-family: Outfit; font-size: 46px; font-weight: 700; line-height: 55.2px;
    text-align: left; color: #008673; margin: 10px 0;}
.night-single-shop-pricing .sp-product-price del {font-family: Outfit; font-size: 20px; font-weight: 400; line-height: 26px; text-align: left; text-decoration-color: #FE4A53; color: #00352D;}
.night-single-shop-pricing .sp-product-content {font-family: Outfit; font-size: 16px; font-weight: 400; line-height: 22.4px;
    text-align: left; color: #00352d; margin-bottom: 20px; max-width: 165px;}
.night-shop-collection .sp-product-content {max-width: 100%;}
.day-shop-collection .sp-product-content {max-width: 100%;}
.day-shop-collection .sp-product-price {font-size: 40px; margin: 20px 0;}
.night-shop-collection .sp-product-price {font-size: 40px; margin: 20px 0;}
.night-single-shop-pricing .paymemt-accepted {display: flex; align-items: center; gap: 10px; margin-bottom: 20px;
    color: #00352d; font-size: 14px; font-weight: 400; line-height: 19.6px; text-align: left;}
.night-shop-collection {background: #008470;}
.night-shop-collection .night-products-title h2 {color: #fbfbfb;}
.night-shop-collection .night-products-title .title-dark {color: #EBEB47;}
.night-shop-collection .night-products-title p {color: #fbfbfb;}
.night-shop-collection .night-products-title {max-width: 390px;}
.price-grid-item {position: relative; }
.price-grid-item .new-tag-product {background: #000000ff; font-family: Outfit; font-size: 12px; font-weight: 400; line-height: 16.8px; text-align: center;
    padding: 5px 0;  position: absolute;  top: 0; width: 160px; right: calc(50% - 80px); color: #FFf; border-radius: 0 0 12px 12px; font-weight:600;}
/* all products */
.all-products-collection {padding: 60px 0;}
.shop-all-products-wrapper .shop-products-grid {display: grid; grid-template-columns: repeat(3, 1fr); gap: 26px; margin-top: 45px;}
.shop-all-products-wrapper .shop-products-grid .shop-product-item {border: 1px solid #008470; border-radius: 16px 48px 16px 16px; overflow: hidden;}
.shop-all-products-wrapper .shop-products-grid .shop-product-item:nth-child(1) .shop-product-image img {background: #E3F1EF;}
.shop-product-image {display: block;}
.shop-product-item .shop-content-wrapper {padding: 6px 30px 30px;}
.shop-product-item .shop-content-wrapper {padding: 6px 30px 30px;}
.shop-product-item .shop-content-wrapper h3 {font-family: Outfit; font-size: 32px; font-weight: 600; line-height: 41.6px; text-align: left; color: #008470; margin-bottom: 12px;}
.shop-product-item .shop-content-wrapper p { font-family: Outfit; font-size: 16px; font-weight: 400; line-height: 1.7; text-align: left; color: #00352D; text-transform: capitalize;}
.shop-product-item .shop-content-wrapper .shop-content-title {height: 110px; display: flex; justify-content: space-between; font-family: Outfit; font-size: 24px; font-weight: 600;
    line-height: 33.6px; text-align: left; color: #00352D; border-bottom: 1px solid #000000; margin-bottom: 30px;}
.shop-content-title div {display: flex; justify-content: flex-end; align-items: flex-end; margin-bottom: 25px;}
a.button-design div {display: inline-block;}
.all-products-collection {padding: 60px 0 0;}
.all-products-collection .page-width {padding-bottom: 80px; border-bottom: 1px solid #BEBEBE;}
.shop-all-products-wrapper .shop-products-grid .shop-product-item .shop-product-image img {border-bottom: 1px solid #008470;}
/* gift card */
.gift-card-content-columm {background: #F0F0F0; padding: 35px; border-radius: 16px 48px 16px 16px;}
.gift-card-content-columm h3 {font-family: Outfit; font-size: 36px; font-weight: 700; line-height: 43.2px;
    text-align: left; margin-bottom: 16px; color: #008470; max-width: 50%;}
.gift-card-content-columm p {font-family: Outfit; font-size: 16px; font-weight: 400; line-height: 22.4px; text-align: left; color: #00352D; max-width: 80%;}
.gift-card-btn-wrapper {display: flex; align-items: center; justify-content: space-between;}
.gift-card-content-columm p {margin-bottom: 20px;}
.gift-card-price-wrapper .gift-card-price {font-family: Outfit; font-size: 36px; font-weight: 700; line-height: 43.2px; text-align: left; color: #008470;}
.gift-card-price-wrapper p {margin-bottom: 8px; font-family: Outfit; font-size: 16px; font-weight: 400; line-height: 22.4px;
    text-align: left; color: #00352d; max-width: 100%;}
.gift-card-btn-wrapper a.btn {padding: 12px 30px 12px 30px; border-radius: 64px; border: 1px solid #008470; display: flex; align-items: center;
    gap: 10px; font-family: Outfit; font-size: 18px; font-weight: 500; line-height: 25.2px; text-align: center; color: #008470; transition: 0.3s;}
.gift-card-content-columm {background: #f0f0f0; padding: 35px; border-radius: 16px 48px 16px 16px; background-image: url(https://cdn.shopify.com/s/files/1/0706/0697/9391/files/Mask_group_957c7777-4a88-4601-be9b-9d77eb8c1a42.svg?v=1719476615); background-repeat: no-repeat; background-position: top right; background-size: 165px;}
.gift-card-image img {width: 100%; height: 100%; object-fit: cover; border-radius: 16px 48px 16px 16px;}
.gift-card-shop-wrapper {display: grid; grid-template-columns: calc(65% - 15px) calc(35% - 15px); gap: 30px;}
.gift-card-shop {padding: 80px 0;}
.gift-card-btn-wrapper a.btn:hover {background: #fff; border: 1px solid #fff;}
.shop-product-item .shop-content-wrapper {padding: 16px 30px 30px;}

.related-products-section .product-view-all-wrapper {display: flex; justify-content: space-between; align-items: center;
    position: relative; margin-bottom: 45px;}
.related-products-section .product-view-all-wrapper .shape-vector-1 {position: absolute; right: 235px; top: -15px;}
.related-products-section .related-products-swiper-wrapper {overflow: hidden; position: relative;}
.related-products-section .product-item {border: 1px solid #008470; border-radius: 16px 48px 16px 16px; overflow: hidden;}
.related-products-section .product-item img {display: block; background: #dfe7e4; border-bottom: 1px solid #008470;}
.related-products-section .product-content-wrapper h3 {font-family: Outfit; font-size: 24px; font-weight: 600;
    line-height: 33.6px; text-align: left; color: #008470;}
.related-products-section .product-item-price {font-family: Outfit; font-size: 18px; font-weight: 500; line-height: 25.2px; text-align: left; color: #008470;}
.related-products-section .product-content-wrapper {padding: 10px 20px 18px;}
.related-products-section {padding: 20px 0 70px;}

/* survey Page */
.smile-assessment-section .smile-assessment-wrapper {background: url(https://cdn.shopify.com/s/files/1/0706/0697/9391/files/goodsmile-308_1_2_1.png?v=1719564671);
    background-size: cover; background-position: center; background-repeat: no-repeat; position: relative; border-radius: 16px; overflow: hidden;}
.smile-assessment-section .smile-assessment-wrapper:after {content: ""; position: absolute; top: 0; bottom: 0; left: 0;
    right: 0; background: #00352d9e;}
.smile-assessment-section .smile-assessment-title-head {position: relative; z-index: 1; height: 360px; display: flex;
    flex-direction: column; justify-content: center;}
.smile-assessment-section .smile-assessment-title-head h1 {color: #fbfbfb; text-align: center; margin-bottom: 8px; font-family: Outfit;
    font-size: 48px; font-weight: 700; line-height: 62.4px; text-align: center; color: #EBEB47; max-width: 760px;}
.smile-assessment-section .smile-assessment-title-head p {color: #fbfbfb; text-align: center; max-width: 500px; margin: 0 auto;}
.smile-assessment-form-section .assessment-form-wrapper {max-width: 850px; margin: 0 auto;}
.smile-assessment-form-section .assessment-form-wrapper iframe {height: 2110px;}
.smile-assessment-form-section {padding: 60px 0;}
.assessment-form-wrapper .assessment-title-wrapper {padding-left: 14px;}
p.other-options {font-family: Outfit; font-size: 18px; font-weight: 700; line-height: 23.4px; text-align: left;
    color: #00352D; margin-bottom: 20px;}
.night-pricing-section .accordion-button {display: flex; align-items: center; justify-content: space-between; padding-right: 40px; font-size: 30px;
    color: #fbfbfb;}
.night-pricing-section .accordion-button h2 {color: #fbfbfb; margin-bottom: 0;}
.night-pricing-section .accordion-container {background: #00352d; border-radius: 16px;}
.thanks-night-pricing-section .night-pricing-wrapper {padding: 0px 55px;}

.accordion-container .accordion-icon-wrapper {padding: 20px 0;}
.accordion-container .accordion-icon-wrapper .accordion-icon-title {padding: 0 55px; max-width: 470px; display: flex; align-items: center; gap: 30px;}
.accordion-container .night-pricing-wrapper {padding: 18px 55px 50px !important;}
.accordion-container {padding: 22px 0;}
.accordion-container.active {padding: 16px 0 16px;}
.accordion-container .accordion-content-wrapper {display: none;}

.day-pricing-section .accordion-container {background: #f0f0f0; border-radius: 16px;}
.day-pricing-section .accordion-button h2 {color: #008470; margin-bottom: 0;}
.day-pricing-section .accordion-button {display: flex; align-items: center; justify-content: space-between; padding-right: 40px; font-size: 30px;
    color: #008470;}
/* still unsure */

.still-unsure-wrapper .grid-row {display: grid; grid-template-columns: calc(40% - 20px) calc(60% - 20px); gap: 40px;
    background: #F0F0F0; padding: 40px 65px; border-radius: 16px; align-items: center;}
.still-unsure-title-wrapper p {font-family: Outfit; font-size: 16px; font-weight: 400; line-height: 1.5; text-align: left;
    color: #00352d; max-width: 340px; margin-bottom: 20px; margin-top: 16px;}
.still-unsure-cards-wrapper {display: grid; grid-template-columns: repeat(1, 1fr); gap: 20px;}
.still-unsure-cards-wrapper .card-item-wrapper {border-radius: 16px; border: 1px solid #008470; padding: 10px;}
.still-unsure-cards-wrapper .card-item-wrapper img {border-radius: 16px;}
.still-unsure-cards-wrapper .button-design {width: 100%; margin-top: 4px;}
.still-unsure-section {padding: 40px 0;}
.still-unsure-cards-wrapper img {border-radius: 16px 48px 16px 16px;}


/* privacy policy page start */

section.privacy-policy-section {padding-bottom: 90px;}
.policy-content h1 {font-family: Outfit;font-size: 48px;font-weight: 700;line-height: 62.4px;text-align: left;color: #008470;margin-bottom: 15px;}
img.desktop-hide {display: none;}
.policy-content a {font-family: Outfit;font-size: 16px;font-weight: 400;line-height: 24px;text-align: left;color: #00352D;}
.policy-content img {width: 100%;border-radius: 16px 48px 16px 16px !important;margin: 30px 0px 50px 0px;}
.policy-content h3 {font-family: Outfit;font-size: 24px;font-weight: 600;line-height: 33.6px;text-align: left;color: #008470;margin-top: 25px;}
.policy-content p {font-family: Outfit;font-size: 16px;font-weight: 400;line-height: 1.6;text-align: left;color: #00352D;margin-bottom: 8px;}
p.policy-line {margin-bottom: 20px;}
.policy-content span {font-family: Outfit;font-size: 16px;font-weight: 400;line-height: 24px;text-align: left;border-bottom: 1px solid #00352D;}
.policy-content ul li {list-style: none;color: #00352D;font-family: Outfit;font-size: 16px;font-weight: 400;
    line-height: 1.6;text-align: left;margin-bottom: 15px;}
.policy-content h4 {font-family: Outfit;font-size: 16px;font-weight: 600;line-height: 22.4px;text-align: left;color: #008470;}
.policy-content ul {margin: 0px;border-left: 1px solid #BEBEBE;  margin-bottom: 17px;padding-left: 30px;}
.contact-info-wrapper {background: #F0F0F0; padding: 30px 46px;border-radius: 16px 48px 16px 16px;margin-top: 30px;}
.contact-info-wrapper h3 {font-family: Outfit;font-size: 24px;font-weight: 600;line-height: 33.6px;text-align: left;color: #008470;}
.contact-info-wrapper p {font-family: Outfit;font-size: 16px;font-weight: 400;line-height: 24px;text-align: left;color: #00352D;}
.contact-info-wrapper span a {font-family: Outfit;font-size: 16px;font-weight: 400;line-height: 24px;text-align: left;border-bottom: 1px solid #00352D;ext-decoration: none;
    color: #00352D;}
ul.terms-contact {border: 0px;padding: 0px;}
ul.terms-contact li {line-height: 1;}

/* privacy policy page end */
/* scan center page start dekstop */
section.scan-center-section {padding-bottom: 40px;}
.scan-center-wrapper {background: url(https://smilepath.com.au/cdn/shop/files/scan_banner_2x_bc788824-6ffe-4689-9f58-59a8db9f6a50.webp?v=1720098207);
    background-position: center center;background-repeat: no-repeat;background-size: cover;position: relative;border-radius: 16px;overflow: hidden;}
.scan-center-wrapper:after {content: "";position: absolute;top: 0px;bottom: 0px;left: 0px;right: 0px;background: #00352dbd;border-radius: 16px;}
.scan-content {z-index: 1;height: 360px;display: flex;flex-direction: column;justify-content: center;}
.scan-content img {border-radius: 16px;}
.scan-content h1 {font-family: Outfit;font-size: 48px;font-weight: 700;line-height: 62.4px;text-align: center;color: #EBEB47; margin: 0; }
.scan-wrapper h2 {margin-bottom: 40px;}
section.smilepath-scan-section {padding: 40px 0px;}
.south-content img {width: 100%;border-radius: 16px 48px 16px 16px !important;margin-bottom: 20px;display: block;}
.new-south-wrapper { display: grid;grid-template-columns: repeat(3, 1fr);gap: 30px;text-align: left;}
.south-content h3 {font-family: Outfit;font-size: 24px;font-weight: 600;line-height: 33.6px;text-align: left;color: #008470;}
img.north-img {width: 22px;}
.south-date-wrapper p {font-family: Outfit;font-size: 16px;font-weight: 400;line-height: 22.4px;text-align: left;color: #00352D;}
.south-date-wrapper {display: flex;gap: 19px;margin-bottom: 25px;align-items: flex-start;}
a.south-learn {display: block;font-family: Outfit;font-size: 14px;font-weight: 400;line-height: 19.6px;text-align: left;color: #00352D;
  margin-top: 20px;text-decoration: underline;}
.south-date-wrapper svg.icon.icon-calender {width: 20px;height: 20px;}
/* scan center page end dekstop */
.header__inline-menu .list-menu .header__menu-item span {position: relative; transition: 0.3s;}
.header__inline-menu .list-menu .header__menu-item span:after {position: absolute; content: ''; left: 0; bottom: -15px; width: 0%; height: 1px; background: #008470; transition: 0.3s;}
.header__inline-menu .list-menu .header__menu-item span:hover:after {position: absolute; content: ''; left: 0; bottom: -15px; width: 100%; height: 1px; background: #008470;}
.header--has-menu .list-menu__item svg {color: #008470;right: 2.5rem;}
.header__inline-menu .list-menu .header__menu-item:hover span {color: #008470;}
.swiper-button-next.custom-next, .swiper-button-prev.custom-prev {transition: 0.3s;}
.swiper-button-next svg, .swiper-button-prev svg {max-width: 12px;}
.swiper-button-next.custom-next:hover, .swiper-button-prev.custom-prev:hover {background-color: #008470;}
.swiper-button-next.custom-next:hover svg path {stroke: #fbfbfb;}
.swiper-button-prev.custom-prev:hover svg path {stroke: #fbfbfb;}
.main-page-title {display: none;}
.shop-content-wrapper .button-design {padding: 14px 55px; font-family: Outfit; font-size: 24px; font-weight: 400; line-height: 33.6px;}
.product-checkout-btn .button-design {font-family: Outfit; font-size: 16px; font-weight: 400; line-height: 22.4px; text-align: center; padding: 14px 20px;}
.product-checkout-btn {display: grid; grid-template-columns: repeat(2, 1fr); gap: 14px;}
.page-pf-dbe0f6d4-template-page .breadcrumbs {display: none;}
.page-pf-f1d3b2fd-template-page .breadcrumbs {display: none;}
.country-pop-overlay {display: none; position: fixed; top: 0; left: 0; width: 100%; height: 100%;  background-color: #000000b3;
    justify-content: center;  align-items: center;  z-index: 999;}
.country-popup {background-color: #F0F0F0; padding: 30px 40px; border-radius: 16px 48px 16px 16px; box-shadow: 0 0 10px #0000004d; max-width: 700px;
    width: 90%; text-align: left; position: relative; }
.popup-header {display: flex; justify-content: space-between; align-items: center; padding-top: 10px;
    padding-bottom: 10px; border-bottom: 1px solid #bebebe7a; margin-bottom: 20px;}
.country-region-wrapper h2 {font-family: Outfit; font-size: 14px; font-weight: 700; line-height: 19.6px; text-align: left; color: #00352D;}
.country-region-item {background: #FBFBFB; padding: 20px; border-radius: 16px;}
.continent-name h3 {font-family: Outfit; font-size: 14px; font-weight: 700; line-height: 19.6px; text-align: left; color: #008470;
    padding-bottom: 10px; border-bottom: 1px solid #bebebe7a;}
.country-grid-item a {display: flex; gap: 10px; align-items: center; color: #00352D; font-family: Outfit; font-size: 14px;
    font-weight: 400; line-height: 19.6px; text-align: left;}
.country-grid-item img {width: 25px;}
.country-region-grid-wrapper {display: grid; grid-template-columns: repeat(2, 1fr); gap: 20px;}
.country-grid-wrapper {display: grid; grid-template-columns: repeat(2, 1fr); column-gap: 0px; row-gap: 18px;}
.country-region-wrapper h2 {margin-bottom: 8px;}
.country-grid-item h4 {font-family: Outfit; font-size: 14px; font-weight: 600; line-height: 19.6px; text-align: left; margin-bottom: 8px;}
.flags-country-grid {display: grid; grid-template-columns: 1fr 1fr; gap: 0;}
.margin_top_region {margin-top: 20px;}
.country-close-btn {cursor: pointer;}
.grid-tranform-images img {cursor: pointer;}
.popup_reviews button {cursor: pointer;}

.insta-dark-green-wrapper {width: 100%; height: 100%; border-radius: 2rem; background: #00352D;}
.insta-green-wrapper {width: 100%; height: 100%; border-radius: 2rem; background-color: #008470; display: flex;  align-items: flex-end;
    padding: 0px 24px; background-image: url(https://cdn.shopify.com/s/files/1/0706/0697/9391/files/Icon-_moon_2.png?v=1720616013);
    background-repeat: no-repeat; background-position: 20px 20px; background-size: 70px;}
.insta-green-wrapper h3{color: #EBEB47; font-size: 15px; font-weight: 600; line-height: 1.5; max-width: 200px; margin-bottom: 20px;}
.insta-dark-green-wrapper {width: 100%; height: 100%; border-radius: 2rem; background: #00352d; padding: 0 24px; display: flex;
    align-items: flex-end; background-image: url(https://cdn.shopify.com/s/files/1/0706/0697/9391/files/Mask_group_19_1.png?v=1720618522); background-repeat: no-repeat;
    background-position: right; background-size: cover;}
.insta-dark-green-wrapper h3 {color: #fbfbfb; font-size: 14px; font-weight: 600; line-height: 1.7; margin-bottom: 20px;}
.insta-green-wrapper h3 {max-width: 175px; margin-bottom: 20px;}





.results-before-after-section .swiper-scrollbar {display: none;}
.results-box .tretment-before-box {display: flex; }
.results-box .tretment-box {border: 1px solid #008470; display: flex; justify-content: center; padding: 15px 0; border-top: 0; border-radius: 0px 0 16px 16px; }
.results-box p.tretment-name {padding-right: 20px; }
.results-box p.tretment-duration {border-left: 1px solid; padding-left: 20px; }
.results-before-after-section .swiper-grid-column>.swiper-wrapper {display: flex; flex-direction: row; align-items: center; }
.results-box .tretment-before-box img {width:100%; border-radius: 16px 48px 0px 0px; }
.results-before-after-section .swiper-slide {margin: 0 30px 30px 0 !important; }
.results-box p.tretment-duration, .results-box p.tretment-name { font-family: Outfit; font-size: 18px; font-weight: 500; line-height: 25.2px; text-align: right; color: #000; }
.results-box .tretment-before-box {display: flex; height: 250px; object-fit: cover; }
.titel-wapper p {font-family: Outfit; font-size: 16px; font-weight: 400; line-height: 22.4px; text-align: left; color: #00352D; }
.results-before-after-section {padding: 40px 0 10px 0;}

/*----- night-guard page desktop start----- */
section.night_guards_banner_section .banner-wrapper {background-image: url(/cdn/shop/files/IMG_6942_1_2.jpg?v=1727345036); background-size: cover; background-repeat: no-repeat;  border-radius: 16px; background-position: center; height: 590px;padding:55px;}
section.night_guards_banner_section h1 {font-family: Outfit; font-size: 48px; font-weight: 700; text-align: center; color: #F0F0F0; line-height: 1.3; }
section.night_guards_banner_section h1 span {color: #EBEB47; }
section.night_guards_banner_section a.banner-button {border: 1px solid #fbfbfb; font-family: Outfit; font-size: 18px; font-weight: 600; line-height: 25.2px; text-align: center; padding: 14px 42px; border-radius: 40px; background: #F0F0F0; color: #008470; display: inline-block; }
section.night_guards_banner_section {padding: 0 0 40px 0; }
.lp-banner-text {text-align: center; max-width:586px; }
section.night_guards_banner_section h1 span.blank-text {color: inherit; }
section.night_guards_banner_section .night_guard_mid{align-items:center; height:468px;}
section.night_guards_banner_section a.banner-button:hover{background: transparent; color: #fbfbfb;    border: 1px solid #fbfbfb;}
.your-mouth-guard-section a.button-design.white-btn {margin-top: 0 !important;}

/* Night Guard Why Choose Smilepath Start */
.night-guard-why-choose-section {padding: 40px 0;}
.night-guard-why-choose-section {padding-top: 40px;}
.night-guard-why-choose-section h2 {max-width:412px; font-family: Outfit; font-size: 36px; font-weight: 700; line-height: 43.2px; text-align: left; margin-bottom: 8px; color: #008470;}
.night-guard-why-choose-section p.heading-subtitle {font-family: Outfit; font-size: 16px; font-weight: 400; line-height: 1.5; text-align: left;  color: #00352D; max-width: 380px; margin-bottom: 35px;}
.night-guard-why-choose-section .features-wrapper img {width: 60px;  margin-bottom: 12px;}
.night-guard-why-choose-section .features-wrapper h3 {max-width:177px;margin:0px; font-family: Outfit; font-size: 18px; font-weight: 500; line-height: 25.2px; text-align: left; color: #008470;}
.night-guard-why-choose-section .features-wrapper {padding: 16px 0px 16px 16px; border-radius: 16px 48px 16px 16px; border: 1px solid #008470;}
.night-guard-why-choose-section .features-grid {display: grid; grid-template-columns: repeat(3, 1fr); gap: 30px;}
.night-guard-why-choose-section .features-wrapper h3 span {color: #008470;}
.night-guard-why-choose-section .features-wrapper .image img{width:100%; height:100%;margin-bottom:0px;border-radius:8px;display:block;}
.night-guard-why-choose-section .features-wrapper .image{height:100%;}
.night-guard-middel-feature-power{align-items:center;}
.night-guard-why-choose-section .feauture-content {padding: 0px 0px 0px 8px;}
.why-use-image-box .shape{border-radius:0px;}
/* Night Guard Why Choose Smilepath End */

/* Affordiable Dental Night start*/
.affordiable-dental-night-section p{font-family: Outfit; font-size: 16px; font-weight: 400; line-height: 22.4px; text-align: left;color:#00352D!important;}
.affordiable-dental-night-wrapper .affordiable-dental-night-head-wrapper {display: flex; justify-content: space-between; align-items: flex-end; position: relative; margin-bottom:52px;}
.affordiable-dental-night-wrapper .affordiable-dental-night-head-wrapper .shape-vector-1 {position: absolute; right: 175px; top: 60px;}
.affordiable-dental-night-section {padding: 40px 0;}
.affordiable-dental-night-section a.button-design.gray-btn.desktop-show { background-color:transparent; color: #008470; font-family: Outfit; font-size: 18px;
    font-weight: 500; line-height: 1.5; text-align: center;border:1px solid #008470;}
.affordiable-dental-night-head-wrapper h2 {font-size: 28px; font-weight: 700; line-height: 33.6px; text-align: left; margin-bottom: 0px;}
.affordiable-dental-night-swiper .results-item {border-radius: 16px 48px 16px 16px; overflow: hidden;border:1px solid #008470;}
.affordiable-dental-night-swiper .results-item img {display: block !important;}
.affordiable-dental-night-wrapper .dental-head-wrapper {margin-bottom: 40px;}
.affordiable-dental-night-wrapper .teeth-condition {font-family: Outfit; font-size: 18px; font-weight: 500; line-height: 25.2px;
    text-align: center; color: #008470; padding: 14px;}
.affordiable-dental-night-section {overflow: hidden;}
.affordiable-dental-night-swiper {position: relative;}
.affordiable-dental-night-head-wrapper h2 {font-family: Outfit; font-size: 36px; font-weight: 700; line-height: 43.2px; text-align: left;
    margin-bottom: 0;}
.affordiable-dental-night-wrapper .swiper-horizontal {padding-bottom: 0px;}
.affordiable-dental-night-section .heading-content {max-width: 500px;}
.affordiable-dental-night-section .features-wrapper h3 span {color: #008470;}
.affordiable-dental-night-section .featured-content p { margin-bottom: 45px; line-height: 22.4px; color: #00352D; min-height:67px;max-width: 266px;}
.affordiable-dental-night-section .featured-content {padding: 32px 22px 32px 32px; position:relative;}
.affordiable-dental-night-section .featured-content  .new-tag-product{background: #ebeb47; font-family: Outfit; font-size: 15px; font-weight: 400; line-height: 16.8px; text-align: center; padding: 5px; position: absolute; width: 100%; bottom: 27px; right: -38%; transform: rotate(-45deg); color: #00352d;}
.affordiable-dental-night-section .featured-content h3 { margin: 0px; font-family: Outfit; font-size: 30px; font-weight: 600; line-height: 41.6px; text-align: left; color: #008470; margin-bottom: 23px; }
.affordiable-dental-night-section h2 {max-width:508px; font-family: Outfit; font-size: 36px; font-weight: 700; line-height: 43.2px; text-align: left; margin-bottom: 8px; color: #008470;}
.affordiable-dental-night-section h2 span { color: #00352D; }
.affordiable-dental-night-section a.button-design.gray-btn.desktop-show:hover{background: #008470; color: #fbfbfb;}
.your-night-guard-section .button-design.gray-btn:hover{background: #008470; color: #fbfbfb;}
/* Affordiable Dental Night End */

/* Custom Night Guard Start */
.custom-step-access-guard-section{padding: 40px 0 40px;}
.custom-step-access-guard-wrapper { background: #00352D; display: flex; align-items: center; flex-direction: column; justify-content: center; padding: 80px 40px; border-radius: 16px 48px 16px 16px; position:relative;}
.custom-step-access-guard-section .features-grid-wrapper {display: grid; grid-template-columns: repeat(3, 1fr); gap: 38px;}
.custom-step-access-guard-section h2{font-family: Outfit; font-size: 36px; font-weight: 700; line-height: 43.2px; text-align: center; margin-bottom: 50px; color: #fff;}
.custom-step-access-guard-section p.heading-subtitle {margin-bottom: 70px; color: #F0F0F0; max-width:100%;text-align:center;}
.custom-step-access-guard-wrapper .features-wrapper .image img { border-radius: 50%; width: 200px; }
.custom-step-access-guard-section .features-wrapper { display: flex; justify-content: center; align-items: center; flex-direction: column; }
.custom-step-access-guard-section h3 { color: #fff; max-width: 272px; text-align: center; font-size: 24px; line-height: 33.6px; font-weight:600;}
.custom-step-access-guard-section p{color:#fff; text-align:center;font-size:16px;line-height:22.4px;}
.custom-step-access-guard-section .image {margin-bottom: 32px;}
.custom-step-access-guard-section .features-grid-item {position: relative;}
.custom-step-access-guard-section .features-grid-item:after { content: url(https://smilepath.com.au/cdn/shop/files/Arrow-2.svg?v=1719206935); position: absolute; right: -58px; top: 100px; z-index: 1; }
.custom-step-access-guard-section .features-grid-item:last-child:after {content: none;}
.custom-step-access-guard-section .shape-3 { position: absolute; top: 80px; left: 121px; }
.custom-step-access-guard-section .shape-4{position: absolute; right: 94px; top: 64px;}
.custom-step-access-guard-section .shape-5{display:none;}
/* Custom Night Guard end */

/*Your night guard section start*/
.your-night-guard-section {padding: 40px 0;}
.your-night-guard-section .product-view-all-wrapper {display: flex; justify-content: space-between; align-items: center; position: relative; margin-bottom: 45px;}
.your-night-guard-section .product-view-all-wrapper .shape-vector-1 {position: absolute; right: 260px; top: 20px;}
.your-night-guard-section .button-design.gray-btn {background: transparent; color: #008470; border: 1px solid #008470;}
.your-night-guard-section h2{max-width:508px;}
.your-night-guard-section .button-content-wrapper p{text-align:center;padding-bottom:16px;}
.your-night-guard-section .image-2{background:url(https://smilepath.com.au/cdn/shop/files/night-guard-section-background.svg?v=1719217657); background-repeat:no-repeat;background-position:left bottom;background-size: contain;}
.your-night-guard-section .your-night-guard-wrapper{position: relative; background-color: #F0F0F0; background-image: url(https://smilepath.com.au(https://smilepath.com.au/cdn/shop/files/night-guard-section-background.svg?v=1719217657); background-repeat: no-repeat; background-position: right bottom; border-radius: 16px 48px 16px 16px;}
.your-night-guard-section .featured-wrapper{padding: 60px 0px 60px 70px;  background-image: url(https://cdn.shopify.com/s/files/1/0706/0697/9391/files/night-guard-background-image.png?v=1719223999); background-repeat: no-repeat; background-position: 92% bottom;background-size:470px;}
.your-night-guard-section .image-2 img{height:100%;}
.your-night-guard-section h3{color:#008470; font-family: Outfit;font-size: 18px;font-weight: 500;line-height: 25.2px;text-align: left;margin-bottom:8px;}
.your-night-guard-section .featured-grid-wrapper { display: grid; grid-template-columns: repeat(2, 1fr); gap: 60px; max-width: 600px;}
.your-night-guard-section .featured-grid-item{position:relative;}
.your-night-guard-section .featured-grid-item:after{content: ""; position: absolute; top: -33px; background: #008470; width: 156px; height: 1px;}
.your-night-guard-section .featured-grid-item:first-child:after {display:none;}
.your-night-guard-section .featured-grid-item:nth-child(2):after {display:none;}
.your-night-guard-section .features-wrapper p{font-family: Outfit; font-size: 14px; font-weight: 400; line-height: 19.6px; text-align: left; color:#00352D;}
.your-night-guard-section .your-night-guard-wrapper .shape-vector{position: absolute; top: 54px; right: 394px;}
/*Your night guard section end*/

/* take a assessment */
.night-guard-take-assessment-wrapper {background: #008470; border-radius: 16px 48px 16px 48px;}
.night-guard-take-assessment-section .assessment-wrapper {display: flex; align-items: center; justify-content: space-between; padding: 30px 60px; position: relative;}
.night-guard-take-assessment-section .assessment-wrapper .shape-vector-light {position: absolute; right: 230px; top: 45px;}
.night-guard-take-assessment-section .assessment-wrapper {margin: 0;}
.night-guard-take-assessment-section .assessment-wrapper h2 {font-family: Outfit; font-size: 24px; font-weight: 400; line-height: 33.6px; text-align: left; color: #fbfbfb; margin: 0; max-width: 475px;}
.night-guard-take-assessment-section .assessment-wrapper .button-design.light-btn {background: #fbfbfb; border: 0px solid #008470; color: #008470; padding: 14px 40px;
    font-family: Outfit; font-size: 18px; font-weight: 500; line-height: 25.2px; text-align: center; max-width: max-content; width: 100%;}
.night-guard-take-assessment-section .assessment-wrapper {display: flex; align-items: center; justify-content: space-between; padding: 30px 60px; height: 200px;
    background: url(https://cdn.shopify.com/s/files/1/0706/0697/9391/files/night-guard-assessment-image.png?v=1719232194);
    background-size: contain; background-repeat: no-repeat; background-position: 60%;}
.night-guard-take-assessment-section {padding: 40px 0 80px;}
/* take a assessment end*/

/*why use night guard section start*/
.main-why-use-wrapper { display: flex; gap: 32px; justify-content:space-between;}
.why-use-box { background: #F0F0F0; border-radius: 16px; max-width:57%; height: 402px;position:relative;}
.why-use-box .why-use-wrapper{padding: 80px 60px;}
.why-use-wrapper img{position:absolute; top:0; right:0;}
.why-use-box .why-use-wrapper h3 {font-family: Outfit; font-size: 36px; font-weight: 700; line-height: 43.2px; text-align: left; max-width: 45%;color: #008470; margin-bottom: 20px;}
.why-use-box .why-use-wrapper p{max-width: 55%; font-family: Outfit; font-size: 16px; font-weight: 400; line-height: 22.4px; text-align: left;max-width:55%;color:#00352D;}
.why-use-night-guard-section .swiper-button-next.custom-next-new { background: url(https://smilepath.com.au/cdn/shop/files/arrow-right.svg?v=1719303111); width: 50px; height: 50px; background-repeat: no-repeat; cursor: pointer; display: block; background-size: 20px; background-position: center center; border-radius: 50%; border: 1px solid #008470; position: absolute; top: 74%; left: 50%;}
.why-use-night-guard-section .swiper-scrollbar.swiper-scrollbar-horizontal{width: 56%; position: absolute; bottom: 20px;height: 7px;}
.why-use-night-guard-section .swiper-scrollbar-drag{height:7px;}
.why-use-image-box img { border-radius: 16px 48px 16px 16px;}
.why-use-image-box {position:relative;height:442px;}
.why-use-image-box .shape { position: absolute; right: 100px; top: 20px; }
.why-use-night-guard-section .swiper-horizontal{padding-bottom:0px;}
.why-use-image-box-2 img { border-radius: 50%;    background-color: #F0F0F0;}
.why-use-image-box-2 {position:relative;}
.why-use-image-box-2 .shape-2 { position: absolute; right: 0px; top: 0px; background: transparent; border-radius: 0;}
section.why-use-night-guard-section {padding: 40px 0px;}
.why-use-image-box-3 img { border-radius: 16px 48px 16px 16px;}
.why-use-image-box-3 {position:relative;}
.why-use-image-box-3 .shape-3 { position: absolute; right: 7%; top: 20px; }
/*why use night guard section end*/

/*Faq Section*/
.mobile-show-guard .shape-vector-mob{display:none;}
/*faq section end*/
/*----- night-guard page desktop end----- */

/*-- mouth guard page desktop start--*/
/*banner section Start*/
section.mouth_guards_banner_section .banner-wrapper {background-image: url(https://cdn.shopify.com/s/files/1/0706/0697/9391/files/mouth-guard-banner_1.png?v=1722250063); background-size: cover; background-repeat: no-repeat;  border-radius: 16px; background-position: center; height: 590px;padding:55px;}
section.mouth_guards_banner_section h1 {font-family: Outfit; font-size: 48px; font-weight: 700; text-align: center; color: #008470; line-height: 1.3; max-width: 545px;}
section.mouth_guards_banner_section h1 span {color: #00352D; }
section.mouth_guards_banner_section a.banner-button {    border: 1px solid #fbfbfb !important; font-family: Outfit; font-size: 24px; font-weight: 600; line-height: 25.2px; text-align: center; padding: 20px 58px; border-radius: 40px; background: #008470; color: #EBEB47; display: inline-block; }
section.mouth_guards_banner_section {padding: 0 0 40px 0; }
section.mouth_guards_banner_section h1 span.blank-text {color: inherit; }
section.mouth_guards_banner_section .mouth_guard_mid{align-items:center; height: 468px;}
.mouth_guards_banner_section .btn-wrapper .price-content {display: none;}
section.mouth_guards_banner_section a.banner-button:hover{background: transparent; color: #008470;    border: 1px solid #fbfbfb !important;}
/*banner section end*/

/* Mouth Guard Why Choose Smilepath Start */
.mouth-guard-why-choose-section {padding: 40px 0;}
.mouth-guard-why-choose-section {padding-top: 40px;}
.mouth-guard-why-choose-section h2 {max-width:412px; font-family: Outfit; font-size: 36px; font-weight: 700; line-height: 43.2px; text-align: left; margin-bottom: 8px; color: #008470;}
.mouth-guard-why-choose-section p.heading-subtitle {font-family: Outfit; font-size: 16px; font-weight: 400; line-height: 1.5; text-align: left;  color: #00352D; max-width: 380px; margin-bottom: 35px;}
.mouth-guard-why-choose-section .features-wrapper img {width: 60px;}
.mouth-guard-why-choose-section .features-wrapper h3 {margin: 0px; font-family: Outfit; font-size: 18px; font-weight: 500; line-height: 25.2px; text-align: left; color: #fff;}
.mouth-guard-why-choose-section .features-wrapper { position:relative;padding: 40px; border-radius: 24px 75px 24px 24px; border: 1px solid #008470; background-image: url(https://cdn.shopify.com/s/files/1/0706/0697/9391/files/intro-mouth-guard-background-image.png?v=1719474421); background-position: 40%; background-size: cover; }
.mouth-guard-why-choose-section .featured-content-wrapper { display: flex; flex-direction: column; gap: 24px; }
.mouth-guard-why-choose-section .features-wrapper h3 span {color: #EBEB47;}
.mouth-guard-why-choose-section .features-wrapper .image img{width:100%; height:100%;margin-bottom:0px;border-radius:8px;}
.mouth-guard-why-choose-section .features-wrapper .image{height:100%;}
.mouth-guard-middel-feature-power{align-items:center;position: relative;}
.mouth-guard-why-choose-section .feauture-content {padding: 20px 24px; width: 485px; display: flex; align-items:center; gap: 16px; border: 1px solid #F0F0F0; border-radius: 16px 48px 16px 16px;}
.mouth-guard-why-choose-section .features-wrapper:before { position: absolute; content: ''; top: 0; left: 0; width: 100%; height: 100%; background: #00847054; opacity: 1; border-radius: 20px 74px 20px 20px; }
/* Mouth Guard Why Choose Smilepath End */

/*why use mouth guard section start*/
.main-why-use-wrapper { display: flex; gap: 32px; justify-content:space-between;}
.why-use-box { background: #F0F0F0; border-radius: 16px; max-width:57%; height: 402px;position:relative;}
.why-use-box .why-use-wrapper{padding: 80px 60px;}
.why-use-wrapper img{position:absolute; top:0; right:0;}
.why-use-box .why-use-wrapper h3 { font-family: Outfit; font-size: 36px; font-weight: 700; line-height: 43.2px; text-align: left; max-width: 45%;color: #008470; }
.why-use-box .why-use-wrapper p{max-width: 55%; font-family: Outfit; font-size: 16px; font-weight: 400; line-height: 22.4px; text-align: left;max-width:55%;color:#00352D;}
.why-use-mouth-guard-section .swiper-button-next.custom-next-new { background: url(https://smilepath.com.au/cdn/shop/files/arrow-right.svg?v=1719303111); width: 50px; height: 50px; background-repeat: no-repeat; cursor: pointer; display: block; background-size: 20px; background-position: center center; border-radius: 50%; border: 1px solid #008470; position: absolute; top: 74%; left: 50%;}
.why-use-mouth-guard-section .swiper-scrollbar.swiper-scrollbar-horizontal{width: 56%; position: absolute; bottom: 20px;height: 7px;}
.why-use-mouth-guard-section .swiper-scrollbar-drag{height:7px;}
.why-use-image-box img { border-radius: 16px 48px 16px 16px;}
.why-use-image-box {position:relative;height:442px;}
.why-use-mouth-guard-section .why-use-image-box .shape { position: absolute; left: 80px; top: 82px; border-radius:0px;}
.why-use-mouth-guard-section .why-use-image-box .shape-2 { display:none;}
.why-use-mouth-guard-section .swiper-horizontal{padding-bottom:0px;}
.why-use-image-box-2 img { border-radius: 50%;    background-color: #F0F0F0;}
.why-use-image-box-2 {position:relative;}
.why-use-image-box-2 .shape-2 { position: absolute; right: 0px; top: 0px; background: transparent; border-radius: 0;}
section.why-use-mouth-guard-section {padding: 40px 0px;}
.why-use-image-box-3 img { border-radius: 16px 48px 16px 16px;}
.why-use-image-box-3 {position:relative;}
.why-use-image-box-3 .shape-3 { position: absolute; right: 7%; top: 20px; border-radius: 0px;}
/*why use mouth guard section end*/
/*custom mouth guard start*/
section.custom-fit-mouth-guard-section { padding: 40px 0px; }
.custom-fit-mouth-guard-section .custom-fit-mouth-guard-wrapper { display: grid; grid-template-columns: calc(60% - 15px) calc(40% - 15px); gap: 24px; margin: 0 0 0 auto;background-color: #F0F0F0; border-radius: 16px 48px 16px 48px;padding:60px 70px; }
.custom-fit-mouth-guard-section .custom-mouth-guard-image{position:relative;}
.custom-fit-mouth-guard-section .custom-mouth-guard-image img { border-radius: 100%; border:1px solid #008470; }
.custom-fit-mouth-guard-section .custom-mouth-guard-image .vector-shape { position: absolute; left: 20px; top: 62px;border:none; }
.custom-fit-mouth-guard-section .custom-mouth-guard-image .vector-shape-2 { position: absolute; right: 18px; bottom: 94px; border: none; }
.custom-fit-mouth-guard-section .custom-fit-guard-content { display: flex; flex-direction: column; justify-content: center; align-items: center; }
.custom-fit-mouth-guard-section h2{text-align:center;max-width:502px;margin-bottom:16px;}
.custom-fit-mouth-guard-section p {  font-family: Outfit; font-size: 16px; font-weight: 400; line-height: 22.4px; text-align: center; max-width: 550px; color:#00352D;}
.custom-fit-mouth-guard-section .amount { color: #008470; font-family: Outfit; font-size: 36px; font-weight: 700; line-height: 43.2px; text-align: left;margin:20px 0px; }
.custom-fit-mouth-guard-section .button-design{margin-top:32px;}
/*custom mouth guard end*/

/*Your night guard section start*/
.your-mouth-guard-section {padding: 40px 0;}
.your-mouth-guard-section .product-view-all-wrapper {display: flex; justify-content: space-between; align-items: center; position: relative; margin-bottom: 45px;}
.your-mouth-guard-section .product-view-all-wrapper .shape-vector-1 {position: absolute; right: 260px; top: 20px;}
.your-mouth-guard-section .button-design.gray-btn {background: transparent; color: #008470; border: 1px solid #008470;}
.your-mouth-guard-section h2{max-width:508px;}
.your-mouth-guard-section .button-content-wrapper p{text-align:center;padding-bottom:16px;}
.your-mouth-guard-section .image-2{background:url(https://smilepath.com.au/cdn/shop/files/mouth-guard-section-background.svg?v=1719217657); background-repeat:no-repeat;background-position:left bottom;background-size: contain;}
.your-mouth-guard-section .image-2 img{height:100%;}
.your-mouth-guard-section h3{color:#008470; font-family: Outfit;font-size: 18px;font-weight: 500;line-height: 25.2px;text-align: left;margin-bottom:10px!important;}
.your-mouth-guard-section .featured-grid-wrapper { display: grid; grid-template-columns: repeat(3, 1fr); gap: 30px;}
.your-mouth-guard-section .featured-grid-item{position:relative;}
.your-mouth-guard-section .features-wrapper { border: 1px solid #008470; border-radius: 16px 48px 16px 16px; padding: 30px 18px 30px 27px; }
.your-mouth-guard-section .features-wrapper p{font-family: Outfit; font-size: 14px; font-weight: 400; line-height: 19.6px; text-align: left; color:#00352D;}
.your-mouth-guard-section .your-mouth-guard-wrapper .shape-vector{position: absolute; top: 80px; right: 394px;}
  .your-mouth-guard-section .image { height: 50px;}
.your-mouth-guard-section .button-design.gray-btn{background: #008470; color: #fbfbfb;}
/*Your night guard section end*/

/* take a assessment */
.mouth-guard-take-assessment-wrapper {background: #008470; border-radius: 16px 48px 16px 48px;}
.mouth-guard-take-assessment-section .assessment-wrapper {display: flex; align-items: center; justify-content: space-between; padding: 30px 60px; position: relative;}
.mouth-guard-take-assessment-section .assessment-wrapper .shape-vector-light {position: absolute; right: 238px; top: 50px;}
.mouth-guard-take-assessment-section .assessment-wrapper {margin: 0;}
.mouth-guard-take-assessment-section .assessment-wrapper h2 {font-family: Outfit; font-size: 24px; font-weight: 400; line-height: 33.6px; text-align: left; color: #fbfbfb; margin: 0; max-width: 344px;}
.mouth-guard-take-assessment-section .assessment-wrapper .button-design.light-btn {background: #fbfbfb; border: 0px solid #008470; color: #008470; padding: 14px 40px;
    font-family: Outfit; font-size: 18px; font-weight: 500; line-height: 25.2px; text-align: center; max-width: max-content; width: 100%;}
.mouth-guard-take-assessment-section .assessment-wrapper {display: flex; align-items: center; justify-content: space-between; padding: 30px 60px; height: 200px;
    background: url(https://smilepath.com.au(https://smilepath.com.au/cdn/shop/files/goodsmile_28-11-2022-835_1_6_2.png?v=1718710957);
    background-size: contain; background-repeat: no-repeat; background-position: 60%;}
.mouth-guard-take-assessment-section {padding: 40px 0 80px;}
/* take a assessment end*/
/*-- mouth guard page desktop end--*/

/*retainer desktop start*/
section.retainer_banner_section .banner-wrapper {background-image: url(/cdn/shop/files/retainers_banner.jpg?v=1727250066); background-size: cover; background-repeat: no-repeat;  border-radius: 16px; background-position: center; height: 590px;padding:55px;}
section.retainer_banner_section h1 {font-family: Outfit; font-size: 48px; font-weight: 700; text-align: left; color: #F0F0F0; line-height: 1.3; }
section.retainer_banner_section h1 span {color: #EBEB47; }
section.retainer_banner_section a.banner-button {border: 1px solid #fbfbfb; font-family: Outfit; font-size: 18px; font-weight: 600; line-height: 33.6px; text-align: center; padding: 14px 42px; border-radius: 40px; background: #F0F0F0; color: #008470; display: inline-block; }
section.retainer_banner_section {padding: 0 0 40px 0; }
.lp-banner-text {text-align: left; max-width:586px; }
section.retainer_banner_section h1 span.blank-text {color: inherit; }
section.retainer_banner_section .night_guard_mid{align-items:center; height: 468px;}
section.retainer_banner_section a.banner-button:hover{background: transparent; color: #fbfbfb;    border: 1px solid #fbfbfb;}
section.retainer_banner_section a.banner-button:active {background: #00352d;border: 1px solid #00352D;color: #fbfbfb;}

/* Retainer Why Choose Smilepath Start */
.retainer-why-choose-section {padding: 40px 0;}
.retainer-why-choose-section {padding-top: 40px;}
.retainer-why-choose-section h2 {max-width:364px; font-family: Outfit; font-size: 36px; font-weight: 700; line-height: 43.2px; text-align: left; margin-bottom: 8px; color: #008470;}
.retainer-why-choose-section p.heading-subtitle {font-family: Outfit; font-size: 16px; font-weight: 400; line-height: 1.5; text-align: left;  color: #00352D; max-width: 380px; margin-bottom: 35px;}
.retainer-why-choose-section .features-wrapper img {width: 60px;  margin-bottom: 12px;}
.retainer-why-choose-section .features-wrapper h3 {margin:0px; font-family: Outfit; font-size: 18px; font-weight: 500; line-height: 25.2px; text-align: left; color: #008470;}
.retainer-why-choose-section .features-wrapper {padding: 16px 32px 16px 16px; border-radius: 16px 48px 16px 16px; border: 1px solid #008470;}
.retainer-why-choose-section .features-grid {display: grid; grid-template-columns: repeat(3, 1fr); gap: 30px;}
.retainer-why-choose-section .features-wrapper h3 span {color: #008470;}
.retainer-why-choose-section .features-wrapper .image img{width:100%; height:100%;margin-bottom:0px;border-radius:8px;display:block;}
.retainer-why-choose-section .features-wrapper .image{height:100%;}
.retainer-middel-feature-power{align-items:center;}
.retainer-why-choose-section .feauture-content {padding: 0px 0px 0px 8px;}
.retainer-why-choose-section .why-use-image-box .shape{border-radius:0px; right:24px;}
/* Retainer Why Choose Smilepath End */

/*why use Retainer section start*/
.main-why-use-wrapper { display: flex; gap: 32px; justify-content:space-between;}
.why-use-box { background: #F0F0F0; border-radius: 16px; max-width:57%; height: 402px;position:relative;}
.why-use-box .why-use-wrapper{padding: 80px 60px;}
.why-use-wrapper img{position:absolute; top:0; right:0;}
.why-use-box .why-use-wrapper h3 { font-family: Outfit; font-size: 36px; font-weight: 700; line-height: 43.2px; text-align: left; max-width: 45%;color: #008470; }
.why-use-box .why-use-wrapper p{max-width: 55%; font-family: Outfit; font-size: 16px; font-weight: 400; line-height: 22.4px; text-align: left;max-width:55%;color:#00352D;}
.why-use-retainer-section .swiper-button-next.custom-next-new { background: url(/cdn/shop/files/arrow-right.svg?v=1727250274); width: 50px; height: 50px; background-repeat: no-repeat; cursor: pointer; display: block; background-size: 20px; background-position: center center; border-radius: 50%; border: 1px solid #008470; position: absolute; top: 74%; left: 50%;}
.why-use-retainer-section .swiper-scrollbar.swiper-scrollbar-horizontal{width: 56%; position: absolute; bottom: 20px;height: 7px;}
.why-use-retainer-section .swiper-scrollbar-drag{height:7px;}
.why-use-image-box img { border-radius: 16px 48px 16px 16px;}
.why-use-image-box {position:relative;height:442px;}
.why-use-image-box .shape { position: absolute; right: 100px; top: 20px; }
.why-use-retainer-section .swiper-horizontal{padding-bottom:0px;}
.why-use-image-box-2 img { border-radius: 50%;    background-color: #F0F0F0;}
.why-use-image-box-2 {position:relative;}
.why-use-image-box-2 .shape-2 { position: absolute; right: 0px; top: 0px; background: transparent; border-radius: 0;}
section.why-use-retainer-section {padding: 40px 0px;}
.why-use-image-box-3 img { border-radius: 16px 48px 16px 16px;}
.why-use-image-box-3 {position:relative;}
.why-use-image-box-3 .shape-3 { position: absolute; right: 7%; top: 20px; }
.why-use-retainer-section .why-use-image-box .shape-3{right:34px; top:16px;position:absolute;border-radius:0px;}
.why-use-image-box .mobile-show{display:none;}
/*why use Retainer section end*/

/*custom retainer start*/
section.custom-fit-section { padding: 40px 0px; }
.custom-fit-section .custom-fit-wrapper {position:relative; display: grid; grid-template-columns: calc(60% - 15px) calc(40% - 15px); gap: 24px; margin: 0 0 0 auto;background-color: #F0F0F0; border-radius: 16px 48px 16px 48px;padding:60px 70px; }
.custom-fit-section .custom-image{position:relative;}
.custom-fit-section .custom-image img { border-radius: 100%; border:1px solid #008470; }
.custom-fit-section .custom-image .vector-shape { position: absolute; left: 24px!important; top: 62px;border:none; }
.custom-fit-section .custom-image .vector-shape-2 { position: absolute; right: 20px!important; bottom: 94px; border: none; }
.custom-fit-section .vector-shape-3 { position: absolute; right: 56px; top:36px; border: none; }
.custom-fit-section .vector-shape-4 { position: absolute; left: 87px; bottom:40px; border: none; }
.custom-fit-section .custom-fit-content { display: flex; flex-direction: column; justify-content: center; align-items: center; }
.custom-fit-section h2{text-align:center;max-width:502px;margin-bottom:16px;}
.custom-fit-section p {  font-family: Outfit; font-size: 16px; font-weight: 400; line-height: 22.4px; text-align: center; max-width: 496px; color:#00352D;}
.custom-fit-section .amount { color: #008470; font-family: Outfit; font-size: 36px; font-weight: 700; line-height: 43.2px; text-align: center;margin:20px 0px; }
.custom-fit-section .button-design{margin-top:32px;}
/*custom retainer end*/
.gradient.page-retainers-page-template-page .custom-step-access-guard-section h3{max-width: 220px;}
/*Your retainer section start*/
.your-retainer-section {padding: 40px 0 60px;}
.your-retainer-section .product-view-all-wrapper {display: flex; justify-content: space-between; align-items: center; position: relative; margin-bottom: 45px;}
.your-retainer-section .product-view-all-wrapper .shape-vector-1 {position: absolute; right: 175px; top: -5px;}
.your-retainer-section .button-design.gray-btn {background: transparent; color: #008470; border: 1px solid #008470;}
.your-retainer-section h2{max-width:508px;}
.your-retainer-section .button-content-wrapper p{text-align:center;padding-bottom:16px;}
.your-retainer-section .image-2{background:url(https://smilepath.com.au/cdn/shop/files/night-guard-section-background.svg?v=1719217657); background-repeat:no-repeat;background-position:left bottom;background-size: contain;}
.your-retainer-section .your-retainer-wrapper{position: relative; background-color: #F0F0F0; padding: 60px 30px 60px 30px; background-image: url(https://smilepath.com.au/cdn/shop/files/retainer-needs.png?v=1719582892); background-repeat: no-repeat; background-position: 0% bottom; background-size: 590px; border-radius: 16px 48px 16px 16px;}
.your-retainer-section .featured-wrapper { display: flex; justify-content: end; }
.your-retainer-section .image-2 img{height:100%;}
.your-retainer-section h3{color:#008470; font-family: Outfit;font-size: 18px;font-weight: 500;line-height: 25.2px;text-align: left;margin-bottom:8px;}
.your-retainer-section .featured-grid-wrapper { display: grid; grid-template-columns: repeat(2, 1fr); gap: 60px; max-width: 600px;}
.your-retainer-section .featured-grid-item{position:relative;}
.your-retainer-section .featured-grid-item:after{content: ""; position: absolute; top: -33px; background: #008470; width: 156px; height: 1px;}
.your-retainer-section .featured-grid-item:first-child:after {display:none;}
.your-retainer-section .featured-grid-item:nth-child(2):after {display:none;}
.your-retainer-section .features-wrapper p{font-family: Outfit; font-size: 14px; font-weight: 400; line-height: 19.6px; text-align: left; color:#00352D;}
.your-retainer-section .your-retainer-wrapper .shape-vector{position: absolute; top: 153px; left: 79px;}
.your-retainer-section .featured-image { display: none;}
/*Your retainer section end*/
/*retainer Desktop End*/

/*straight my teeth desktop start*/
/* banner-section*/
section.teeth_whitening_banner_section .banner-wrapper {background-image: url(/cdn/shop/files/teeth-whitening-kit-banner.webp?v=1727690762); background-size: cover; background-repeat: no-repeat;  border-radius: 16px; background-position: center; height: 590px;padding:55px;}
section.teeth_whitening_banner_section h1 {font-family: Outfit; font-size: 48px; font-weight: 700; text-align: center; color: #F0F0F0; line-height: 1.3;    margin-bottom: 18px; }
section.teeth_whitening_banner_section h1 span {color: #EBEB47; }
section.teeth_whitening_banner_section a.banner-button {border: 1px solid #fbfbfb;font-family: Outfit; font-size: 18px; font-weight: 600; line-height: 25.2px; text-align: center; padding: 14px 42px; border-radius: 40px; background: #F0F0F0; color: #008470; display: inline-block; }
section.teeth_whitening_banner_section {padding: 0 0 40px 0; }
section.teeth_whitening_banner_section .lp-banner-text {text-align: center; max-width:460px; }
section.teeth_whitening_banner_section h1 span.blank-text {color: inherit; }
section.teeth_whitening_banner_section .teeth_whitening_mid{align-items:center; height: 100%;}
section.teeth_whitening_banner_section .lp-banner-text p{font-family: Outfit; font-size: 18px; font-weight: 500; line-height: 25.2px; text-align: center;color:#fff;}
section.teeth_whitening_banner_section .lp-banner-text .btn-wrapper{margin-top:24px;}
section.teeth_whitening_banner_section .lp-banner-text .btn-wrapper span{color:#00352D;}
section.teeth_whitening_banner_section a.banner-button:hover{background: transparent ;color: #fbfbfb ; border: 1px solid #fbfbfb;}
section.teeth_whitening_banner_section a.banner-button:hover span{color:#fff;}
.your-teeth-whitening-section .button-design.gray-btn:hover{background: #008470; color: #fbfbfb;}
.teeth-whitening-why-choose-wrapper .teeth-whitening-head-wrapper .button-design.gray-btn:hover{background: #008470; color: #fbfbfb;}
/*banner section end*/

/* teeth whitening Why Choose Smilepath Start */
.teeth-whitening-why-choose-section {padding: 40px 0;}
.teeth-whitening-why-choose-section {padding-top: 40px;}
.teeth-whitening-why-choose-section h2 {max-width:412px; font-family: Outfit; font-size: 36px; font-weight: 700; line-height: 43.2px; text-align: left; margin-bottom: 8px; color: #008470;}
.teeth-whitening-why-choose-section p.heading-subtitle {font-family: Outfit; font-size: 16px; font-weight: 400; line-height: 1.5; text-align: left;  color: #00352D; max-width: 380px; margin-bottom: 35px;}
.teeth-whitening-why-choose-section .features-wrapper img {width: 60px;  margin-bottom: 12px;}
.teeth-whitening-why-choose-section .features-wrapper h3 {margin:0px; font-family: Outfit; font-size: 18px; font-weight: 500; line-height: 25.2px; text-align: left; color: #008470;}
.teeth-whitening-why-choose-section .features-wrapper {padding: 16px 32px 16px 16px; border-radius: 16px 48px 16px 16px; border: 1px solid #008470;}
.teeth-whitening-why-choose-section .features-grid {display: grid; grid-template-columns: repeat(3, 1fr); gap: 30px;}
.teeth-whitening-why-choose-section .features-wrapper h3 span {color: #008470;}
.teeth-whitening-why-choose-section .features-wrapper .image img{width:100%; height:100%;margin-bottom:0px;border-radius:8px;display:block;}
.teeth-whitening-why-choose-section .features-wrapper .image{height:100%;}
.teeth-whitening-middel-feature-power{align-items:center;}
.teeth-whitening-why-choose-section .feauture-content {padding: 0px 0px 0px 8px;}
.teeth-whitening-why-choose-section .why-use-image-box .shape{border-radius:0px; right:24px;}
.teeth-whitening-why-choose-wrapper .teeth-whitening-head-wrapper{ display: flex; justify-content: space-between; align-items: flex-end; position: relative; margin-bottom: 52px; }
.teeth-whitening-why-choose-wrapper .teeth-whitening-head-wrapper .shape-vector-1{position: absolute; right: 260px; top: 60px;}
.teeth-whitening-why-choose-wrapper .teeth-whitening-head-wrapper .button-design.gray-btn{border:1px solid #008470;background:transparent;}
.teeth-whitening-why-choose-wrapper .teeth-whitening-head-wrapper p{    max-width: 382px;font-family: Outfit; font-size: 16px; font-weight: 400; line-height: 1.4; text-align: left;}
/* teeth whitening Why Choose Smilepath End */

/*Your retainer section start*/
.radiant-teeth-whitening-section {padding: 40px 0 60px;}
.radiant-teeth-whitening-section .product-view-all-wrapper { position: relative; margin-bottom: 45px;max-width:594px;}
.radiant-teeth-whitening-section .product-view-all-wrapper .shape-vector-1 {position: absolute; right: 260px; top: 20px;}
.radiant-teeth-whitening-section .featured-wrapper{display: grid; grid-template-columns: repeat(3, 1fr); gap: 38px;}
.radiant-teeth-whitening-section .featured-wrapper .featured-content{ background: #008470; border-radius: 50%;max-width: 400px; min-height: 400px;display:flex;}
.radiant-teeth-whitening-section .featured-wrapper .featured-content .featured-content-wrapper{display: flex; flex-direction: column; justify-content: center; align-items: center; gap:24px; padding:50px;}
.radiant-teeth-whitening-section .featured-wrapper .featured-content h3{text-align: center;font-size: 24px; font-weight: 600; line-height: 33.6px;color:#fff;}
.radiant-teeth-whitening-section .featured-wrapper .featured-content p{text-align: center;font-size: 16px; font-weight: 400; line-height: 22.4px; text-align: center;color:#fff;}

/*Your retainer section end*/

/*your teeth whitening kit start*/
.your-teeth-whitening-section {padding: 40px 0 60px;}
.your-teeth-whitening-section .product-view-all-wrapper {display: flex; justify-content: space-between; align-items: center; position: relative; margin-bottom: 45px;}
.your-teeth-whitening-section .product-view-all-wrapper .shape-vector-1 {position: absolute; right: 170px; top: 0px;}
.your-teeth-whitening-section .button-design.gray-btn {background: transparent; color: #008470; border: 1px solid #008470;}
.your-teeth-whitening-section h2{max-width:546px;}
.your-teeth-whitening-section .button-content-wrapper p{text-align:center;padding-bottom:16px;}
.your-teeth-whitening-section .image-2{background:url(https://smilepath.com.au/cdn/shop/files/night-guard-section-background.svg?v=1719217657); background-repeat:no-repeat;background-position:left bottom;background-size: contain;}
.your-teeth-whitening-section .your-teeth-whitening-wrapper{position: relative; background-color: #F0F0F0; padding: 60px 30px 60px 30px; background-image: url(https://smilepath.com.au/cdn/shop/files/teeth-whitening-kit-need.png?v=1719915366); background-repeat: no-repeat; background-position: 0% bottom; background-size: 590px; border-radius: 16px 48px 16px 16px;}
.your-teeth-whitening-section .featured-wrapper { display: flex; justify-content: end; }
.your-teeth-whitening-section .image-2 img{height:100%;}
.your-teeth-whitening-section h3{color:#008470; font-family: Outfit;font-size: 18px;font-weight: 500;line-height: 25.2px;text-align: left;margin-bottom:8px;}
.your-teeth-whitening-section .featured-grid-wrapper { display: grid; grid-template-columns: repeat(2, 1fr); gap: 60px; max-width: 600px;}
.your-teeth-whitening-section .featured-grid-item{position:relative;}
.your-teeth-whitening-section .featured-grid-item:after{content: ""; position: absolute; top: -33px; background: #008470; width: 156px; height: 1px;}
.your-teeth-whitening-section .featured-grid-item:first-child:after {display:none;}
.your-teeth-whitening-section .featured-grid-item:nth-child(2):after {display:none;}
.your-teeth-whitening-section .features-wrapper p{font-family: Outfit; font-size: 14px; font-weight: 400; line-height: 19.6px; text-align: left; color:#00352D;}
.your-teeth-whitening-section .your-teeth-whitening-wrapper .shape-vector{position: absolute; top: 153px; left: 194px;}
.your-teeth-whitening-section .featured-image { display: none;}
/*your teeth whitening kit end*/

/*tab section*/
/* .teeth-tab-content div{display:block!important;} */
.teeth-tab-content h3{font-family: Outfit; font-size: 36px; font-weight: 700; line-height: 43.2px; text-align: left;color:#008470;max-width:283px;}
.teeth-tab-content p{font-family: Outfit; font-size: 16px; font-weight: 400; line-height: 22.4px; text-align: left;max-width:384px;color:#00352D;}
.teeth-tabs {display: flex;flex-direction: row;gap:47px; }
.teeth-tab-buttons {flex: 2;display: flex;flex-direction: column;gap:16px;}
.teeth-tab-buttons button {padding: 14px 32px 14px 32px; cursor: pointer;border: 1px solid #008470;text-align: left;outline: none; transition: background-color 0.3s; border-radius: 78px; background-color:transparent; color:#008470; font-family: Outfit; font-size: 24px; font-weight: 600; line-height: 33.6px; text-align: left;}
.teeth-tab-buttons button:hover, .teeth-tab-buttons button.active { background-color: #008470; color:#fff; padidng:24px 32px 24px 32px; border-radius: 78px; font-family: Outfit; font-size: 24px; font-weight: 600; line-height: 33.6px; text-align: left; }
.teeth-tab-content { flex: 3; padding: 80px 60px; /* border: 1px solid #ccc; */ border-left: none; background:#F0F0F0; position:relative; border-radius:16px; }
.teeth-tab-content img{position:absolute;top: 0;right: 0;}
.teeth-tab-content div { display: none; }
.teeth-tab-content div.active { display: block; }
.teeth-accordion { display: none; }
.teeth-accordion-item { border-bottom: 1px solid #ccc; }
.teeth-accordion-header { padding: 10px; cursor: pointer; background-color: #f1f1f1; border: none; text-align: left; outline: none; transition: background-color 0.3s; }
.teeth-accordion-header:hover, .teeth-accordion-header.active { background-color: #ddd; }
.teeth-accordion-content { display: none; padding: 10px; border-top: 1px solid #ccc; }
.teeth-accordion-content.active { display: block; }
/*tab section end*/
/*straight my teeth desktop end*/

/*bridal page desktop start*/
/* bridal-banner-section-start */
section.bridal-banner-section {padding: 0px 0px 40px 0;}
.bridal-banner-wrapper{background:#F4ECF9;padding: 35px 40px;border-radius: 16px;}
.row.bridal-banner-mid {align-items: center;}
.image-wrapper-bridal img {max-width: 514.69px;margin: 0 auto;}
.content-wrapper-bridal h1 {font-family: Outfit;font-size: 48px;font-weight: 700;line-height: 62.4px;text-align: center;color:#B35664;margin-bottom:8px;}
.content-wrapper-bridal p {font-family: Outfit;font-size: 18px;font-weight: 500;line-height: 25.2px;text-align: center;color:#4D252B;}
.content-wrapper-bridal {text-align: center;max-width:544px;}
section.bridal-banner-section a.button-design.purple-btn {font-family: Outfit; font-size: 24px; font-weight: 600; line-height: 33.6px; text-align: center; padding: 14px 42px; border-radius: 40px; background: #B35664; color: #EBEB47; display: inline-block; margin-top: 24px; border: 1px solid #B35664;}
.image-wrapper-bridal .star1 {width: auto;position: absolute;left: 10%;top: 18%;}
.image-wrapper-bridal .star2 {width: auto;position: absolute; right: 24%;top: 5%;}
.image-wrapper-bridal {position: relative;text-align:center;}
/* bridal-banner-section-end */

/*hassle-free-smile-section start*/
.hassle-free-smile-section{padding:40px 0px;}
.hassle-free-smile-section .heading-content h2{max-width: 554px; margin-bottom: 48px; color: #B35664;}
.hassle-free-smile-section .content-box{display: grid; grid-template-columns: 56% 1fr; justify-content: center; align-content: center; align-items: center; gap: 64px;position:relative;}
.hassle-free-smile-section .content-box .image-box img{ border-radius: 16px 48px 16px 16px;object-fit: cover;}
.hassle-free-smile-section .content-box .content-wrapper{max-width:414px;}
.hassle-free-smile-section .content-box .content-wrapper p{font-size: 18px; font-weight: 400; line-height: 25.2px; text-align: left; color: #4D252B;}
.hassle-free-smile-section .content-box .content-wrapper span{color:#B35664;font-weight:600;}
.hassle-free-smile-section .content-box .content-wrapper a.button-design.purple-btn {background:#B35664;color:#fff;border:1px solid #B35664;margin-top:32px;}
.hassle-free-smile-section .content-box .content-wrapper img { position: absolute; top: 30px; right: 72px; }
.hassle-free-smile-section .content-box .content-wrapper img{    top: -43px!important;}
/*hassle-free-smile-section end*/

/*bridal-special-offer-section start*/
.bridal-special-offer-section .titel-wapper{display: flex; justify-content: space-between; align-items: center;margin:0px;}
.bridal-special-offer-section a.button-design.transform-btn{color:#B35664;border:1px solid #B35664;}
.bridal-special-offer-section .button-wrapper .star3{position: relative; top: -30px;}
section.bridal-special-offer-section {padding: 50px 0px;}
section.bridal-special-offer-section h2 {  color: #B35664;}
section.bridal-special-offer-section p{font-family: Outfit; font-size: 16px; font-weight: 400; line-height: 22.4px; text-align: left; color:#4D252B;}
section.bridal-special-offer-section span{font-family: Outfit; font-size: 16px; font-weight: 600; line-height: 22.4px; text-align: left; color:#4D252B;}
.bridal-special-offer-section .clear-aligner-wrapper {display: grid;grid-template-columns: repeat(2, 1fr);}
.bridal-special-offer-section .special-day-wrapper {background-color: #B35664!important;padding: 50px;text-align: end;background-position: left;background: url(https://cdn.shopify.com/s/files/1/0706/0697/9391/files/Mask_group_5.png?v=1718871744);background-repeat: no-repeat;background-size: contain;position: relative; border-radius:16px 0 0 16px; }
.bridal-special-offer-section .special-night-wrapper {background-color: #4D252B !important;padding: 50px ;background: url(https://cdn.shopify.com/s/files/1/0706/0697/9391/files/Mask_group_4.png?v=1718871744);background-repeat: no-repeat;background-size: contain;background-position: right;text-align: start;color: #fff;position: relative; border-radius: 0px 16px 16px 0px;}
.bridal-special-offer-section ul.day-Special-features {list-style: none;padding: 0;display: flex;flex-direction: column;gap: 10px;max-width: 240px;margin: 0 0 0 auto;padding-top: 20px;}
.bridal-special-offer-section ul.day-Special-features .list-features-item {display: flex;gap: 16px;align-items: center;justify-content: end;}
.bridal-special-offer-section ul.night-Special-features {list-style: none;padding: 0;display: flex;flex-direction: column;gap: 10px;max-width: 240px;margin: 0;padding-top: 20px;}
.bridal-special-offer-section ul.night-Special-features .list-features-item {display: flex;gap: 16px;align-items: center;justify-content: end;}
.bridal-special-offer-section .special-day-wrapper .offer-day-wrapper h3 {font-family: Outfit;font-size: 32px;font-weight: 600;line-height: 41.6px;text-align: right;color: #FBFBFB;margin-bottom: 10px;}
.bridal-special-offer-section .offer-night-wrapper h3 {font-family: Outfit;font-size: 32px;font-weight: 600;line-height: 41.6px;text-align: left;color: #FBFBFB;margin-bottom: 10px;}
.bridal-special-offer-section .offer-day-wrapper p {font-family: Outfit;font-size: 18px;font-weight: 500;line-height: 25.2px;text-align: right;color: #FBFBFB;}
.bridal-special-offer-section .offer-night-wrapper p {color:#fff;font-family: Outfit;font-size: 18px;font-weight: 500;line-height: 25.2px;text-align: left;}
.bridal-special-offer-section ul.day-Special-features .list-features-content {font-family: Outfit;font-size: 16px;font-weight: 400;line-height: 22.4px;text-align: right;color: #FBFBFB;}
.bridal-special-offer-section ul.day-Special-features .list-features-content strong {color: #EBEB47; font-weight: 400;}
.bridal-special-offer-section ul.night-Special-features .list-features-content strong { font-weight: 400; color: #ebeb47; }
.bridal-special-offer-section ul.night-Special-features .list-features-content {font-family: Outfit;font-size: 16px;font-weight: 400;line-height: 22.4px;text-align: left; color: #FBFBFB;}
.bridal-special-offer-section a.button-design.white-btn {font-family: Outfit;font-size: 18px;font-weight: 500;line-height: 25.2px;text-align: center; padding: 14px 42px;border-radius: 40px;background: #ffffff;color: #5A0090;display: inline-block;margin-top: 30px;}
.bridal-special-offer-section .offer-day-wrapper .Free {font-family: Outfit;font-size: 16px;font-weight: 600;line-height: 22.4px;margin-right: 22px; margin-top: 16px;}
.bridal-special-offer-section .offer-night-wrapper .Free {font-family: Outfit; color:#FBFBFB; font-size: 16px;font-weight: 600;line-height: 22.4px;margin-left: 22px; margin-top: 16px;}
.bridal-special-offer-section img.star4 {position: absolute; left: 290px;top: 43px;width: 16px;}
.bridal-special-offer-section img.star5 {position: absolute;top: 125px;left: 213px;}
.bridal-special-offer-section img.star6 {position: absolute;width: 16px;top: 46px;left: 285px;}
.bridal-special-offer-section img.star7 {position: absolute;top: 115px;left: 348px;}
.bridal-special-offer-section a.button-design.purple-white-btn del { text-decoration-color: #fe4a53; text-decoration-thickness: 2px; }
.bridal-special-offer-section a.button-design.purple-white-btn{display: inline-block; color: #B35664; background: #fbfbfb; border: 1px solid #FBFBFB; margin-top: 20px;}
.bridal-special-offer-section .titel-wapper{}
/*bridal-special-offer-section-end*/

/* bridal-inclusions-section-starts*/
section.bridal-inclusions-section {  padding-bottom: 50px;}
.bridal-inclusions-section .inclusions-wappers { max-width: 1010px; margin: 0 auto; }
.bridal-inclusions-section .inclusion-grid { display: grid; grid-template-columns: repeat(6, 1fr); gap: 20px; }
.bridal-inclusions-section .inclusions-wappers .inclusion-item { text-align: center; }
.bridal-inclusions-section .inclusions-wappers h2 { text-align: center; color: #B35664; }
.bridal-inclusions-section .inclusions-wappers .titel-wapper { padding-bottom: 30px; }
.bridal-inclusions-section .inclusions-wappers .inclusion-item p { font-family: Outfit; font-size: 16px; font-weight: 400; line-height: 22.4px; color: #4D252B; }  
/* bridal-inclusions-section-ends */

/*customer-review-bridal-strat*/
section.bridal-customer-journey .titel-wapper{display: flex; justify-content: space-between; align-items: center;position:relative;}
.bridal-customer-journey h2{color:#B35664;}
.bridal-customer-journey .btn-crousal .button-design.blue-btn{color:#B35664;}
section.bridal-customer-journey img.shape-vector-1{position: absolute; right: 175px; top: 0;}
section.bridal-customer-journey img.thumbnail{border-radius:16px 48px 16px 16px;}
.bridal-customer-journey .swiper-scrollbar-drag{background-color:#B35664;}
.bridal-customer-journey .transform-wrapper .star3{left: 45%;}
/*customer-review-bridal-end*/

/*bridal-free-teeh-whitening-kit-section-desktop-start*/
section.bridal-free-teeh-whitening-kit-section{padding:60px 0px;}
.bridal-free-teeh-whitening-kit-section .big-wrapper{background: url(/cdn/shop/files/Mask_group.png?v=1727679512); background-position: left; background-repeat: no-repeat; background-size: cover; min-height: 510px; border-radius: 16px 48px 16px 16px;}
.bridal-free-teeh-whitening-kit-section .savebig-wrapper-bridal { text-align: left; max-width: 79%; margin: 0 auto 0 0; }
.savebig-wrapper-bridal h2{color:#B35664;}
.savebig-wrapper-bridal p{font-family: Outfit; font-size: 16px; font-weight: 400; line-height: 22.4px; text-align: left;color:#4D252B;}
.bridal-free-teeh-whitening-kit-section a.button-design.purple-btn{background:#B35664;border:1px solid #B35664;}
/*bridal-free-teeh-whitening-kit-section-desktop-end*/
/*bridal-memorable section start*/
 .bridal-memorable-section .memorable-wapper {position:relative; background: #FFE5E9; height: 100%; padding: 45px 50px; position: relative; border-radius: 16px 48px 16px 16px; margin-left: 15px;}
.bridal-memorable-section .memorable-wapper h3 { font-family: Outfit; font-size: 24px; font-weight: 600; line-height: 33.6px; text-align: left; color: #B35664; max-width: 85%; margin-bottom: 20px; }
.bridal-memorable-section .memorable-wapper ul { list-style-type: none; margin: 0; padding: 0; max-width: 470px;padding-bottom: 20px; }
.bridal-memorable-section .memorable-wapper ul li:before { content: ""; width: 14px; height: 14px; background: url(https://cdn.shopify.com/s/files/1/0706/0697/9391/files/Ellipse_27.svg?v=1720160899) no-repeat; background-size: contain; position: absolute; left: 0; top: 34%; transform: translateY(-50%); margin-right: 10px; }
.bridal-memorable-section .memorable-wapper ul li { position: relative; padding: 8px 0 8px 25px; font-family: Outfit; font-size: 16px; font-weight: 400; line-height: 22.4px; text-align: left; color: #4D252B; }
section.bridal-memorable-section{ padding: 60px 0; }
.bridal-memorable-section .checklist-img { height: 100%; display: flex; }
section.bridal-memorable-section h2 { color: #B35664;}
section.bridal-memorable-section .titel-wapper p { font-family: Outfit; font-size: 16px; line-height: 22.4px; color: #4D252B; width: 52%; }
section.bridal-memorable-section .titel-wapper { display: flex; justify-content: space-between; align-items: center; }
/* .bridal-memorable-section .heading-content { max-width: 38%; } */
section.bridal-memorable-section h2 span { display: block; }
.bridal-memorable-section .memorable-wapper:after {background: linear-gradient(180deg, #FFE5E900 0%, #FFE5E9 100%);content: '';border-radius: 16px 48px 16px 16px; position: absolute; top: 0; left: 0; width: 100%; height: 100%;}
.bridal-memorable-section .button-wrapper{position: absolute; z-index: 1; bottom: 34px;right:14%;}
.bridal-memorable-section .bridal-btn {background-color: #B35664; border-radius: 40px; color: #fff; width: 545px; display: block; padding: 20px; text-align: center;font-size: 18px; font-weight: 500; line-height: 25.2px;}
/* .bridal-memorable-section .vector{position: absolute; z-index: 1; margin-top: 40px;} */
.bridal-memorable-section .button-wrapper .vector { position: absolute; right:-10px; top: -40px; }
.memorable-checklist-wapper{    position: relative;}
/*bridal-memorable section end*/
.customer-journey-img .thumbnail{cursor:pointer;}
/*bridal page desktop end*/

.scanner-how-it-work-section .custom-step-access-guard-wrapper{padding:48px 48px 58px;}
.scanner-how-it-work-section .custom-step-access-guard-section .shape-3 { position: absolute; top: 178px; left: 66px; }
.scanner-how-it-work-section .custom-step-access-guard-section .shape-4{position: absolute; right: 66px; top: 64px;}
.scanner-how-it-work-section .custom-step-access-guard-section h2{    padding-bottom: 48px; font-family: Outfit; font-size: 36px; font-weight: 700; line-height: 43.2px; text-align: left;color:#008470;}
/*scan center page desktop start*/
 .scan_center_banner_section .lp-banner-text{max-width:603px;}
.scan_center_banner_section .banner-wrapper {position: relative;background-image: url(https://smilepath.com.au/cdn/shop/files/north_square_dental.webp?v=1720254080); background-size: cover; background-repeat: no-repeat;  border-radius: 16px; background-position: center; height: 590px;padding:55px;}
.scan_center_banner_section .banner-wrapper:after { position: absolute; content: ''; top: 0; left: 0; width: 100%; height: 100%; background: #00352da6; opacity: 1; border-radius: 20px 20px 20px 20px; }
.scan_center_banner_section h1 {font-family: Outfit; font-size: 48px; font-weight: 700; text-align: center; color: #EBEB47; line-height: 1.3;    margin-bottom: 32px; }
.scan_center_banner_section h1 span {color: #EBEB47; }
.scan_center_banner_section a.banner-button {border: 1px solid #fbfbfb; font-family: Outfit; font-size: 18px; font-weight: 600; line-height:33.6px; text-align: center; padding: 14px 42px; border-radius: 40px; background: #F0F0F0; color: #008470; display: inline-block; }
.scan_center_banner_section {padding: 0 0 40px 0; }
.lp-banner-text {text-align: center; max-width:586px; }
.scan_center_banner_section h1 span.blank-text {color: inherit; }
.scan_center_banner_section .scan_center_mid{align-items:center; height:468px;position:relative;z-index:1;}
.scan_center_banner_section a.banner-button:hover{background: transparent; color: #fbfbfb;    border: 1px solid #fbfbfb;}
.scan_center_banner_section p { font-family: Outfit; font-size: 18px; font-weight: 500; line-height: 25.2px; text-align: center; color: #FBFBFB; margin-bottom: 24px; }
.badges-section .banner-reviews-wrapper .reviews-item:nth-child(2):before{}
.review-section .banner-reviews-wrapper.desktop-show {display: flex; justify-content: space-evenly; background: #f0f0f0; border-radius: 20px 48px 20px 16px; gap: 35px; padding: 48px 38px 48px 38px; align-items: center;}

.teeth-appointment-overlay{background-color: #f0f0f0; border-radius: 16px 48px 16px 16px; padding: 70px; display: flex; justify-content: center; align-items: center; height: 455px;}
.teeth-appointment-content-wrapper{background: url(https://smilepath.com.au/cdn/shop/files/Vector_2_1daadfd8-c471-4b4f-b104-1ce92f32ed30.svg?v=1720263301); background-repeat: no-repeat; background-size: contain; background-position: center center;height:313px; display: flex; flex-direction: column; justify-content: center; align-items: center; gap: 24px;max-width:95%;}
.teeth-appointment-section .teeth-appointment-content-wrapper h2{text-align:center;}
.teeth-appointment-section .teeth-appointment-content-wrapper p{color:#00352D;text-align:center;max-width:562px;font-family: Outfit; font-size: 16px; font-weight: 400; line-height: 22.4px; text-align: center;}
section.scanner-customer-journey-section .heading-content p{color:#00352D;}
/*scan-customer-journey-section desktop start*/
section.scanner-customer-journey-section{padding:80px 0px;}
.scanner-customer-journey-section .titel-wapper{display: flex; justify-content: space-between; align-items: center; position: relative;}
.scanner-customer-journey-section .titel-wapper .button-design.white-btn{margin-top:0px;}
/* .scan-customer-journey-section .btn-crousal{position:relative;} */
.scanner-customer-journey-section .titel-wapper .shape-vector-1 { position: absolute; top: -27px; right: 170px; }
/*scan-customer-journey-section desktop end*/
.book-appointment h2 span{ display: block;}
.book-appointment .section-title{margin-bottom:48px;}


.smilePath-appointment{margin-left:7px;width: 687px; height: auto; border-radius: 16px 48px 16px 16px; background: #f0f0f0; padding: 48px;}
.smilePath-appointment h3{font-family: Outfit; font-size: 32px; font-weight: 600; line-height: 41.6px; text-align: left; color: #008470; margin-bottom: 16px;}
.smilePath-appointment p{font-family: Outfit; font-size: 14px; font-weight: 400; line-height: 19.6px; text-align: left; color: #00352D; width: 348px;}
.smilePath-appointment .content-wrapper{display: flex; align-items: center; margin: 30px 0px 0px; justify-content: space-between;}
.smilePath-appointment .content-wrapper .content .daily{font-family: Outfit; font-size: 32px; font-weight: 600; line-height: 41.6px; text-align: left; color: #008470;}
.smilePath-journy{margin-left:7px;width: 687px; height: auto;  border-radius: 16px 48px 16px 16px; background-color: #008470; padding: 48px; display: flex;flex-direction: column;justify-content: space-between;}
.smilePath-journy h3{font-family: Outfit; font-size: 32px; font-weight: 600; line-height: 41.6px; text-align: left; color: #fff;}
.smilePath-journy .content-wrapper { display: flex; justify-content: space-between; }
.smilePath-journy .content-wrapper p{ font-family: Outfit; font-size: 14px; font-weight: 400; line-height: 19.6px; text-align: left; max-width: 379px; color: #fff;}
.smile-or{padding:0px 50px; margin:25px 0px;display: flex; align-items: center; justify-content: space-between; gap: 20px;font-size: 18px; font-weight: 500; line-height: 25.2px; text-align: left; color: #008470;}
.smile-or:after { background: #008470; height: 1px; flex: 1; flex-grow: 1; flex-shrink: 1; flex-basis: 0%; content: ''; }
.smile-or:before { background: #008470; height: 1px; flex: 1; flex-grow: 1; flex-shrink: 1; flex-basis: 0%; content: ''; }
section.book-appointment { padding-bottom: 80px; }
.comparison-table.scan-comparison-table tbody tr{border-bottom: 1px solid #bebebe61;}
table.comparison-table.scan-comparison-table{width:100%;}
table.comparison-table.scan-comparison-table th {width: 30%;}
.table-wrapper{background-color: #f0f0f0; padding: 60px;border-radius: 16px 48px 16px 16px; opacity: 0px;}
.table-wrapper .comparison-table th{color:#00352D;max-width:409px}
.table-wrapper .comparison-table th:nth-child(2){color:#008470;max-width:409px}
.table-wrapper .comparison-table td{color:#00352D;}

.night-only-aligner-wappers .comparison-table th:nth-child(2) {color: #008470;}
.night-only-aligner-wappers .comparison-table tbody tr:nth-child(2) td:nth-child(2) {color: #000000;}
.cta-block-B .shape-vector-mob-2 { display: none; }
.review-section .banner-reviews-wrapper .reviews-item:nth-child(2):before{left:-90px;height:50px;}
  .review-section .banner-reviews-wrapper .reviews-item:nth-child(2):after{right:-90px;height:50px;}
section.review-section{padding-bottom: 40px;}
section.teeth-appointment-section { padding: 40px 0px; }
section.scanner-customer-journey-section { padding: 40px 0px; }
section.book-appointment { padding: 40px 0px; }
section.scaner-table { padding: 40px 0px; }
.cta-block-B { position: relative; }
  .cta-block-B .shape{position: absolute; top: -27px; right: -13px;display:block;}
  .cta-block-B  .shape-vector-mob{display:none;}
.faq-section{margin-top:40px;}
.scanner-customer-journey-section .thumbnail{border-radius:16px 48px 16px 16px;}
.scanner-how-it-work-section .features-grid-wrapper{gap:37px;}
table.comparison-table.scan-comparison-table tr:nth-child(1) td{padding:3px 0px;}
.metal-braces-section .grid-row {border-radius: 16px 48px 16px 16px;}

/*Scan center page desktop end*/

/*dental impression desktop start*/
/*banner code start*/
section.dental-impressions-section { padding: 0 0 40px 0; }
/*banner code end*/
/*video session start*/
section.video-session-section { padding: 40px 0px; }
section.video-session-section .titel-wapper { max-width: 500px; }
/*video session end*/
/*free-video-call-section start*/
.free-video-call-section{padding:40px 0px;}

.free-video-call-section .title-wrapper{margin-bottom: 10px;max-width: 470px;}
.free-video-call-section .content-box{display: flex;gap: 30px; flex-wrap: wrap;}
.free-video-call-section .content-item {max-width: 276px; display: flex; flex-direction: column; justify-content: flex-start; align-items: center; gap: 18px; background-color: transparent; border: 1px solid #008470; border-radius: 16px 48px 16px 16px; padding: 22px;}
.free-video-call-section .content-item h3{margin:0 auto 16px; margin-bottom:16px; font-family: Outfit; font-size: 18px; font-weight: 700; line-height: 25.2px; text-align: center; color: #008470; max-width: 146px;}
.free-video-call-section .content-item p{font-family: Outfit; font-size: 14px; font-weight: 400; line-height: 19.6px; text-align: center;color:#00352D;}
.free-video-call-section .image-box{ position: relative;}
.free-video-call-section .image-box img{display:block;}
.free-video-call-section .overlay{width: 100%; background-color: #EFF2F8; display: block !important; height: 84%; position: absolute; bottom: 0; z-index: -1; border-radius: 30px;}
.free-video-call-section .image-box .vector{position: absolute; top: 33px; right: 90px;}
.free-video-call-section .image-box .vector-2{position: absolute; top: 3px; right: 56px;}
/*free-video-call-section end*/

/*Impression Custom dental Section start*/
.impression-custom-dental-section{padding:40px 0px;}
.impression-custom-dental-section h2{margin-bottom:70px;    max-width: 582px;}
.impression-custom-dental-section .impression-custom-dental-wrapper { display: grid; gap: 5px; grid-template-columns: 1fr 1fr; }
.impression-custom-dental-section .impression-custom-dental-wrapper .image-box{position:relative; display: flex; flex-direction: column;align-items: center;}
.impression-custom-dental-section .impression-custom-dental-wrapper .image-box img{display: block;}
.impression-custom-dental-section .impression-custom-dental-wrapper .image-box .content-box{width: 512px; background-color: #008470; border-radius: 16px; padding: 24px;}
.impression-custom-dental-section .impression-custom-dental-wrapper .image-box .content-box h3{font-family: Outfit; font-size: 24px; font-weight: 600; line-height: 33.6px; text-align: left; color: yellow; margin-bottom: 16px;}
.impression-custom-dental-section .impression-custom-dental-wrapper .image-box .content-box p{font-family: Outfit; font-size: 16px; font-weight: 400; line-height: 22.4px; text-align: left; color: #fff;}
.impression-custom-dental-section .impression-custom-dental-wrapper .content-box-wrapper{display: flex; flex-wrap: wrap; gap: 38px;    justify-content: space-between;}
.impression-custom-dental-section .impression-custom-dental-wrapper .content-box-wrapper .content-box { display: grid; flex-wrap: wrap; gap: 40px 30px; margin-top: 20px; grid-template-columns: 1fr 1fr; }
.impression-custom-dental-section .impression-custom-dental-wrapper .content-box-wrapper .content-item{position:relative;max-width:100%!important;    padding: 0px 0px 0px 28px;}
.impression-custom-dental-section .impression-custom-dental-wrapper .content-box-wrapper .content-item:nth-child(1):after{content: ""; position: absolute; top: 50%; right: -30px; background: #BEBEBE; width: 1px; height: 150px; transform: translateY(-50%);}
.impression-custom-dental-section .impression-custom-dental-wrapper .content-box-wrapper .content-item:nth-child(1):before { content: ""; position: absolute; top: 50%; left: -8px; background: #BEBEBE; width: 1px; height: 150px; transform: translateY(-50%); }
.impression-custom-dental-section .impression-custom-dental-wrapper .content-box-wrapper .content-item:nth-child(3):after{content: ""; position: absolute; top: 50%; right: -30px; background: #BEBEBE; width: 1px; height: 150px; transform: translateY(-50%);}
.impression-custom-dental-section .impression-custom-dental-wrapper .content-box-wrapper .content-item:nth-child(3):before { content: ""; position: absolute; top: 50%; left: -8px; background: #BEBEBE; width: 1px; height: 150px; transform: translateY(-50%); }
.impression-custom-dental-section .impression-custom-dental-wrapper .content-box-wrapper .content-item:nth-child(5):before { content: ""; position: absolute; top: 50%; left: -8px; background: #BEBEBE; width: 1px; height: 150px; transform: translateY(-50%); }
.impression-custom-dental-section .impression-custom-dental-wrapper .content-box-wrapper .content-item h3{color:#008470;font-family: Outfit; font-size: 18px; font-weight: 600; line-height: 25.2px; text-align: left; margin-bottom: 10px;}
.impression-custom-dental-section .impression-custom-dental-wrapper .content-box-wrapper .content-item p{color:#00352D;font-family: Outfit; font-size: 14px; font-weight: 400; line-height: 19.6px; text-align: left;}
.impression-custom-dental-section .content-item.content-item-background { background-color: #F8F8D8; width: 300px; border-radius: 16px 48px 16px 16px; display: flex; justify-content: center; align-items: center; padding: 0px 28px !important; }
.impression-custom-dental-section .impression-custom-dental-wrapper .content-box-wrapper .content-item p span{font-family: Outfit; font-size: 16px; font-weight: 600; line-height: 19.6px; text-align: left;color:#008470;}
.impression-custom-dental-section .impression-custom-dental-wrapper .image-box .vector { position: absolute; top: 0px; left: 200px; }
.impression-custom-dental-section .impression-custom-dental-wrapper .image-box .image{width:100%;}
/*Impression Custom dental Section end*/

.avoiding-common-mistake-section{padding: 40px 0px;}
.avoiding-common-mistake-section .avoiding-common-mistake-wrapper { display: flex; justify-content: space-between; }
.avoiding-common-mistake-section .avoiding-common-mistake-wrapper .heading-content{    max-width: 434px;}
.common-mistake-content-wrapper .common-mistake-content{display: flex; gap: 20px; align-items: center; border: 1px solid #008470; border-radius: 30px; padding: 10px 20px;margin-bottom:16px;    justify-content: space-between;}
.common-mistake-content-wrapper .common-mistake-content p{font-family: Outfit; font-size: 18px; font-weight: 500; line-height: 25.2px; text-align: left;color:#00352D;}

section.impression-taking-process-section { padding: 40px 0px; }
.impression-taking-process-section .heading{max-width: 455px;}
.timeline h2{padding-left: 55px;font-family: Outfit; font-size: 36px; font-weight: 700; line-height: 43.2px; text-align: left; margin-bottom: 8px; color: #008470; max-width: 550px;}
.impression-taking-process-section .timeline:before { content: ''; position: absolute; height: 77%; left: 50%; width: 2px; top: 107px; background: #BEBEBE; z-index: 1; }
.impression-taking-process-section .timeline { background-color: #F0F0F0; position: relative; padding:70px 40px; position:relative;border-radius: 16px 48px 16px 16px;height:1518px;}
.impression-taking-process-section .timeline ul.outer-list li.inner-list { list-style: none; box-sizing: border-box; line-height: normal; position: relative; width: 50%; padding: 40px 70px;text-align:right; }
.impression-taking-process-section .timeline ul.outer-list li.inner-list:nth-child(odd) { float: left; text-align: right; clear: both; }
.impression-taking-process-section .timeline ul.outer-list li.inner-list:first-child:before { right: -90px; z-index: 1; content: ""; position: absolute;  top: -70px; width: 16px; height: 16px; background-size: 50px 50px; background: url(https://cdn.shopify.com/s/files/1/0706/0697/9391/files/imression-process-image.svg?v=1720611429) no-repeat; width: 50px; height: 50px ; }
.impression-taking-process-section .timeline .right_content p{font-family: Poppins; font-size: 20px; font-weight: 400; line-height: 24px; letter-spacing: 0em; color: #000;}
.timeline ul.outer-list li.inner-list .left_content{text-align: left;position: absolute; top: 95px; right: -480px; margin: 0; color: #000; height: 60px; width: 450px;}
.outer-list .inner-list{    padding: 40px 0px;}
.impression-taking-process-section .timeline ul.outer-list li.inner-list{list-style: none; box-sizing: border-box; line-height: normal; position: relative; width: 50%; padding: 40px 70px; text-align: right;}
.impression-taking-process-section .timeline ul.outer-list li.inner-list h3{font-size: 32px; font-weight: 600; line-height: 41.6px; /* text-align: left; */ color: #008470;}
.impression-taking-process-section .timeline ul.outer-list li.inner-list h4{color: #008470; font-family: Outfit; font-size: 18px; font-weight: 600; line-height: 25.2px; text-align: left; margin-bottom: 24px;}
.timeline ul.outer-list li.inner-list .left_content li{ font-family: Outfit; font-size: 16px; font-weight: 400; line-height: 22.4px; text-align: left;color:#00352D;}
.timeline ul.outer-list li.inner-list .left_content li span{font-family: Outfit; font-size: 16px; font-weight: 600; line-height: 22.4px; text-align: left; color: #008470;}
.timeline li.inner-list.step-3{margin-top: 186px;}
li.inner-list.step-3 .left_content { top: 47px !important; }
li.inner-list.step-4{top: 154px;}
.inner-list.step-4 .left_content{ top: 340px !important;}
.inner-list.step-5 .left_content{ top: 48px !important;}
li.inner-list.step-5 { top: 180px; }
li.inner-list.step-6 { top: 294px; }
li.inner-list.step-6 .left_content{top: 162px!important;}
li.inner-list.heading{padding:40px 0px!important;}
.timeline p{font-family: Outfit; font-size: 16px; font-weight: 400; line-height: 24px; text-align: left; color: #00352D;}
.impression-taking-process-section .timeline ul.outer-list li.inner-list:nth-child(2):before{right: -6px; z-index: 1; content: ""; position: absolute; top: 80px; width: 16px; height: 16px; background-size: 50px 50px; background: url(https://cdn.shopify.com/s/files/1/0706/0697/9391/files/imression-process-image.svg?v=1720611429) no-repeat; width: 50px; height: 50px ;}
.impression-taking-process-section .timeline ul.outer-list li.inner-list:nth-child(3):before{right: -6px; z-index: 1; content: ""; position: absolute; top: 38px; width: 16px; height: 16px; background-size: 50px 50px; background: url(https://cdn.shopify.com/s/files/1/0706/0697/9391/files/imression-process-image.svg?v=1720611429) no-repeat; width: 50px; height: 50px ;}
.impression-taking-process-section .timeline ul.outer-list li.inner-list:nth-child(4):before{right: -6px; z-index: 1; content: ""; position: absolute; top: 332px; width: 16px; height: 16px; background-size: 50px 50px; background: url(https://cdn.shopify.com/s/files/1/0706/0697/9391/files/imression-process-image.svg?v=1720611429) no-repeat; width: 50px; height: 50px ;}
.impression-taking-process-section .timeline ul.outer-list li.inner-list:nth-child(5):before{right: -6px; z-index: 1; content: ""; position: absolute; top: 40px; width: 16px; height: 16px; background-size: 50px 50px; background: url(https://cdn.shopify.com/s/files/1/0706/0697/9391/files/imression-process-image.svg?v=1720611429) no-repeat; width: 50px; height: 50px ;}
.impression-taking-process-section .timeline ul.outer-list li.inner-list:nth-child(6):before{right: -6px; z-index: 1; content: ""; position: absolute; top: 154px; width: 16px; height: 16px;background-size: 50px 50px; background: url(https://cdn.shopify.com/s/files/1/0706/0697/9391/files/imression-process-image.svg?v=1720611429) no-repeat; width: 50px; height: 50px ;}
/*dental impression desktop end*/

/*clear-braces-vs-metal-braces strat*/
  body { overflow-x: hidden; }
section.landing-hero-section.header-section { min-height: 550px; display: flex; justify-content: center; align-items: center; }
/*thinking-about-section start*/
section.thinking-about { padding: 20px 0px; }
section.thinking-about p{text-align:center;}
/*thinking-about-section end*/
/*clear-braces-vs-metal-braces end*/


a#clear-aligners-for-couples-link {max-width: 135px;}
a#prom-perfect-teeth-with-aligners-link {max-width: 135px;}

.retainers-link {position: relative;}
/* .retainers-link:after {content: "New"; position: absolute; right: -75px; background-color: #ebeb47;
    color: #008470; padding: 2px 10px 4px; font-family: Outfit; font-size: 12px; font-weight: 400; line-height: 15.12px;
    text-align: left; border-radius: 7px;} */
.night-guards-link {position: relative;}
/* .night-guards-link:after {content: "New"; position: absolute; right: -60px; background-color: #ebeb47;
    color: #008470; padding: 2px 10px 4px; font-family: Outfit; font-size: 12px; font-weight: 400; line-height: 15.12px;
    text-align: left; border-radius: 7px;} */
.mouth-guards-link {position: relative;}
/* .mouth-guards-link:after {content: "New"; position: absolute; right: -70px; background-color: #ebeb47;
    color: #008470; padding: 2px 10px 4px; font-family: Outfit; font-size: 12px; font-weight: 400; line-height: 15.12px;
    text-align: left; border-radius: 7px;} */
.clear-aligners-for-couples-link {position: relative;}
/* .clear-aligners-for-couples-link:after {content: "New"; position: absolute; right: -30px; background-color: #ebeb47;
    color: #008470; padding: 2px 10px 4px; font-family: Outfit; font-size: 12px; font-weight: 400; line-height: 15.12px;
    text-align: left; border-radius: 7px;} */
.prom-perfect-teeth-with-aligners-link {position: relative;}
/* .prom-perfect-teeth-with-aligners-link:after {content: "New"; position: absolute; right: -20px; background-color: #ebeb47;
    color: #008470; padding: 2px 10px 4px; font-family: Outfit; font-size: 12px; font-weight: 400; line-height: 15.12px;
    text-align: left; border-radius: 7px;} */


/* prom-new-night-desktop-page-start */

/* prom-banner-section-start */
section.prom-banner-section {padding: 0px 0px 50px 0;}
.prom-banner-wrapper{background:#F4ECF9;padding: 35px 40px;border-radius: 16px;}
.row.prom-banner-mid {align-items: center;}
.image-wrapper-prom img {max-width: 514.69px;margin: 0 auto;}
.content-wrapper-prom h2 {font-family: Outfit;font-size: 48px;font-weight: 700;line-height: 62.4px;text-align: center;color: #5A0090;}
.content-wrapper-prom p {font-family: Outfit;font-size: 18px;font-weight: 500;line-height: 25.2px;text-align: center;}
.content-wrapper-prom {text-align: center;}
a.button-design.purple-btn {font-family: Outfit;font-size: 18px;font-weight: 500;line-height: 25.2px;text-align: center;
    padding: 14px 42px ;border-radius: 40px;background: #5A0090;color: #EBEB47;display: inline-block; margin-top: 24px; border: 1px solid #5A0090;}
.image-wrapper-prom .star1 {width: auto;position: absolute;left: 10%;top: 18%;}
.image-wrapper-prom .star2 {width: auto;position: absolute; right: 24%;top: 5%;}
.image-wrapper-prom {position: relative;text-align:center;}
/* prom-banner-section-end */


/* steal-the-spotlight-starts */
section.steal-the-section {padding: 50px 0px;}
.Spotlight-wrapper h2 {font-family: Outfit;font-size: 36px;font-weight: 700;line-height: 43.2px;text-align: left;color: #5A0090;}
.transform-wrapper {text-align: end;position: relative;}
.transform-wrapper .star3 {position: absolute;left: 37%;bottom: 86%;}
a.button-design.transform-btn {font-family: Outfit;font-size: 18px;font-weight: 500;line-height: 25.2px;text-align: center;color: #5A0090;
    display: inline-block;border-radius: 64px;padding: 14px 42px;background: transparent;border: 1.5px solid #5A0090;}
.steal-the-section .features-wrapper img {width: 60px;margin-bottom: 12px;}
.steal-the-section .features-grid {display: grid;grid-template-columns: repeat(3, 1fr);gap: 30px;margin-top:35px;}
.steal-the-section .features-wrapper {padding: 48px 32px;border-radius: 24px 75px 24px 24px;border: 1px solid #5A0090;}
.steal-the-section .features-wrapper h3 {font-family: Outfit;font-size: 32px;font-weight: 600;line-height: 41.6px;text-align: left;
    color: #220036;margin-bottom:0px;}
.steal-the-section .features-wrapper h3 span {color: #5A0090;}
/* steal-the-spotlight-ends */

/* save-big-starts */
.big-wrapper{background:url(https://cdn.shopify.com/s/files/1/0706/0697/9391/files/New_SmilePath_2_1.png?v=1718780274);
            background-position: left;background-repeat: no-repeat;background-size: cover;min-height: 510px;border-radius: 16px;}
section.save-big-section {padding: 50px 0px;}
.row.mid-section {align-items: center;display: flex;height: 510px;}
.savebig-wrapper-prom h2 {font-family: Outfit;font-size: 36px;font-weight: 700;line-height: 43.2px;text-align: left;color: #5A0090;}
.savebig-wrapper-prom p {font-family: Outfit;font-size: 16px;font-weight: 400;text-align: left;color: #220036;line-height: 1.4;}
.savebig-wrapper-prom {text-align: left;max-width: 79%;margin: 0 auto 0 0;}
p.note-to {font-family: Outfit;font-size: 14px;font-weight: 400;line-height: 19.6px;text-align: left;padding-top: 20px;}
a.button-design.purple-white-btn { display: inline-block; color: #5A0090; background: #FBFBFB; border: 1px solid #FBFBFB; margin-top: 20px; }
a.button-design.purple-btn:hover { background: transparent;color: #5A0090;}
/* save-big-ends */



/* prom-nights-starts */
section.special-offer-section {padding: 50px 0px;}
section.special-offer-section h2 {  color: #5A0090;}
.clear-aligner-wrapper {display: grid;grid-template-columns: repeat(2, 1fr);}
.special-day-wrapper {background-color: #5a0090 !important;padding: 50px;text-align: end;background-position: left;
                      background: url(https://cdn.shopify.com/s/files/1/0706/0697/9391/files/Mask_group_5.png?v=1718871744);
    background-repeat: no-repeat;background-size: contain;position: relative; border-radius:16px 0 0 16px; }
.special-night-wrapper {background-color: #220036 !important;padding: 50px ;
                        background: url(https://cdn.shopify.com/s/files/1/0706/0697/9391/files/Mask_group_4.png?v=1718871744);
    background-repeat: no-repeat;background-size: contain;background-position: right;text-align: start;color: #fff;position: relative; border-radius: 0px 16px 16px 0px;}
ul.day-Special-features {list-style: none;padding: 0;display: flex;flex-direction: column;gap: 10px;max-width: 240px;
                         margin: 0 0 0 auto;padding-top: 20px;}
ul.day-Special-features .list-features-item {display: flex;gap: 16px;align-items: center;justify-content: end;}
ul.night-Special-features {list-style: none;padding: 0;display: flex;flex-direction: column;gap: 10px;max-width: 240px;margin: 0;padding-top: 20px;}
ul.night-Special-features .list-features-item {display: flex;gap: 16px;align-items: center;justify-content: end;}
.special-day-wrapper .offer-day-wrapper h3 {font-family: Outfit;font-size: 32px;font-weight: 600;line-height: 41.6px;text-align: right;
    color: #FBFBFB;margin-bottom: 10px;}
.offer-night-wrapper h3 {font-family: Outfit;font-size: 32px;font-weight: 600;line-height: 41.6px;text-align: left;color: #FBFBFB;
  margin-bottom: 10px;}
.offer-day-wrapper p {font-family: Outfit;font-size: 18px;font-weight: 500;line-height: 25.2px;text-align: right;color: #FBFBFB;}
.offer-night-wrapper p {font-family: Outfit;font-size: 18px;font-weight: 500;line-height: 25.2px;text-align: left;}
ul.day-Special-features .list-features-content {font-family: Outfit;font-size: 16px;font-weight: 400;line-height: 22.4px;text-align: right;
    color: #FBFBFB;}
ul.day-Special-features .list-features-content strong {color: #EBEB47; font-weight: 400;}
ul.night-Special-features .list-features-content strong { font-weight: 400; color: #ebeb47; }
ul.night-Special-features .list-features-content {font-family: Outfit;font-size: 16px;font-weight: 400;line-height: 22.4px;text-align: left; color: #FBFBFB;}
a.button-design.white-btn {font-family: Outfit;font-size: 18px;font-weight: 500;line-height: 25.2px;text-align: center; padding: 14px 42px;border-radius: 40px;background: #ffffff;color: #5A0090;display: inline-block;margin-top: 30px;}
.offer-day-wrapper .Free {font-family: Outfit;font-size: 16px;font-weight: 600;line-height: 22.4px;margin-right: 22px; margin-top: 16px;}
.offer-night-wrapper .Free {font-family: Outfit; color:#FBFBFB; font-size: 16px;font-weight: 600;line-height: 22.4px;margin-left: 22px; margin-top: 16px;}
img.star4 {position: absolute; left: 290px;top: 43px;width: 16px;}
img.star5 {position: absolute;top: 125px;left: 213px;}
img.star6 {position: absolute;width: 16px;top: 46px;left: 285px;}
img.star7 {position: absolute;top: 115px;left: 348px;}
a.button-design.purple-white-btn del { text-decoration-color: #FE4A53; text-decoration-thickness: 2px; }

/* prom-nights-ends */

/* inclusions-section-starts*/
section.inclusions-section {  padding-bottom: 20px;}
.inclusions-section .inclusions-wappers { max-width: 1010px; margin: 0 auto; }
.inclusion-grid { display: grid; grid-template-columns: repeat(6, 1fr); gap: 20px; }
.inclusions-wappers .inclusion-item { text-align: center; }
.inclusions-wappers h2 { text-align: center; color: #5A0090; }
.inclusions-wappers .titel-wapper { padding-bottom: 30px; }
.inclusions-wappers .inclusion-item p { font-family: Outfit; font-size: 16px; font-weight: 400; line-height: 22.4px; color: #220036; }  
/* inclusions-section-ends */

/* aligners-vs-braces-section-starts */
section.aligners-vs-braces-section { padding: 60px 0; }
.aligners-vs-braces-wappers { background: #F4ECF9; border-radius: 16px 48px 16px 16px; padding: 60px 0;  position: relative; }
.comparison-table th, .comparison-table td {    padding: 1.5rem 2rem; text-align:left;}
table.comparison-table { width: 95%; border-collapse: collapse; border-spacing: 0; margin: 0; }
section.aligners-vs-braces-section  img.shape-bg-pricing { width: auto; position: absolute; left: 0; bottom: 15px; z-index: 0; }
.comparison-table th { font-family: Outfit; font-size: 24px; font-weight: 600; line-height: 33.6px; text-align: left; color: #220036; }
.comparison-table th:nth-child(2) { text-align: center; background: #FFFFFF; color: #5A0090; border-radius: 16px; }
.comparison-table th:nth-child(3), .comparison-table td:nth-child(3) {text-align:center;}
 .comparison-table td:nth-child(2) {text-align:center; background: #FFFFFF;}
.comparison-table tbody tr {border-bottom: 1px solid #BEBEBE;}
.comparison-table tbody tr.spacer-row {border: none;}
.comparison-table tbody tr:last-child td:nth-child(2n) { border-radius: 0px 0 16px 16px; }
.comparison-table tbody tr:nth-child(2) td:nth-child(2) { border-radius:16px 16px  0px 0 ; }
.aligners-vs-braces-wappers .titel-wapper {padding: 0; width: 70%; margin: 0 auto; }
-new {font-family: Outfit; font-size: 18px; font-weight: 400; line-height: 25.2px; text-align: left; color: #220036; } 
.aligners-vs-braces-wappers h2 {color: #5A0090; }
.aligners-vs-braces-wappers .titel-wapper p {color: #220036; width: 80%;}
.clear-aligners-wondering .clear-aligners-wapper {background: #008470;}
.clear-aligner-wapper-wondering h2 {color: #EBEB47 !important;}
.clear-aligner-wapper-wondering p {color: #fff !important;}
.clear-aligner-wapper-wondering .wondering-overlay p {}
/* aligners-vs-braces-section-ends */


/* Guide to a Perfect Smile for Prom Night */

section.guide-prom-section .guide-prom-bg-wrapper { background: #5A0090;   position: relative; height: 100%; display: flex; flex-direction: column; justify-content: center; padding: 55px; border-radius: 20px; }
section.guide-prom-section .grid-row { display: flex; gap: 32px; }
.guide-prom-wrapper img.shape-1 { position: absolute; width: auto; bottom: 0; right: 0; }
.guide-prom-wrapper img.shape-2 { width: auto; position: absolute; top: 210px; right: 170px; }
.guide-itam { border: 1px solid #5A0090; border-radius: 16px 48px 16px 16px; padding: 40px 0 50px  0; position:relative; }
.guide-prom-wrapper .grid-column-5 { max-width: 480px; width: 100%; }
.guide-wrapper { display: flex; flex-direction: column; gap: 25px; }
.guide-itam h3 { font-family: Outfit; font-size: 32px; font-weight: 600; line-height: 41.6px; text-align: left; margin: 0; color: #5A0090; margin-bottom: 10px; }
.guide-itam p { font-family: Outfit; font-size: 16px; font-weight: 400; line-height: 22.4px; text-align: left; color: #220036; }
.itam-wapper { width: 75%; margin-left: 40px; }
.guide-prom-bg-wrapper h2 { width: 80%; color: #FBFBFB; }
.guide-prom-bg-wrapper p { font-family: Outfit; font-size: 16px; font-weight: 400; line-height: 22.4px; text-align: left; color: #FBFBFB; width: 85%; }
.guide-itam:after { content: url(https://cdn.shopify.com/s/files/1/0706/0697/9391/files/boottom_arrow.svg?v=1719224529); position: absolute; right: 55px; bottom: -70px; height: 116px; width: 16px; background: #ffffff; background-size: 45px; z-index: 1; }
.guide-itam:last-child:after {content: none;}
/* Guide to a Perfect Smile for Prom Night-end */

 .popup_reviews {display: none;} .popup_overlay {position: fixed; z-index: 9999; left: 0; top: 0; width: 100%; height: 100%; overflow: auto; background-color: rgba(0, 0, 0, 0.5);} .video_content { display: flex; flex-direction: column; justify-content: center; align-items: flex-end; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); /* width: 600px; */ }
.popup_reviews button { background: #fff; border: 0; border-radius: 50%; position: relative; top: 30px; z-index: 999; left: 0px; width: 30px; height: 30px; display: flex; align-items: center; justify-content: center; }
.popup_reviews video {width: 100%; border-radius: 16px 48px 16px 16px;}
.btn-crousal .button-design.blue-btn { display: inline-block; border: 1px solid; background: transparent; color: #5A0090; }
section.customer-journey .titel-wapper { display: flex; justify-content: space-between; align-items: center; position:relative; }
section.customer-journey h2 { color: #5A0090; max-width: 285px; }
section.guide-prom-section { padding: 60px 0; }
section.customer-journey img.shape-vector-1 { position: absolute; right: 175px; top: 0; }
section.customer-journey img.thumbnail { border-radius: 16px 48px 16px 16px; }
.heading-content p { color: #220036; }
a.button-design.transform-btn:hover { color: #fff; background: #5a0090; }
a.button-design.purple-btn:focus { box-shadow: 2px 4px 2px 0px #EBEB47; }
.btn-crousal .button-design.blue-btn:hover { background: #5a0090; color: #fbfbfb; }

.checklist-wapper h3 { font-family: Outfit; font-size: 24px; font-weight: 600; line-height: 33.6px; text-align: left; color: #220036; max-width: 85%; margin-bottom:15px; }
.checklist-wapper ul { list-style-type: none; margin: 0; padding: 0; }
.checklist-wapper { margin: 0 0 0 auto; background: #F4ECF9;  height: 100%; padding: 45px 50px; position: relative; border-radius: 16px 48px 16px 16px; width: 98%; }
.checklist-wapper ul li { position: relative; padding: 9px 0 9px 25px; font-family: Outfit; font-size: 16px; font-weight: 400; line-height: 22.4px; text-align: left; color: #220036; }
.checklist-wapper ul li:before { content: ''; width: 13px; height: 13px; background: url(https://cdn.shopify.com/s/files/1/0706/0697/9391/files/Ellipse_29.svg?v=1719298210) no-repeat; background-size: contain; position: absolute; left: 0; top: 50%; transform: translateY(-50%); margin-right: 10px; }
section.essential-checklist-section .titel-wapper { display: flex; justify-content: space-between; align-items: center; }
section.essential-checklist-section  img.shape-vector-1 { position: absolute; right: calc(100% - 78%); top: 0; }
section.essential-checklist-section h2 { color: #5A0090; }
section.essential-checklist-section h2 span { display: block; }
.essential-checklist-wapper {    position: relative;}

.memorable-wapper { background: #f4ecf9;  height: 100%;padding: 45px 50px; position: relative; border-radius: 16px 48px 16px 16px; width: 98%; }
.memorable-wapper h3 { font-family: Outfit; font-size: 24px; font-weight: 600; line-height: 33.6px; text-align: left; color: #220036; max-width: 85%; margin-bottom: 20px; }
.memorable-wapper ul { list-style-type: none; margin: 0; padding: 0; }
.memorable-wapper ul li:before { content: ""; width: 14px; height: 14px; background: url(https://cdn.shopify.com/s/files/1/0706/0697/9391/files/Heart_1.svg?v=1719303300) no-repeat; background-size: contain; position: absolute; left: 0; top: 50%; transform: translateY(-50%); margin-right: 10px; }
.memorable-wapper ul li { position: relative; padding: 8px 0 8px 25px; font-family: Outfit; font-size: 16px; font-weight: 400; line-height: 22.4px; text-align: left; color: #220036; }
section.memorable-section { padding: 60px 0; }
.checklist-img { height: 100%; display: flex; }
section.memorable-section h2 { color: #5a0090; max-width: 80%; }
section.memorable-section .titel-wapper p { font-family: Outfit; font-size: 16px; line-height: 22.4px; text-align: right; color: #220036; /* width: 65%; */ }
section.memorable-section .titel-wapper { display: flex; justify-content: space-between; align-items: center; }
.memorable-checklist-wapper .btn-crousal { width: 300px; }
/* prom-new-night-desktop-page-end */
/* thank you page start dekstop*/
section.congratulations-wrapper {padding: 40px 0px;}
.congratulations-wrapper {text-align: center; padding: 80px 0 120px; position: relative;}
.congratulations-wrapper p {font-family: Outfit;font-size: 24px;font-weight: 600;line-height: 33.6px;text-align: center;max-width: 502px;margin: auto;color: #00352D;}
.congratulations-wrapper img.star-vector-one {position: absolute;top: 27px;left: 106px;}
.congratulations-wrapper img.star-vector-three {position: absolute; top: 34px; right: 79px;}
.congratulations-wrapper img.star-vector-two {position: absolute; bottom: 54px; left: 251px;}
.congratulations-wrapper img.star-vector-four {position: absolute; bottom: 36px; right: 210px;}

.page-pf-f1d3b2fd-template-page .breadcrumbs-wrapper {background: #00352D;}
.night-congratulations-wrapper {text-align: center; padding: 80px 0 120px;position: relative;}
.night-congratulations-wrapper p {font-family: Outfit;font-size: 24px;font-weight: 600;line-height: 33.6px;text-align: center;max-width: 502px;margin: auto;color: #fbfbfb;}
.night-congratulations-wrapper img.star-vector-one {position: absolute;top: 27px;left: 106px;}
.night-congratulations-wrapper img.star-vector-three {position: absolute; top: 34px; right: 79px;}
.night-congratulations-wrapper img.star-vector-two {position: absolute; bottom: 54px; left: 251px;}
.night-congratulations-wrapper img.star-vector-four {position: absolute; bottom: 36px; right: 210px;}
.thanks-night-pricing-section {background: #00352D; padding-bottom: 60px;}

/* thank you page end dekstop */

/* Create Dental Impressions At-Home destop */



  /* Create Dental Impressions At-Home End  */

/* braces cost page - Desktop */
.braces-cost-wapper { background-image: url(https://cdn.shopify.com/s/files/1/0706/0697/9391/files/city-banner.png?v=1720163715); background-position: center center; background-repeat: no-repeat; background-size: cover; height: 590px; border-radius: 16px; background-color: #F0F0F0; }
section.braces-cost-section .row { height: 590px; align-items: center; }
section.braces-cost-section h1 { font-family: Outfit; color: #008470; font-size: 48px; font-weight: 700; line-height: 62.4px; text-align: center;  width: 80%; margin: 0 auto 20px auto; }
section.braces-cost-section p { color: #00352d;  width: 85%; margin: 0 auto; font-family: Outfit; font-size: 18px; font-weight: 400; line-height: 25.2px; text-align: center; }

.cost-cta-wapper { background: #008470; display: flex; border-radius: 16px 48px 16px 16px; padding: 60px; }
.cta-wapper-para { max-width: 530px; }
.cost-cta-wapper { background: #008470; display: flex; border-radius: 16px 48px 16px 16px; padding: 60px; align-items: center; justify-content: space-between; }
.cta-wapper-para h3 { font-family: Outfit; font-size: 32px; font-weight: 600; line-height: 41.6px; text-align: left; margin: 0; color: #F0F0F0; }
.cta-wapper-btn a.button-design.transparent-btn:hover { background: #fbfbfb; color: #008470; } 
.cta-wapper-btn a.button-design.transparent-btn { padding: 12px; width: 100%; background: transparent; color: #fbfbfb; border: 1px solid; }
.cta-wapper-btn { max-width: 410px; width: 100%; }
.cta-wapper-btn a.button-design.light-btn  { width: 100%;  margin-bottom: 20px;   padding: 12px; }
section.braces-cost-cta-section { padding-top: 60px; }
.cta-wapper-btn a.button-design.transparent-btn:focus { box-shadow: none; }


.braces-cost-content { text-align: center;  width: 90%;       /* margin: 0 auto; */                     }
.comper-wapper-grid { display: grid; grid-template-columns: 1fr 1fr; justify-content: center; justify-items: center; column-gap: 30px; row-gap: 20px; }
.comper-wapper-grid .tabel-itam:nth-child(odd) { background: #008470; }
.tabel-itam { width: 100%; padding: 20px 30px; text-align: center; padding-bottom: 30px; border-radius: 16px; }
.comper-wapper-grid .tabel-itam:nth-child(1), .comper-wapper-grid .tabel-itam:nth-child(2) { padding: 16px; }
.tabel-titel { font-family: Outfit; font-size: 24px; font-weight: 600; line-height: 33.6px; }
.comper-wapper-grid .tabel-itam:nth-child(even) { background: #f0f0f0; }
.tabel-para:first-child { padding: 0; height: 75px; padding-bottom: 10px; }
.tabel-para { padding: 15px 0 10px; height: 80px; border-bottom: 1px solid #BEBEBE; width: 90%; margin: 0 auto; display: flex; justify-content: center; align-items: center; }
.tabel-para p span { font-family: Outfit; font-size: 18px; font-weight: 400; line-height: 25.2px; text-align: center; }
/* .tabel-para p { border-bottom: 1px solid #BEBEBE; padding-bottom: 10px; } */
.comper-wapper-grid .tabel-itam:nth-child(odd) .tabel-para p span, .comper-wapper-grid .tabel-itam:nth-child(odd) .tabel-titel { color: #FBFBFB; }
.comper-wapper-grid .tabel-itam:nth-child(even) .tabel-titel { color: #008470; }
.comper-wapper-grid .tabel-itam:nth-child(even) .tabel-para p span { color: #00352D; }
.braces-price-inner {    padding: 40px 0;}
section.average-costs-section { padding: 60px 0; }
section.average-costs-section .underline-titel-wppaer { border-bottom: 1px solid #008470; padding-bottom: 30px; margin-bottom: 40px; }
section.average-costs-section .braces-price-inner .contant-wapper { margin: 0 0 0 auto; width: 90%; } 
section.average-costs-section .braces-price-inner.reverse .contant-wapper { width: 90%; margin: auto 0; }
section.average-costs-section .underline-titel-wppaer h2 { max-width: 600px; }
section.average-costs-section .contant-para p { font-family: Outfit; font-size: 16px; font-weight: 400; line-height: 22.4px; text-align: left; color: #00352D; }
section.average-costs-section .contant-para { max-width: 435px; margin-bottom: 50px; }
section.average-costs-section .img-discribe-wapper p span { color: #008470; font-family: Outfit; font-weight: 600; } 
section.average-costs-section .img-discribe-wapper p { color: #00352D;text-align:center; font-family: Outfit; font-size: 16px; font-weight: 400; line-height: 22.4px;   }
section.average-costs-section  .img-discribe-wapper { border: 1px solid; padding: 20px; border-radius: 16px; }
section.average-costs-section .img-wapper img { border-radius: 16px 48px 16px 16px;margin-bottom: 20px; }
section.average-costs-section .col-sm-7.width-55 { width: 55%; }
section.average-costs-section .col-sm-5.width-45 { width: 45%; }

section.average-costs-section .braces-price-inner.all-offer .contant-para { max-width: 100%; margin-bottom: 40px; }
table.offers-value-table th { color: #00352D; font-family: Outfit; font-size: 18px; font-weight: 500; line-height: 25.2px; text-align: left; }
table.offers-value-table { width: 100%; border-collapse: collapse; border-spacing: 0; margin: 0; }
table.offers-value-table tbody tr { border-bottom: 1px solid #BEBEBE; }
table.offers-value-table th, table.offers-value-table td { padding: 15px 10px; }
table.offers-value-table th:nth-child(2), table.offers-value-table td:nth-child(2) { background: #F0F0F0; text-align: center; padding:20px 10px ;}
table.offers-value-table th:nth-child(2) { color: #008470; border-radius: 16px; }
table.offers-value-table tbody tr:nth-child(2) td:nth-child(2) { border-radius: 16px 16px 0 0; padding-top:20px; }
table.offers-value-table tbody tr:last-child td:nth-child(2n) { border-radius: 0 0 16px 16px; padding:0;}
table.offers-value-table td { font-family: Outfit; font-size: 18px; font-weight: 400; line-height: 1.3; text-align: left; color: #00352D; }
table.offers-value-table td:nth-child(2) { font-family: Outfit; font-size: 18px; font-weight: 600; line-height: 1.3; text-align: center; color: #008470; }
table.offers-value-table tr:nth-child(1) td {    padding: 10px;}
table.offers-value-table tr:nth-child(1) {    border: 0;}
table.offers-value-table tr:last-child { border: 0; }
.braces-price-inner:last-child {    padding-bottom: 0;}

.alternative-main { border-bottom: 1px solid #008470; border-top: 1px solid #008470; padding: 60px 0; }
.affordable-wapper img { width: 100%;border-radius: 16px 48px 16px 16px;  } 
.affordable-wapper { display: grid; grid-template-columns: 1fr 1fr 1fr; gap: 25px; }
.affordable-alternative-titel p { max-width: 560px; font-family: Outfit; font-size: 16px; font-weight: 400; line-height: 22.4px; text-align: left; color: #00352D; }
.affordable-alternative-titel h2 { max-width: 870px; }
.affordable-alternative-titel { padding-bottom: 40px; }
.affordable-alternative-itam h3 {max-width: 345px; font-family: Outfit; font-size: 24px; font-weight: 600; line-height: 33.6px; text-align: left;
    margin: 10px 0 12px; color: #008470; height: 70px;}
.affordable-alternative-itam p { font-family: Outfit; font-size: 16px; font-weight: 400; line-height: 22.4px; text-align: left; color: #00352D;}
.affordable-para a { font-family: Outfit; font-size: 14px; font-weight: 400; line-height: 1.3; text-align: left; color: #008470; display: block; }

.wondering-overlay.braces-candidate-overlay {    max-width: 495px;     background-size: 65%;}
section.faqs-home-section.braces-cost-faq-section .faqs-head-wrapper {    align-items: center;}
section.clear-aligners-wondering.braces-candidate-wondering { padding: 80px 0; }
section.daytime_braces_cost .content-box.active-content-box { display: block; }
section.daytime_braces_cost .content-box {   display: none;}

section.night_time_braces_cost .content-box.active-content-box { display: block; }
section.night_time_braces_cost .content-box {   display: none;}
section.night_time_braces_cost {    background: #008470;}
/* braces cost page - Desktop-end */


/*Teeth Straightening Cost In Australia - Desktop */
.teeth_straightening-wapper { background-image: url(https://smilepath.com.au/cdn/shop/files/city-banner.png?v=1720163715); background-position: center center; background-repeat: no-repeat; background-size: cover; height: 590px; border-radius: 16px; background-color: #f0f0f0; }
section.teeth_straightening-section p { color: #00352d; width: 95%; margin: 0 auto; font-family: Outfit; font-size: 18px; font-weight: 400; line-height: 25.2px; text-align: center; }
section.teeth_straightening-section h1 { font-family: Outfit; color: #008470; font-size: 48px; font-weight: 700; line-height: 62.4px; text-align: center; width: 95%; margin: 0 auto 20px; }
.teeth_straightening-content {    text-align: center;   width: 90%;   margin: 0 auto;}
section.teeth_straightening-section .row { height: 590px; align-items: center; }
                                       
.teeth_straightening_price_inner .tabel-para { width: 100%;   height: 110px;}
.teeth_straightening_price_inner .tabel-para p { line-height: 1.3; } 
.teeth_straightening_price_inner .tabel-para p span { font-family: Outfit; font-size: 16px; font-weight: 400; line-height: 22.4px; text-align: center; }
.teeth_straightening_price_inner .tabel-itam { padding:20px 15px;}
.teeth_straightening_price_inner.reverse .contant-wapper { width: 90%; margin: auto 0; }
.teeth_straightening_price_inner .contant-wapper { margin: 0 0 0 auto; width: 90%; }
.teeth_straightening_price_inner { padding: 40px 0; }
.affordable_teeth_straightening_wapper p { font-family: Outfit; font-size: 16px; font-weight: 400; line-height: 22.4px; text-align: center; color: #00352D; }
.affordable_teeth_straightening_wapper h2 { font-family: Outfit; font-size: 36px; font-weight: 700; line-height: 43.2px; text-align: center; }
.affordable_teeth_straightening_wapper .row { display: flex; align-items: flex-end; }
section.affordable_teeth_straightening_section { padding: 60px 0; }
.affordable_teeth_straightening-overlay { max-width: 480px; background: url(https://smilepath.com.au/cdn/shop/files/wondering.png?v=1718455283); background-size: 350px; background-position: center center; margin: 0 0 0 auto; text-align: center; padding: 70px 0; position: relative; background-repeat: no-repeat; }
.affordable_teeth_straightening_wapper { background: #F0F0F0; border-radius: 16px 48px 16px 16px; overflow: hidden; }
.affordable_teeth_straightening_wapper .btn-wrapper { position: relative; display: flex; text-align: center; justify-content: center; margin-top: 20px; }
section.average-costs-section .teeth_straightening_price_inner .contant-para { max-width: 100%; margin-bottom: 40px; }
section.average-costs-section .teeth_straightening_price_inner .contant-para p { max-width: 455px; }
.teeth_straightening_price_inner.reverse.all-offer table.offers-value-table th:nth-child(1) { width: 36%; }
table.offers-value-table th span { display: block; }

section.conclusion-section { padding-bottom: 60px; }
section.conclusion-section  .conclusion-wrapper { background: #008470; border-radius: 16px 48px; }
section.conclusion-section  .conclusion-overlay { display: flex; align-items: center; justify-content: flex-end; padding: 30px 60px; height: 220px; background: url(https://cdn.shopify.com/s/files/1/0706/0697/9391/files/Conclusion-section.png?v=1720520003); background-size: contain; background-repeat: no-repeat; background-position: left; }
section.conclusion-section  .conclusion-contant { width: 65%; }
.conclusion-titel-wapper { display: flex; align-items: center; gap: 8px; margin-bottom: 25px; }
.conclusion-wrapper .conclusion-titel-wapper img.shape-vector-light { width: 20px; height: 20px; }
.conclusion-wrapper .conclusion-titel-wapper h3 { font-family: Outfit; font-size: 24px; font-weight: 600; line-height: 33.6px; text-align: left; margin: 0; color: #FBFBFB; }
.conclusion-wrapper p { font-family: Outfit; font-size: 16px; font-weight: 400; line-height: 22.4px; text-align: left; color: #FBFBFB; }
.page-night-guards-template-page section.custom-step-access-guard-section h2 {font-family: Outfit;font-size: 36px;font-weight: 700;line-height: 43.2px;
    text-align: left;margin-bottom: 16px;color: #F0F0F0; }


/* Teeth Straightening Cost In Australia - Desktop-end */
/* faqs page - Desktop */
.questions-wapper { background: #F0F0F0; height: 360px; padding: 0 60px; border-radius: 16px; background-image: url(https://cdn.shopify.com/s/files/1/0706/0697/9391/files/faq.png?v=1720260656); background-repeat: no-repeat; background-position: 100% 0; background-size: 309px; }
.questions-wapper .row { height: 360px; align-items: center; }
.questions-wapper p { font-family: Outfit; font-size: 16px; font-weight: 400; line-height: 22.4px; text-align: left; color: #00352D; }
.questions-wapper h1 { font-family: Outfit; font-size: 48px; font-weight: 700; line-height: 62.4px; text-align: left; color: #008470; margin-bottom: 20px; }

section.faq-questions-section { padding: 60px 0; padding-bottom:0;}
.categories-wapper h2 { margin-bottom: 20px; }
.inner-accordion-content { display: none; }
.inner-accordion-item { border: 1px solid #008470; margin-bottom: 30px; padding: 20px 30px; border-radius: 8px 24px 8px 8px; }
.inner-accordion-title {     gap: 20px;font-family: Outfit; font-size: 18px; font-weight: 600; line-height: 23.4px; text-align: left; color: #008470; display: flex; align-items: center; justify-content: space-between; }
.inner-accordion-content p { font-family: Outfit; font-size: 16px; font-weight: 400; text-align: left; color: #00352D; margin-top: 15px; line-height: 1.4; }

.faq-questions-tabs { display: flex; flex-direction: row; justify-content: space-between; align-items: flex-start; }
.faq-questions-tab-buttons { flex: 1; display: flex; flex-direction: column; }
.faq-questions-tab-button { background-color: transparent; padding: 15px 10px; cursor: pointer; border: none; border-bottom: 1px solid #BEBEBE; outline: none; transition: background-color 0.3s; font-family: Outfit; font-size: 18px; font-weight: 500; line-height: 25.2px; text-align: left; display: flex; justify-content: space-between; align-items: center; }
.faq-questions-tab-button.active {    background-color: transparent;  color: #008470;}
.categories-wapper { background: #F0F0F0; max-width: 530px; width: 100%; padding: 40px; border-radius: 16px 48px 16px 16px; }
 .faq-questions-tab-content { flex: 3; padding-top: 30px; border-top: 1px solid #BEBEBE; border-left: none; }
.faq-questions-tab-pane {  display: none;  }
.faq-questions-tab-pane.active { display: block; }
  .faq-questions-accordion { display: none; }     
.faq-questions-accordion-item { border-bottom: 1px solid #BEBEBE; }
 .faq-questions-accordion-header { padding: 16px 0; cursor: pointer; background-color: transparent; border: none; outline: none; transition: background-color 0.3s; position: relative; font-family: Outfit; font-size: 18px; font-weight: 600; line-height: 25.2px; text-align: left; display: flex; justify-content: space-between; align-items: center; width: 100%; }
.faq-questions-accordion-header:hover, .faq-questions-accordion-header.active { background-color: transparent; color: #008470; }
 .faq-questions-accordion-header .icon { position: absolute; right: 10px; font-size: 16px; transition: transform 0.3s; }  
.faq-questions-accordion-content { display: none; padding-top: 20px; border-top: 1px solid #BEBEBE; }
 .faq-questions-accordion-content.active { display: block; }    
.faq-main-wapper { max-width: 616px; width: 100%; padding: 40px 0; padding-bottom:0; }

.assessment-wrapper.faq-assessment-wrapper { background: url(https://cdn.shopify.com/s/files/1/0706/0697/9391/files/goodsmile_faq.png?v=1720272100); background-size: contain; background-repeat: no-repeat; background-position: 60%; }
.assessment-wrapper.faq-assessment-wrapper p { font-family: Outfit; font-size: 16px; font-weight: 400; line-height: 22.4px; text-align: left; color: #FBFBFB; }
.assessment-wrapper.faq-assessment-wrapper .inner-text-wapper { max-width: 300px; }
.assessment-wrapper.faq-assessment-wrapper h2 { font-family: Outfit; font-size: 24px; font-weight: 600; line-height: 33.6px; text-align: left; margin-bottom: 10px; }

.recommendation-inner .radio-wrapper h2 {font-family: Outfit; font-size: 24px; font-weight: 600; line-height: 33.6px;
    text-align: left; color: #008470; max-width: 300px; margin-bottom: 10px;}
.recommendation-inner {background: #f0f0f0; padding: 35px 35px; border-radius: 16px 48px 16px 16px;}
.recommendation-inner p {font-family: Outfit; font-size: 16px; font-weight: 400; line-height: 1.7; text-align: left; color: #00352D;}
.recommendation-inner .radio-box {display: flex; gap: 20px; margin: 20px 0;}
.recommendation-inner .radio-label {font-family: Outfit; font-size: 16px; font-weight: 400; line-height: 1.7; text-align: left; color: #00352D;}
button.btnCheckout {background: #008470; border: 0; padding: 16px; font-family: Outfit;
    font-size: 18px; font-weight: 500; line-height: 25.2px; text-align: center; width: 100%; color: #fbfbfb; margin-top: 20px; border-radius: 3rem;}
.recommendation-inner {position: relative;}
.recommendation-inner img.shape-1 {position: absolute; right: 60px;}
.page-recommendation-c-template-page .breadcrumbs-wrapper {display: none;}
.page-recommendation-b-template-page .breadcrumbs-wrapper {display: none;}
.page-recommendation-a-template-page .breadcrumbs-wrapper {display: none;}
.main-recommendation {padding: 50px 0 0;}
.recommendation-title h1 {font-family: Outfit; font-size: 48px; font-weight: 700; line-height: 62.4px; text-align: left; color: #008470; margin: 0;}
.recommendation-title {position: relative;}
.recommendation-title img.shape-1 {position: absolute; right: 80px;}
button {cursor: pointer;}
.recommendation-title {border-bottom: 1px solid #008470 !important; position: relative; padding-bottom: 30px; margin-bottom: 45px;}
.main-recommendation img {display: block;}
.recommendation-grid-wrapper {display: grid; grid-template-columns: repeat(2, 1fr); gap: 20px;}
.main-recommendation label strong {font-family: Outfit; font-size: 24px; font-weight: 600; line-height: 33.6px; text-align: left; color: #008470;}
.radio-heading p {padding-left: 28px; margin-top: 10px;}


p.keep {border-bottom: 1px solid #BEBEBE; padding-bottom: 5px; width: max-content; margin: 0 auto;}
.cart__checkout-button.button {border-radius: 3rem; background: #008673; font-size: 17px; text-transform: capitalize; padding: 18px;}
.product__info-container .variant-title {font-family: Outfit; font-size: 18px; font-weight: 500; line-height: 25.2px; text-align: left; color: #1B1B1B; margin-bottom: 10px !important;}

.coupons-refer-earn-wrapper .coupons-refer-earn-overlay.braces-teen-bg {
    background: url(https://cdn.shopify.com/s/files/1/0706/0697/9391/files/Teen_Aligners_1_1.png?v=1721389949); background-size: cover;        
    background-position: center;background-repeat: no-repeat;border-radius: 16px 48px 16px 16px;overflow: hidden;}

.coupons-refer-earn-wrapper .coupons-refer-earn-overlay.military-discount-bg {background: url(https://cdn.shopify.com/s/files/1/0706/0697/9391/files/ed47ca7fc4_1_3_2.png?v=1721390226);
    background-size: cover; background-position: center; background-repeat: no-repeat; border-radius: 16px 48px 16px 16px;
    overflow: hidden;}
.video-form-wapper h3 {font-family: Outfit; font-size: 24px; font-weight: 600; line-height: 33.6px;
    text-align: left; padding-bottom: 18px; border-bottom: 1px solid #008470; color: #008470; margin-bottom: 30px;}
.contact-form .form-control {border-radius: 8px; padding-left: 20px;}
.video-form-wapper { padding: 35px; border: 1px solid #008470; border-radius: 16px 48px 16px 16px; }
.video-image-wrapper { width: 100%; } 
.video-image-wrapper img { border-radius: 16px; width: 100%;}
.video-form-wapper h3 {font-family: Outfit; font-size: 24px; font-weight: 600; line-height: 33.6px;
    text-align: left; padding-bottom: 24px; border-bottom: 1px solid #008470; color: #008470; margin-bottom: 34px;}
.video-form-wapper {padding: 40px 40px 20px; border: 1px solid #008470; border-radius: 16px 48px 16px 16px;}

.teeth-straigtening-banner .teeth-straigtening-wrapper {position: relative;}
.teeth-straigtening-banner .teeth-straigtening-wrapper:after {content: ""; position: absolute;
    top: 0; bottom: 0; left: 0; right: 0; background: #00352d9e;}
.teeth-straigtening-banner .grid-row {position: relative; z-index: 1;}

.teeth-straigtening-banner .grid-row {display: grid; grid-template-columns: repeat(2, 1fr); align-items: center; gap: 40px;}
.teeth-straigtening-banner .teeth-straigtening-wrapper {padding: 45px; background: url(https://cdn.shopify.com/s/files/1/0706/0697/9391/files/image_104_2_1.png?v=1721642665);
    background-size: cover; background-position: center; border-radius: 16px; overflow: hidden;}
.teeth-straigtening-wrapper h1 {font-family: Outfit; font-size: 48px; font-weight: 700; line-height: 62.4px; text-align: center; color: #EBEB47; margin-bottom: 18px;}
.teeth-straigtening-wrapper p {color: #fff; font-family: Outfit; font-size: 18px; font-weight: 400;
    line-height: 25.2px; text-align: center; max-width: 445px; margin: 0 auto;}
.page-teeth-straightening-template-page .video-form-wapper h3, .page-pf-19f81b8b-template-page .video-form-wapper h3 {font-family: Outfit; font-size: 24px; font-weight: 600; line-height: 33.6px;
    text-align: left; padding-bottom: 16px; border-bottom: 1px solid #ffffff; color: #008470; margin-bottom: 30px; color: #EBEB47;}
.page-teeth-straightening-template-page .video-form-wapper, .page-pf-19f81b8b-template-page .video-form-wapper {background: #042d2600;}
.page-teeth-straightening-template-page .video-form-wapper, .page-pf-19f81b8b-template-page .video-form-wapper {border: 1px solid #fbfbfb;}

.choose-smilepath-image-wrapper strong {
    color: #ebeb47;
}
.understanding-options-wrapper .grid-row {display: grid; grid-template-columns: calc(50% - 10px) calc(50% - 10px); gap: 20px; align-items: center;}
.understanding-options-section {padding: 60px 0 60px;}
.understanding-options-wrapper h2 {margin-bottom: 40px;}
.understanding-options-wrapper .grid-column p {color: #00352D;}
.understanding-options-wrapper .grid-column p strong {font-family: Outfit; font-size: 18px;
    font-weight: 600; line-height: 25.2px; text-align: left; color: #008470 !important;}
.understanding-options-wrapper h2 {max-width: 420px;}
.understanding-options-wrapper .grid-row {display: grid; grid-template-columns: calc(50% - 16px) calc(50% - 16px);
    gap: 32px; align-items: center;}
.understanding-options-wrapper .grid-column p {color: #00352D; padding-left: 35px; max-width: 500px;}
.understanding-options-wrapper .grid-row {position: relative;}
.understanding-options-wrapper .grid-row .shape-vector-3 {position: absolute; right: 0; top: 0px;}
.common-dental-wrapper h2 {max-width: 600px;}
.common-dental-section .common-dental-wrapper {display: flex; flex-direction: column; align-items: flex-start; justify-content: space-between;} 
.common-dental-section .grid-row-wrapper {display: grid; grid-template-columns: repeat(3, 1fr);}
.common-dental-section .teeth-feature-wrapper img {width: 55px; height: 42px; object-fit: contain;}
.common-dental-section .grid-row-wrapper .teeth-feature-wrapper {border: 1px solid #008470; padding: 30px 65px 30px 30px; border-radius: 16px 48px 16px 16px;}
.common-dental-section .grid-row-wrapper {display: grid; grid-template-columns: repeat(3, 1fr); gap: 30px;}
.common-dental-section .common-dental-wrapper {margin-bottom: 40px;}
.common-dental-section .teeth-feature-wrapper p {font-family: Outfit; font-size: 14px; font-weight: 400;
    line-height: 1.7; text-align: left; color: #00352d;}
.teeth-feature-wrapper h3 {font-family: Outfit; font-size: 18px; font-weight: 500; line-height: 25.2px; text-align: left;
    color: #008470; margin: 4px 0 12px;}
.common-dental-section .grid-row-wrapper .teeth-feature-wrapper {border: 1px solid #008470; padding: 30px 65px 30px 30px;
    border-radius: 16px 48px 16px 16px;}
.common-dental-section {padding: 30px 0 60px;}
.metal-braces-section .grid-row {display: grid; grid-template-columns: calc(30% - 20px) calc(70% - 20px);
    gap: 40px; background: #f0f0f0; padding: 60px;}
.metal-braces-section .table-wrapper {padding: 0px;}
tr.spacer-row td {padding: 8px !important;}
.metal-braces-section .grid-row {position: relative;}
.metal-braces-section .grid-row .shape-bg {position: absolute; bottom: 150px; left: 0;}
.metal-braces-section .grid-row .shape-bg-mobile {position: absolute; top: 20px; right: -20px;}

.teeth-straighten-take-assessment-wrapper {background: #008470; border-radius: 16px 48px 16px 48px;}
.teeth-straighten-assessment-wrapper {display: flex; align-items: center; justify-content: space-between; padding: 30px 60px; position: relative;}
.teeth-straighten-assessment-wrapper .shape-vector-light {position: absolute; right: 285px; top: 50px;}
.teeth-straighten-assessment-wrapper {margin: 0;}
.teeth-straighten-assessment-wrapper h2 {font-family: Outfit; font-size: 24px; font-weight: 400; line-height: 33.6px; text-align: left; color: #fbfbfb; margin: 0; max-width: 370px;}
.teeth-straighten-assessment-wrapper .button-design.light-btn {background: #fbfbfb; border: 0px solid #008470; color: #008470; padding: 14px 40px;
    font-family: Outfit; font-size: 18px; font-weight: 500; line-height: 25.2px; text-align: center; max-width: max-content; width: 100%;}
.teeth-straighten-assessment-wrapper {display: flex; align-items: center; justify-content: space-between; padding: 30px 60px; height: 200px;
    background: url(https://cdn.shopify.com/s/files/1/0706/0697/9391/files/goodsmile_28-11-2022-835_1_2.png?v=1721727887);
    background-size: contain; background-repeat: no-repeat; background-position: 60%;}

.teeth-straighten-take-assessment-section {padding: 40px 0 80px;}
.metal-braces-section {padding: 30px 0;}
.home-clear-aligners-section {padding: 60px 0;}
.home-clear-aligners-section .grid-row-wrapper {display: grid; grid-template-columns: repeat(2, 1fr); gap: 20px;}
.home-clear-aligners-section .grid-row {display: grid; grid-template-columns: repeat(2, 1fr); gap: 20px;}
.home-clear-aligners-section .common-dental-wrapper {display: flex; align-items: flex-end; justify-content: space-between;}
.home-clear-aligners-section .common-dental-wrapper {margin-bottom: 0px;}
.home-clear-aligners-section .grid-column {border: 1px solid #008470; padding: 35px 22px; border-radius: 16px 48px 16px 16px; text-align: center;}
.home-clear-aligners-section .grid-column h3 {font-family: Outfit; font-size: 18px; font-weight: 700; line-height: 25.2px;
    text-align: center; margin-bottom: 10px; margin-top: 10px; color: #008470;}
.home-clear-aligners-section .grid-column p {font-family: Outfit; font-size: 14px;  font-weight: 400; line-height: 1.6; text-align: center; color: #00352d;}
.home-clear-aligners-section .grid-row {align-items: flex-end;}
.home-clear-aligners-section .text-align-center {margin: 0;}
.home-clear-aligners-section .grid-column-wrapper.text-align-center img { width: 100%; display: block;
    text-align: center; margin: 0 auto;}
.home-clear-aligners-section .grid-column-wrapper.text-align-center {position: relative;}
.home-clear-aligners-section .overlay-bg {width: 100%; background-color: #EFF2F8; display: block !important; height: 80%; position: absolute; bottom: 0;
    z-index: -1; border-radius: 30px;}
.home-clear-aligners-section .page-width {position: relative;}
.home-clear-aligners-section .overlay-bg {background-color: #f0f0f0;}
.home-clear-aligners-section .grid-column-wrapper h2 {margin-bottom: 30px;}
.home-clear-aligners-section .shape-3 {position: absolute; right: 0;}
.custom-step-access-guard-section p.subtitle {margin-bottom: 50px;}
.custom-step-access-guard-wrapper .features-grid-item .features-wrapper .image {position: relative;}
.custom-step-access-guard-wrapper .features-grid-item .features-wrapper .step-number { position: absolute; right: 10px; top: 14px; background: #ebeb47; width: 26px; height: 26px; border-radius: 50%; display: flex; align-items: center; justify-content: center; font-family: Outfit; font-size: 18px; font-weight: 600; line-height: 25.2px; text-align: center; color: #008470; border: 2px solid #00352d; padding: 16px; }
.custom-step-access-guard-section-light-theme .custom-step-access-guard-wrapper  {background: #F0F0F0;}
.custom-step-access-guard-section-light-theme .custom-step-access-guard-wrapper .features-grid-item .features-wrapper .step-number {border: 2px solid #f0f0f0;}
.custom-step-access-guard-section-light-theme h2 {color: #008470;}
.custom-step-access-guard-section-light-theme h3 {color: #008470;}
.custom-step-access-guard-section-light-theme p {color: #00352D;}
.custom-step-access-guard-section-light-theme .features-grid-item {position: relative;}
.custom-step-access-guard-section-light-theme .features-grid-item:after {content: url(/cdn/shop/files/Arrow_2.svg?v=1731587474);
    position: absolute;  right: -58px; top: 100px; z-index: 1;}

.common-dental-section .common-dental-wrapper p {color: #00352D; max-width: 450px;}
.nightonly-title-wrapper {color: #00352D;}
.nightonly-clear-aligners-title-wrapper {justify-content: space-between; display: flex; align-items: flex-end;}
.nightonly-title-wrapper {max-width: 580px;}
.nightonly-clear-aligners-title-wrapper {margin-bottom: 40px;}
.nightonly-clear-aligners-title-wrapper h2 {margin-bottom: 20px;}
.nightonly-bg-wrapper {background: url(https://cdn.shopify.com/s/files/1/0706/0697/9391/files/d9dc893872_1_1.png?v=1721800908);
    background-size: cover; background-position: center; background-repeat: no-repeat; border-radius: 16px 48px 16px 16px; padding: 30px;}
.nightonly-bg-wrapper {position: relative;}
.nightonly-bg-wrapper:after {content: ''; position: absolute; left: 0; right: 0; top: 0; bottom: 0; background: #00352D80; width: 100%; height: 100%;}
.nightonly-bg-wrapper .nightonly-list-wrapper {position: relative; z-index: 1;}
.nightonly-bg-wrapper .nightonly-list-wrapper {display: flex; align-items: center; gap: 25px; border: 1px solid #FBFBFB;
    color: #FBFBFB; padding: 24px; border-radius: 16px 48px 16px 16px; max-width: 530px;}
.nightonly-bg-wrapper {position: relative; display: flex; flex-direction: column; gap: 20px;}
.nightonly-bg-wrapper {overflow: hidden;}
.nightonly-bg-wrapper {padding: 50px 50px;}
.nightonly-list-wrapper strong {color: #EBEB47;}
.nightonly-clear-aligners-section {padding: 40px 0;}
.choose-smilepath-image-wrapper p {background: #008470; padding: 20px 30px; color: #fff; border-radius: 16px;}
.choose-smilepath-section .grid-row {display: grid; grid-template-columns: repeat(2, 1fr); gap: 0px;}
.choose-smilepath-image-wrapper img {display: block;}
.choose-features-wrapper {display: grid; grid-template-columns: 1fr 1fr; gap: 20px; margin-bottom: 12px;}
.choose-smilepath-wrapper h2 {margin-bottom: 35px;}
.choose-features-wrapper .feature-item img {margin-bottom: 8px;}
.choose-features-wrapper .feature-item h3 {font-family: Outfit; font-size: 18px; font-weight: 500; line-height: 25.2px; text-align: left; margin-bottom: 10px;}
.choose-features-wrapper .feature-item p {color: #00352D;}
.choose-features-wrapper {gap: 25px;}
.choose-features-wrapper {margin: 0;}
section.choose-smilepath-section {padding: 40px 0;}
.choose-features-wrapper p {font-family: Outfit;font-size: 14px; font-weight: 400; line-height: 1.8; text-align: left;}
.choose-features-wrapper .feature-item h3 {color: #008470;}
.choose-smilepath-wrapper h2 {max-width: 440px; margin-bottom: 45px;}
.choose-features-wrapper .feature-item {padding-bottom: 20px; position: relative;}
.choose-features-wrapper .feature-item:after {content: ''; position: absolute; left: 0; bottom: 0; background: #038371; height: 1px; width: 200px; }
.choose-smilepath-image-wrapper {max-width: 90%;}
.choose-features-wrapper .feature-item:nth-child(5):after {content: none;}
.choose-features-wrapper .feature-item:nth-child(6):after {content: none;}
.understanding-options-wrapper .grid-column p {color: #00352D; padding-left: 35px; max-width: 500px; font-family: Outfit;
    font-size: 18px; line-height: 1.7; text-align: left;}
.dental-problems-section .dental-problems-wrapper {overflow: hidden;padding-bottom:45px}
.sp-product-price span {font-family: Outfit; font-size: 28px; font-weight: 500; line-height: 26px; text-align: left;
    color: #008673;}
body.gradient.product-template-page.studio-impression-product.animate--hover-vertical-lift section.custom-step-access-guard-section h2{    font-family: Outfit;
    font-size: 36px;font-weight: 700;line-height: 43.2px;text-align: left; margin-bottom: 25px;color: #008470;}

.last-form-banner .form-grid-wrapper {display: grid; grid-template-columns: repeat(2, 1fr); gap: 30px; align-items: center;}
.last-form-banner .form-grid-wrapper h2 {font-family: Outfit; font-size: 24px; font-weight: 600; line-height: 33.6px; text-align: left; color: #fbfbfb; max-width: 375px;}
.affordiable-dental-night-section .featured-content .new-tag-product {bottom: 34px; right: -38%;}
.page-teeth-straightening-template-page .custom-step-access-guard-wrapper {margin-bottom: 40px !important; gap: 20px;}
.inner-accordion-title {text-transform: capitalize;}
.page-pf-1611f747-template-page .breadcrumbs-wrapper, .page-night-quiz-success-template-page .breadcrumbs-wrapper {display: none;}
.night-congratulations-section {background-image: url(/cdn/shop/files/pexels-neale-lasalle-197020-631477_1_2_1.jpg?v=1727172879);
    background-size: cover; background-repeat: no-repeat; background-position: center top; background-attachment: fixed;
    background-color: #00352d; padding: 70px 0 50px; position: relative;}
.night-congratulations-section:after {position: absolute; content: ""; top: 0; left: 0; width: 100%; height: 100%;
    background: #00352d;  opacity: 0.8;}
.night-congratulations-section .page-width {position: relative; z-index: 1;}

.assessment-lp-form::-webkit-scrollbar-track
{
	-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
	background-color: #F5F5F5;
}

.assessment-lp-form::-webkit-scrollbar
{
	width: 6px;
	background-color: #F5F5F5;
}

.assessment-lp-form::-webkit-scrollbar-thumb
{
	background-color: #000000;
}

/*blogedit*/
a.How_to_maintain_clear_braces_for_teens {
    font-family: Outfit !important;
    font-size: 28px !important;
    font-weight: 700 !important;
    line-height: 33.6px !important;
    text-align: left !important;
}

.dental-impressions-wapper .button-design {padding: 10px 42px;}
.video-call-heading-wrapper {max-width: 380px;}
.video-call-heading-wrapper h2 {font-family: Outfit; font-size: 32px; font-weight: 600; line-height: 41.6px; text-align: left; margin-bottom: 12px;}
.video-call-heading-wrapper p {color: #fff; font-family: Outfit; font-size: 16px; font-weight: 400; line-height: 1.6; text-align: left;}
.video-call-section .assessment-wrapper {display: flex; align-items: center; justify-content: space-between; padding: 30px 60px;
    height: 215px; background: url(/cdn/shop/files/goodsmile_28-11-2022-835_1_4.png?v=1727341830);
    background-size: contain; background-repeat: no-repeat; background-position: 60%;}
.video-call-section .assessment-wrapper .shape-vector-light {right: 385px !important;}
/*mid-treatment-onboarding*/
.page-mid-treatment-onboarding-template-page .breadcrumbs-wrapper{display: none;}
section.survey-main {padding: 60px 0; padding-top: 0;}
.survey-main-inner {display: flex;flex-direction: column;margin-top: 80px;position: relative;}
.survey-main-inner img{margin: 0 auto;margin-bottom: 20px;}
.survey-main-inner h1 {font-family: Outfit;font-size: 60px;font-weight: 600;line-height: 43.2px;text-align: left;margin-bottom: 50px;color: #008470;text-align: center;position: relative;}
.survey-main-inner h2{font-family: Outfit; font-size: 32px; font-weight: 400; line-height: 43.2px; text-align: left; margin-bottom: 20px; color: #00352D; text-align: center;position: relative;}
.survey-main-inner h1:after {content: '';position: absolute;bottom: -40px;left: 49%;transform: translateX(-50%);width: 80px;height: 1px;background: #008470;}
.survey-main-inner h2:after{content: '';position: absolute;bottom: -20px;left: 50%;transform: translateX(-50%);width: 80px;height: 1px;background: #008470;}
.survey-main-inner p {font-family: Outfit; font-size: 18px; font-weight: 500; line-height: 1.5; text-align: left; color: #00352d; text-align: center; max-width: 740px;  margin: 20px auto;}
.survey-main-inner span{color:#008470;font-weight: 700;}
.well_buttons {justify-content: center; align-items: center; display: flex; gap: 20px; margin-top: 20px;}
.well_buttons .button-design {display: flex; align-items: center; gap: 10px;}
.well_buttons a.button-design.white-btn {margin: 0;}
.survey-main-inner img.star-vector-one {position: absolute;top: -30px;left: 85px;}
.survey-main-inner img.star-vector-two {position: absolute;bottom: 105px;left: 165px;}
.survey-main-inner img.star-vector-three {position: absolute;top: -30px;right: 60px;}
.survey-main-inner img.star-vector-four {position: absolute;bottom: 160px;right: 145px;}
.well_buttons a.button-design.white-btn {font-family: Outfit;font-size: 24px;font-weight: 600;line-height: 25.2px;text-align: center;padding: 10px 90px;border-radius: 40px;background: #fff;color: #5a0090;display: inline-block;margin-top: 30px;}
section.frequently-asked-questions {background: #fff; padding: 50px 0;}
.page-recommendation-c-template-page  section.frequently-asked-questions h1{font-family: Outfit;font-size: 48px;font-weight: 700;line-height: 1.5;text-align: left;color: #008470;margin-bottom: 8px;}
.page-recommendation-a-template-page  section.frequently-asked-questions h1{font-family: Outfit;font-size: 48px;font-weight: 700;line-height: 1.5;text-align: left;color: #008470;margin-bottom: 8px;}
.page-recommendation-b-template-page  section.frequently-asked-questions h1{font-family: Outfit;font-size: 48px;font-weight: 700;line-height: 1.5;text-align: left;color: #008470;margin-bottom: 8px;}
section.frequently-asked-questions h2 {font-family: Outfit;font-size: 48px;font-weight: 700;line-height: 1.5;text-align: left;color: #008470;margin-bottom: 8px;}
section.frequently-asked-questions .subtitle {font-family: Outfit; font-size: 24px; font-weight: 500; line-height: 36.68px; text-align: left; color: #000000; margin-bottom: 28px;
    padding-bottom: 35px;  border-bottom: 1px solid #008470;}
section.frequently-asked-questions .frequent-product-item-wrapper .product-radio-wrapper {display: flex; align-items: center; gap: 25px; margin-bottom: 28px; width: 100%;}
section.frequently-asked-questions .frequent-product-item-wrapper .product-radio-wrapper img {max-width: 260px; border-radius: 16px; border: 1px solid #00847078;}
section.frequently-asked-questions .frequent-product-item-wrapper .product-radio-wrapper .radio-label {display: flex; align-items: center; gap: 30px; margin: 0;}
section.frequently-asked-questions .form-select {padding: 10px 10px 10px 16px; border: 1px solid #00352d61; background-color: #f0f0f0; background-image: url(data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2212%22%20height%3D%2212%22%20viewBox%3D%220%200%2012%2012%22%3E%3Ctitle%3Edown-arrow%3C%2Ftitle%3E%3Cg%20fill%3D%22%23000000%22%3E%3Cpath%20d%3D%22M10.293%2C3.293%2C6%2C7.586%2C1.707%2C3.293A1%2C1%2C0%2C0%2C0%2C.293%2C4.707l5%2C5a1%2C1%2C0%2C0%2C0%2C1.414%2C0l5-5a1%2C1%2C0%2C1%2C0-1.414-1.414Z%22%20fill%3D%22%23000000%22%3E%3C%2Fpath%3E%3C%2Fg%3E%3C%2Fsvg%3E);
    background-size: .6em; background-position: calc(100% - 1.3em) center; background-repeat: no-repeat; appearance: none; width: 250px; border-radius: 8px; font-family: 'Poppins', sans-serif;}
section.frequently-asked-questions .frequent-product-title h3 {font-family: Outfit; font-size: 28px; font-weight: 600; line-height: 39.2px;
    text-align: left; margin-bottom: 12px; color: #008470;}
section.frequently-asked-questions .frequent-product-title p {font-family: Outfit; font-size: 16px; font-weight: 400; line-height: 22.4px;
    text-align: left; color: #00352D; margin-bottom: 16px;}
section.frequently-asked-questions input[type=checkbox] {display: inline-block; width: 20px; height: 20px; margin-right: .5rem;}
section.frequently-asked-questions .product-radio-wrapper {background: #f0f0f0; padding: 46px 26px; border-radius: 16px; border: 1px solid #008470;}
section.frequently-asked-questions .subtitle {margin-bottom: 36px;}
section.frequently-asked-questions .btnCheckout {background: #008470; border: 0; color: #fff; font-family: Outfit, sans-serif;
    font-size: 20px; padding: 16px 40px; border-radius: 3rem; max-width: 300px;}
.frequent-product-price {font-size: 16px; font-weight: 400; line-height: 22.4px; text-align: left;}
.frequent-product-title .form-select {font-family: Outfit;font-size: 16px;font-weight: 400;line-height: 22.4px;text-align: left;}
section.frequently-asked-questions .dropdown-box {display: flex; align-items: center; gap: 14px;}
section.frequently-asked-questions .dropdown-box del {text-decoration-color: #FF1717;}
section.frequently-asked-questions .dropdown-box strong {font-weight: 600; color: #008470;}
label[for="no-thanks"] .frequent-product-title {display: flex; align-items: center; gap: 18px;}
label[for="no-thanks"] h3 {margin-bottom: 0 !important;}
section.frequently-asked-questions .btnCheckout {cursor: pointer !important;}
section.frequently-asked-questions label {cursor: pointer !important;}
.product-radio-wrapper.no-thanks-wrapper {padding: 26px 26px !important;}
section.frequently-asked-questions .btnCheckout {margin-top: 20px;}
.page-recommendation-a-template-page .breadcrumbs-wrapper {display: none;}
.image-vectors-wrapper {position: absolute; display: inline-block; right: 220px; top: 40px;}
section.frequently-asked-questions {position: relative;}

section.frequently-asked-questions .frequent-product-title p {margin-bottom: 18px;}
section.frequently-asked-questions .no-thanks-wrapper .frequent-product-title p {margin-bottom: 0;}
.smile-protection-plan-product #price-template--23349318254913__main {
    padding-bottom: 20px;
    border-radius: 16px 48px 16px 16px;
    margin-bottom: 20px !important;
}
.how-to-use-title-wrapper img {display: none;}
.clear-aligners-wondering.custom-step-access-guard-section-light-theme .clear-aligners-wapper {background: #f0f0f0;}
.clear-aligners-wondering.custom-step-access-guard-section-light-theme .wondering-overlay h2 {color: #008470;}
.clear-aligners-wondering.custom-step-access-guard-section-light- .clear-aligners-wondering .wondering-overlay {background: url(/cdn/shop/files/Vector_6.png?v=1727354370) !important;
    background-size: contain !important; background-position: 50% !important; margin: 0 0 0 auto; text-align: center; padding: 70px 0;
    position: relative; background-repeat: no-repeat !important; background-size: contain !important; background-position: 50% !important; margin: 0 0 0 auto; text-align: center;
    padding: 70px 0; position: relative; background-repeat: no-repeat !important;}
.clear-aligners-wondering.custom-step-access-guard-section-light-theme .wondering-overlay .btn-wrapper {margin-top: 20px;}
.clear-aligners-wondering.custom-step-access-guard-section-light-theme  .wondering-overlay p {color: #00352D;}
.clear-aligners-wondering.custom-step-access-guard-section-light-theme .btn-wrapper a.button-design.white-btn {margin-top: 2px;}
.clear-aligners-wondering.custom-step-access-guard-section-light-theme .wondering-overlay {background: url(/cdn/shop/files/Vector_4.png?v=1731596486) !important;
    background-size: contain !important; background-position: 50% !important; margin: 0 0 0 auto; text-align: center;
    padding: 70px 0; position: relative; background-repeat: no-repeat !important;}

/*mid-treatment-onboarding*/
/* schedule-thanks */
.page-schedule-thanks-video-call-template-page .breadcrumbs-wrapper {display:none;}

.offer-announcement-content:hover a {transition: 0.3s;}
.offer-announcement-content:hover a {text-decoration: underline;}

.home-banner-section.purple-theme-banner .banner-content-wrapper a.banner-button {background: #5a0090; border: 1px solid #5a0090;}
.home-banner-section.purple-theme-banner .banner-content-wrapper a.banner-button:hover {background: transparent;color:#5a0090;}
.home-banner-section.purple-theme-banner .banner-content-wrapper strong {color: #220036;}
.home-banner-section.purple-theme-banner .banner-content-wrapper h1 span {color: #00352D;}


/* schedule-thanks */
@media (prefers-reduced-motion: no-preference) and (hover: hover) {
    .animate--hover-vertical-lift .card-wrapper:hover .card--card, .animate--hover-vertical-lift .card-wrapper:hover .card--standard .card__inner {
        transform: translateY(0);
    }
}

@media only screen and (min-width: 1440px;) and (max-width: 2100px){
  .gift-card-shop-wrapper {grid-template-columns: calc(65% - 15px) calc(35% - 15px) !important;}
}

@media only screen and (min-width: 1485px) and (max-width: 1630px){
  .banner-reviews-wrapper .reviews-item:nth-child(2):before {left: -27%;}
  .banner-reviews-wrapper .reviews-item:nth-child(2):after {right: -27%;}
  .all-products-carousel-wrapper .product-item .new-tag-product {right: 38%;}
}

@media only screen and (min-width: 1631px) and (max-width: 2100px){
  .banner-reviews-wrapper .reviews-item:nth-child(2):before {left: -35%;}
  .banner-reviews-wrapper .reviews-item:nth-child(2):after {right: -35%;}
  .all-products-carousel-wrapper .product-item .new-tag-product {right: 38%;}
}

@media only screen and (min-width: 2101px) and (max-width: 2300px){
  .banner-reviews-wrapper .reviews-item:nth-child(2):before {left: -45%;}
  .banner-reviews-wrapper .reviews-item:nth-child(2):after {right: -45%;}
}



@media only screen and (min-width: 768px) and (max-width: 1260px){
  .page-width {width: 86% !important; padding: 0; overflow: hidden;}
}
@media only screen and (min-width: 768px) and (max-width: 2260px){
.free-video-call-section .free-video-call-wrapper { display: flex; gap: 32px; align-items: flex-end;margin-top: -90px;  }
}
@media (prefers-reduced-motion: no-preference) and (hover: hover) {
    .animate--hover-vertical-lift .button:not([disabled]):hover:after {box-shadow: none;}
}

@media only screen and (min-width: 300px) and (max-width: 400px){
  .product-template .product-form__buttons:after {right: -20px; width: 30px;}
  .product-template .product-form__buttons .product-form__submit {max-width: 155px;}
  .home-banner-section .banner-content-wrapper p { font-size:16px; }
}

@media only screen and (min-width: 401px) and (max-width: 460px){
  .product-template .product-form__buttons:after {right: -34px; width: 56px;}
  .product-template .product-form__buttons .product-form__submit {max-width: 170px;}
}



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

  .page-scan-center-new-template-page .col-sm-5.form_img img {
    width: 100%;

  
}
.page-dental-studio-template .col-sm-5.form_img img {
    width: 100%;
  
  }
  
  .h2 {font-family: Outfit;font-size: 28px;font-weight: 700;line-height: 33.6px;}
  .page-width {width: 100% !important; padding: 0 2rem; overflow: hidden;}
  .page-width-desktop {width: 90% !important; padding: 0;}
  .mobile-show {display: block !important;}
  .banner-reviews-wrapper.mobile-show {display: flex !important;}
  .desktop-show {display: none !important;}
  .page-recommendation-c-template-page  section.frequently-asked-questions h1{font-size: 32px; line-height: 1.3; margin-bottom: 8px;}
.page-recommendation-a-template-page  section.frequently-asked-questions h1{font-size: 32px; line-height: 1.3; margin-bottom: 8px;}
.page-recommendation-b-template-page  section.frequently-asked-questions h1{font-size: 32px; line-height: 1.3; margin-bottom: 8px;}
  /* Home banner Start */
  .home-banner-section .home-banner-wrapper .row {flex-direction: column-reverse;}
  .home-banner-section .home-banner-wrapper h1 {font-size: 32px; font-weight: 700; line-height: 38.4px; text-align: left; margin-bottom: 20px;}
  .home-banner-section .banner-content-wrapper p {margin-bottom: 20px; max-width: 335px;}
  .home-banner-section .row .col-sm-6:nth-child(2) .banner-reviews-wrapper {display: none;}
  .home-banner-section {padding-top: 40px;}
  .home-banner-section .banner-image-wrapper {max-width: 100%; margin-top: 40px;}
  .home-banner-section .banner-image-text p {margin: 0; font-size: 14px; font-weight: 400; line-height: 19.6px; text-align: center;max-width: 100%;}
  .home-banner-section {padding-bottom: 40px;}
  .home-banner-section. banner-image-text .father-day p {max-width: 100%;}
  .banner-image-text .father-day{
    width: max-content;
    padding: 0 50px; 
  }
.banner-image-text .father-day p {
font-size: 14px !important;
        padding: 0;
}  
.banner-image-text strong{
  font-size:12px !important;
}
  /* Why Choose Start */
  .why-choose-section h2 {color: #008470; font-size: 28px; font-weight: 700; line-height: 33.6px; text-align: left;}
  .why-choose-section p.heading-subtitle {margin-bottom: 20px;}
  .banner-reviews-wrapper .reviews-item img {width: 100%;}
  .why-choose-section .features-grid {gap: 14px;}
  .why-choose-section .features-grid {grid-template-columns: repeat(1, 1fr);}
  .why-choose-section .features-grid-item a.button-design {width: 100%;  padding: 18px; font-size: 16px;
        font-weight: 400; line-height: 20.8px; text-align: center;}
  .why-choose-section .features-wrapper h3 {font-size: 24px; font-weight: 600; line-height: 1.4; text-align: left;}
  .why-choose-section {padding-bottom: 20px;}
  .why-choose-section p.heading-subtitle {max-width: 350px;}
  .why-choose-section .features-content-wrapper {display: flex; align-items: flex-start; gap: 25px;}
  .why-choose-section .features-wrapper h3 {font-size: 18px; font-weight: 700;}
  .why-choose-section .features-wrapper{padding: 28px 32px;}
  /* transformation start */
  .smile-transformations-wrapper .transform-bg-wrapper {padding: 40px 35px; height: 380px;}
  .smile-transformations-wrapper img.shape-2 {top: 95px; right: 80px;}
  .smile-transformations-wrapper .grid-column-5 {max-width: 100%;}
  .transform-bg-wrapper h2 {margin-bottom: 26px; font-size: 28px; font-weight: 700; line-height: 33.6px; text-align: left;}
  .transform-bg-wrapper p {margin-bottom: 30px;}
  .transform-bg-wrapper .button-design.light-btn {font-size: 16px; font-weight: 400; line-height: 20.8px;
    text-align: center;}
  
  .how-it-works-section .features-grid-wrapper {grid-template-columns: repeat(1, 1fr);}
  .how-it-works-section .features-grid-item {padding: 65px 50px 50px; text-align: center;}
  .how-it-works-section .features-grid-item:after {content: url(/cdn/shop/files/Arrow_1_svg.svg?v=1726320384); position: absolute; right: -15px;  bottom: -45px;
        height: 24px; width: 125px; background: #fff; background-size: 45px; z-index: 1; transform: rotate(90deg);}
  .how-it-works-section .features-grid-wrapper {gap: 65px;}
  .how-it-works-wrapper h2 {font-size: 28px;font-weight: 700;line-height: 33.6px;text-align: left; margin-bottom: 10px;}
  .how-it-works-section .features-wrapper h3 {font-size: 24px; font-weight: 600; line-height: 28.8px; text-align: center;}
  .how-it-works-section p.heading-subtitle {margin-bottom: 55px; max-width: 320px;}
  .how-it-works-section .features-wrapper p {max-width: 300px;}
  .flexibility-section {padding: 30px 0;}
  .flexibility-section .flexibility-wrapper h2 {color: #fbfbfb; margin-bottom: 8px; font-size: 18px;
    font-weight: 700; line-height: 1.4; text-align: center;}
  .flexibility-section .flexibility-overlay {max-width: 800px; background: url(/cdn/shop/files/Vector_2.svg?v=1727694460);
        background-size: 225px; background-position: center; background-repeat: no-repeat; padding: 60px 30px; }
  .flexibility-section img.shape-5 {position: absolute; bottom: 40px; right: 40px; width: 16px;}
  .flexibility-section img.shape-4 {position: absolute; top: 40px; left: 40px; width: 16px;}
  .flexibility-section .flexibility-wrapper p {color: #fbfbfb; font-family: Outfit; font-size: 14px; font-weight: 400;
    line-height: 1.4; text-align: center; max-width: 290px; margin: 0 auto;}
  .flexibility-section .flexibility-wrapper h2 {color: #fbfbfb; margin-bottom: 12px; font-family: Outfit; font-size: 18px;
        font-weight: 700; line-height: 23.4px; text-align: center;}
  .download-imgs img {width: 100%;}
  
  .day-pricing-wrapper ul.day-list-features {margin-top: 22px; padding-top: 26px;}
  .day-pricing-section {padding: 30px 0;}
  .day-pricing-wrapper .pricing-grid-wrapper {grid-template-columns: repeat(1, 1fr);}
  .day-pricing-wrapper {padding: 50px 25px;}
  .day-pricing-wrapper .pricing-grid-wrapper {max-width: 100%;}
  .day-pricing-wrapper p {font-size: 14px; font-weight: 400; line-height: 1.7; text-align: left; max-width: 260px;}
  
  .day-pricing-wrapper .price-grid-item h3 {font-size: 18px; font-weight: 700; line-height: 23.4px; text-align: left;}
  .day-pricing-wrapper .for-only-para {font-size: 14px; font-weight: 400; line-height: 19.6px; text-align: left;}
  .day-pricing-wrapper .sp-product-price {font-size: 32px; font-weight: 700; line-height: 38.4px; text-align: left;}
  .day-pricing-wrapper .sp-product-price del {font-size: 16px; font-weight: 400; line-height: 20.8px; text-align: left;}
  .day-pricing-wrapper .sp-product-content {max-width: 100%; font-size: 14px; font-weight: 400; line-height: 19.6px; text-align: left; margin-bottom: 14px !important;}
  .day-pricing-wrapper .button-design {font-size: 16px; font-weight: 400; line-height: 20.8px; text-align: center;}
  .day-pricing-wrapper .button-design {width: max-content; margin-top: 4px;}
  .day-pricing-wrapper .product-item-content-wrapper {display: flex; flex-direction: column; gap: 20px; justify-content: space-between;
    margin-top: 22px;}
  .price-grid-item .new-tag-product {background: #5A0090; font-family: Outfit; font-size: 12px; font-weight: 400; line-height: 16.8px;
    text-align: center; padding: 5px 32px; position: absolute; width: 100%; top: auto; bottom: 35px; right: -45%; transform: rotate(-45deg);
    color: #00352d; border-radius: 0 0 12px 12px; display: none;}
  .toggle-wrap {margin-bottom: 40px;}
  .day-pricing-wrapper .list-features-item .list-features-content  {color: #00352d; font-family: Outfit; font-size: 16px; font-weight: 400;
    line-height: 1.5; text-align: left; margin-bottom: 8px; max-width: 195px;}
  .day-pricing-section {padding-bottom: 15px;}
  .day-pricing-wrapper h2 {max-width: 200px; font-size: 28px;}
  .day-pricing-wrapper .day-heading-wrapper {display: flex; align-items: flex-start; gap: 20px; font-family: Outfit; font-size: 19px;
    font-weight: 700; line-height: 33.6px; text-align: left;}
  
  .night-pricing-wrapper ul.night-list-features {margin-top: 22px; padding-top: 26px;}
  .night-pricing-section {padding: 40px 0;}
  .night-pricing-wrapper .pricing-grid-wrapper {grid-template-columns: repeat(1, 1fr);}
  .night-pricing-wrapper {padding: 50px 25px;}
  .night-pricing-wrapper .pricing-grid-wrapper {max-width: 100%;}
  .night-pricing-wrapper p {font-size: 14px; font-weight: 400; line-height: 1.7; text-align: left; max-width: 260px;}
  .night-pricing-wrapper .price-grid-item h3 {font-size: 18px; font-weight: 700; line-height: 23.4px; text-align: left;}
  .night-pricing-wrapper .for-only-para {font-size: 14px; font-weight: 400; line-height: 19.6px; text-align: left;}
  .night-pricing-wrapper .sp-product-price {font-size: 32px; font-weight: 700; line-height: 38.4px; text-align: left;}
  .night-pricing-wrapper .sp-product-price del {font-size: 16px; font-weight: 400; line-height: 20.8px; text-align: left;}
  .night-pricing-wrapper .sp-product-content { font-size: 14px; font-weight: 400; line-height: 19.6px; text-align: left; margin-bottom: 14px !important;}
  .night-pricing-wrapper .button-design {width: max-content;}
  .night-pricing-wrapper .button-design {font-size: 16px; font-weight: 400; line-height: 20.8px; text-align: center;}
  .night-pricing-section {padding: 15px 0 40px;}
  .night-pricing-wrapper h2 {font-size: 28px; font-weight: 700; line-height: 33.6px; text-align: left; max-width: 220px;display: inline-block;
        margin-left: 20px;}
  .toggle-wrap {margin-bottom: 30px;}
  .night-pricing-wrapper .list-features-item .list-features-content  {font-size: 16px; font-weight: 400; line-height: 1.5; text-align: left; margin-bottom: 8px;}
  .grid-row-wrapper-two {display: grid; grid-template-columns: repeat(1, 1fr); gap: 30px;}
  .two-ways-get-started-wrapper .get-started-product-wrapper {height: 470px;}
  .get-started-product-wrapper h3 {font-size: 24px;font-weight: 600;line-height: 1.6;text-align: left; max-width: 240px;}
  .two-ways-get-started-wrapper .get-started-product-wrapper {justify-content: flex-end;}
  .two-ways-get-started-wrapper .get-started-product-wrapper p {font-size: 16px; font-weight: 400; line-height: 1.5; text-align: left; max-width: 80%;}
  .two-ways-get-started-wrapper .get-started-overlay.home-impression-kit {background-position: right;}
  .two-ways-get-started-wrapper .get-started-product-wrapper .button-design.light-btn {max-width: max-content; font-family: Outfit;
    font-size: 16px; font-weight: 400; line-height: 20.8px; text-align: center;}
  .two-ways-get-started-wrapper .shape-vector-1 {position: absolute; right: 25px; top: 0; width: 50px;}
  .two-ways-get-started-wrapper h2 {max-width: 100%; font-size: 28px; font-weight: 700; line-height: 33.6px; text-align: left; margin-bottom: 18px; margin-bottom: 10px;}
  .two-ways-get-started-wrapper p.heading-subtitle {max-width: 295px; margin-bottom: 28px;}
  .all-products-carousel-wrapper .product-item h3 {margin-bottom: 16px; font-size: 18px; font-weight: 700; line-height: 23.4px;
    text-align: center;}
  .all-products-carousel-wrapper .product-item-price {margin-bottom: 20px; font-size: 32px; font-weight: 700; line-height: 38.4px;
    text-align: center;}
  .all-products-carousel-wrapper .swiper-scrollbar-drag {display: block;}
  .our-latest-products-section .button-design.gray-btn {font-size: 16px; font-weight: 400; line-height: 20.8px;
    text-align: center; max-width: max-content; margin-top: 20px;}
  .our-latest-products-section .product-view-all-wrapper .shape-vector-1 {display: none;}
  .all-products-carousel-wrapper .product-item .new-tag-product {top: 4%; left: -37%;}
  .all-products-carousel-wrapper {overflow: visible;}
  .our-latest-products-section {overflow: hidden;}
  

  .assessment-wrapper h2 {display: flex; align-items: flex-start; flex-direction: column ; justify-content: space-between;
    gap: 20px; height: auto; max-width: 70%;}
  .assessment-wrapper .button-design.light-btn {font-size: 16px; font-weight: 400; line-height: 20.8px; text-align: center;}
  .assessment-wrapper {background: none; flex-direction: column; align-items: flex-start; justify-content: flex-start;
        gap: 20px; padding: 60px 40px;}
  .take-assessment-wrapper {background: #008470; border-radius: 45px 80px;}
  
  .our-latest-products-section .product-view-all-wrapper {margin-bottom: 35px;}
  .our-latest-products-section h2 {font-size: 28px; font-weight: 700; line-height: 33.6px; text-align: left; margin-bottom: 0px;}
  .two-ways-get-started-section, .our-latest-products-section, .how-it-works-section, .night-pricing-section, .track-progress-section, .take-assessment-section {padding: 30px 0;}

  .track-progress-section .track-progress-wrapper .track-progress-content {max-width: 100%;}
  .track-progress-section .track-progress-wrapper {padding: 20px; height: 940px; background-size: 410px; position: relative;}
  .track-progress-section .track-progress-wrapper .track-progress-content h2 {font-size: 28px; font-weight: 700; line-height: 1.2; text-align: center;}
  .track-progress-section .track-progress-wrapper .track-progress-content p {font-family: Outfit;  font-size: 14px; font-weight: 400;
    line-height: 1.7; text-align: center; padding: 0 20px;}
  .track-progress-section a.button-design.gray-btn {background: #F0F0F0; color: #008470; font-size: 16px; font-weight: 400; line-height: 20.8px;
    text-align: center; max-width: max-content; margin-top: 20px;}
  .track-progress-section a.button-design.gray-btn.mobile-show {background: #f0f0f0; color: #008470; font-family: Outfit; font-size: 16px;
    font-weight: 400; line-height: 20.8px; text-align: center; max-width: max-content; margin-top: 30px;}
  .track-progress-wrapper .shape-vector-3 {position: absolute; right: 80%; top: 51%;}
  
  .take-assessment-section {position: relative;}

  .assessment-wrapper {height: 640px;}
  
  .dental-head-wrapper h2 {font-size: 28px; font-weight: 700; line-height: 33.6px; text-align: left; margin-bottom: 0;}
  .dental-problems-section a.button-design.gray-btn.mobile-show {background: #f0f0f0; color: #008470; font-family: Outfit; font-size: 16px;
    font-weight: 400; line-height: 20.8px; text-align: center; max-width: max-content; margin-top: 30px;}
  .dental-problems-wrapper .swiper-horizontal {padding-bottom: 40px;}
  
  .faqs-home-section {padding-top: 50px; margin-top: 80px;}
  .faqs-home-section .accordion-grid-row {grid-template-columns: repeat(1, 1fr);}
  .faqs-home-section .accordion-item .accordion-title {font-size: 16px; font-weight: 600; line-height: 1.6; text-align: left; margin-bottom: 0;
    display: flex; align-items: center;  justify-content: space-between; gap: 30px;}
  .faqs-home-section .accordion-item {padding: 20px 30px;}
  .faqs-home-section .accordion-content p {margin-top: 20px; font-size: 14px; font-weight: 400; line-height: 1.7; text-align: left;}
  .faqs-home-section .accordion-content {display: none;}
  .faqs-home-section .accordion-item {height: 100%;}
  .faqs-home-section .faqs-head-wrapper {margin-bottom: 25px;}
  .faqs-home-section .button-design.transparent-btn {font-size: 16px; font-weight: 400; line-height: 20.8px; text-align: center; max-width: max-content;
        margin-top: 40px; background: transparent; border: 1px solid #008470; color: #008470;}
  .assessment-wrapper .shape-vector-light {position: absolute; right: 110px; top: 225px;}
  .all-products-carousel-wrapper .product-item .new-tag-product {top: 3.8%; left: -40%;}
  .grid-gallery-wrapper-3 {grid-template-columns: repeat(1, 1fr); gap: 20px; margin-bottom: 20px;}
  .grid-gallery-wrapper-4 {grid-template-columns: repeat(2, 1fr); gap: 20px; margin-bottom: 20px;}
  .logo-instagram-connect {height: 240px;}
  .footer-block.grid__item.footer-block--menu.footer-description-block {padding: 0 !important;  border: 0 !important;}
  .footer__content-top {padding-top: 60px;}
  /* collection */
  .all-products-collection .page-width {padding-bottom: 0;  border-bottom: 0;}
  .shop-title-wrapper .shop-title-heading h1 {margin-bottom: 25px; font-family: Outfit; font-size: 32px; font-weight: 700; line-height: 1.4; text-align: left; max-width: 245px;}
  .all-products-collection-tabs {flex-wrap: wrap; gap: 12px; display: grid; grid-template-columns: calc(50% - 6px) calc(50% - 6px);}
  .day-products-wrapper {display: flex; justify-content: space-between; align-items: flex-start; flex-direction: column; gap: 30px;}
  .day-shop-collection .day-products-wrapper {margin-bottom: 0px;}
  .day-shop-collection .row {background: #f0f0f0; overflow: hidden; padding: 60px 18px; border-radius: 16px 48px 16px 16px; position: relative;}
  .day-shop-collection .toggle-tabs {background: #008470;}
  .day-shop-collection .toggle-tabs li.active-tab {background: #fbfbfb; color: #008470; border-radius: 50px;}
  .day-shop-collection .toggle-tabs li {color: #fbfbfb;}
  .day-single-shop-pricing .price-grid-item h3 {font-family: Outfit; font-size: 18px; font-weight: 700; line-height: 23.4px; text-align: left;}
  .day-single-shop-pricing .for-only-para {color: #00352d; font-family: Outfit;  font-size: 14px;
    font-weight: 400; line-height: 19.6px; text-align: left;}
  .day-single-shop-pricing .price-grid-item {background: #fbfbfb;}
  .day-single-shop-pricing .sp-product-price {font-family: Outfit; font-size: 32px; font-weight: 700; line-height: 38.4px; text-align: left;}
  .day-single-shop-pricing .sp-product-content {font-family: Outfit; font-size: 16px; font-weight: 400; line-height: 22.4px; text-align: left;
    color: #00352d; margin-bottom: 20px;}
  .day-single-shop-pricing .sp-product-content {font-family: Outfit; font-size: 14px; font-weight: 400; line-height: 19.6px;
    text-align: left; margin-bottom: 10px;}
  .day-single-shop-pricing {position: relative;}
  .day-products-wrapper .day-products-title p {margin: 16px 0 0; max-width: 90%;}
  
  .night-products-wrapper {display: flex; justify-content: space-between; align-items: flex-start; flex-direction: column; gap: 30px;}
  .night-shop-collection .night-products-wrapper {margin-bottom: 0px;}
  .night-shop-collection .row {background: #f0f0f0; overflow: hidden; padding: 60px 18px; border-radius: 16px 48px 16px 16px; position: relative;}
  .night-shop-collection .toggle-tabs {background: #008470;}
  .night-shop-collection .toggle-tabs li.active-tab {background: #fbfbfb; color: #008470; border-radius: 50px;}
  .night-shop-collection .toggle-tabs li {color: #fbfbfb;}
  .night-single-shop-pricing .price-grid-item h3 {font-family: Outfit; font-size: 18px; font-weight: 700; line-height: 23.4px; text-align: left;}
  .night-single-shop-pricing .for-only-para {color: #00352d; font-family: Outfit;  font-size: 14px;
  font-weight: 400; line-height: 19.6px; text-align: left;}
  .night-single-shop-pricing .price-grid-item {background: #fbfbfb;}
  .night-single-shop-pricing .sp-product-price {font-family: Outfit; font-size: 32px; font-weight: 700; line-height: 38.4px; text-align: left;}
  .night-single-shop-pricing .sp-product-content {font-family: Outfit; font-size: 16px; font-weight: 400; line-height: 22.4px; text-align: left;
  color: #00352d; margin-bottom: 20px;}
  .night-single-shop-pricing .sp-product-content {font-family: Outfit; font-size: 14px; font-weight: 400; line-height: 19.6px;
  text-align: left; margin-bottom: 10px;}
  .night-pricing-wrapper .product-item-content-wrapper {display: flex; flex-direction: column; gap: 0px; justify-content: space-between;
    margin-top: 22px;}
  .night-pricing-wrapper .sp-product-content {max-width: 100%;}
  
  .night-single-shop-pricing {position: relative;}
  .night-shop-collection {background: #fff;}
  .night-shop-collection .row {background: #00352D;}
  .night-shop-collection .toggle-tabs {background: #FBFBFB;}
  .night-shop-collection .toggle-tabs li {color: #008470;}
  .night-shop-collection .toggle-tabs li.active-tab {background: #00352D; color: #fbfbfb; border-radius: 50px;}
  .night-products-wrapper .day-products-title p {margin: 16px 0 0; max-width: 90%;}
  .swiper-horizontal>.swiper-pagination-bullets, .swiper-pagination-bullets.swiper-pagination-horizontal {bottom: var(--swiper-pagination-bottom, -5px);}
  .swiper-pagination-bullet-active {background: #008470; width: 40px; border-radius: 10px;}
  .night-shop-collection .swiper-pagination-bullet {background: #BEBEBE; opacity: 1;}
  .night-shop-collection .swiper-pagination-bullet-active {background: #F0F0F0;}
  .night-pricing-section .swiper-pagination-bullet {background: #BEBEBE; opacity: 1;}
  .night-pricing-section .swiper-pagination-bullet-active {background: #F0F0F0;}
  .night-shop-collection {padding: 40px 0; position: relative;}
  .all-products-collection {padding: 40px 0 0;}
  .shop-all-products-wrapper .shop-products-grid {grid-template-columns: repeat(1, 1fr);}
  .shop-all-products-wrapper .shop-products-grid {margin-top: 20px;}
  .shop-product-item .shop-content-wrapper h3 {font-family: Outfit; font-size: 24px; font-weight: 600; line-height: 28.8px; text-align: left;}
  .shop-product-item .shop-content-wrapper .shop-content-title {height: auto; margin-bottom: 20px;}
  .shop-product-item .shop-content-wrapper p {font-size: 16px;  font-weight: 400; line-height: 1.7; letter-spacing: 0.01em;
    text-align: left;}
  .shop-title-section .shop-title-wrapper, .collection-template-page .shop-title-wrapper {padding: 0 0 32px; border-bottom: 1px solid #008470;}
  
  .gift-card-btn-wrapper {display: flex; align-items: flex-start; justify-content: space-between; flex-direction: column; gap: 15px;}
  .gift-card-shop-wrapper {grid-template-columns: 1fr;}
  .gift-card-content-columm h3 {max-width: 70%; font-family: Outfit; font-size: 28px; font-weight: 700; line-height: 33.6px; text-align: left;}
  .gift-card-content-columm p {margin-bottom: 20px; font-family: Outfit; font-size: 16px; font-weight: 400;
    line-height: 1.5; text-align: left; max-width: 90%;}
  .gift-card-price-wrapper p {max-width: 100%; margin-bottom: 10px;}
  .gift-card-shop-wrapper .gift-card-image {grid-row: 1;}
  .gift-card-shop {padding: 60px 0 20px;}
  .related-products-section .button-design.gray-btn {font-size: 16px; font-weight: 400; line-height: 20.8px; text-align: center;
    max-width: max-content;  margin-top: 28px;}
  .shop-all-products-wrapper {padding-bottom: 65px; border-bottom: 1px solid #008470;}
  .our-latest-products-section .button-design.gray-btn {margin-top: 38px;}
  .smile-assessment-form-section .assessment-form-wrapper iframe {height: 2430px;}
  .assessment-form-wrapper .assessment-title-wrapper {padding-left: 0;}
  
  .accordion-icon-title img {width: 40px; height: auto;}
  .accordion-button h2 {margin-bottom: 0; font-family: Outfit; font-size: 18px;
    font-weight: 700; line-height: 1.5; text-align: left;}
  .accordion-container .accordion-icon-wrapper {padding: 8px 0;}
  .accordion-container .accordion-icon-wrapper .accordion-icon-title {padding: 0 30px;}
  .accordion-button {padding-right: 30px; font-size: 22px;}
  .accordion-container .night-pricing-wrapper {padding: 18px 25px 30px !important;}

  .thanks-night-pricing-section .night-pricing-wrapper {padding: 40px 30px !important;}
  
  .still-unsure-wrapper .grid-row {grid-template-columns: repeat(1, 1fr); padding: 40px 30px;}
  .still-unsure-cards-wrapper {grid-template-columns: repeat(1, 1fr);}

  .smile-assessment-section .smile-assessment-title-head p {font-size: 13px; font-weight: 400;
    line-height: 1.7; text-align: center; max-width: 80%;}
  .smile-assessment-section .smile-assessment-title-head h1 {margin-bottom: 16px; font-family: Outfit;
        font-size: 23px; font-weight: 700; line-height: 26px; text-align: center;}
  .accordion-grid-row .accordion-content {padding: 0px; border-top: 0px solid #ccc;}
  .smile-assessment-section .smile-assessment-title-head {height: 315px;}
  .smile-assessment-section .smile-assessment-wrapper {background: url(https://cdn.shopify.com/s/files/1/0706/0697/9391/files/goodsmile-308_2_1.png?v=1719924093);
    background-size: cover; background-position: center; background-repeat: no-repeat; position: relative; border-radius: 16px; overflow: hidden;}
  .footer__content-top {padding-left: calc(2rem / var(--font-body-scale)) !important; padding-right: calc(2rem / var(--font-body-scale)) !important;}
  .blog-articles {grid-template-columns: 1fr;}

  /* privacy policy page start */
  section.privacy-policy-section {padding-bottom: 90px;}
  .policy-content h1 {font-family: Outfit;font-size: 32px;font-weight: 700;line-height: 38.4px;text-align: left;color: #008470;margin-bottom: 0px;}
  img.desktop-hide {display: block !important;}
  .policy-content a {font-family: Outfit;font-size: 16px;font-weight: 400;line-height: 24px;text-align: left;color: #00352D;}
  .policy-content img {width: 100%;border-radius: 16px 48px 16px 16px !important;margin: 30px 0px 60px 0px;display:none;}
  .policy-content h3 {font-family: Outfit;font-size: 24px;font-weight: 600;line-height: 28.8px;text-align: left;color: #008470;margin-top: 25px;}
  .policy-content p {font-family: Outfit;font-size: 16px;font-weight: 400;line-height: 1.6;text-align: left;color: #00352D;margin-bottom: 8px;}
  p.policy-line {margin-bottom: 20px;}
    .policy-content span {font-family: Outfit;font-size: 16px;font-weight: 400;line-height: 24px;text-align: left;border-bottom: 1px solid #00352D;}
  .policy-content ul li {list-style: none;color: #00352D;font-family: Outfit;font-size: 16px;font-weight: 400;
      line-height: 1.6;text-align: left;margin-bottom: 15px;}
  .policy-content h4 {font-family: Outfit;font-size: 16px;font-weight: 600;line-height: 22.4px;text-align: left;color: #008470;}
  .policy-content ul {margin: 0px;border-left: 1px solid #BEBEBE;  margin-bottom: 17px;padding-left: 21px;}
  .contact-info-wrapper {background: #F0F0F0; padding: 30px 30px;border-radius: 16px 48px 16px 16px;}
  .contact-info-wrapper h3 {font-family: Outfit;font-size: 24px;font-weight: 600;line-height: 33.6px;text-align: left;color: #008470;}
  .contact-info-wrapper p {font-family: Outfit;font-size: 16px;font-weight: 400;line-height: 24px;text-align: left;color: #00352D;max-width: 91%;}
  .contact-info-wrapper span a {font-family: Outfit;font-size: 16px;font-weight: 400;line-height: 24px;text-align: left;border-bottom: 1px solid #00352D;ext-decoration: none;
      color: #00352D;}
  ul.terms-contact {border: 0px;padding: 0px;}
  ul.terms-contact li {line-height: 1.5; margin: 0px;}

  /* privacy policy page end */

  /* scan center page start mobile */
  section.scan-center-section {padding-bottom: 40px;}
  .scan-center-wrapper {background: url(https://cdn.shopify.com/s/files/1/0706/0697/9391/files/mobile-banner_2x_43759666-f7a6-4e16-9398-842998a6d698.webp?v=1720178538);
      background-position: center center;background-repeat: no-repeat;background-size: cover;position: relative;border-radius: 16px;overflow: hidden;}
  .scan-center-wrapper:after {content: "";position: absolute;top: 0px;bottom: 0px;left: 0px;right: 0px;background: #00352dbd;border-radius: 16px;}
  .scan-content {z-index: 1;height: 300px;display: flex;flex-direction: column;justify-content: center;}
  .scan-content img {border-radius: 16px;}
  .scan-content h1 {font-family: Outfit;font-size: 32px;font-weight: 700;line-height: 38.4px;text-align: center;color: #EBEB47;max-width: 80%; margin: 0 auto !important;}
  .scan-wrapper h2 {margin-bottom: 30px;}
  section.smilepath-scan-section {padding: 30px 0px;}
  .south-content img {width: 100%;border-radius: 16px 48px 16px 16px !important;margin-bottom: 20px;display: block;}
  .new-south-wrapper { display: grid;grid-template-columns: repeat(1, 1fr);gap: 30px;text-align: left;}
  .south-content h3 {font-family: Outfit;font-size: 24px;font-weight: 600;line-height: 33.6px;text-align: left;color: #008470;}
  img.north-img {width: 22px;}
  .south-date-wrapper p {font-family: Outfit;font-size: 16px;font-weight: 400;line-height: 20.8px;text-align: left;color: #00352D;}
  .south-date-wrapper {display: flex;gap: 19px;margin-bottom: 25px;align-items: flex-start;}
  a.south-learn {display: block;font-family: Outfit;font-size: 14px;font-weight: 400;line-height: 19.6px;text-align: left;color: #00352D;
    margin-top: 20px;text-decoration: underline;}
  .south-date-wrapper svg.icon.icon-calender {width: 20px;height: 20px;}
  /* scan center page end mobile */
  .dental-head-wrapper h2 {max-width: 320px;}
  .accordion-title  i {color: #008470;}
  .shop-content-wrapper .button-design {font-family: Outfit; font-size: 18px; font-weight: 500; line-height: 25.2px; text-align: center;}
  .country-region-grid-wrapper {grid-template-columns: repeat(1, 1fr);}
  .country-popup {padding: 30px 20px;}
  .country-region-item.margin_top_region .country-grid-wrapper {grid-template-columns: repeat(1, 1fr);}
  .video_content {width: 80%;}
  .insta-green-wrapper {background-position: 20px 12px; background-size: 40px;}
  .insta-green-wrapper h3 {font-size: 12px;}
  .insta-dark-green-wrapper h3 {font-size: 12px;}
  .insta-dark-green-wrapper {padding: 0 12px;}
  .insta-dark-green-wrapper h3 {font-size: 10px; margin-bottom: 12px;}
  .insta-green-wrapper {padding: 0 16px;}
  .refer-earn-section iframe {height: 830px;}


  


  
  /*----- night-guard page mobile ----- */
  section.night_guards_banner_section .banner-wrapper {background-image: url(https://cdn.shopify.com/s/files/1/0706/0697/9391/files/night-gurd-mobile.webp?v=1718786620); padding: 50px 0; background-size: cover; background-repeat: no-repeat; background-position: top; height:680px;}
  section.night_guards_banner_section h1 {font-family: Outfit; font-size: 32px; font-weight: 700; text-align: center; line-height: 1.3; }
  section.night_guards_banner_section .space-wapper {height: 330px;}
  section.night_guards_banner_section .row {flex-direction: column-reverse;}
  section.night_guards_banner_section h1 span.blank-text {display:block;}
  .lp-banner-text{padding:0px 16px;}
  section.night_guards_banner_section .night_guard_mid{    height: 584px;}
  /* Night Guard Why Choose Smilepath Start */
  .night-guard-why-choose-section {padding: 6px 0;}
  .night-guard-why-choose-section h2 {max-width: 370px;}
  .night-guard-why-choose-section .features-grid {grid-template-columns: repeat(1, 1fr);}
  .night-guard-why-choose-section  .width-adjust{width:40%;}
    .night-guard-why-choose-section  .width-adjust-2{width:60%;}
  .night-guard-why-choose-section  .feauture-content {padding: 0px 0px 0px 10px;}
  .night-guard-why-choose-section .features-wrapper h3{font-weight:400;}
 .night-guard-why-choose-section h2{font-size:28px;}
  .night-guard-why-choose-section .features-wrapper{padding:16px 0px 16px 16px;}
  /* Night Guard Why Choose Smilepath End */
  
  /* Affordiable Dental Night start */
  .affordiable-dental-night-section h2{font-size:28px; line-height:33.6px;}
      .mobile-show {display: block !important; }
  .btn-wrapper .shape-vector-mob {position: absolute; left: 215px; right: auto; top: -10px; }
  .affordiable-dental-night-section a.button-design.gray-btn.mobile-show { background: #f0f0f0; color: #008470;font-family: Outfit; font-size: 16px; font-weight: 400; line-height: 20.8px; text-align: center; max-width: max-content; margin-top: 30px; }
  .affordiable-dental-night-section .featured-content h3{font-size:24px;}
  .affordiable-dental-night-wrapper .swiper-horizontal{touch-action:pan-y;padding-bottom:40px;}
  .affordiable-dental-night-section h2 span{color:#008470}
  .affordiable-dental-night-section .swiper-scrollbar.swiper-scrollbar-horizontal{height:2px;}
  .affordiable-dental-night-section .swiper-scrollbar-drag{height:2px;}
  .affordiable-dental-night-section{padding:0 0 40px 0;}
  /* Affordiable Dental Night End */
  /* Custom Night Guard Start */
  .custom-step-access-guard-section .features-grid-wrapper {grid-template-columns: repeat(1, 1fr);}
  .custom-step-access-guard-section .features-grid-item {padding: 44px 0px; text-align: center;}
  .custom-step-access-guard-section .features-grid-item:after {content: url(https://smilepath.com.au/cdn/shop/files/Arrow-2.svg?v=1719206935); position: absolute; right: -15px; top:auto;  bottom: -45px;
        height: 24px; width: 125px;  background-size: 45px; z-index: 1; transform:translateX(-50%) rotate(91deg);left: 50%;}
  .custom-step-access-guard-section-light-theme .features-grid-item {position: relative;}
  .custom-step-access-guard-section-light-theme .features-grid-item:after {content: url(https://smilepath.nz/cdn/shop/files/Arrow_2.svg?v=1731587474); position: absolute; right: -15px; top:auto;  bottom: -45px;
        height: 24px; width: 125px;  background-size: 45px; z-index: 1; transform:translateX(-50%) rotate(91deg);left: 50%;}
  .custom-step-access-guard-section .features-grid-wrapper {gap: 65px;}
  .custom-step-access-guard-wrapper h2 {font-size: 28px;font-weight: 700;line-height: 33.6px;text-align: left; margin-bottom: 10px;max-width:200px;color:#EBEB47}
  .custom-step-access-guard-section .features-wrapper h3 {font-size: 18px; font-weight: 600; line-height: 1.6; text-align: center; max-width: 220px;}
  .custom-step-access-guard-section p { color: #fff; text-align: center; font-size: 14px; line-height: 19.6px; font-weight: 400; }
  .custom-step-access-guard-section p.heading-subtitle {margin-bottom: 22px;font-size: 16px; font-weight: 400; line-height: 22.4px; text-align: left;}
  .custom-step-access-guard-section .shape-4{right: 58px; top: 94px;}
  .custom-step-access-guard-section .shape-5{position:absolute;display:block; top: 54px; left: 244px;}
  .custom-step-access-guard-section-light-theme p {color: #00352D; font-weight: 400;}
  .custom-step-access-guard-section .shape-3{display:none;}
  .custom-step-access-guard-section-light-theme .custom-step-access-guard-wrapper h2 {font-size: 28px; font-weight: 700; line-height: 33.6px;
        text-align: left; margin-bottom: 10px; max-width: 200px; color: #008470; margin-right: auto;}
  .custom-step-access-guard-section{padding:40px 0 40px;}
  /* Custom Night Guard end */
  .your-night-guard-section{display:none;}
  
  /*take-assement start*/
  .night-guard-take-assessment-section {position: relative;padding: 30px 0;}
  .night-guard-take-assessment-wrapper { background: #008470; border-radius: 45px 80px; }
  .night-guard-take-assessment-section .assessment-wrapper { background: none; flex-direction: column; align-items: flex-start; justify-content: flex-start; gap: 20px; padding: 60px 30px; height: 640px;}
  .night-guard-take-assessment-section .assessment-wrapper .shape-vector-light { position: absolute; right: 110px; top: 225px; }
  .night-guard-take-assessment-section .assessment-wrapper .shape-vector-light {display:block; position: absolute; right: 110px; top: 192px; }
  .night-guard-take-assessment-section .assessment-wrapper h2 { display: flex; align-items: flex-start; flex-direction: column; justify-content: space-between; gap: 20px; height: auto; max-width: 225px;font-size: 24px; font-weight: 400; line-height: 1.4;margin-bottom:10px;}
  .night-guard-take-assessment-section .assessment-wrapper .button-design.light-btn { font-size: 16px; font-weight: 400; line-height: 20.8px; text-align: center; }
  .night-guard-take-assessment-section .image-mobile-3 { position: absolute; bottom: 0; left: 50%; transform: translate(-50%); }
  .mobile-show { display: block !important; }
  /*take-assement end*/
  /*why use night guard section start*/
  .main-why-use-wrapper{flex-direction:column;gap:70px !important;}
  .why-use-box{min-height:600px;max-width:100%;        padding: 0px 55px;}
  .why-use-box .why-use-wrapper h3{max-width:100%;}
  .why-use-wrapper img { position: absolute; top: 0; right: 0; max-width: 100%; }
  .why-use-wrapper {margin-top: 170px;}
  .why-use-box .why-use-wrapper p{max-width:100%;}
  .why-use-night-guard-section .btn-crousal{display:block;}
  .why-use-night-guard-section .swiper-button-next.custom-next-new{top: 45%;left: 80%;}
  .why-use-image-box .shape{right: 10%;top: 5%;}
  .why-use-night-guard-section .swiper-scrollbar.swiper-scrollbar-horizontal{width: 100%; bottom: 42%;}
  .why-use-wrapper img{        max-width: 100%;height: 140px;}
  .why-use-night-guard-section{padding:0px;}
  .why-use-night-guard-section {padding: 0px 0px 40px 0px;}
  .why-use-box .why-use-wrapper{padding:0px;}
  /*why use night guard section end*/
    /*faq button start */
   .mobile-show-guard .shape-vector-mob{left: 57%; top: -9px;}
    .mobile-show-guard .shape-vector-mob{display:block; left: 57%!important;}
     /*faq button end*/
  /*----- night-guard page mobile end----- */
  /*-- mouth guard page mobile start--*/
  /*banner section Start*/
  section.mouth_guards_banner_section .banner-wrapper {background-image: url(https://cdn.shopify.com/s/files/1/0706/0697/9391/files/mouth-gaurd-banner-mobile.png?v=1722251941); background-size: cover; background-repeat: no-repeat;  border-radius: 16px; background-position: center; height: 730px; padding:50px 0px;}
  section.mouth_guards_banner_section h1 {font-family: Outfit; font-size: 32px; font-weight: 700; text-align: center; color: #008470; line-height: 1.3; }
  section.mouth_guards_banner_section a.banner-button {font-family: Outfit; font-size: 18px; font-weight: 600; line-height: 25.2px; text-align: center; padding: 14px 42px; border-radius: 40px; background: #008470; color: #fff; display: inline-block; }
  section.mouth_guards_banner_section {padding: 0 0 40px 0; }
  .lp-banner-text {text-align: center; max-width:586px; margin: 0 0 0 auto; }
  section.mouth_guards_banner_section h1 span.blank-text {color: inherit; }
  section.mouth_guards_banner_section .mouth_guard_mid{align-items:center; height: auto;flex-direction:column-reverse;}
  section.mouth_guards_banner_section .space-wapper {height: 330px;}
  .mouth_guards_banner_section .btn-wrapper span {display: none;}
  .mouth_guards_banner_section .btn-wrapper .price-content{display: block; padding-top: 24px; color: #00352D;font-size: 14px; font-weight: 400; line-height: 19.6px; text-align: center;}
  /*banner section end*/

  /* Mouth Guard Why Choose Smilepath Start */
  .mouth-guard-why-choose-section {padding: 40px 0;}
  .mouth-guard-why-choose-section {padding-top: 40px;}
  .mouth-guard-why-choose-section .features-wrapper {height:822px; position:relative;padding: 60px 20px 40px 20px; border-radius: 24px 75px 24px 24px; border: 1px solid #008470; background-image: url(https://cdn.shopify.com/s/files/1/0706/0697/9391/files/mobnile-baner-intro-mouth.png?v=1719483234); background-position:58%; background-size: cover; }
  .mouth-guard-why-choose-section .features-wrapper .image img{width:100%; height:100%;margin-bottom:0px;border-radius:8px;}
  .mouth-guard-why-choose-section .features-wrapper .image{height:100%;}
  .mouth-guard-middel-feature-power{align-items:center;z-index: 1; position: relative;}
  .mouth-guard-why-choose-section .feauture-content {padding: 24px; width: 100%; display: flex; align-items:center; gap: 16px; border: 1px solid #F0F0F0; border-radius: 16px 48px 16px 16px;}
  .mouth-guard-why-choose-section .features-wrapper:before { position: absolute; content: ''; top: 0; left: 0; width: 100%; height: 100%; background: linear-gradient(180deg, #00352D 8.3%, #00847059 67.02%, rgba(13, 15, 17, 0.00) 100.63%); opacity: 1; border-radius: 20px 74px 20px 20px; }
  .mouth-guard-why-choose-section h2{font-size:28px;line-height: 33.6px;max-width:320px;}
  .mouth-guard-why-choose-section .features-wrapper h3{font-size:16px;line-height:20.8px}
  /* Mouth Guard Why Choose Smilepath End */

 /*why use night guard section start*/
  .main-why-use-wrapper{flex-direction:column;gap:70px !important;}
  .why-use-box{min-height:600px;max-width:100%;        padding: 0px 56px;}
  .why-use-box .why-use-wrapper h3{max-width:100%;}
  .why-use-wrapper img { position: absolute; top: 0; right: 0; max-width: 100%; }
  .why-use-wrapper {margin-top: 170px;}
  .why-use-box .why-use-wrapper p{max-width:100%;}
  .why-use-mouth-guard-section .btn-crousal{display:block;}
  .why-use-mouth-guard-section .swiper-button-next.custom-next-new{top: 45%;left: 80%;}
  .why-use-mouth-guard-section .why-use-image-box .shape{display:none;}
  .why-use-mouth-guard-section .why-use-image-box .shape-2{left: 10%;top: 5%;display:block;position:absolute;border-radius:0px;}
  .why-use-mouth-guard-section .swiper-scrollbar.swiper-scrollbar-horizontal{width: 100%; bottom: 42%;}
  .why-use-wrapper img{        max-width: 100%;height: 140px;}
  .why-use-mouth-guard-section{padding:0px;}
  .why-use-mouth-guard-section {padding: 0px 0px 40px 0px;}
  .why-use-box .why-use-wrapper{padding:0px;}
  .why-use-mouth-guard-section .why-use-box{padding:0px 40px;}
  section.why-use-mouth-guard-section{padding:40px 0px 0px;}
  /*why use night guard section end*/
  /*custom mouth guard start*/
  .custom-fit-mouth-guard-section .custom-fit-mouth-guard-wrapper { display: grid; grid-template-columns: repeat(1, 1fr); gap: 27px; margin: 0 0 0 auto; padding:60px 20px;}
  .custom-fit-mouth-guard-section h2{max-width: 307px;}
  .custom-fit-mouth-guard-section p{max-width:337px;}
  .custom-fit-mouth-guard-section .custom-mouth-guard-image .vector-shape { position: absolute; left: 11%; top: 9%;border:none; }
  .custom-fit-mouth-guard-section .custom-mouth-guard-image .vector-shape-2 { position: absolute; right: 17px; bottom: 76px; border: none; }
  /*custom mouth guard end*/
  /*take-assement start*/
  .mouth-guard-take-assessment-section {position: relative;padding: 30px 0;}
  .mouth-guard-take-assessment-wrapper { background: #008470; border-radius: 45px 80px; }
  .mouth-guard-take-assessment-section .assessment-wrapper { background: none; flex-direction: column; align-items: flex-start; justify-content: flex-start; gap: 20px; padding: 60px 24px; height: 640px;}
  .mouth-guard-take-assessment-section .assessment-wrapper .shape-vector-light {display:block; position: absolute; right: 167px; top: 192px; }
  .mouth-guard-take-assessment-section .assessment-wrapper h2 { display: flex; align-items: flex-start; flex-direction: column; justify-content: space-between; gap: 24px; height: auto; max-width:230px;font-size: 24px; font-weight: 400; line-height: 28.8px;}
  .mouth-guard-take-assessment-section .assessment-wrapper .button-design.light-btn { font-size: 16px; font-weight: 400; line-height: 20.8px; text-align: center; }
  .mouth-guard-take-assessment-section .image-mobile-3 { position: absolute; bottom: 0; left: 50%; transform: translate(-50%); }
  .mobile-show { display: block !important; }
  /*take-assement end*/
  .btn-wrapper.mobile-show p{padding:30px 0px 20px 0px;}
  
  .your-mouth-guard-section h2{max-width:290px;}
  .your-mouth-guard-section{padding:20px 0 40px 0;}
  .your-mouth-guard-section .features-wrapper{padding:30px 48px 30px 32px;}
  .your-mouth-guard-section .product-view-all-wrapper .shape-vector-1{display:none;}
  .your-mouth-guard-section .button-content-wrapper{display:none;}
  .your-mouth-guard-section .featured-grid-wrapper{grid-template-columns:repeat(1, 1fr);}
  .your-mouth-guard-section .btn-wrapper .shape-vector-mob{position: absolute; left: 55%; bottom: 0px;top: 47%;}
  .your-mouth-guard-section .button-design.gray-btn{border:none;background-color:#F0F0F0;color: #008470; font-family: Outfit; font-size: 16px; font-weight: 400; line-height: 20.8px; text-align: center; max-width: max-content; margin-top:0px;}
  /*-- mouth guard page mobile end--*/
  /* retainer page mobile start */
  /*banner section Start*/
  section.retainer_banner_section .banner-wrapper {background-image: url(/cdn/shop/files/IMG_6942_2.jpg?v=1731580262); padding: 50px 0; background-size: cover; background-repeat: no-repeat; background-position: top; height:680px;}
  section.retainer_banner_section h1 {font-family: Outfit; font-size: 32px; font-weight: 700; text-align: center; line-height: 1.3; padding:0px 25px;}
  section.retainer_banner_section .space-wapper {height: 330px;}
  section.retainer_banner_section .row {flex-direction: column-reverse;}
  section.retainer_banner_section h1 span.blank-text {display:block;}
  section.retainer_banner_section .night_guard_mid{height:584px;}
  section.retainer_banner_section a.banner-button{line-height:25.2px;}
  .lp-banner-text {text-align: center; max-width:586px; }
  /* .lp-banner-text{padding:0px 16px;} */
  /*banner section end*/

 /* Retainer Why Choose Smilepath Start */
  .retainer-why-choose-section .features-grid {grid-template-columns: repeat(1, 1fr);}
  .retainer-why-choose-section  .width-adjust{width:40%;}
  .retainer-why-choose-section  .width-adjust-2{width:60%;}
  .retainer-why-choose-section  .feauture-content {padding: 0px 0px 0px 10px;}
  .retainer-why-choose-section .features-wrapper h3{font-weight:400;}
  .retainer-why-choose-section h2{font-size: 28px; font-weight: 700; line-height: 33.6px; text-align: left;max-width:282px;}
  .retainer-why-choose-section p.heading-subtitle{line-height: 22.8px;}
  /* Retainer Why Choose Smilepath End */
  /*why use Retainer section start*/
  .main-why-use-wrapper{flex-direction:column;gap:70px;}
  .why-use-box{min-height:600px;max-width:100%; padding: 0px 32px;}
  .why-use-box .why-use-wrapper h3{max-width:100%;}
  .why-use-wrapper img { position: absolute; top: 0; right: 0; max-width: 100%; }
  .why-use-wrapper {margin-top: 170px;}
  .why-use-box .why-use-wrapper p{max-width:245px;}
  .why-use-retainer-section .btn-crousal{display:block;}
  .why-use-retainer-section .swiper-button-next.custom-next-new{top: 45%;left: 80%;}
  .why-use-image-box .shape{right: 10%;top: 5%;}
  .why-use-image-box .desktop-show{display:none;}
  .why-use-retainer-section .swiper-scrollbar.swiper-scrollbar-horizontal{width: 100%; bottom: 40%;}
  .why-use-wrapper img{        max-width: 100%;height: 140px;}
  .why-use-retainer-section{padding:0px;}
  .why-use-retainer-section {padding: 0px 0px 40px 0px;}
  .why-use-box .why-use-wrapper{padding:0px;}
  .why-use-image-box{height:auto;}
  section.why-use-retainer-section{padding:40px 0px 0px;}
  .retainer-why-choose-section .features-wrapper h3{line-height:23.4px;}
  /*why use Retainer section end*/
  /*custom retainer guard start*/
  .custom-fit-section .custom-fit-wrapper { display: grid; grid-template-columns: repeat(1, 1fr); gap: 27px; margin: 0 0 0 auto; padding:60px 20px;}
  .custom-fit-section h2{max-width: 260px;}
  .custom-fit-section p{max-width:337px;}
  .custom-fit-section .custom-image .vector-shape { position: absolute; left: 11%; top: 43px!important;border:none; }
 .custom-fit-section .custom-image .vector-shape-2 { position: absolute; right: 17px; bottom: 73px; border: none; }
  .custom-fit-section .vector-shape-3 { display:none; }
 .custom-fit-section .vector-shape-4 { display:none;}
  .custom-fit-section p{line-height:19.6px;}
 .custom-fit-section .amount{font-size: 28px;line-height:33.6px;}

  /*custom retainer guard end*/
    /*custome retainer strat*/
.gradient.page-retainers-page-template-page .custom-step-access-guard-section h3{max-width:175px;}
.custom-step-access-guard-section p{max-width:400px;}
/*custom-retaine-end*/
  .your-retainer-section .featured-wrapper{flex-direction:column; gap:30px;}
  .your-retainer-section .your-retainer-wrapper{padding: 60px 30px 0px 30px;}
   .your-retainer-section .your-retainer-wrapper{background-image:none;}
  .your-retainer-section .featured-image img{display:block;}
  .your-retainer-section .featured-grid-wrapper{grid-template-columns:repeat(1, 1fr);}
  .your-retainer-section .featured-image{display:block;position:relative;}
  .your-retainer-section .your-retainer-wrapper{position:static;}
  .your-retainer-section .your-retainer-wrapper .shape-vector{display:none;}
  .your-retainer-section .shape-vector-mobile{position: absolute; top: 40px; left: 38px;}
  .your-retainer-section .featured-grid-item:nth-child(2):after {display:block;}
  .your-retainer-section{padding:0px 0 0;}
  .your-retainer-section h2 {max-width: 282px;}
  /* retainer page mobile end */
  /*straight my teeth mobile start*/
  /* banner-section*/
  section.teeth_whitening_banner_section .banner-wrapper {background-image: url(/cdn/shop/files/teeth-whitening-kit-mobile-banner.webp?v=1727691259);background-size: cover; background-repeat: no-repeat; border-radius: 16px; background-position: center; height: 590px; padding: 55px;}
  section.teeth_whitening_banner_section h1 {font-family: Outfit; font-size: 32px; font-weight: 700; text-align: center; line-height: 1.3; padding:0px 25px; max-width: 360px;}
  section.teeth_whitening_banner_section .space-wapper {height: 330px;}
  section.teeth_whitening_banner_section .row {flex-direction: column-reverse;}
  section.teeth_whitening_banner_section h1 span.blank-text {display:block;}
  section.teeth_whitening_banner_section .lp-banner-text{padding:0px 16px; display: flex; flex-direction: column; justify-content: center; align-items: center;}
  section.teeth_whitening_banner_section .lp-banner-text p{font-family: Outfit; font-size: 16px; font-weight: 500; line-height: 25.2px; text-align: center;color:#fff; max-width: 206px;}
  section.teeth_whitening_banner_section .lp-banner-text .btn-wrapper{margin-top:24px;}
  section.teeth_whitening_banner_section .lp-banner-text .btn-wrapper span{color:#00352D;}
  /*banner section end*/
  /* teeth whitening Why Choose Smilepath Start */
  .teeth-whitening-why-choose-section .features-grid {grid-template-columns: repeat(1, 1fr);}
  .teeth-whitening-why-choose-section .features-wrapper{padding:16px 20px 16px 16px;}
  .teeth-whitening-why-choose-section  .width-adjust{width:40%;}
  .teeth-whitening-why-choose-section  .width-adjust-2{width:60%;}
  .teeth-whitening-why-choose-section  .feauture-content {padding: 0px 0px 0px 10px;}
  .teeth-whitening-why-choose-section .features-wrapper h3{font-weight:400;}
  .teeth-whitening-why-choose-wrapper .teeth-whitening-head-wrapper{ display: flex; justify-content: space-between; align-items: flex-end; position: relative; margin-bottom: 24px; }
  .teeth-whitening-why-choose-wrapper .teeth-whitening-head-wrapper .shape-vector-1{position: absolute; right: 260px; top: 60px;}
  .teeth-whitening-why-choose-wrapper .teeth-whitening-head-wrapper .button-design.gray-btn{border:1px solid #008470;background:transparent;}
  .teeth-whitening-why-choose-wrapper .teeth-whitening-head-wrapper p{    max-width: 382px;font-family: Outfit; font-size: 16px; font-weight: 400; line-height: 1.4; text-align: left;}
      .mobile-show {display: block !important; }
  .btn-wrapper .shape-vector-mob {position: absolute; left: 215px; }
  .faqs-home-section .btn-wrapper .shape-vector-mob {position: absolute; left: 220px; top: -10px; }
  .teeth-whitening-why-choose-section .btn-wrapper .shape-vector-mob{left:64%;}
  .teeth-whitening-why-choose-section a.button-design.gray-btn.mobile-show{background: #f0f0f0; color: #008470; font-family: Outfit; font-size: 16px; font-weight: 400; line-height: 20.8px; text-align: center; max-width: max-content; margin-top: 30px;}
  /* teeth whitening Why Choose Smilepath End */
  .radiant-teeth-whitening-section .featured-wrapper{grid-template-columns:repeat(1, 1fr);}
  .radiant-teeth-whitening-section{padding:10px 0 40px;}
  /**/
  .your-teeth-whitening-section .featured-wrapper{flex-direction:column; gap:30px;}
  .your-teeth-whitening-section .your-teeth-whitening-wrapper{padding: 0px 0px 0px 0px;}
   .your-teeth-whitening-section .your-teeth-whitening-wrapper{background-image:none;}
  .your-teeth-whitening-section .featured-image img{display:block;}
  .your-teeth-whitening-section .featured-grid-wrapper{grid-template-columns:repeat(1, 1fr); padding:60px 30px 60px 30px;}
  .your-teeth-whitening-section .featured-image{display:block;position:relative;}
  .your-teeth-whitening-section .your-teeth-whitening-wrapper{position:static;}
  .your-teeth-whitening-section .your-teeth-whitening-wrapper .shape-vector{display:none;}
  .your-teeth-whitening-section .shape-vector-mobile{position: absolute; top: 22px; left: 144px;}
  .your-teeth-whitening-section .featured-grid-item:nth-child(2):after {display:block;}
  .your-teeth-whitening-section .product-view-all-wrapper .shape-vector-1 {display:none;}
  .your-teeth-whitening-section a.button-design.gray-btn.mobile-show{color: #008470; font-family: Outfit; font-size: 16px; font-weight: 400; line-height: 20.8px; text-align: center; max-width: max-content; margin-top: 30px;}
  
  /**/
  /* tab content */
  .teeth-tabs {display: none;}
  .teeth-accordion {display: block;}
  .teeth-accordion-header{width:100%;border: 1px solid #008470; background: transparent; border-radius: 30px; padding: 24px 32px; font-family: Outfit; font-size: 18px; font-weight: 700; line-height: 23.4px; text-align: left; color: #008470;}
  .teeth-accordion-content{margin: 10px 0px; border: none; border-radius: 16px; position: relative; height: 420px;background: #F0F0F0;}
  .teeth-accordion-item{border:none;padding-bottom:16px;}
  .teeth-accordion-content .content-wrapper{margin-top: 120px; padding: 0px 32px; width: 300px;}
  .teeth-accordion-content img{position: absolute; top: 0px; right: 0px;}
  .teeth-accordion-content .content-wrapper h3{font-family: Outfit; font-size: 28px; font-weight: 700; line-height: 33.6px; text-align: left;color:#008470;}
  .teeth-accordion-content .content-wrapper p{ font-family: Outfit; font-size: 16px; font-weight: 400; line-height: 20.8px; text-align: left;}
  .teeth-accordion-header:hover, .teeth-accordion-header.active{background-color: #008470; border-radius: 30px; padding: 24px 32px; font-family: Outfit; font-size: 18px; font-weight: 700; line-height: 23.4px; text-align: left; color: #fff;}
 .radiant-teeth-whitening-section .featured-wrapper .featured-content .featured-content-wrapper{padding:20px 50px;}
  .your-teeth-whitening-section{padding:40px 0 0px;}
  /* tab content end*/
  /*straight my teeth mobile end*/
  /* bridal-banner-section-start */
  section.bridal-banner-section {padding: 30px 0px;}
  .bridal-banner-wrapper{background:#FFE5E9;padding: 35px 22px;border-radius: 16px;}
  .row.bridal-banner-mid {align-items: center; flex-direction: column-reverse;}
  .image-wrapper-bridal img {max-width:270.8px;margin: 0 auto;}
  .content-wrapper-bridal h1 {font-family: Outfit;font-size: 32px;font-weight: 700;line-height: 38.4px;text-align: center;color: #B35664;padding: 7px 0px;}
  .content-wrapper-bridal p {font-family: Outfit;font-size: 16px;font-weight: 400;line-height: 20.8px;text-align: center;color:#4D252B;}
  .content-wrapper-bridal {text-align: center;}
  a.button-design.purple-btn {font-family: Outfit;font-size: 18px;font-weight: 500;line-height: 25.2px;text-align: center;
      padding: 14px 42px ;border-radius: 40px;background: #B35664;color: #EBEB47;display: inline-block; margin-top: 24px; border: 1px solid #B35664; }
  .image-wrapper-bridal .star1 {width: 14.96px;position: absolute;left: 7%;top: 18%;}
  .image-wrapper-bridal .star2 {width: 14.96px;position: absolute; right: 21%;top: 5%;}
  .image-wrapper-bridal {position: relative;text-align:center;}
  section.bridal-banner-section a.button-design.purple-btn{font-size: 18px; font-weight: 600; line-height: 25.2px;}
  /* bridal-banner-section-end */
  .hassle-free-smile-section .content-box{grid-template-columns:1fr;gap:23px;}
  .hassle-free-smile-section .heading-content h2{max-width:320px;}
  .hassle-free-smile-section .content-box .content-wrapper img{top: -50px; right: 0px;}
  .hassle-free-smile-section .content-box .content-wrapper p{flex-direction:column;display:flex;}

    /*bridal-special-offer-section mobile start*/
      .bridal-special-offer-section .titel-wapper .title{    max-width: 225px;}
  .bridal-special-offer-section .button-wrapper{display:none;}
    section.bridal-special-offer-section {padding: 50px 0px;}
    .bridal-special-offer-section .clear-aligner-wrapper {display: grid;grid-template-columns: repeat(1, 1fr);}
    .bridal-special-offer-section .special-day-wrapper { background-color: #B35664 ;  padding: 50px 20px; text-align: end; background: url(https://cdn.shopify.com/s/files/1/0706/0697/9391/files/day-clear-aligner.png?v=1721044931); background-repeat: no-repeat; background-size: 170px 245px; position: relative; border-radius: 16px 16px 0 0; height: 620px; background-position: 0 100%; }
    .bridal-special-offer-section .special-night-wrapper { background-color: #220036 ; padding: 50px 20px; background: url(https://cdn.shopify.com/s/files/1/0706/0697/9391/files/nigth-clear-aligner.png?v=1721045134); text-align: start; color: #fff; background-repeat: no-repeat; background-size: 210px 245px; position: relative; border-radius:  0 0 16px 16px; height: 620px; background-position: 100% 100%; }
    .bridal-special-offer-section ul.day-Special-features {list-style: none;padding: 0;display: flex;flex-direction: column;gap: 10px;max-width: 240px; margin: 0 0 0 auto;padding-top: 20px;}
    .bridal-special-offer-section ul.day-Special-features .list-features-item {display: flex;gap: 16px;align-items: center;justify-content: end;}
    .bridal-special-offer-section ul.night-Special-features {list-style: none;padding: 0;display: flex;flex-direction: column;gap: 10px;max-width: 240px;margin: 0;padding-top: 20px;}
    .bridal-special-offer-section ul.night-Special-features .list-features-item {display: flex;gap: 16px;align-items: center;justify-content: end;}
    .bridal-special-offer-section .special-day-wrapper .offer-day-wrapper h3 { color: #fbfbfb; margin-bottom: 10px; font-family: Outfit; font-size: 24px; font-weight: 600; line-height: 1.3; text-align: right; }
    .bridal-special-offer-section .offer-night-wrapper h3 { font-family: Outfit; text-align: left; color: #fbfbfb; margin-bottom: 10px; font-size: 24px; font-weight: 600; line-height: 1.3; }
    .bridal-special-offer-section .offer-day-wrapper p { color: #fbfbfb; font-family: Outfit; font-size: 18px; font-weight: 400; line-height: 1.3; text-align: right; }
    .bridal-special-offer-section .offer-night-wrapper p {font-family: Outfit;font-size: 18px; font-weight: 400; line-height: 1.3;text-align: left;}
    .bridal-special-offer-section ul.day-Special-features .list-features-content {font-family: Outfit;font-size: 16px;font-weight: 400;line-height: 22.4px;text-align: right; color: #FBFBFB;}
    .bridal-special-offer-section ul.day-Special-features .list-features-content strong {color: #EBEB47;}
    .bridal-special-offer-section ul.night-Special-features .list-features-content {font-family: Outfit;font-size: 16px;font-weight: 400;line-height: 22.4px;text-align: left; color: #FBFBFB;}
    .bridal-special-offer-section a.button-design.white-btn {font-family: Outfit;font-size: 18px;font-weight: 500;line-height: 25.2px;text-align: center; padding: 14px 42px;border-radius: 40px;background: #ffffff;color: #5A0090;display: inline-block;margin-top: 30px;}
    .bridal-special-offer-section .offer-day-wrapper .Free { margin-right: 22px; margin-top: 20px; font-family: Outfit; font-size: 16px; font-weight: 400; line-height: 20.8px; }
    .bridal-special-offer-section .offer-night-wrapper .Free { font-family: Outfit; color: #fbfbfb; line-height: 22.4px; margin-left: 22px; margin-top: 16px; font-size: 16px; font-weight: 400; }
    .bridal-special-offer-section img.star4 {position: absolute; left: 150px;top: 43px;width: 16px;}
    .bridal-special-offer-section img.star5 {position: absolute;top: 100px;left: 50px;}
    .bridal-special-offer-section img.star6 {position: absolute;width: 16px;top: 46px;left: 285px;}
    .bridal-special-offer-section img.star7 {position: absolute;top: 115px;left: 348px;}
    /*bridal-special-offer-section mobile end*/
        /* inclusions-section-starts-mobile*/
    .bridal-inclusions-section .inclusion-grid { display: grid; grid-template-columns: repeat(2, 1fr); column-gap: 0px; row-gap: 20px; }
     .bridal-inclusions-section .aligners-vs-braces-wappers { padding : 30px 0;}
    .bridal-inclusions-section .aligners-vs-braces-wappers .titel-wapper { width: 70%; padding: 20px 0 40px 20px; margin:0; }
    .bridal-inclusions-section .comparison-table th { font-family: Outfit; font-size: 16px; font-weight: 600; line-height: 20.8px; text-align: left; padding: 20px 10px; }
    .bridal-inclusions-section .comparison-table td { font-family: Outfit; font-size: 12px; font-weight: 400; line-height: 16.8px; text-align: left; }
    .bridal-inclusions-section  table.comparison-table {   width: 100%;}
     .bridal-inclusions-section .comparison-table th:nth-child(2) { text-align: center; background: #fff; color: #5a0090; border-radius: 8px; width: 40%; padding: 0; }
     .bridal-inclusions-section .comparison-table tbody tr:nth-child(2) td:nth-child(2) { border-radius: 8px 8px 0 0; }
    .bridal-inclusions-section  .comparison-table tbody tr:last-child td:nth-child(2n) { border-radius: 0 0 8px 8px; padding:0; }
     .bridal-inclusions-section .comparison-table td:nth-child(2) { text-align: center; background: #fff; padding: 20px 40px; }
     .bridal-inclusions-section   .comparison-table tr.spacer-row td { padding: 10px; }
     .bridal-inclusions-section section.aligners-vs-braces-section img.shape-bg-pricing { width: auto; position: absolute; left: auto; top: 60px; z-index: 0; right: 0; }
      /* inclusions-section-end*/
      /*customer-review-bridal-strat*/
    .bridal-customer-journey a.button-design.transform-btn{color:#B35664;border:1.5px solid #B35664;}
     .bridal-customer-journey .transform-wrapper .star3{left: 45%;}
    /*customer-review-bridal-end*/
      /*bridal-free-teeh-whitening-kit-section-mobile-start*/
      .bridal-free-teeh-whitening-kit-section .big-wrapper{background: url(https://cdn.shopify.com/s/files/1/0706/0697/9391/files/teeth-whitening-kit-background-image.png?v=1721046783); background-position: center; background-repeat: no-repeat; background-size: cover; min-height: 640px; border-radius: 16px;}
      .bridal-free-teeh-whitening-kit-section .row.mid-section{height:752px;flex-direction:column-reverse;}
      .bridal-free-teeh-whitening-kit-section .savebig-wrapper-bridal{padding:0px 0px 40px 20px;}
  .bridal-customer-journey .heading-content{max-width: 225px;}
      /*bridal-free-teeh-whitening-kit-section-mobile-end*/
     section.bridal-memorable-section .titel-wapper{flex-direction:column;}
      .bridal-memorable-section .heading-content{max-width:100%;}
      .bridal-memorable-section .memorable-checklist-wapper .row{flex-direction: column;}
      .bridal-memorable-section .memorable-wapper{margin-left:0px;height:600px;}
      .bridal-memorable-section .bridal-btn{max-width:262px;}
    /*scancenter-mobile-start*/
      /*banner-section start*/
      section.scan_center_banner_section .banner-wrapper {background-image: url(https://smilepath.com.au/cdn/shop/files/north-square-dental-mobile.png?v=1720416456); background-size: cover; background-repeat: no-repeat;  border-radius: 16px; background-position: center; height: 680px;padding:50px 0px;}
    section.scan_center_banner_section h1 {font-family: Outfit; font-size: 32px; font-weight: 700; text-align: center; color: #EBEB47; line-height: 1.3; }
    section.scan_center_banner_section a.banner-button {font-family: Outfit; font-size: 18px; font-weight: 600; line-height: 25.2px; text-align: center; padding: 14px 42px; border-radius: 40px; background: #008470; color: #fff; display: inline-block; }
    section.scan_center_banner_section {padding: 0 0 40px 0; }
    .lp-banner-text {}
     section.scan_center_banner_section .lp-banner-text{text-align: center; max-width:586px; margin: 0 0 0 auto; padding: 0px 43px;}
    section.scan_center_banner_section h1 span.blank-text {color: inherit; }
      .scan_center_banner_section p{font-size: 16px; font-weight: 400; line-height: 20.8px; text-align: center;padding:0px 8px;}
      section.scan_center_banner_section a.banner-button{border:none;}
    section.scan_center_banner_section .scan_center_mid{align-items:center; height: 590px;flex-direction:column-reverse;}
    section.scan_center_banner_section .space-wapper {height: 330px;}
    .scan_center_banner_section .btn-wrapper span {display: none;}
    .scan_center_banner_section .btn-wrapper .price-content{display: block; padding-top: 24px; color: #00352D;font-size: 14px; font-weight: 400; line-height: 19.6px; text-align: center;}
  /*banner-section-end*/
  .teeth-appointment-overlay{padding:0px 9px;}
  .teeth-appointment-content-wrapper{max-width:100%;}
  .teeth-appointment-section .teeth-appointment-content-wrapper h2{font-size:24px;}
  .smilePath-appointment { width: 100%; height: auto; border-radius: 16px 48px 16px 16px; background: #f0f0f0; padding: 48px 20px;margin-top: 24px;margin-left:0px;}
  .smilePath-appointment h3{font-size: 24px; font-weight: 600; line-height: 28.8px; max-width: 281px; margin-bottom: 16px;}
  .smilePath-appointment p{ width: 304px;}
  .smilePath-appointment .content-wrapper{    margin: 26px 0px; align-items: flex-start;gap: 30px;flex-direction: column;}
  .smilePath-appointment .content-wrapper .content .daily{font-size: 24px;line-height:28.8px;}
  .smile-or{padding:0px;}
  .form_img iframe { height: 360px; }
  .smilePath-journy { width: 100%; height: auto; border-radius: 16px 48px 16px 16px; padding: 48px 20px;margin-left:0px;}
  .smilePath-journy .content-wrapper{flex-direction: column; gap: 30px;}
  .smilePath-journy h3{    font-size: 24px; line-height: 28.8px; max-width: 230px;}
  .smilePath-journy .content-wrapper{flex-direction: column; gap: 30px; }
  .smilePath-journy .content-wrapper p{    max-width: 270px;}


  .table-wrapper{padding:0px;}
  .table-wrapper .comparison-table th:nth-child(2){width: 38%; padding: 0px 20px;}
   .table-wrapper .comparison-table.scan-comparison-table td:nth-child(2){padding:1.5rem 1rem!important;}

  .scanner-customer-journey-section .button-design.transparent-btn.mobile-show { font-size: 16px; font-weight: 400; line-height: 20.8px; text-align: center; max-width: max-content; margin-top: 40px; background: transparent; border: 1px solid #008470; color: #008470; }
  .scanner-customer-journey-section .star3 { position: absolute; left: 42%; }
  .cta-block-B { position: relative; }
  .cta-block-B .shape{display:none}
  .cta-block-B  .shape-vector-mob{position: absolute; top: -22px; right: 0px;display:block;}
  .cta-block-B  .shape-vector-mob-2{position: absolute; top: -22px; left:168px; display: block;}
  
  .scanner-how-it-work-section .custom-step-access-guard-section{padding-bottom:40px!important;padding:0px;}
  section.scanner-customer-journey-section{padding:0px 0px 40px;}
  section.book-appointment{padding:0px 0px 40px;}
  section.scaner-table{padding:40px 0px; background:#F0F0F0;}
  .scaner-table .table-wrapper{    background-color: transparent;}
  .scanner-how-it-work-section .custom-step-access-guard-section h2{display:none;}
  .scanner-how-it-work-section .custom-step-access-guard-wrapper{    padding: 56px 30px;align-items:flex-start;}
  .scanner-how-it-work-section .custom-step-access-guard-section h2{max-width:100%;padding-bottom:0px;font-size: 28px; color: #EBEB47;}
 .scanner-how-it-work-section .custom-step-access-guard-section .shape-5{position: absolute; display: block; top: 35px; left: 216px;}
  .scanner-how-it-work-section .custom-step-access-guard-section .shape-4 { position: absolute; right: 50px; top: 64px; }
  .teeth-appointment-content-wrapper{height:auto;}
   .scaner-table .table-wrapper .comparison-table th:nth-child(2){padding: 12px 20px;}
  .review-section .banner-reviews-wrapper .reviews-item:nth-child(2):before {content: ""; position: absolute; top: 50%; left: -20px; background: #00847080; width: 1px; height: 35px; transform: translateY(-50%); }
 .review-section .banner-reviews-wrapper .reviews-item:nth-child(2):after{content: ""; position: absolute; top: 50%; right: -20px; background: #00847080; width: 1px; height: 35px; transform: translateY(-50%);}
  .review-section .banner-reviews-wrapper{margin-top:0px;}
  .book-appointment h2 span { display: inline; }
  .book-appointment h2{max-width:306px;font-size:28px;}
  .book-appointment .section-title{margin-bottom:24px;}
  table.comparison-table.scan-comparison-table tr:nth-child(1) td { padding: 16px 0px; }
  table.comparison-table.scan-comparison-table th{width:41%;}
  section.scan_center_banner_section .lp-banner-text{padding: 0px 20px;}
 
  /*scan-center-mobile end*/
  /*impression kit mobile start*/
  /*banner-section start*/
  section.dental-impressions-section .dental-impressions-wapper {background-image: url(/cdn/shop/files/Group_1000004303_1.webp?v=1774963947); padding: 50px 0; background-size: cover; background-repeat: no-repeat; background-position: top; height:680px;}
  section.dental-impressions-section h1 {font-family: Outfit; font-size: 32px!important; font-weight: 700; text-align: center; line-height: 38.4px!important; }
  .dental-impressions-content{max-width:77%;}
  section.dental-impressions-section .dental-impressions-wapper .button-design{padding:14px 22px;}

  section.dental-impressions-section p{font-size:16px;line-height:20.8px;}
  section.dental-impressions-section .space-wapper {height: 330px;}
  section.dental-impressions-section .row {flex-direction: column-reverse;}
  section.dental-impressions-section h1 span.blank-text {display:block;}
  .lp-banner-text{padding:0px 16px;}
  section.dental-impressions-section .night_guard_mid{    height: 584px;}
  section.dental-impressions-section p{width:100%!important;}
  /*banner-section end*/
    section.video-session-section .titel-wapper{max-width:327px;}

  .free-video-call-section .free-video-call-wrapper{flex-direction:column;}
  .free-video-call-section .content-item{max-width:100%;align-items: flex-start; justify-content: flex-start;flex-direction: row;padding:24px 32px 24px 24px;}
  .free-video-call-section .content-item h3{margin:0px; text-align:left; margin-bottom: 20px;}
  .free-video-call-section .content-item p{text-align:left;}
  .free-video-call-section .image-box .image{width:100%;}
  .free-video-call-section .image-box .vector{top: 13px; right: 60px;}
  .free-video-call-section .image-box .vector-2{top: 0px; right: 42px;}
  .free-video-call-section .title-wrapper{    max-width: 356px; margin-bottom: 10px;}
  .free-video-call-section .content-box{gap:16px;}
  .impression-custom-dental-section .impression-custom-dental-wrapper{flex-direction:column-reverse;}
  .impression-custom-dental-section .impression-custom-dental-wrapper .image-box .content-box{width:100%;}
  .impression-custom-dental-section h2{max-width:323px;margin-bottom:24px;}
  .impression-custom-dental-section .impression-custom-dental-wrapper .image-box .vector{    left: 132px;}
  .avoiding-common-mistake-section .avoiding-common-mistake-wrapper .heading-content{max-width:320px;}
  .impression-custom-dental-section .content-item.content-item-background{width:100%!important;padding:24px!important;}
  .impression-custom-dental-section .impression-custom-dental-wrapper .content-box-wrapper{justify-content:flex-start;}
  .impression-custom-dental-section .impression-custom-dental-wrapper .content-box-wrapper .content-item:nth-child(1):after{width:0px;}
  .impression-custom-dental-section .impression-custom-dental-wrapper .content-box-wrapper .content-item:nth-child(1):before{left:0px;content: ""; position: absolute; top: 50%; background: #BEBEBE; width: 1px; height: 95px; transform: translateY(-50%);}
  .impression-custom-dental-section .impression-custom-dental-wrapper .content-box-wrapper .content-item:nth-child(2):before{left:0px;content: ""; position: absolute; top: 50%; background: #BEBEBE; width: 1px; height: 95px; transform: translateY(-50%);}
  .impression-custom-dental-section .impression-custom-dental-wrapper .content-box-wrapper .content-item:nth-child(3):after{width:0px;}
  .impression-custom-dental-section .impression-custom-dental-wrapper .content-box-wrapper .content-item:nth-child(3):before{left:0px;content: ""; position: absolute; top: 50%; background: #BEBEBE; width: 1px; height: 95px; transform: translateY(-50%);}
    .impression-custom-dental-section .impression-custom-dental-wrapper .content-box-wrapper .content-item:nth-child(4):before{left:0px;content: ""; position: absolute; top: 50%; background: #BEBEBE; width: 1px; height: 95px; transform: translateY(-50%);}
    .impression-custom-dental-section .impression-custom-dental-wrapper .content-box-wrapper .content-item:nth-child(5):before{left:0px;content: ""; position: absolute; top: 50%; background: #BEBEBE; width: 1px; height: 95px; transform: translateY(-50%);}
  .impression-custom-dental-section .impression-custom-dental-wrapper .content-box-wrapper .content-item{padding: 0px 100px 0px 25px;display: flex; justify-content: flex-start; align-items: flex-start; gap: 20px;}
  
  .avoiding-common-mistake-section .avoiding-common-mistake-wrapper{flex-direction:column;}
  .avoiding-common-mistake-section .avoiding-common-mistake-wrapper .heading-content{margin-bottom:24px;}
  .avoiding-common-mistake-section {padding:40px 0px 0px 0px;}

  .impression-taking-process-section .timeline { padding: 20px 0px; position: relative; height: 2020px; }
  .impression-taking-process-section .timeline ul.outer-list li.inner-list { list-style: none; box-sizing: border-box; line-height: normal; position: relative; width: 100%; padding: 0px 0px; text-align: left; }
  .impression-taking-process-section .timeline:before {content: ""; position: absolute; height: 75%; left: 8%;width: 2px; top: 205px; background: #bebebe; z-index: 0;}
  .impression-taking-process-section .timeline h2 { font-family: Outfit; font-size: 28px; font-weight: 700; line-height: 33.6px; padding-left:0px;  max-width: 252px; }
  .impression-taking-process-section .timeline ul.outer-list li.inner-list:nth-child(2):before { left: -56px; z-index: 1; content: ""; position: absolute; top: 73px; width: 16px; height: 16px; background-size: 50px 50px; background: url(/cdn/shop/files/imression-process-image.svg?v=1727342786) no-repeat; width: 50px; height: 50px; }
   .impression-taking-process-section .timeline li.inner-list.step-2 { top: -20px; }
  .impression-taking-process-section .timeline ul.outer-list {transform: translateY(-45px);}
  .timeline ul.outer-list li.inner-list .left_content { text-align: left; position: absolute; top: 126px; left: 0px; margin: 0; height: 60px; width: 100%; }
  .impression-taking-process-section .timeline ul.outer-list li.inner-list h4 { color: #008470; font-family: Outfit; font-size: 18px; font-weight: 600; line-height: 25.2px; text-align: left; margin-bottom: 14px;}
  .impression-taking-process-section .timeline ul{padding: 0px 0px 0px 60px;margin-top: 0px;}
  .timeline li.inner-list.step-3 { margin-top: 460px; }
  .impression-taking-process-section .timeline ul.outer-list li.inner-list:nth-child(3):before { left:-56px; z-index: 1; content: ""; position: absolute; top: -3px; width: 16px; height: 16px; background-size: 50px 50px; background: url(https://smilepath.com.au/cdn/shop/files/imression-process-image.svg?v=1720611429) no-repeat; width: 50px; height: 50px; }
  .impression-taking-process-section .timeline li.inner-list.step-3 .left_content { top: 47px !important; }
  .impression-taking-process-section .timeline li.inner-list.step-4 { top: 326px; }
  .inner-list.step-4 .left_content { top: 556px !important; }
  /* .inner-list.heading{display:none;} */
  .impression-taking-process-section .timeline ul.outer-list li.inner-list:nth-child(4):before { left: -56px; z-index: 1; content: ""; position: absolute; top: 504px; width: 16px; height: 16px; background-size: 50px 50px; background: url(https://smilepath.com.au/cdn/shop/files/imression-process-image.svg?v=1720611429) no-repeat; width: 50px; height: 50px; }
  li.inner-list.step-5 { top: 560px; }
  .inner-list.step-6 h3{margin-bottom:0px;}
  .impression-taking-process-section .timeline ul.outer-list li.inner-list:nth-child(5):before { left:-56px; z-index: 1; content: ""; position: absolute; top: -12px; width: 16px; height: 16px; background-size: 50px 50px; background: url(https://smilepath.com.au/cdn/shop/files/imression-process-image.svg?v=1720611429) no-repeat; width: 50px; height: 50px; }
 .inner-list.step-5 .left_content { top: 44px !important; }
  li.inner-list.step-6 { top: 850px; }
  li.inner-list.step-6 .left_content { top: 98px !important; }
  .impression-taking-process-section .timeline ul.outer-list li.inner-list:nth-child(6):before { left: -56px; z-index: 1; content: ""; position: absolute; top: 46px; width: 16px; height: 16px; background-size: 50px 50px; background: url(https://smilepath.com.au/cdn/shop/files/imression-process-image.svg?v=1720611429) no-repeat; width: 50px; height: 50px; }
  .impression-taking-process-section .timeline ul.outer-list li.inner-list h3{font-size: 24px; font-weight: 600; line-height: 28.8px; text-align: left;}

  .impression-custom-dental-section .impression-custom-dental-wrapper{display:flex;}
  .impression-custom-dental-section .impression-custom-dental-wrapper .content-box-wrapper .content-box{display:flex;}
  
  .common-mistake-content-wrapper .common-mistake-content{padding:10px 25px 10px 30px;}
  /*impression kit mobile end*/

  /* prom-new-night-mobile-page-start */
  /* prom-banner-section-start */
    section.prom-banner-section {padding: 30px 0px;}
    .prom-banner-wrapper{background:#F4ECF9;padding: 35px 40px;border-radius: 16px;}
    .row.prom-banner-mid {align-items: center; flex-direction: column-reverse;}
    .image-wrapper-prom img {max-width:270.8px;margin: 0 auto;}
    .content-wrapper-prom h2 {font-family: Outfit;font-size: 32px;font-weight: 700;line-height: 38.4px;text-align: center;color: #5a0090;padding: 7px 0px;}
    .content-wrapper-prom p {font-family: Outfit;font-size: 16px;font-weight: 400;line-height: 20.8px;text-align: center;}
    .content-wrapper-prom {text-align: center;}
    a.button-design.purple-btn {font-family: Outfit;font-size: 18px;font-weight: 500;line-height: 25.2px;text-align: center;
        padding: 14px 42px ;border-radius: 40px;background: #5A0090;color: #EBEB47;display: inline-block; margin-top: 24px; border: 1px solid #5A0090; }
    .image-wrapper-prom .star1 {width: 14.96px;position: absolute;left: 7%;top: 18%;}
    .image-wrapper-prom .star2 {width: 14.96px;position: absolute; right: 21%;top: 5%;}
    .image-wrapper-prom {position: relative;text-align:center;}
    /* prom-banner-section-end */
      
    /* steal-the-spotlight-starts */
    section.steal-the-section {padding: 30px 0px;}
    .Spotlight-wrapper h2 {font-family: Outfit;font-size: 28px;font-weight: 700;line-height: 33.6px;text-align: left;color: #5a0090;}
    .transform-wrapper {text-align: left;position: relative;display:none;padding-top: 25px;}
    .transform-wrapper .star3 {position: absolute;left: 69%;bottom: 58%;width: 16px;}
    a.button-design.transform-btn {font-family: Outfit;font-size: 18px;font-weight: 500;line-height: 25.2px;text-align: center;color: #5A0090;
        display: inline-block;border-radius: 64px;padding: 14px 42px;background: transparent;border: 1.5px solid #5A0090;}
    .steal-the-section .features-wrapper img {width: 60px;margin-bottom: 12px;}
    .steal-the-section .features-grid {display: grid;grid-template-columns: repeat(1, 1fr);gap: 14px;margin-top:35px;}
    .steal-the-section .features-wrapper {padding: 48px 32px;border-radius: 24px 75px 24px 24px;border: 1px solid #5A0090;}
    .steal-the-section .features-wrapper h3 {font-family: Outfit;font-size: 32px;font-weight: 600;line-height: 41.6px;text-align: left;
        color: #220036;margin-bottom:0px;}
    .steal-the-section .features-wrapper h3 span {color: #5A0090;}
    /* steal-the-spotlight-ends */
    
    /* save-big-starts */  
    .big-wrapper{background:url(https://cdn.shopify.com/s/files/1/0706/0697/9391/files/Mask_group_1_1.png?v=1718794085);
                background-position: bottom;background-repeat: no-repeat;background-size: cover;min-height: 640px;border-radius: 16px;}
    section.save-big-section {padding: 30px 0px;}
    .row.mid-section {align-items: center;display: flex;height: 700px;flex-direction: column;}
    .savebig-wrapper-prom h2 {font-family: Outfit;font-size: 28px;font-weight: 700;line-height: 33.6px;text-align: left;color: #5a0090;}
    .savebig-wrapper-prom p {font-family: Outfit;font-size: 16px;font-weight: 400;text-align: left;color: #220036;line-height: 1.2;}
    .savebig-wrapper-prom { text-align: left;max-width: 76%;margin: auto;padding-top: 43px;}
    p.note-to {font-family: Outfit;font-size: 14px;font-weight: 400;line-height: 19.6px;text-align: left;padding-top: 20px;}
    /* save-big-ends */
    
    
    
    /* prom-nights-starts-mobiel */
    section.special-offer-section {padding: 50px 0px;}
    .clear-aligner-wrapper {display: grid;grid-template-columns: repeat(1, 1fr);}
    .special-day-wrapper { background-color: #5a0090 !important;  padding: 50px 20px; text-align: end; background: url(https://cdn.shopify.com/s/files/1/0706/0697/9391/files/day-banner.png?v=1720012758); background-repeat: no-repeat; background-size: 170px 245px; position: relative; border-radius: 16px 16px 0 0; height: 620px; background-position: 0 100%; }
    .special-night-wrapper { background-color: #220036 !important; padding: 50px 20px; background: url(https://cdn.shopify.com/s/files/1/0706/0697/9391/files/night-banner.png?v=1720012758); text-align: start; color: #fff; background-repeat: no-repeat; background-size: 210px 245px; position: relative; border-radius:  0 0 16px 16px; height: 620px; background-position: 100% 100%; }
    ul.day-Special-features {list-style: none;padding: 0;display: flex;flex-direction: column;gap: 10px;max-width: 240px;
                             margin: 0 0 0 auto;padding-top: 20px;}
    ul.day-Special-features .list-features-item {display: flex;gap: 16px;align-items: center;justify-content: end;}
    ul.night-Special-features {list-style: none;padding: 0;display: flex;flex-direction: column;gap: 10px;max-width: 240px;margin: 0;padding-top: 20px;}
    ul.night-Special-features .list-features-item {display: flex;gap: 16px;align-items: center;justify-content: end;}
   .special-day-wrapper .offer-day-wrapper h3 { color: #fbfbfb; margin-bottom: 10px; font-family: Outfit; font-size: 24px; font-weight: 600; line-height: 1.3; text-align: right; }
  .offer-night-wrapper h3 { font-family: Outfit; text-align: left; color: #fbfbfb; margin-bottom: 10px; font-size: 24px; font-weight: 600; line-height: 1.3; }
    .offer-day-wrapper p { color: #fbfbfb; font-family: Outfit; font-size: 18px; font-weight: 400; line-height: 1.3; text-align: right; }
    .offer-night-wrapper p {font-family: Outfit;font-size: 18px; font-weight: 400; line-height: 1.3;text-align: left;}
    ul.day-Special-features .list-features-content {font-family: Outfit;font-size: 16px;font-weight: 400;line-height: 22.4px;text-align: right;
        color: #FBFBFB;}
  ul.day-Special-features .list-features-content strong {color: #EBEB47;}
    ul.night-Special-features .list-features-content {font-family: Outfit;font-size: 16px;font-weight: 400;line-height: 22.4px;text-align: left;
        color: #FBFBFB;}
    a.button-design.white-btn {font-family: Outfit;font-size: 18px;font-weight: 500;line-height: 25.2px;text-align: center;
        padding: 14px 42px;border-radius: 40px;background: #ffffff;color: #5A0090;display: inline-block;margin-top: 30px;}
    .offer-day-wrapper .Free { margin-right: 22px; margin-top: 20px; font-family: Outfit; font-size: 16px; font-weight: 400; line-height: 20.8px; }
   .offer-night-wrapper .Free { font-family: Outfit; color: #fbfbfb; line-height: 22.4px; margin-left: 22px; margin-top: 16px; font-size: 16px; font-weight: 400; }
  
  img.star4 {position: absolute; left: 150px;top: 43px;width: 16px;}
    img.star5 {position: absolute;top: 100px;left: 50px;}
    img.star6 {position: absolute;width: 16px;top: 46px;left: 285px;}
    img.star7 {position: absolute;top: 115px;left: 85%;}
    /* prom-nights-ends */  
    
   /* inclusions-section-starts-mobile*/
  section.customer-journey .transform-wrapper .star3 { left: 45%; }
  .inclusion-grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 20px; }
    .aligners-vs-braces-wappers { padding : 30px 0;}
  .aligners-vs-braces-wappers .titel-wapper { width: 70%; padding: 20px 0 40px 20px; margin:0; }
  .comparison-table th { font-family: Outfit; font-size: 16px; font-weight: 600; line-height: 20.8px; text-align: left; padding: 20px 10px; }
 .comparison-table td { font-family: Outfit; font-size: 12px; font-weight: 400; line-height: 16.8px; text-align: left; }
  table.comparison-table {   width: 100%;}
  .comparison-table th:nth-child(2) { text-align: center; background: #fff; color: #5a0090; border-radius: 8px; width: 40%; padding: 0; }
  .comparison-table tbody tr:nth-child(2) td:nth-child(2) { border-radius: 8px 8px 0 0; }
  .comparison-table tbody tr:last-child td:nth-child(2n) { border-radius: 0 0 8px 8px; padding:0; }
  .comparison-table td:nth-child(2) { text-align: center; background: #fff; padding: 20px 40px; }
    .comparison-table tr.spacer-row td { padding: 10px; }
  section.aligners-vs-braces-section img.shape-bg-pricing { width: auto; position: absolute; left: auto; top: 60px; z-index: 0; right: 0; }
  /* inclusions-section-end*/

  /* Guide to a Perfect Smile for Prom Night */
  section.guide-prom-section .grid-row { display: flex; gap: 32px; flex-direction: column; }
  .guide-prom-wrapper img.shape-1 {width:160px;}
    .guide-prom-wrapper img.shape-2 { width: auto; position: absolute; top: 15%; right: 100px; }
  .guide-itam h3 { font-family: Outfit; font-size: 18px; font-weight: 700; line-height: 23.4px; text-align: left; }
  .guide-itam p { font-family: Outfit; font-size: 16px; font-weight: 400; line-height: 20.8px; text-align: left; }
  .itam-wapper {   margin-left: 30px;}
  .checklist-wapper { width: 100%;  border-radius: 16px; padding: 50px 30px; }
    .checklist-wapper h3 { font-family: Outfit; font-size: 18px; font-weight: 700; line-height: 23.4px; text-align: left; max-width: 80%; }
  .checklist-wapper ul {    width: 75%;}
  .checklist-img { margin-bottom: 20px; display: block; }
  
  /* Guide to a Perfect Smile for Prom Night-end */ 
  
  .memorable-checklist-wapper .row { flex-direction: column-reverse; }
  .memorable-wapper h3 { font-family: Outfit; font-size: 18px; font-weight: 700; line-height: 23.4px; text-align: left; max-width: 90%; }
  .memorable-wapper { padding: 50px 30px; width: 100%; border-radius: 16px; }  
  .memorable-checklist-wapper .btn-wrapper.mobile-show p { font-family: Outfit; font-size: 16px; font-weight: 400; line-height: 20.8px; text-align: left; color: #220036; padding: 25px 0 0 0; width: 80%; }
  
  section.faqs-home-section.prom-faq-section { margin: 0; }
  
    /* prom-new-night-mobile-page-end */
    /* thank you page start mobile*/
    section.congratulations-section {padding: 30px 0;}
    .congratulations-wrapper {text-align: center; padding: 50px 0px; position: relative;}
    .congratulations-wrapper p {font-family: Outfit;font-size: 16px;font-weight: 400;line-height: 20.8px;text-align: center;max-width: 88%;
            margin: auto;color: #00352d;}
    .congratulations-wrapper img.star-vector-one {position: absolute; top: 27px; left: 106px;}
    .congratulations-wrapper img.star-vector-three {position: absolute; top: 34px; right: 79px;}
    .congratulations-wrapper img.star-vector-two {position: absolute; bottom: 54px; left: 251px;}
    .congratulations-wrapper img.star-vector-four {position: absolute; bottom: 36px; right: 210px;}
    .congratulations-wrapper img.cong {width: 100%;}
    .congratulations-wrapper img.star-one-vector {position: absolute;top: 22px;left: 36px;}
    .congratulations-wrapper img.star-two-vector {position: absolute;bottom: 21px;left: 71px;}
    .congratulations-wrapper img.star-three-vector {position: absolute;top: 17px;right: 41px;}
    .congratulations-wrapper img.star-four-vector {position: absolute;bottom: 12px;right: 84px;}
    
    .congratulations-wrapper {text-align: center; padding: 50px 0px; position: relative;}
    .congratulations-wrapper p {font-family: Outfit;font-size: 16px;font-weight: 400;line-height: 20.8px;text-align: center;max-width: 88%;
            margin: auto;color: #00352d;}
    .congratulations-wrapper img.star-vector-one {position: absolute; top: 27px; left: 106px;}
    .congratulations-wrapper img.star-vector-three {position: absolute; top: 34px; right: 79px;}
    .congratulations-wrapper img.star-vector-two {position: absolute; bottom: 54px; left: 251px;}
    .congratulations-wrapper img.star-vector-four {position: absolute; bottom: 36px; right: 210px;}
    .congratulations-wrapper img.cong {width: 100%;}
    .congratulations-wrapper img.star-one-vector {position: absolute;top: 22px;left: 36px;}
    .congratulations-wrapper img.star-two-vector {position: absolute;bottom: 21px;left: 71px;}
    .congratulations-wrapper img.star-three-vector {position: absolute;top: 17px;right: 41px;}
    .congratulations-wrapper img.star-four-vector {position: absolute;bottom: 12px;right: 84px;}
      
    
    .night-congratulations-wrapper {text-align: center; padding: 50px 0px; position: relative;}
    .night-congratulations-wrapper p {font-family: Outfit;font-size: 16px;font-weight: 400;line-height: 20.8px;text-align: center;max-width: 88%;
            margin: auto}
    .night-congratulations-wrapper img.star-vector-one {position: absolute; top: 27px; left: 106px;}
    .night-congratulations-wrapper img.star-vector-three {position: absolute; top: 34px; right: 79px;}
    .night-congratulations-wrapper img.star-vector-two {position: absolute; bottom: 54px; left: 251px;}
    .night-congratulations-wrapper img.star-vector-four {position: absolute; bottom: 36px; right: 210px;}
    .night-congratulations-wrapper img.cong {width: 100%;}
    .night-congratulations-wrapper img.star-one-vector {position: absolute;top: 22px;left: 36px;}
    .night-congratulations-wrapper img.star-two-vector {position: absolute;bottom: 21px;left: 71px;}
    .night-congratulations-wrapper img.star-three-vector {position: absolute;top: 17px;right: 41px;}
    .night-congratulations-wrapper img.star-four-vector {position: absolute;bottom: 12px;right: 84px;}
    
    /* thank you page end mobile */


  /* Create Dental Impressions At-Home mobiel */
.dental-impressions-wapper { background: url(https://cdn.shopify.com/s/files/1/0706/0697/9391/files/dental-impression.png?v=1720097763); background-position: center center; background-repeat: no-repeat; background-size: cover; height: 590px; border-radius: 16px; }

/* Create Dental Impressions At-Home End  */

/* braces cost page - mobile */
.braces-cost-wapper { background-image: url(https://cdn.shopify.com/s/files/1/0706/0697/9391/files/city-mobile-banner.png?v=1720165536); background-position: center center; background-repeat: no-repeat; background-size: cover; height: 600px; border-radius: 16px; background-color: #f0f0f0; }
section.braces-cost-section h1 { font-family: Outfit; font-size: 32px; font-weight: 700; line-height: 38.4px; text-align: center; width: 98%; }
 section.braces-cost-section p { font-family: Outfit; font-size: 16px; font-weight: 400; line-height: 20.8px; text-align: center; width: 95%; }
section.braces-cost-section .row { height: 600px; align-items: center; flex-direction: column-reverse; }
  .cost-cta-wapper { flex-direction: column; padding: 50px 20px; }
  .cta-wapper-para h3 { font-family: Outfit; font-size: 24px; font-weight: 600; line-height: 28.8px; text-align: left; margin-bottom: 25px; }
   .affordable-para a {display:none;} 
  span#affordable-dots { display: none; }
  span#affordable-more {  display: inline !important;}
  .braces-price-inner { padding: 30px 0; }
  section.average-costs-section .underline-titel-wppaer, section.average-costs-section .underline-titel-wppaer h2 { margin:0;}
  section.average-costs-section .img-discribe-wapper p { color:#00352D; font-family: Outfit; font-size: 16px; font-weight: 400; line-height: 1.3; text-align: left; }
 .comper-wapper-grid { gap: 16px; margin-bottom:20px; }
  .tabel-para:first-child { padding: 0 0 10px; height: 50px; }
  section.average-costs-section .contant-para h2 span {    display: block;}
  .comper-wapper-grid .tabel-itam:nth-child(2n) .tabel-titel { color: #008470; font-family: Outfit; font-size: 18px; font-weight: 400; line-height: 23.4px; text-align: center; }
 table.offers-value-table th:nth-child(2) { color: #008470; border-radius: 16px; font-family: Outfit; font-size: 16px; font-weight: 400; line-height: 20.8px; text-align: center; }  
  section.average-costs-section .contant-para { margin-bottom:30px;}
  table.offers-value-table th { color: #00352d; font-family: Outfit; font-size: 16px; font-weight: 400; line-height: 20.8px; text-align: left; }
 .tabel-titel { font-family: Outfit; font-size: 18px; font-weight: 700; line-height: 23.4px; text-align: center; }
  .tabel-para p span { font-family: Outfit; font-size: 14px; font-weight: 400; line-height: 1.3; text-align: center; }
  .tabel-para p {  line-height: 1.3; text-align: center; }
  .tabel-itam { padding: 20px 10px; border-radius:8px; }
  .braces-price-inner.reverse .row { flex-direction: column-reverse; }
  .braces-price-inner .contant-wapper { margin: 0 0 0 auto; width: 100%; } .braces-price-inner.reverse .contant-wapper { width: 100%; margin: auto 0; }
  .tabel-para p { line-height: 1.3; }
    table.offers-value-table td { font-family: Outfit; font-size: 14px; font-weight: 400; line-height: 19.6px; text-align: left; }
  table.offers-value-table td:nth-child(2) { font-family: Outfit; font-size: 16px; font-weight: 600; line-height: 20.8px; text-align: center; }
  table.offers-value-table tbody tr:last-child td:nth-child(2n) { border-radius: 0 0 9px 9px; }
  section.average-costs-section .col-sm-5.width-45, section.average-costs-section .col-sm-7.width-55 {width:100%;}
  section.average-costs-section .braces-price-inner.reverse .contant-wapper, section.average-costs-section .braces-price-inner .contant-wapper {width:100%;}
 table.offers-value-table th:nth-child(2)   { border-radius: 9px; padding: 16px 35px; }
  .affordable-alternative-titel { padding-bottom: 30px; width: 90%; }
  .affordable-alternative-itam h3 { font-family: Outfit; font-size: 24px; font-weight: 600; line-height: 28.8px; text-align: left; max-width: 100%;margin: 15px 0 10px; }
  .affordable-wapper { grid-template-columns:1fr;}  
  section.faqs-home-section.braces-cost-faq-section {margin-top:0;}
  .wapper-wondering.braces-candidate-wondering { width: 75%; }
  .braces-cost-content { width: 100%; margin-bottom: 50px; }
  
  /* braces cost page - mobile-end */

  /* Teeth Straightening Cost In Australia - mobile-end */
  .teeth_straightening-wapper { background-image: url(https://cdn.shopify.com/s/files/1/0706/0697/9391/files/city-mobile-banner.png?v=1720165536); background-position: center center; background-repeat: no-repeat; background-size: cover; height: 600px; border-radius: 16px; background-color: #f0f0f0; }
  section.teeth_straightening-section h1 { font-family: Outfit; font-size: 32px; font-weight: 700; line-height: 38.4px; text-align: center; width: 98%; }
  section.teeth_straightening-section p { font-family: Outfit; font-size: 16px; font-weight: 400; line-height: 20.8px; text-align: center; width: 95%; }
  section.teeth_straightening-section .row { height: 600px; align-items: center; flex-direction: column-reverse; }

  .affordable_teeth_straightening_wapper h2 { font-family: Outfit; font-size: 28px; font-weight: 700; line-height: 33.6px; text-align: center; }
  .affordable_teeth_straightening_wapper p { font-family: Outfit; font-size: 14px; font-weight: 400; line-height: 19.6px; text-align: center; }
  .affordable_teeth_contant { width: 85%; margin: 0 auto; }
  .affordable_teeth_straightening-overlay { background: url(https://smilepath.com.au/cdn/shop/files/bg-wapp.png?v=1718714156); background-repeat: no-repeat; background-position: center 30%; background-size: 65%; padding-bottom: 40px; }
  table.offers-value-table th span { display: inline; }
  .teeth_straightening_price_inner.reverse .contant-wapper, .teeth_straightening_price_inner .contant-wapper {width:100%;}
  .teeth_straightening_price_inner.reverse.all-offer table.offers-value-table th:nth-child(1) { width: 41%; }  
  /* .teeth_straightening_price_inner .tabel-para {height:auto;} */
  .teeth_straightening_price_inner .tabel-para p span { font-family: Outfit; font-size: 12px; font-weight: 400; line-height: 16.8px; text-align: center; display: block; }
  .teeth_straightening_price_inner .tabel-para p span br {    display: none;}
  .teeth_straightening_price_inner .tabel-para {   height: 120px; }
   .teeth_straightening_price_inner.reverse .row {   flex-direction: column-reverse;    }
  .teeth_straightening_price_inner {padding:30px 0;}
  
  section.conclusion-section .conclusion-overlay { display: flex; align-items: center; justify-content: flex-start; padding: 60px 20px; height: 720px; background: url(https://cdn.shopify.com/s/files/1/0706/0697/9391/files/overlay.png?v=1720593525); background-size: cover; background-repeat: no-repeat; background-position: left bottom; flex-direction: column; }
  .conclusion-wrapper p { font-family: Outfit; font-size: 16px; font-weight: 400; line-height: 20.8px; text-align: left; }
  section.conclusion-section .conclusion-contant {width:100%;}
  
  /* Teeth Straightening Cost In Australia - mobile-end */
  /* faqs page - mobile */
  .questions-wapper h1 { font-family: Outfit; font-size: 32px; font-weight: 700; line-height: 38.4px; text-align: center; }
  .questions-wapper p { font-family: Outfit; font-size: 14px; font-weight: 400; line-height: 19.6px; text-align: center; }
  .questions-wapper .row { height: 400px; align-items: flex-end; }
  .questions-wapper {height: 400px; padding:0 20px;  background-size: 208px;  }
  
  .inner-accordion-title { font-family: Outfit; font-size: 16px; font-weight: 600; line-height: 1.4; text-align: left; }
  .inner-accordion-content p {     margin-top: 15px; font-family: Outfit; font-size: 14px; font-weight: 400; line-height: 1.3; text-align: left; color: #00352D; }
  .inner-accordion-item { border: 1px solid #F0F0F0; margin-bottom: 20px; padding: 20px 30px; border-radius: 8px 24px 8px 8px; background: #F0F0F0; }
  .faq-questions-tabs { display: none; } .faq-questions-accordion { display: block; }
  .assessment-wrapper.faq-assessment-wrapper { background:none;}  
  section.take-assessment-section.faq-assessment-section { margin-bottom: 80px; }
  section.faq-questions-section { padding: 40px 0; padding-bottom:20px; }
  .assessment-wrapper.faq-assessment-wrapper h2 { font-family: Outfit; font-size: 24px; font-weight: 600; line-height: 1.3; text-align: left; margin-bottom: 10px; max-width: 100%; }
  .assessment-wrapper.faq-assessment-wrapper { padding: 40px 30px; }
  .assessment-wrapper.faq-assessment-wrapper .inner-text-wapper { margin-bottom: 30px; }
 .assessment-wrapper.faq-assessment-wrapper   img.shape-vector-light { position: absolute; right: 120px; top: 170px; }
  .assessment-wrapper.faq-assessment-wrapper {height: 600px;}
  
  .recommendation-inner .radio-box {display: flex; flex-direction: column; gap: 14px; margin: 20px 0;}
  .recommendation-inner {padding: 24px 24px;}
  .recommendation-inner .radio-wrapper h2 {font-family: Outfit; font-size: 18px; font-weight: 700; line-height: 1.6; text-align: left; max-width: 265px;}
  .recommendation-inner img.shape-1 {right: 30px;}
  .recommendation-inner p {font-family: Outfit; font-size: 14px; font-weight: 400; line-height: 1.7; text-align: left;}
  .recommendation-title {border-bottom: 1px solid #008470 !important; position: relative;}
  .recommendation-title h1 {font-family: Outfit; font-size: 32px; font-weight: 700; line-height: 38.4px; text-align: left; max-width: 250px;}
  .recommendation-grid-wrapper {display: grid; grid-template-columns: repeat(1, 1fr); gap: 60px;}
  .main-recommendation label strong {font-family: Outfit; font-size: 18px;font-weight: 700; line-height: 1.6; 
    text-align: left;}
  .survey-main-inner h1 {font-size: 28px; font-weight: 700; line-height: 1.4; text-align: center;}
  .survey-main-inner .button-design {padding: 14px 20px;}
  .survey-main-inner a.button-design.white-btn {padding: 14px 20px;}

  .product-template .key-features-wrapper .key-item p {color: #000000;}
  .desciption-smilepath-wrapper strong {color: #ebeb47 !important;}
  .product-desc-btn-wrapper div {marginrgin-bottom: 6px;  max-width: max-content;}
  p.keep {padding-bottom: 5px; text-align: center; max-width: 90%;}
  .cheek-retractor-product .steps-grid-wrapper .steps-grid-item:nth-child(4):after {content: none;}
  .product-template .overview-wapper p {color: #000000;}
  .soft-night-guard-product .steps-grid-wrapper .steps-grid-item:nth-child(4):after {content: none;}
  .shop-content-wrapper .button-design {font-family: Outfit; font-size: 14px; font-weight: 400; line-height: 19.6px; text-align: center;}
  .teeth-straigtening-banner .teeth-straigtening-wrapper {padding: 16px;}
  .teeth-straigtening-banner .grid-row {grid-template-columns: repeat(1, 1fr); gap: 16px;}
  .video-form-wapper {padding: 20px 20px 0px 20px  !important}
  .video-form-wapper h3 {font-family: Outfit; font-size: 18px; font-weight: 600; line-height: 23.4px; text-align: left; padding-bottom: 20px; margin-bottom: 20px;}
  .page-teeth-straightening-template-page .video-form-wapper h3 {color: #EBEB47; font-family: Outfit;
    font-size: 18px; font-weight: 700; line-height: 23.4px;  text-align: left;}
  .teeth-straigtening-wrapper h1 {font-family: Outfit; font-size: 32px; font-weight: 700; line-height: 38.4px; text-align: center;}
  .teeth-straigtening-wrapper p {font-family: Outfit; font-size: 14px; font-weight: 400; line-height: 1.6; text-align: center; max-width: 275px;}
  .teeth-straigtening-wrapper h1 {margin-bottom: 12px;}
  .teeth-straigtening-banner .grid-row {gap: 0px;}
  .teeth-straigtening-banner .grid-row {height: 650px;}
  .video-content-wrapper {margin-top: 0;}
  .teeth-straigtening-wrapper h1 {max-width: 270px; margin: 0 auto; margin-bottom: 12px;}
  .teeth-straigtening-wrapper p {margin-bottom: 24px;}
  .teeth-straigtening-banner .teeth-straigtening-wrapper {padding: 40px 16px;}
  .understanding-options-wrapper .grid-row {grid-template-columns: 1fr; gap: 12px;}
  .understanding-options-wrapper .grid-column p {padding-left: 0;}
  .understanding-options-wrapper .grid-row .shape-vector-3 {position: absolute; right: 0; top: -25px; width: 20px;}
  .understanding-options-section {padding: 60px 0 20px !important;}
  .common-dental-section .grid-row-wrapper {grid-template-columns: repeat(1, 1fr);}
  .common-dental-section .common-dental-wrapper {margin-bottom: 20px;}
  .grid-row-wrapper .teeth-feature-wrapper {display: flex; gap: 20px;}
  .common-dental-section .grid-row-wrapper .teeth-feature-wrapper {padding: 28px 28px 28px 28px;}
  .common-dental-section .grid-row-wrapper {gap: 20px;}
  .metal-braces-section .grid-row {display: grid; grid-template-columns: 1fr; gap: 30px; background: #f0f0f0; padding: 0px;}
  .metal-braces-section h2 {max-width: 260px;}
  .metal-braces-section {background: #f0f0f0; padding-top: 45px; padding-bottom: 45px;}
  .home-clear-aligners-section .grid-row {grid-template-columns: repeat(1, 1fr);}
  .home-clear-aligners-section .grid-row-wrapper {grid-template-columns: repeat(1, 1fr);}
  .page-teeth-straightening-template-page .custom-step-access-guard-wrapper {align-items: flex-start;}
  .teeth-straighten-assessment-wrapper h2 {display: flex; align-items: flex-start; flex-direction: column ; justify-content: space-between;
    gap: 20px; height: auto; max-width: 70%;}
  .teeth-straighten-assessment-wrapper .button-design.light-btn {font-size: 16px; font-weight: 400; line-height: 20.8px; text-align: center;}
  .teeth-straighten-assessment-wrapper {background: none; flex-direction: column; align-items: flex-start; justify-content: flex-start;
        gap: 20px; padding: 60px 40px;}
  .take-assessment-wrapper {background: #008470; border-radius: 45px 80px;}
  .teeth-straighten-assessment-wrapper {height: 640px;}
  .teeth-straighten-take-assessment-section  {position: relative;}
  .teeth-straighten-take-assessment-section .image-mobile-3 {position: absolute; bottom: 0; left: 50%; transform: translate(-50%);}
  .nightonly-bg-wrapper {padding: 30px;}
  .nightonly-bg-wrapper .nightonly-list-wrapper {align-items: flex-start;}
  .teeth-straighten-take-assessment-section .image-mobile-3 {position: absolute; bottom: 36px; left: 50%;
        width: 91%; transform: translate(-50%);}
  .teeth-straighten-take-assessment-section {padding: 40px 0 80px;}
  .choose-smilepath-section .grid-row {display: grid; grid-template-columns: repeat(1, 1fr); gap: 45px;}
  .choose-smilepath-image-wrapper {max-width: 100%;}
  .choose-features-wrapper {grid-template-columns: 1fr;}
  .choose-features-wrapper .feature-item {padding-bottom: 20px; position: relative; padding-left: 30px;}
  .choose-features-wrapper .feature-item:after {content: ''; position: absolute; top: 0; left: 0; bottom: 0;
    background: #038371; height: 150px; width: 1px;}
  .choose-features-wrapper .feature-item:nth-child(5):after {content: ''; position: absolute; top: 0; left: 0; bottom: 0;
    background: #038371; height: 150px; width: 1px;}
  .choose-features-wrapper .feature-item:nth-child(6):after {content: ''; position: absolute; top: 0; left: 0; bottom: 0;
    background: #038371; height: 150px; width: 1px;}
  .take-assessment-section .assessment-wrapper {background: url(https://cdn.shopify.com/s/files/1/0706/0697/9391/files/goodsmile_28-11-2022-835_1.png?v=1719206623);
      background-position: bottom; background-size: 75%; background-repeat: no-repeat; flex-direction: column;
      align-items: flex-start; justify-content: flex-start; gap: 20px; padding: 60px 40px; overflow: hidden;}
  
  .take-assessment-section .assessment-wrapper {height: 660px;}
  .dental-problems-section .dental-problems-wrapper {overflow: visible;padding-bottom:0px;}
  .home-clear-aligners-section .grid-column {display: flex; gap: 20px; align-items: flex-start;}
  .home-clear-aligners-section .grid-column h3 {text-align: left; margin-top: 0;}
  .home-clear-aligners-section .grid-column p {text-align: left;}
  .home-clear-aligners-section .grid-column {padding: 35px 30px;}
  .understanding-options-section {padding: 70px 0 60px;}
  .still-unsure-section {padding: 20px 0;}
  .page-faq-template-page .take-assessment-wrapper {background-image: url(https://cdn.shopify.com/s/files/1/0706/0697/9391/files/faqmobiel.png?v=1720272100);
        background-repeat: no-repeat; background-position: bottom;}
  .all-products-collection-tabs .collection-tab-items a {width: 100% !important;}
  .night-shop-collection {padding: 40px 0 0;}
  .product-template .product__title h1 .product__sub_title {color: #000000;}
  /* .teeth-accordion-content img {width: 120px;} */
  .page-night-guards-template-page  section.custom-step-access-guard-section h2 {color: #EBEB47; max-width: 255px;}
  .take-assessment-section .assessment-wrapper {border-radius: 45px 80px;}
  .assessment-title-wrapper h2 {font-family: Outfit; font-size: 18px; font-weight: 700; line-height: 23.4px; text-align: left;}
  section.customer-journey h2 {max-width: 260px;}
  .questions-wapper {background-image: url(https://cdn.shopify.com/s/files/1/0706/0697/9391/files/Mask_group_28.png?v=1722347025);  background-size: cover;}
  .day-pricing-wrapper.time-wrapper {padding: 0px 20px;}
    .night-pricing-wrapper.time-wrapper {padding: 0px 20px;}
  .two-ways-get-started-wrapper .grid-row-wrapper-two {display: grid; grid-template-columns: repeat(1, 1fr); gap: 25px; align-items: center;}
  .two-ways-get-started-wrapper h2 {margin-bottom: 35px;}
  img.thanks-title {width: 100%;}
    /*mid-treatment-onboarding*/
.page-mid-treatment-onboarding-template-page .breadcrumbs-wrapper{display: none;}
section.survey-main {padding: 60px 0; padding-top: 0;}
.survey-main-inner {display: flex;flex-direction: column;margin-top: 80px;position: relative;align-items: center;}
.survey-main-inner img{width: 100%;margin: 0 auto;margin-bottom: 20px;}
.survey-main-inner h1 {font-family: Outfit;font-size: 40px;font-weight: 600;line-height: 43.2px;text-align: left;margin-bottom: 20px;color: #008470;text-align: center;position: relative;}
.survey-main-inner h2{font-family: Outfit; font-size: 18px; font-weight: 400; line-height: 43.2px; text-align: left; margin-bottom: 20px; color: #00352D; text-align: center;position: relative;width: 350px;}
.survey-main-inner h2:after{content: '';position: absolute;bottom: -20px;left: 50%;transform: translateX(-50%);width: 80px;height: 1px;background: #008470;}
.survey-main-inner p {font-family: Outfit; font-size: 16px; font-weight: 400; line-height: 1.5; text-align: left; color: #00352d; text-align: center; max-width: 740px;  margin: 20px auto;width:90% !important}
.survey-main-inner span{color:#00352D;font-weight: 700;}
.well_buttons {justify-content: center; align-items: center; display: flex;flex-direction: column; gap: 20px; margin-top: 20px;}
.well_buttons .button-design {display: flex; align-items: center; gap: 10px;}
.well_buttons a.button-design.white-btn {margin: 0;}
.survey-main-inner img.star-one-vector {position: absolute;top: -45px;left: 65px;width: 15px;}
.survey-main-inner img.star-two-vector {position: absolute;bottom: 235px;left: 5px;width: 15px;}
.survey-main-inner img.star-three-vector {position: absolute;top: -60px;right: 80px;width: 15px;}
.survey-main-inner img.star-four-vector {position: absolute;bottom: 270px;right: 20px;width: 15px;}
.well_buttons a.button-design.white-btn {font-family: Outfit;font-size: 24px;font-weight: 600;line-height: 25.2px;text-align: center;padding: 20px 90px;border-radius: 40px;background: #fff;color: #5a0090;display: inline-block;margin-top: 0px;width: 100%}
/*mid-treatment-onboarding*/

.treatable-cases-wrapper {
    background: url(/cdn/shop/files/Mask_group_1_7c601ccc-695a-41a8-8560-6860fabb107e.png?v=1732102087);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    border-radius: 16px;
  position: relative;
  height: 684px;
}
.row.treatable-cases-mid {
    height: 664px;
    align-items: center;
  flex-direction: column-reverse;
}
    .content-wrapper-treatable-cases h2 {
        font-family: Outfit;
        font-size: 32px;
        font-weight: 700;
        line-height: 38.4px;
        text-align: center;
        color: #fbfbfb;
        max-width: 329px;
        margin: 0 auto;
        margin-bottom: 15px;
    }
    .content-wrapper-treatable-cases p {
        font-family: Outfit;
        font-size: 16px;
        font-weight: 400;
        line-height: 25.2px;
        text-align: center;
        max-width: 297px;
        margin: 0 auto;
        color: #fbfbfb;
        margin-bottom: 43px;
    }
img.treatable-start-one {
    width: 38px;
    position: absolute;
    right: 49%;
    top: 32%;
}
img.treatable-start-two {
    width: 38px;
    position: absolute;
    top: 66%;
    left: 100px;
}


  section.why-choose-section.our-treatable-section .features-content-wrapper{
  display:block;
}


  .choose-smilepath-image-wrapper.image-teeth-straightening-wrapper img{
  width: 100%;
}

  .grid-row.choose-treatable-background {
    display: flex;
    flex-direction: column-reverse;
}
.treatable-cases-banner-wrapper{
      background: url(/cdn/shop/files/image_105.webp?v=1751530738) !important;
      background-repeat: no-repeat !important;
      background-size: cover !important;
  
}

.treatable-cases-banner-wrapper .grid-row {
  height: 590px;
    display: grid;
    align-items: flex-end !important;
    grid-template-columns: calc(62% - 0px) calc(38% - 0px);
    position: relative;
    z-index: 1;
    grid-template-columns: 1fr !important;
}
.treatable-cases-banner-wrapper .grid-column {
    text-align: center !important;
}

.treatable-cases-banner-wrapper h1 {
    font-family: Outfit;
    font-weight: 700;
    font-size: 32px !important;
    line-height: 1.3;
    text-transform: capitalize;
    margin-bottom: 21px;
    color: #EBEB47;
    letter-spacing: 0px;
    text-align: center;
    text-transform: capitalize;
} 

.struggling-crowded-teeth .button-design {
    padding: 14px 42px !important;
}
  .struggling-crowded-teeth .problem-caused-wrapper {
        margin-bottom: 160px !important;
    }
.struggling-crowded-teeth .thanks-div
 {
    text-align: center;
    bottom: -140px !important;
    height: auto;
}
section.causes-crowded-teeth-section {
  padding: 30px 0!important;
}

.common-dental-section .button-design
  {
    max-width: 56%;
    margin-bottom: 10px;
  }

  .common-dental-section{
      padding: 0px 0px;
  }

  .before-after-transformations-section .before-after-transformations-wrapper h2{
    max-width: 100% !important;
  }

  .treatable-cases-hold-you-back-section .grid-row:after{
    content: "";
        position: absolute;
        left: 50%;
        top: 40%;
        transform: translate(-50%);
        background: #00352d;
        height: 1px;
        width: 80%;
  }
  .treatable-cases-hold-you-back-wrapper {
    position: relative;
}
  .treatable-cases-hold-you-back-section .grid-row{
        grid-template-columns: 1fr !important;
  }
/* aligner-Treatable-Cases-ends */
}




@media only screen and (min-width: 0) and (max-width: 392px){
  .impression-custom-dental-section .impression-custom-dental-wrapper .image-box .vector{ left: 120px;}
  .btn-wrapper .shape-vector-mob {left: 48%;}
  .insta-green-wrapper h3, .insta-dark-green-wrapper h3 {font-size: 10px;}
  .main-recommendation label strong {display: inline-grid;}
  .mobile-show-night-guard .shape-vector-mob{left: 67%; top: -9px;  }
  .affordiable-dental-night-section .btn-wrapper .shape-vector-mob{left: 48%;}
  .why-use-night-guard-section .swiper-button-next.custom-next-new{top: 48%;}
  .why-use-box .why-use-wrapper h3{font-size:35px;}
  .custom-fit-section .custom-image .vector-shape{left:20px; top:30px;}
  .custom-fit-section .custom-image .vector-shape-2{right:7px;}
  .night-guard-take-assessment-section .assessment-wrapper .shape-vector-light{right: 50px;}
  .mobile-show-guard .shape-vector-mob{left:65%!important;}
  .your-mouth-guard-section .btn-wrapper .shape-vector-mob{left:65%;}
  .mouth-guard-take-assessment-section .assessment-wrapper h2{max-width: 230px;}
  .mouth-guard-take-assessment-section .assessment-wrapper .shape-vector-light{right:110px;}
  .retainer-why-choose-section .features-wrapper{padding:16px 18px 16px 16px;}
  .teeth-whitening-why-choose-section .btn-wrapper .shape-vector-mob{left:72%;}
  .your-teeth-whitening-section .btn-wrapper .shape-vector-mob{left: 50%;}
  section.retainer_banner_section h1{padding:0px;}
 .why-use-retainer-section .why-use-box{padding:0px 32px;}
  .why-use-retainer-section .swiper-scrollbar.swiper-scrollbar-horizontal{bottom:37%;}
  .why-use-image-box-2 .shape-2{top:-20px}
  .why-use-night-guard-section .swiper-scrollbar.swiper-scrollbar-horizontal{bottom:42%;}
  .why-use-mouth-guard-section .swiper-scrollbar.swiper-scrollbar-horizontal{bottom:42%;}
  .your-teeth-whitening-section .shape-vector-mobile{left:122px;}
  .bridal-memorable-section .memorable-wapper{height:660px;}
  .teeth-appointment-overlay{height: 534px;}
  .scanner-how-it-work-section .custom-step-access-guard-section h2{display:none;}
  .scanner-how-it-work-section .custom-step-access-guard-wrapper{    padding: 56px 30px;align-items:flex-start;}
  .scanner-how-it-work-section .custom-step-access-guard-section h2{max-width:100%;padding-bottom:0px;font-size: 28px; color: #EBEB47;}
 .scanner-how-it-work-section .custom-step-access-guard-section .shape-5{position: absolute; display: block; top: 35px; left: 216px;}
  .scanner-how-it-work-section .custom-step-access-guard-section .shape-4 { position: absolute; right: 50px; top: 64px; }
  .cta-block-B .shape-vector-mob-2{top: -14px; left: 176px;}
  .cta-block-B .shape-vector-mob{top: -20px; right: -20px;}
  .btn-wrapper .shape-vector-mob{left: 46%;}
  .scanner-customer-journey-section .star3{left: 46%;}
  .impression-custom-dental-section .impression-custom-dental-wrapper .content-box-wrapper .content-item{padding: 0px 50px 0px 25px;display: flex; justify-content: flex-start; align-items: flex-start; gap: 20px;}
  .blog-articles {gap: 30px; grid-template-columns: repeat(1, 1fr);}
  .blog-template-page h2.blog__title {color: #008470; font-family: Outfit; font-size: 32px;
    font-weight: 700; line-height: 38.4px; text-align: left;}
  .blog-template-page .blog-subtitle {width: 85%;}
  .blog__posts.articles-wrapper .blog__post.grid__item:first-child {margin: 0; margin-bottom: 20px;}
  .blog__posts.articles-wrapper {grid-template-areas: "Area" !important;}
  .blog__posts.articles-wrapper .blog__post.grid__item:first-child .article-card {flex-direction: column !important; column-gap: 50px;}
  .blog-template-page .blog-subtitle {margin-bottom: 16px;}
  .latest_blog_wrapper .slider-buttons {display: none;}
  .latest_blog .latest_blog_wrapper {padding-bottom: 0px; margin-bottom: 0;}
  .blog-title-wrapper .title--primary {font-family: Outfit; font-size: 28px; font-weight: 700;
    line-height: 33.6px; text-align: left; margin-bottom: 12px;}
  .blog-title-wrapper p {max-width: 85%;}
  .article-card-wrapper .card__information .card__heading.h2 {height: auto;}
  .blog-articles {gap: 12px !important;}
  .article-card__info.h5 {margin-bottom: 14px;}
  .blog-upadated-date-timing-wrapper {display: block;}
  article.article-template header .show-date {display: flex; align-items: flex-start; gap: 6px; margin-top: 18px; width: auto;}
  h1.article-template__title {color: #008470; font-family: Outfit; font-size: 32px; font-weight: 700; line-height: 38.4px;
    text-align: left;}
  article.article-template header span {font-family: Outfit; font-size: 16px; font-weight: 400; line-height: 1.6;
    text-align: left; color: #bebebe;}

   .aligners-vs-braces-wappers .titel-wapper { width: 80%; padding: 20px 0 40px 20px; margin: 0; }
  .aligners-vs-braces-wappers { padding: 30px 0;}
  section.guide-prom-section .guide-prom-bg-wrapper {padding: 30px 30px;}
  .checklist-wapper h3 {  max-width: 85%; }
  section.steal-the-section .transform-wrapper .star3 {left:80%;}
  .savebig-wrapper-prom {max-width: 90%; }
  .comparison-table th, .comparison-table th:nth-child(2) { width: 33.33% }
  .comparison-table , .comparison-table td:nth-child(2) {padding:20px 10px;}
  .comparison-table th, .comparison-table td { padding:0;}
  .comparison-table th:nth-child(1), .comparison-table td:nth-child(1) { padding-left: 10px; }
  .assessment-wrapper .shape-vector-light { position: absolute; right: 20%; top: 225px; }
  
  .assessment-wrapper.faq-assessment-wrapper img.shape-vector-light { position: absolute; right: 80px; top: 160px; }
  .wapper-wondering.braces-candidate-wondering { width: 80%;}
  .product-template .inclusions-wapper .inclusion-item p {color: #000000;}
  .play-icon-wrapper img {border-radius: 0 !important;}
  #shopify-block-afterpay_on_site_messaging_payments_messaging_9YM9DN {margin-bottom: 0 !important;}
  .video-content-wrapper {margin-top: 20px;}
  .dental-problems-section .btn-wrapper .shape-vector-mob {left: 215px;}
  .collection-item-links {padding: 13px 24px;}
  .all-products-collection-tabs .collection-tab-items a {width: 100%;}
  .shop-title-section .shop-title-wrapper {padding: 0 0 30px;}
  .all-products-collection-tabs .collection-tab-items a {width: 100% !important;}
  .still-unsure-title-wrapper p {line-height: 1.5;}
  .still-unsure-wrapper .button-design {font-family: Outfit; font-size: 16px; font-weight: 500; line-height: 25.2px;
    text-align: center; padding: 10px 30px; border-radius: 40px; background: #008470; color: #fbfbfb; display: inline-block;
    border: 1px solid #008470; transition: .3s;}
  .clear-aligner-wapper-wondering h2 {color: #FBFBFB !important !important;}
  .banner-image-text .father-day {}
  
}

@media only screen and (min-width: 300px) and (max-width: 375px){
  .two-ways-get-started-wrapper .get-started-product-wrapper {padding: 24px;}
}


@media only screen and (min-width: 400px) and (max-width: 450px){
.wapper-wondering {width: 65%; margin: 0 auto;}
  .custom-fit-section .custom-image .vector-shape{left:30px; top:30px;}
  .custom-fit-section .custom-image .vector-shape-2{right:14px;}
  
}
@media only screen and (min-width: 1485px) and (max-width: 1630px){
  .review-section .banner-reviews-wrapper .reviews-item:nth-child(2):before{left:-90px;}
  .review-section .banner-reviews-wrapper .reviews-item:nth-child(2):after{right:-90px;}
}
@media only screen and (min-width: 1560px) and (max-width: 1600px)
{
  .custom-fit-section .custom-image .vector-shape{left: 40px;}
  .custom-fit-section .custom-image .vector-shape-2{right: 33px;}
  .bridal-memorable-section .button-wrapper{position: absolute; z-index: 1; bottom: 34px;right:13%;}
}
@media only screen and (min-width: 1500px) and (max-width: 1559px)
{
  .bridal-memorable-section .button-wrapper{position: absolute; z-index: 1; bottom: 34px;right:11%;}
}
@media only screen and (min-width: 1400px) and (max-width: 1559px)
{
  .custom-fit-section .custom-image .vector-shape{left: 40px;}
  .custom-fit-section .custom-image .vector-shape-2{right: 28px;}

}

@media only screen and (min-width: 0px) and (max-width: 425px){
  .still-unsure-cards-wrapper .button-design {font-size: 14px !important;}
}

@media only screen and (min-width: 0px) and (max-width: 390px)
{
  .assessment-title-wrapper h2 {font-size: 25px;}
}

@media only screen and (min-width: 1450px) and (max-width: 1500px)
{
  .bridal-memorable-section .button-wrapper{position: absolute; z-index: 1; bottom: 34px;right:10%;}
}
@media only screen and (min-width: 1400px) and (max-width: 1449px)
{
  .bridal-memorable-section .button-wrapper{position: absolute; z-index: 1; bottom: 34px;right:8%;}
}
@media only screen and (min-width: 1350px) and (max-width: 1399px)
{
  .bridal-memorable-section .button-wrapper{position: absolute; z-index: 1; bottom: 34px;right:6%;}
}
@media only screen and (min-width: 1300px) and (max-width: 1349px)
{
  .bridal-memorable-section .button-wrapper{position: absolute; z-index: 1; bottom: 11px;right:4%;}
}
@media only screen and (min-width: 1250px) and (max-width: 1300px)
{
  .bridal-memorable-section .button-wrapper{position: absolute; z-index: 1; bottom: 11px;right:2%;}
  .teeth-tab-buttons button{padding:14px 27px 14px 27px;}
  .teeth-tabs{gap:29px;}
}
@media only screen and (min-width: 1250px) and (max-width: 1330px)
{
  .custom-fit-section .custom-image .vector-shape{left: 14px;}
  .custom-fit-section .custom-image .vector-shape-2{right: 12px;}
}
@media only screen and (min-width: 1250px) and (max-width: 1316px)
{
  .your-mouth-guard-section .features-wrapper{padding:30px 17px 30px 22px;}
}

.treatable-cases-banner-wrapper {
    background: url(/cdn/shop/files/image_104.webp?v=1751366119);
    background-size: cover;
    padding: 20px 60px;
    position: relative;
    border-radius: 16px;
    overflow: hidden;
}
.treatable-cases-banner-wrapper:after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    background: #00352db5;
    width: 100%;
    height: 100%;
}
.treatable-cases-banner-wrapper {background: url(https://cdn.shopify.com/s/files/1/0706/0697/9391/files/image_104.jpg?v=1749294477); background-size: cover; padding: 20px 60px; position: relative; border-radius: 16px; overflow: hidden;}
.treatable-cases-banner-wrapper .grid-row { height: 590px; display: grid ; align-items: center; grid-template-columns: calc(62% - 0px) calc(38% - 0px); position: relative; z-index: 1;}
.treatable-cases-banner-wrapper h1 { font-family: Outfit; font-weight: 700; font-size: 48px; line-height: 1.2; text-transform: capitalize; margin-bottom: 21px; color: #EBEB47;}
.treatable-cases-banner-wrapper p {font-family: Outfit; font-weight: 500; font-size: 18px; line-height: 1.5; letter-spacing: 0px; margin-bottom: 28px; color: #FBFBFB;}
.treatable-cases-banner-wrapper:after {content: ""; position: absolute; left: 0; right: 0; bottom: 0; top: 0; background: #00352db5; width: 100%; height: 100%;}
.treatable-cases-hold-you-back-section .grid-row { background: #F0F0F06E; display: grid ; grid-template-columns: 1fr 1fr; gap: 55px; padding: 0 35px; padding-bottom: 70px; padding-top: 20px;}
.treatable-cases-grid-column img {width: 100%;}
.treatable-cases-hold-you-back-section {padding: 80px 0;}
.treatable-cases-hold-you-back-wrapper .heading-wrapper p {font-family: Outfit; font-weight: 400; font-size: 16px; line-height: 1.6; letter-spacing: 0px; text-transform: capitalize; color: #00352d; max-width: 915px; margin-bottom: 16px;}
section.treatable-cases-hold-you-back-section { padding: 0px 0; }
.treatable-cases-hold-you-back-section .grid-row {margin-top: 35px;}
.treatable-cases-hold-you-back-section .grid-column { background: #e3f1ef; padding: 50px 50px 20px; border-radius: 15px;}
.treatable-cases-hold-you-back-section .grid-column .treatable-cases-img-caption {font-family: Outfit; font-weight: 600; font-size: 32px; line-height: 130%; letter-spacing: 0px; text-align: left; margin-top: 12px; color: #008571;}
.treatable-cases-hold-you-back-section .grid-column:nth-child(2) .treatable-cases-img-caption {text-align: left;}
.treatable-cases-hold-you-back-section .grid-row {border-radius: 20px;}
.page-crossbite-template-page section.struggling-crowded-teeth {padding-top: 0px;}
.struggling-crowded-teeth .thanks-div {text-align: center; bottom: -190px;}
.struggling-crowded-teeth .button-design {padding: 14px 175px;}
section.causes-crowded-teeth-section {padding: 100px 0 60px;}
.causes-crowded-teeth-section h2 {margin-bottom: 20px;}
section.causes-crowded-teeth-section { padding: 110px 0 60px !important;}
.aligner-specifically-wrapper .aligner-specifically-list-wrapper {padding: 24px 35px 24px 30px !important;}
.aligner-specifically-list-wrapper p {line-height: 1.5;}
.clear-aligner-help-section .heading-wrapper-clear-aligner-help {padding-bottom: 40px;}
.common-dental-wrapper h2 {max-width: 600px;}
.common-dental-wrapper-heading p {font-family: Outfit; font-weight: 400; font-size: 16px; line-height: 1.5; letter-spacing: 0px; max-width: 570px;}
.common-dental-section .grid-row-wrapper .teeth-feature-wrapper {height: 280px;}
.custom-step-access-guard-section h2 {margin-bottom: 55px;}
.before-after-transformations-content-wrapper .teeth-condition p {font-size: 16px;}
.pages-blog-section .before-after-transformations-wrapper {display: flex ; justify-content: space-between; align-items: center; position: relative;}
.pages-blog-section .before-after-transformations-wrapper img {position: absolute; right: 225px; top: 7px;}
.pages-blog-section .blog-list {display: flex ; align-items: flex-start; justify-content: center; max-width: 740px; margin: 0 auto; gap: 40px; padding: 60px 0 50px;}
.pages-blog-section .blog-image img {border-radius: 20px 48px 20px 20px;}
.pages-blog-section .blog-date {font-family: Outfit; font-weight: 400; font-size: 16px; line-height: 140%; letter-spacing: 0px; margin-top: 10px; margin-bottom: 16px; display: flex ; align-items: center; gap: 10px;}
.pages-blog-section .blog-title {font-family: Outfit; font-weight: 600; font-size: 24px; line-height: 140%; letter-spacing: 0px; color: #008470;}
.pages-blog-section .blog-list .continue-reading {font-family: Outfit; font-weight: 400; font-size: 16px; line-height: 140%; letter-spacing: 0px; border-bottom: 1px solid #BEBEBE; padding-bottom: 11px; color: #00352D;}
.pages-blog-section .blog-list .continue-reading { font-family: Outfit; font-weight: 400; font-size: 16px; line-height: 140%; letter-spacing: 0px; border-bottom: 1px solid #BEBEBE; padding-bottom: 11px; color: #00352d; }
.pages-blog-section .blog-list { display: flex ; align-items: flex-start; justify-content: center; max-width: 1200px; margin: 0 auto; gap: 40px; padding: 60px 0 50px; }
.pages-blog-section p {font-family: Outfit; font-weight: 400; font-size: 16px; line-height: 140%; letter-spacing: 0px;}

page-treatable-cases-crowded-template-page section.pages-blog-section .owl-carousel .owl-item img{
  width: auto !important;
}
.treatable-button-prev.new-btn-prev {
    width: 40px;
    height: 40px;
    background: #008470 !important;
    border-radius: 50%;
    box-shadow: 0 2px 10px #0000001a;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    top: 42%;
    transform: translateY(-50%);
    z-index: 10;
    position: absolute;
    left:60px;
}

.treatable-button-next.new-btn-next {
    width: 40px;
    height: 40px;
    background: #008470;
    border-radius: 50%;
    box-shadow: 0 2px 10px #0000001a;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    top: 42%;
    transform: translateY(-50%);
    z-index: 10;
    position: absolute;
    right: 60px;
}

.page-treatable-cases-crowded-template-page section.pages-blog-section {
    position: relative;
}

.page-treatable-cases-crowded-template-page .common-dental-section .common-dental-wrapper {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    flex-direction: row;
}
.page-treatable-cases-deepbite-template-page .common-dental-section .common-dental-wrapper {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    flex-direction: row;
}
.page-treatable-cases-crossbite-template-page .common-dental-section .common-dental-wrapper {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    flex-direction: row;
}
.page-treatable-cases-edge-to-edge-template-page .common-dental-section .common-dental-wrapper {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    flex-direction: row;
}
.page-treatable-cases-overbite-template-page .common-dental-section .common-dental-wrapper {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    flex-direction: row;
}
.page-treatable-cases-overjet-template-page .common-dental-section .common-dental-wrapper {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    flex-direction: row;
}
.page-treatable-cases-teeth-gaps-template-page .common-dental-section .common-dental-wrapper {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    flex-direction: row;
}
.page-treatable-cases-underbite-template-page .common-dental-section .common-dental-wrapper {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    flex-direction: row;
}
.treatable-cases-hold-you-back-wrapper-title{
    margin-top: 70px;
    margin-bottom: 50px;
}



section.barces-cost-australia .braces-cost-banner-section {background: url(https://cdn.shopify.com/s/files/1/0706/0697/9391/files/Braces_Cost.webp?v=1749728363);height: 590px;display: flex;align-items: center;}
section.barces-cost-australia .braces-cost-banner-section .braces-cost-banner-wapper-1 {width: 50%;max-width: 540px;padding: 60px;}
section.barces-cost-australia .braces-cost-banner-section .braces-cost-banner-wapper-1 h1 {font-size: 48px;font-weight: 700;color: #008470;max-width: 385px;}
section.barces-cost-australia .braces-cost-banner-section .braces-cost-banner-wapper-1 p {font-size: 18px;font-weight: 500;color: #00352D;}
section.barces-cost-australia .braces-cost-banner-section .braces-cost-banner-wapper-2 {width: 50%;}
#citySearchInput {width: 100%; margin-bottom: 15px; font-size: 16px; margin-left: auto; margin-right: auto; padding: 10px 20px; background: #f0f0f0; border: 1px solid #f0f0f0; border-radius: 8px; width: 100%; padding: 10px 20px !important; margin-bottom: 15px; font-size: 16px;}
.braces-cost-australia-cities-list {padding: 60px 0;}
.braces-cost-australia-cities-list .braces-city-list li a {color: #00352d; font-weight: 500;}
.braces-cost-australia-cities-list .braces-city-list {padding: 0; list-style: none; columns: 6;}
.braces-cost-australia-cities-list .braces-city-list li a {color: #00352d; font-weight: 500;}
.braces-cost-australia-cities-list .braces-city-list li a:hover {color: #008470;}
.braces-cost-australia-cities-list .braces-city-list { padding: 0; list-style: none; columns: 6; }
.braces-cost-australia-cities-list h2 {text-align: center; margin-bottom: 60px;}
.braces-cost-australia-cities-list .braces-city-list { list-style: none; columns: 4; background: #f0f0f0; padding: 40px 50px; border-radius: 20px; }
/* braces cost page */

/* teeth straightening cost page */
section.teeth-straightening-cost-australia .teeth-straightening-cost-banner-section {background: url(https://cdn.shopify.com/s/files/1/0706/0697/9391/files/Teeth_Straightening_Cost.png?v=1749733553);height: 590px;display: flex;align-items: center;}
section.teeth-straightening-cost-australia .teeth-straightening-cost-banner-section .teeth-straightening-cost-banner-wapper-1 {width: 100%;max-width: 670px;padding: 60px;}
section.teeth-straightening-cost-australia .teeth-straightening-cost-banner-section .teeth-straightening-cost-banner-wapper-1 h1 {font-size: 48px;font-weight: 700;color: #008470;}
section.teeth-straightening-cost-australia .teeth-straightening-cost-banner-section .teeth-straightening-cost-banner-wapper-1 p {font-size: 18px;font-weight: 500;color: #00352D;max-width: 500px;}
section.teeth-straightening-cost-australia .teeth-straightening-cost-banner-section .teeth-straightening-cost-banner-wapper-2 {width: 50%;}
#citySearchInput {width: 100%; margin-bottom: 15px; font-size: 16px; margin-left: auto; margin-right: auto; padding: 10px 20px; background: #f0f0f0; border: 1px solid #f0f0f0; border-radius: 8px; width: 100%; padding: 10px 20px !important; margin-bottom: 15px; font-size: 16px;}
.teeth-straightening-cost-australia-cities-list {padding: 60px 0;}
.teeth-straightening-cost-australia-cities-list .braces-city-list li a {color: #00352d; font-weight: 500;}
.teeth-straightening-cost-australia-cities-list .braces-city-list {padding: 0; list-style: none; columns: 6;}
.teeth-straightening-cost-australia-cities-list .braces-city-list li a {color: #00352d; font-weight: 500;}
.teeth-straightening-cost-australia-cities-list .braces-city-list li a:hover {color: #008470;}
.teeth-straightening-cost-australia-cities-list .braces-city-list { padding: 0; list-style: none; columns: 6; }
.teeth-straightening-cost-australia-cities-list h2 {text-align: center; margin-bottom: 60px;}
.teeth-straightening-cost-australia-cities-list .braces-city-list { list-style: none; columns: 4; background: #f0f0f0; padding: 40px 50px; border-radius: 20px; }
/* teeth straightening cost page */

.braces-cost-inner a{
    color: #ebeb47;
    font-weight: 400;
}
.teeth-straightening-in-inner a {
    color: #ebeb47;
    font-weight: 400;
}


.product-hot-tag-sales {
        color: #F0F0F0;
        font-weight: 600;
        font-size: 18px;
        line-height: 130%;
        border: 2px solid;
        background-color: #5A0090 !important;
        border-radius: 3px;
        position: relative;
        bottom: 8px;
        text-align: center;
        padding: 10px 0;
        margin: 20px 0 0;
        overflow: hidden;
    }

    .sale-badge-hot-tag-span {
        color: #EBEB47;
    }

    .product-hot-tag-sales::before {
        content: '';
        position: absolute;
        top: 0;
        left: -120%;
        width: 60%;
        height: 100%;
        background: linear-gradient(120deg,
                rgba(255, 255, 255, 0) 0%,
                rgba(255, 255, 255, 0.6) 50%,
                rgba(255, 255, 255, 0) 100%);
        opacity: 0.8;
        transform: skewX(-20deg);
        animation: saleBadgeShine 2.5s infinite;
        pointer-events: none;
    }
     @keyframes saleBadgeShine {
        0% {
            left: -120%;
        }

        100% {
            left: 140%;
        }
    }


.sale-badge-hot-tag-products{
  display: flex;
}
.sale-badge-hot-tag-span {
    color: #EBEB47;
    margin-left: 5px;
}

span.sale-badge-hot-tag-smilepath {
    color: #5A0090;
}


/* hot tag */


.product-media-container {
  position: relative;
}
.hot-tag-container {
  position: absolute;
  width: 80px;
  z-index: 20;
  left: 59%;
  top: 1%;
}
.hot-tag-container .hot-tag {
      width: 335px;

  height: auto;
  z-index: 20;
}
.hot-tag-container p {
  display: flex;
  align-items: flex-end;
  justify-content: center;
  margin: 0;
  padding-bottom: 6px;
  font-size: 13px;
  font-weight: 600;
  color: #6ef7f7;
  position: absolute;
  top: 60px;
  left: 16px;
  z-index: 99;
}
.hot-tag-container .off-price {
  margin-right: 4px;
}
span.discount-on-img {
    color: #EBEB47;
    position: absolute;
    top: 50%;
    right: 22%;
    font-size: 24px;
    font-weight: 600;
    text-shadow:
    -1px -1px 0 #008470,
     1px -1px 0 #008470,
    -1px  1px 0 #008470,
     1px  1px 0 #008470;
}
@media (max-width: 767px) {
  .hot-tag-container .hot-tag{
    width:230px;
  }
  .hot-tag-container {
    top: 2%;
    right: 0;
    width: 0;
    left: 80%;
  }
  .hot-tag-container p {
    font-size: 12px;
    padding-bottom: 4px;
    top: 60px;
    left: 16px;
    font-weight: 500;
  }
  span.discount-on-img {
    color: #ebeb47;
    position: absolute;
    top: 47%;
    right: -50px;
    font-size: 24px;
    font-weight: 600;
}
}

/* 360px to 370px */
@media (min-width: 360px) and (max-width: 370px) {
    .hot-tag-container {
       left: 60%;
     }
}

/* 370px to 375px */
@media (min-width: 370px) and (max-width: 375px) {
   .hot-tag-container {  
         left: 60%;      
      }
}

/* 375px to 400px */
@media (min-width: 376px) and (max-width: 400px) {
  .hot-tag-container { 
     left: 60%;
   }
}

/* 400px to 414px */
@media (min-width: 400px) and (max-width: 414px) {
  .hot-tag-container { 
     left: 60%;
   }
}

/* 414px to 430px */
@media (min-width: 416px) and (max-width: 432px) {
   .hot-tag-container { 
     left: 60%;
   }
}


/* Mobile Spacing */

  @media only screen and (min-width: 0) and (max-width: 767px) {
    .home-banner-section .banner-image-wrapper {
      margin-top: 32px;
    }
    .banner-reviews-wrapper {
      margin-top: 32px;
    }
    .home-banner-section {
      padding-bottom: 28px;
      padding-top: 32px;
    }
    .smile-transformations-section {
      padding-top: 28px;
    }
    .day-pricing-section {
      padding-top: 20px;
      padding-bottom: 18px;
    }
    .night-pricing-section {
      padding-top: 18px;
      padding-bottom: 28px;
    }
    .how-it-works-section {
      padding-top: 0;
    }
    .two-ways-get-started-wrapper h2 {
      margin-top: 0;
    }
    .grid-row-wrapper-two {
      gap: 32px;
    }
    .track-progress-section {
      padding-top: 18px;
    }
    .track-progress-section .track-progress-content {
      height: fit-content;
    }
    .track-progress-section .track-progress-wrapper {
      padding-block: 32px;
      height: 880px;
    }
    .track-progress-wrapper .shape-vector-3 {
      top: 48%;
    }
.dental-problems-section {
  padding-top: 18px;
  padding-bottom: 18px;
}
    .dental-head-wrapper h2 {
    margin-top: 0;
    }
.dental-problems-section .dental-head-wrapper {
  margin-bottom: 0;
}
.our-latest-products-section h2 {
  margin-top: 0;
}
  .our-latest-products-section .product-view-all-wrapper {
    margin-bottom: 32px;
  }
      .our-latest-products-section .button-design.gray-btn {
        margin-top: 0;
    }
    .take-assessment-section {
      padding-top: 18px;
    }
    .faqs-home-section {
      margin-top: 18px;
      padding-top: 12px;
    }
    .connect-instagram-section {
      padding-top: 48px;
      padding-bottom: 48px;
    }

    .flexibility-section .flexibility-overlay {
      padding-block: 32px;
    }
    .flexibility-section .flexibility-overlay h2 {
      margin-top: 0;
    }
  }
.smile-transformations-wrapper .transform-bg-wrapper {
  width: 480px;
  max-width: 480px;
}
    @media (max-width: 767px) {

  .night-pricing-wrapper {
    overflow: hidden;
}
.day-pricing-wrapper .plans-icon {
  width: 60px;
  height: 60px;
  position: absolute;
  top: 16px;
  right: 16px;
}
.day-pricing-wrapper {
  position: relative;
}

.night-pricing-wrapper .plans-icon {
  width: 60px;
  height: 60px;
  position: absolute;
  top: 22px;
  right: 22px;
}
.night-pricing-wrapper {
  position: relative;
}
.night-pricing-wrapper h2 {
  margin: 0;
}
.day-pricing-wrapper h2 {
  margin: 0;
}
.smile-transformations-wrapper.custom .transform-bg-wrapper {
  width: 100%;
  max-width: 100%;
}
.latest-products-wrapper .btn-wrapper.mobile-show {
  margin-top: 32px;
}
    }

  /* Home Page Plans Reviews  */

  .plans-reviews-block .banner-reviews-wrapper  {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 22px 32px;
    background-color: #fff;
    max-width: fit-content;
    gap: 0;
  }
  .plans-reviews-block .banner-reviews-wrapper .reviews-item:nth-child(2):before {
    display: none;
  }

    .plans-reviews-block .banner-reviews-wrapper .reviews-item:nth-child(2):after {
    display: none;
  }

  .plans-reviews-block .reviews-item:nth-child(1) {
    border-bottom: 1px solid #007160;
    padding-bottom: 17px;
    margin-bottom: 17px;
  }

    .plans-reviews-block .reviews-item:nth-child(2) {
    border-bottom: 1px solid #007160;
    padding-bottom: 17px;
    margin-bottom: 17px;
  }

  .day-pricing-wrapper .pricing-grid-wrapper {
    max-width: 100%;

  }

      @media (max-width: 768px) {
    
  .plans-reviews-block-mbl .banner-reviews-wrapper  {
    background-color: #ffffff;
    margin-bottom: 32px;
  }
  .two-ways-get-started-section {
    padding-bottom: 18px;
  }
  }





  .authors-template-page .the-disclaimer-block {  display: none !important;}
.reviewers-template-page .the-disclaimer-block {  display: none !important;}


/* Two Ways to Get Started */
.two-ways-get-started-wrapper h2 {
  max-width: 280px;
}

.two-ways-get-started-wrapper p.heading-subtitle {
  max-width: 320px;
}

.two-ways-get-started-wrapper .get-started-overlay.home-impression-kit {
  background: url(https://cdn.shopify.com/s/files/1/0706/0697/9391/files/Order_Impression_Kit_d760fed9-174a-4a4e-8e96-484f9e2988c4.png?v=1769003740);
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}

.two-ways-get-started-wrapper .get-started-overlay.visit-scan-center {
  background: url(https://cdn.shopify.com/s/files/1/0706/0697/9391/files/infra-oral-scanner_1_1.png?v=1718618581);
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}

.two-ways-get-started-wrapper del {
  text-decoration-color: #EBEB47;
}

.two-ways-get-started-wrapper .get-started-overlay {
  position: relative;
}

.two-ways-get-started-wrapper .get-started-overlay:after {
  content: '';
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background: #00352dbd;
}

.two-ways-get-started-wrapper .get-started-overlay {
  border-radius: 16px 48px 16px 16px;
  overflow: hidden;
}

.two-ways-get-started-wrapper p.heading-subtitle {
  margin-bottom: 40px;
}

.two-ways-get-started-wrapper .get-started-product-wrapper {
  position: relative;
  z-index: 1;
  height: 400px;
  padding: 35px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: 45px 35px;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
}

.two-ways-get-started-wrapper .get-started-product-wrapper p {
  margin-bottom: 22px;
  font-size: 16px;
  font-weight: 400;
  line-height: 1.7;
  text-align: left;
  color: #fbfbfb;
  max-width: 495px;
}

.two-ways-get-started-wrapper .get-started-product-wrapper .button-design.light-btn {
  max-width: 300px;
}

.get-started-product-wrapper h3 {
  font-size: 32px;
  font-weight: 600;
  line-height: 41.6px;
  text-align: left;
  color: #fbfbfb;
  max-width: max-content;
  margin-bottom: 12px;
  max-width: 315px;
}

.grid-row-wrapper-two {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 30px;
}

.two-ways-get-started-wrapper {
  position: relative;
}

.two-ways-get-started-wrapper .shape-vector-1 {
  position: absolute;
  right: 50px;
  top: 0px;
}

.two-ways-get-started-section {
  padding: 40px 0;
}


/* still unsure */

.still-unsure-wrapper .grid-row {
  display: grid;
  grid-template-columns: calc(30% - 15px) calc(70% - 15px);
  gap: 30px;
  background: #F0F0F0;
  padding: 65px;
  border-radius: 16px;
  align-items: center;
}

.still-unsure-title-wrapper p {
  font-family: Outfit;
  font-size: 16px;
  font-weight: 400;
  line-height: 1.6;
  text-align: left;
  color: #00352D;
}

.still-unsure-cards-wrapper {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 20px;
}

.still-unsure-cards-wrapper .card-item-wrapper {
  border-radius: 16px;
  border: 1px solid #008470;
  padding: 10px;
}

.still-unsure-cards-wrapper .card-item-wrapper img {
  border-radius: 16px;
}

.still-unsure-cards-wrapper .button-design {
  width: 100%;
  margin-top: 4px;
}

.still-unsure-section {
  padding: 40px 0;
}

@media only screen and (min-width: 0) and (max-width: 767px){
  .still-unsure-wrapper .grid-row {
    grid-template-columns: repeat(1,1fr);
    padding: 40px 30px;
}

.still-unsure-title-wrapper p {
    margin: 0;
}

.still-unsure-cards-wrapper {
    grid-template-columns: repeat(1,1fr);
}

}

.latest-reviews-cs{
 padding-bottom:80px;
}

@media only screen and (min-width: 0) and (max-width: 767px){
  .latest-reviews-cs{
 padding-bottom:55px;
}
}

.reviews-item {
  min-width: 140px;
}

.reviews-item img {
  max-width: 100%;
}