.treatment-hero-container-wrapper {
    position: relative;
    --tw-bg-opacity: 1;
    background-color: rgb(248 247 242 / var(--tw-bg-opacity, 1))
}

@media (min-width: 1024px) {
    .treatment-hero-container-wrapper {
        padding-top: 2.5rem;
        padding-bottom: 2.5rem
    }
}

.treatment-hero-container {
    width: 100%;
    margin-right: auto;
    margin-left: auto
}

@media (min-width: 100%) {
    .treatment-hero-container {
        max-width: 100%
    }
}

@media (min-width: 1536px) {
    .treatment-hero-container {
        max-width: 1536px
    }
}

.treatment-hero-container {
    padding-left: 1.25rem;
    padding-right: 1.25rem
}

@media (min-width: 640px) {
    .treatment-hero-container {
        padding-left: 2rem;
        padding-right: 2rem
    }
}

@media (min-width: 768px) {
    .treatment-hero-container {
        padding-left: 3rem;
        padding-right: 3rem
    }
}

@media (min-width: 1200px) {
    .treatment-hero-container {
        padding-left: 5.5rem;
        padding-right: 5.5rem
    }
}

.treatment-hero-container {
    position: relative;
    justify-content: space-between
}

@media (min-width: 1024px) {
    nav.treatment-hero-container {
        padding-left: 2rem;
        padding-right: 2rem
    }
}

@media (min-width: 1200px) {
    nav.treatment-hero-container {
        padding-left: 4.5rem;
        padding-right: 4.5rem
    }
}

@media (min-width: 1536px) {
    nav.treatment-hero-container {
        padding-left: 5.5rem;
        padding-right: 5.5rem
    }
}

@media (min-width: 1024px) {
    .treatment-hero-container {
        display: flex;
        height: 552px;
        gap: 3.5rem
    }
}

.treatment-container h6 {
    margin-top: 1.5rem;
    margin-bottom: 1.5rem
}

.text-size-11 {
    font-size: .6875rem
}

.treatment-hero-image {
    height: 100%;
    width: 100%;
    border-radius: 1rem;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center;
    object-position: center
}

.treatment-hero-overlay {
    position: absolute;
    inset-inline-start: 0px;
    top: 0;
    height: 10rem;
    width: 100%
}

@media (min-width: 1024px) {
    .treatment-hero-overlay {
        inset-inline-start: -1rem;
        height: 100%;
        width: 50%
    }
}

@media (min-width: 1200px) {
    .treatment-hero-overlay {
        inset-inline-start: -.5rem;
        width: 34.625rem
    }
}

svg.treatment-hero-smile {
    position: absolute;
    bottom: .75rem;
    inset-inline-end: .75rem;
    height: 19px;
    width: 42px
}

@media (min-width: 1024px) {
    svg.treatment-hero-smile {
        bottom: 1.5rem;
        inset-inline-end: 1.5rem;
        height: 26px;
        width: 58px
    }
}

.treatmet-hero-leftside-content {
    display: flex;
    flex-direction: column;
    gap: 1rem
}

.text-section .content {
    margin-top: 1rem;
    margin-bottom: 3rem
}

@media (min-width: 1024px) {
    .text-section .content {
        margin-top: 1.5rem;
        margin-bottom: 4rem
    }
}

.text-section h6 {
    color: #150d30d9
}

.text-section .content p {
    font-size: 1rem;
    line-height: 1.5rem;
    font-weight: 500;
    line-height: 150%;
    letter-spacing: -.012rem
}

[dir=rtl] .values-wrapper .text-section .content p {
    font-weight: 400
}

.text-section .content p {
    color: #150d30a6
}

[dir=rtl] p.text-section .content p, [dir=rtl] span.text-section .content p, [dir=rtl] a.text-section .content p, [dir=rtl] li.text-section .content p, [dir=rtl] ol.text-section .content p, [dir=rtl] ul.text-section .content p, [dir=rtl] h1.text-section .content p, [dir=rtl] h2.text-section .content p, [dir=rtl] h3.text-section .content p, [dir=rtl] h4.text-section .content p, [dir=rtl] h5.text-section .content p, [dir=rtl] h6.text-section .content p {
    --tw-text-opacity: 1;
    color: rgb(21 13 48 / var(--tw-text-opacity, 1));
    opacity: .65
}

.text-section .content .text p {
    padding-bottom: 1.5rem
}

.text-section .content .text p:last-child {
    padding-bottom: 0
}

.text-section.image .content {
    margin-top: 1rem
}

@media (min-width: 1024px) {
    .text-section.image .content {
        margin-top: 2rem
    }
}

.text-section.image .content p {
    width: 100%
}

.text-section.image img {
    aspect-ratio: 1 / 1;
    height: 20.4375rem;
    width: 100%;
    border-radius: .5rem;
    -o-object-fit: cover;
    object-fit: cover
}

@media (min-width: 640px) {
    .text-section.image img {
        width: auto
    }
}

@media (min-width: 1024px) {
    .text-section.image img {
        height: 100%
    }
}

@media (min-width: 1536px) {
    .text-section.image img {
        height: 100%
    }
}

.image-section {
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: space-between;
    gap: 1rem
}

@media (min-width: 1024px) {
    .image-section {
        flex-direction: row;
        gap: 2rem
    }
}

.image-section:not(:first-child) {
    margin-top: 1rem
}

@media (min-width: 1024px) {
    .image-section:not(:first-child) {
        margin-top: 2rem
    }
}

.image-section div:not(.text) {
    width: 100%
}

@media (min-width: 1024px) {
    .image-section div:not(.text) {
        width: 45%
    }
}

.image-section .text {
    width: 100%;
    padding-top: .75rem
}

@media (min-width: 1024px) {
    .image-section .text {
        width: 50%;
        padding-top: 1.5rem;
        padding-bottom: 1.5rem
    }
}

.image-grid.content {
    display: flex;
    max-width: 100%;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between;
    gap: 1.5rem
}

.image-grid img {
    width: 100%;
    border-radius: .75rem
}

@media (min-width: 1024px) {
    .image-grid img {
        width: 48%
    }
}

.image-grid img.single {
    max-height: 400px;
    width: 100%;
    border-radius: .5rem;
    -o-object-fit: cover;
    object-fit: cover
}

.top-clinic-sidebar {
    position: relative;
    margin-top: 1rem;
    display: flex;
    width: 100%;
    flex-direction: column;
    align-items: center;
    gap: 1rem;
    border-radius: 1rem;
    --tw-bg-opacity: 1;
    background-color: rgb(246 240 234 / var(--tw-bg-opacity, 1));
    padding-top: 2.5rem;
    padding-bottom: 1.5rem
}

@media (min-width: 1024px) {
    .top-clinic-sidebar {
        margin-top: 0
    }
}

.top-clinic-sidebar .top-clinic-content {
    align-items: center
}

@media (min-width: 1024px) {
    .top-clinic-sidebar #european-clinic {
        height: 8rem;
        width: 8rem
    }
}

.sidebar-illustration-wrapper {
    pointer-events: none;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    margin-left: auto;
    margin-right: auto;
    height: 100%;
    width: 100%
}

@media (min-width: 1536px) {
    .sidebar-illustration-wrapper {
        max-width: 1536px
    }
}

.top-clinic-sidebar-illustration {
    position: absolute;
    display: none;
    height: 100%;
    width: 100%;
    border-radius: 1rem
}

.top-clinic-sidebar-illustration:first-child {
    left: 0;
    top: 0
}

.top-clinic-sidebar-illustration:last-child {
    right: 0;
    bottom: 0
}

@media (min-width: 1024px) {
    .top-clinic-sidebar-illustration {
        display: block
    }
}

.top-clinic-sidebar-illustration-sm {
    position: absolute;
    display: block;
    height: 100%;
    width: 100%;
    border-radius: 1rem
}

.top-clinic-sidebar-illustration-sm:first-child {
    left: 0;
    top: 0
}

.top-clinic-sidebar-illustration-sm:last-child {
    right: 0;
    bottom: 0
}

@media (min-width: 1024px) {
    .top-clinic-sidebar-illustration-sm {
        display: none
    }
}

.top-clinic-sidebar img {
    height: 6.125rem;
    width: 6.125rem
}

.award-container-sidebar {
    position: relative;
    margin-left: auto;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 1.25rem;
    border-radius: 1rem;
    --tw-bg-opacity: 1;
    background-color: rgb(241 232 223 / var(--tw-bg-opacity, 1));
    padding-top: 2.5rem;
    padding-bottom: 1.5rem
}

@media (min-width: 1024px) {
    .award-container-sidebar {
        display: none
    }

    @media (min-height: 1081px) {
        .award-container-sidebar {
            display: flex
        }
    }
}

.award-sidebar-illustration {
    position: absolute;
    display: none;
    height: 100%;
    width: 100%;
    border-radius: 1rem
}

.award-sidebar-illustration:first-child {
    left: 0;
    bottom: 0
}

.award-sidebar-illustration:last-child {
    right: 0;
    top: 0
}

@media (min-width: 1024px) {
    .award-sidebar-illustration {
        display: block
    }
}

.award-sidebar-illustration-sm {
    position: absolute;
    display: block;
    height: 100%;
    width: 100%;
    border-radius: 1rem
}

.award-sidebar-illustration-sm:first-child {
    left: 0;
    bottom: 0
}

.award-sidebar-illustration-sm:last-child {
    right: 0;
    top: 0
}

@media (min-width: 1024px) {
    .award-sidebar-illustration-sm {
        display: none
    }
}

.award-container-sidebar .award-logos {
    margin-left: auto;
    margin-right: auto;
    display: flex;
    width: 85%;
    flex-wrap: wrap;
    justify-content: center;
    gap: 1.5rem;
    padding-bottom: 1.75rem
}

.trusted-by-line {
    height: 100%;
    width: 100%;
    padding-left: 1rem;
    padding-right: 1rem
}

@media (min-width: 1024px) {
    .trusted-by-line {
        margin-left: auto;
        margin-right: auto;
        width: 85%;
        padding-left: 0;
        padding-right: 0
    }
}

.award-container-sidebar .award-logos div {
    display: flex;
    height: 90px;
    width: 114px;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: .5rem;
    letter-spacing: -.132px
}

.award-container-sidebar .award-logos div img {
    height: 56px
}

.sidebar-reviews {
    display: flex;
    width: 100%;
    align-items: center;
    gap: 2rem;
    padding-left: 1rem;
    padding-right: 1rem
}

@media (min-width: 1024px) {
    .sidebar-reviews {
        margin-left: auto;
        margin-right: auto;
        width: 85%;
        gap: 2.5rem;
        padding-left: 0;
        padding-right: 0
    }
}

.sidebar-reviews-item {
    display: flex;
    width: 50%;
    align-items: center;
    justify-content: center;
    gap: .5rem
}

@media (min-width: 1024px) {
    .sidebar-reviews-item {
        gap: 1rem
    }
}

.sidebar-reviews-item:first-child img {
    height: 1.38094rem;
    width: 5.625rem;
    -o-object-fit: contain;
    object-fit: contain
}

@media (min-width: 1024px) {
    .sidebar-reviews-item:first-child img {
        height: 1.75rem;
        width: 7rem
    }
}

.sidebar-reviews-item:last-child img {
    height: 1.11431rem;
    width: 4.36975rem;
    -o-object-fit: contain;
    object-fit: contain
}

@media (min-width: 1024px) {
    .sidebar-reviews-item:last-child img {
        height: 1.5rem;
        width: 5.5rem
    }
}

.sidebar-reviews-item span {
    font-size: 1rem;
    line-height: 1.5rem;
    font-weight: 600;
    line-height: 150%;
    letter-spacing: -.012rem;
    color: #150d30d9
}

.full-sidebar {
    top: 5rem;
    display: flex;
    height: 100%;
    width: 100%;
    flex-direction: column;
    gap: 1rem
}

@media (min-width: 1024px) {
    .full-sidebar {
        position: sticky;
        width: 40%;
        gap: 1.5rem
    }
}

@media (min-width: 1200px) {
    .full-sidebar {
        width: 35%
    }
}

.cta-section-container-sidebar {
    border-radius: .75rem;
    background: linear-gradient(180deg, #076962, #0a8f86)
}

.cta-section-container-sidebar .cta-wrapper {
    display: flex;
    height: 19.5625rem;
    width: 100%;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 2.5rem
}

@media (min-width: 1024px) {
    .cta-section-container-sidebar .cta-wrapper {
        height: 18.5625rem
    }
}

.cta-section-container-sidebar .hero-cta-container .btn-primary {
    --tw-bg-opacity: 1;
    background-color: rgb(4 57 54 / var(--tw-bg-opacity, 1))
}

.cta-section-container-sidebar .cta-wrapper .cta-content {
    margin-left: auto;
    width: 100%;
    gap: .5rem
}

.cta-section-container-sidebar .cta-wrapper .hero-cta-container {
    margin-left: auto;
    margin-right: auto;
    display: flex;
    width: 100%;
    flex-direction: column;
    align-items: center
}

@media (min-width: 768px) {
    .cta-section-container-sidebar .cta-wrapper .hero-cta-container {
        width: 75%
    }
}

@media (min-width: 1024px) {
    .cta-section-container-sidebar .cta-wrapper .hero-cta-container {
        width: 100%;
        padding-left: 3rem;
        padding-right: 3rem
    }
}

.treatments-before-after .swiper-wrapper {
    height: 12.5rem;
    width: 100%
}

@media (min-width: 640px) {
    .treatments-before-after .swiper-wrapper {
        height: 18.5rem
    }
}

@media (min-width: 1024px) {
    .treatments-before-after .swiper-wrapper {
        height: 25.5rem
    }
}

.treatments-before-after .image-comparison-overlay {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 10;
    height: calc(100% - 7.5rem);
    width: 100%;
    border-radius: 1rem;
    --tw-bg-opacity: 1;
    background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
    opacity: .4;
    transition-duration: .5s
}

@media (min-width: 1024px) {
    .treatments-before-after .image-comparison-overlay {
        height: calc(100% - 5.5rem)
    }
}

.treatments-before-after-wrapper {
    margin-bottom: 3rem;
    display: flex;
    flex-direction: column;
    gap: 1.5rem;
    overflow: hidden
}

@media (min-width: 1024px) {
    .treatments-before-after-wrapper {
        margin-bottom: 4rem
    }
}

.treatments-before-after .image-comparison-wrapper, .treatments-before-after .image-comparison-before {
    height: 100%
}

.treatments-before-after .slider-handle {
    bottom: 0
}

.single-page {
    width: 100%;
    margin-right: auto;
    margin-left: auto
}

@media (min-width: 100%) {
    .single-page {
        max-width: 100%
    }
}

@media (min-width: 1536px) {
    .single-page {
        max-width: 1536px
    }
}

.single-page {
    padding-left: 1.25rem;
    padding-right: 1.25rem
}

@media (min-width: 640px) {
    .single-page {
        padding-left: 2rem;
        padding-right: 2rem
    }
}

@media (min-width: 768px) {
    .single-page {
        padding-left: 3rem;
        padding-right: 3rem
    }
}

@media (min-width: 1200px) {
    .single-page {
        padding-left: 5.5rem;
        padding-right: 5.5rem
    }
}

.single-page {
    margin-top: 4rem;
    display: flex;
    height: 100%;
    flex-direction: column;
    justify-content: space-between;
    padding-bottom: 1.25rem
}

@media (min-width: 1024px) {
    nav.single-page {
        padding-left: 2rem;
        padding-right: 2rem
    }
}

@media (min-width: 1200px) {
    nav.single-page {
        padding-left: 4.5rem;
        padding-right: 4.5rem
    }
}

@media (min-width: 1536px) {
    nav.single-page {
        padding-left: 5.5rem;
        padding-right: 5.5rem
    }
}

@media (min-width: 1024px) {
    .single-page {
        flex-direction: row;
        gap: 3.5rem
    }
}

@media (min-width: 1200px) {
    .single-page {
        gap: 5.5rem
    }
}

.single-page .faq-container-wrapper {
    display: flex;
    flex-direction: column;
    gap: 2rem;
    border-radius: 1rem;
    border-width: 1px;
    border-color: #1b1d1e1f;
    padding-top: 2.5rem;
    padding-bottom: 2rem;
    padding-inline-start: 1.5rem;
    padding-inline-end: 1rem
}

@media (min-width: 1024px) {
    .single-page .faq-container-wrapper {
        padding-top: 3.5rem;
        padding-inline-start: 3rem
    }
}

.single-page .faq-container-wrapper {
    background: #f6f0ea
}

.single-page .faq {
    width: 100%
}

.single-page .faq-item {
    padding-left: 0;
    padding-right: 0
}

.single-page .faq-item:last-child {
    border-width: 0px
}

@media (min-width: 1024px) {
    .single-page .faq-item {
        padding-inline-end: 1rem
    }
}

.single-page .tabs {
    margin-top: 1.5rem;
    margin-bottom: 5rem;
    border-radius: 1rem;
    border-width: 1px;
    border-color: #1b1d1e1f;
    --tw-bg-opacity: 1;
    background-color: rgb(246 240 234 / var(--tw-bg-opacity, 1));
    padding-top: 2rem;
    padding-bottom: 2rem;
    padding-inline-start: 1.5rem;
    padding-inline-end: 1rem
}

@media (min-width: 1024px) {
    .single-page .tabs {
        margin-bottom: 1.5rem;
        padding-inline-start: 2rem
    }
}

.single-page .tabs .tabs-container {
    width: 100%;
    overflow-x: auto
}

@media (min-width: 1200px) {
    .single-page .tabs .tabs-container {
        width: -moz-fit-content;
        width: fit-content
    }
}

.single-page .tabs .tabs-container {
    scrollbar-width: thin
}

#other-treatments {
    padding-top: 3.5rem
}

@media (min-width: 1024px) {
    #other-treatments {
        padding-top: 0
    }
}

.single-page .tabs .tabs-content {
    padding-top: 1.5rem
}

.single-page .tabs .tab {
    display: none;
    padding-top: 0;
    padding-bottom: 0
}

.single-page .tabs p {
    margin-top: 1rem;
    margin-bottom: 1rem;
    opacity: .65
}

.single-page .tabs .active-tab {
    display: block
}

.single-page hr {
    margin-top: 1rem;
    margin-bottom: 1rem
}

@media (min-width: 1024px) {
    .single-page hr {
        margin-top: 4rem;
        margin-bottom: 4rem
    }
}

.single-page hr {
    color: #1b1d1e1f
}

.single-page .swiper {
    width: 100%
}

.single-page .other-treatments-list .swiper {
    height: 10rem
}

#other-treatments, #reels {
    margin-bottom: 3rem
}

@media (min-width: 1024px) {
    #other-treatments, #reels {
        margin-bottom: 3.5rem
    }
}

.other-treatments-header .other-treatments-button-prev, .other-treatments-header .other-treatments-button-next, .reels-header .reels-button-prev, .reels-header .reels-button-next {
    display: none
}

@media (min-width: 1024px) {
    .other-treatments-header .other-treatments-button-prev, .other-treatments-header .other-treatments-button-next, .reels-header .reels-button-prev, .reels-header .reels-button-next {
        display: flex
    }
}

.other-treatments-header .header-arrows > a {
    display: flex
}

@media (min-width: 1024px) {
    .other-treatments-header .header-arrows > a {
        display: none
    }
}

.single-page .other-treatments-list .swiper-slide {
    font-size: 1.125rem;
    line-height: 1.75rem;
    font-weight: 500;
    line-height: 150%;
    letter-spacing: -.0135rem
}

[dir=rtl] .values-wrapper .single-page .other-treatments-list .swiper-slide {
    font-weight: 400
}

.single-page .other-treatments-list .swiper-slide {
    height: 100%;
    align-items: center;
    justify-content: center;
    padding: 1.5rem 2rem;
    color: #150d30d9;
    display: flex !important;
    width: -moz-fit-content !important;
    width: fit-content !important;
    border-radius: 12px;
    border: 2px solid rgba(27, 29, 30, .12);
    background: #fbfbf8;
    letter-spacing: -.0216rem
}

.single-page .reels-list .swiper {
    height: 310px
}

.single-page .reels-list .swiper-slide {
    position: relative;
    height: 278px;
    width: 180px !important
}

.single-page .reviews-list .swiper {
    height: 300px
}

.single-page .reviews-list .swiper-slide {
    height: 190px;
    padding: 1.5rem 1rem 1rem;
    width: 277px !important;
    border-radius: 12px;
    border: 1px solid rgba(27, 29, 30, .07);
    background: #fcfaf8
}

.single-page .reviews-list .swiper-slide .stars-wrapper img {
    height: 1rem;
    width: 1rem
}

@media screen and (min-width: 1024px) {
    .treatment-hero-overlay {
        background: linear-gradient(90deg, #f8f7f2, #f8f7f2cc 55.34%, #f8f7f200 88.71%)
    }

    [dir=rtl] .treatment-hero-overlay {
        background: linear-gradient(270deg, #f8f7f2, #f8f7f2cc 55.34%, #f8f7f200 88.71%)
    }
}

@media screen and (max-width: 1023.9px) {
    .treatment-hero-overlay {
        background: linear-gradient(180deg, #f8f7f2, #f8f7f2cc 55.34%, #f8f7f200 88.71%)
    }

    .image-section:nth-child(2n) {
        flex-direction: column-reverse
    }
}

.single-page #our-facilities-video-modal {
    display: flex
}

.treatment-hero-heading-wrapper {
    display: flex;
    flex-direction: column;
    gap: 1rem
}

@media (min-width: 1024px) {
    .treatment-hero-heading-wrapper {
        gap: 1.5rem
    }
}

.treatment-hero-leftside {
    height: 100%;
    width: 100%
}

@media (min-width: 1024px) {
    .treatment-hero-leftside {
        display: flex;
        width: 50%;
        flex-direction: column;
        padding-top: 1rem
    }
}

@media (min-width: 1200px) {
    .treatment-hero-leftside {
        width: 25.4375rem
    }
}

.treatment-hero-rightside {
    position: relative;
    height: 16.125rem;
    width: 100%;
    overflow: hidden
}

@media (min-width: 768px) {
    .treatment-hero-rightside {
        height: 20.125rem
    }
}

@media (min-width: 1024px) {
    .treatment-hero-rightside {
        height: 34.5rem;
        width: 50%
    }
}

@media (min-width: 1200px) {
    .treatment-hero-rightside {
        width: 47.375rem
    }
}

.single-page-reviews-wrapper .reviews-page-cards-wrapper {
    gap: 1rem
}

.single-page-reviews-wrapper .reviews-page-card {
    width: 100%;
    flex-direction: column-reverse;
    border-radius: .5rem;
    border-width: 1px;
    border-color: #1b1d1e1f;
    --tw-bg-opacity: 1;
    background-color: rgb(251 251 248 / var(--tw-bg-opacity, 1));
    padding: 1.5rem 1rem 1rem
}

@media (min-width: 1024px) {
    .single-page-reviews-wrapper .reviews-page-card {
        padding-left: 2rem;
        padding-right: 2rem;
        padding-bottom: 1.5rem
    }
}

@media (min-width: 1400px) {
    .single-page-reviews-wrapper .reviews-page-card {
        flex-direction: row
    }
}

.single-page-reviews-header {
    margin-bottom: 1rem;
    display: flex;
    align-items: flex-start;
    justify-content: space-between
}

.single-page-reviews-wrapper .reviews-page-card-leftside {
    width: 100%
}

@media (min-width: 1400px) {
    .single-page-reviews-wrapper .reviews-page-card-leftside {
        width: 22%
    }
}

.single-page-reviews-wrapper .reviews-page-card-rightside {
    width: 100%
}

@media (min-width: 1200px) {
    .single-page-reviews-wrapper .reviews-page-card-rightside {
        width: 78%
    }
}

.smile-gallery-hero-wrapper {
    --tw-bg-opacity: 1;
    background-color: rgb(246 240 234 / var(--tw-bg-opacity, 1))
}

.smile-gallery-hero-container {
    width: 100%;
    margin-right: auto;
    margin-left: auto
}

@media (min-width: 100%) {
    .smile-gallery-hero-container {
        max-width: 100%
    }
}

@media (min-width: 1536px) {
    .smile-gallery-hero-container {
        max-width: 1536px
    }
}

.smile-gallery-hero-container {
    padding-left: 1.25rem;
    padding-right: 1.25rem
}

@media (min-width: 640px) {
    .smile-gallery-hero-container {
        padding-left: 2rem;
        padding-right: 2rem
    }
}

@media (min-width: 768px) {
    .smile-gallery-hero-container {
        padding-left: 3rem;
        padding-right: 3rem
    }
}

@media (min-width: 1200px) {
    .smile-gallery-hero-container {
        padding-left: 5.5rem;
        padding-right: 5.5rem
    }
}

.smile-gallery-hero-container {
    position: relative;
    display: flex;
    flex-direction: column;
    gap: 2.5rem;
    padding-bottom: 3rem
}

@media (min-width: 1024px) {
    nav.smile-gallery-hero-container {
        padding-left: 2rem;
        padding-right: 2rem
    }
}

@media (min-width: 1200px) {
    nav.smile-gallery-hero-container {
        padding-left: 4.5rem;
        padding-right: 4.5rem
    }
}

@media (min-width: 1536px) {
    nav.smile-gallery-hero-container {
        padding-left: 5.5rem;
        padding-right: 5.5rem
    }
}

@media (min-width: 1024px) {
    .smile-gallery-hero-container {
        gap: 4.5rem;
        padding-bottom: 6rem
    }

    .smile-gallery-hero-container .smile-bg {
        height: 42.125rem
    }
}

.smile-gallery-hero-header {
    z-index: 10;
    display: flex;
    width: 100%;
    flex-direction: column;
    align-items: center;
    gap: 2rem;
    text-align: center
}

@media (min-width: 1024px) {
    .smile-gallery-hero-header {
        gap: 3rem
    }
}

.smile-gallery-category:where([dir=ltr],[dir=ltr] *), .success-stories-category:where([dir=ltr],[dir=ltr] *) {
    font-size: 1.0625rem;
    line-height: 110%;
    letter-spacing: -.02656rem
}

@media (min-width: 1024px) {
    .smile-gallery-category:where([dir=ltr],[dir=ltr] *), .success-stories-category:where([dir=ltr],[dir=ltr] *) {
        font-size: 1.1875rem;
        letter-spacing: -.02969rem
    }
}

.smile-gallery-category:where([dir=rtl],[dir=rtl] *), .success-stories-category:where([dir=rtl],[dir=rtl] *) {
    font-size: 1rem;
    line-height: 1.5rem;
    line-height: 120%;
    letter-spacing: -.02rem
}

@media (min-width: 1024px) {
    .smile-gallery-category:where([dir=rtl],[dir=rtl] *), .success-stories-category:where([dir=rtl],[dir=rtl] *) {
        font-size: 1.125rem;
        line-height: 1.75rem;
        line-height: 110%;
        letter-spacing: -.0225rem
    }
}

.smile-gallery-category, .success-stories-category {
    margin-bottom: .5rem;
    padding: .5rem;
    font-weight: 700;
    --tw-text-opacity: 1;
    color: rgb(53 144 122 / var(--tw-text-opacity, 1))
}

[dir=rtl] .values-wrapper .smile-gallery-category, [dir=rtl] .values-wrapper .success-stories-category {
    font-weight: 600
}

#instagram-popup .popup-content-wrapper .smile-gallery-category, #instagram-popup .popup-content-wrapper .success-stories-category {
    margin-bottom: .5rem
}

.smile-gallery-hero-heading-wrapper {
    display: flex;
    flex-direction: column;
    align-items: center
}

.smile-gallery-hero-header-subtext {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: .5rem;
    text-align: center
}

.smile-gallery-hero-reels-wrapper {
    z-index: 10;
    display: flex;
    flex-direction: column;
    gap: 2.5rem
}

@media (min-width: 1024px) {
    .smile-gallery-hero-reels-wrapper {
        gap: 3rem
    }
}

.reels-load {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: .75rem;
    border-radius: 9999px;
    --tw-bg-opacity: 1;
    background-color: rgb(53 144 122 / var(--tw-bg-opacity, 1));
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity, 1));
    transition-duration: .3s
}

.reels-load:hover {
    --tw-bg-opacity: 1;
    background-color: rgb(29 107 88 / var(--tw-bg-opacity, 1))
}

.reels-load {
    height: 3.5rem;
    padding-left: 1.5rem;
    padding-right: 1.5rem;
    font-size: 1rem;
    line-height: 1.5rem;
    font-weight: 600;
    line-height: 150%;
    letter-spacing: -.012rem;
    margin-left: auto;
    margin-right: auto;
    width: 17.4375rem
}

.cta-section-container .reels-load {
    --tw-bg-opacity: 1;
    background-color: rgb(4 57 54 / var(--tw-bg-opacity, 1))
}

.footer-header-wrapper .cta-btn .reels-load {
    --tw-bg-opacity: 1;
    background-color: rgb(53 144 122 / var(--tw-bg-opacity, 1))
}

.reels-load.cta-btn svg:where([dir=rtl],[dir=rtl] *) {
    --tw-rotate: 180deg;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.instagram-footer-wrapper .reels-load svg:where([dir=rtl],[dir=rtl] *), .smile-gallery-hero-reels-wrapper a.reels-load svg:where([dir=rtl],[dir=rtl] *) {
    --tw-rotate: 180deg;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.cta-section-container-sidebar .hero-cta-container .reels-load {
    --tw-bg-opacity: 1;
    background-color: rgb(4 57 54 / var(--tw-bg-opacity, 1))
}

.cookies-btns .reels-load {
    padding-left: 1rem;
    padding-right: 1rem
}

.smile-gallery-comparison-wrapper {
    padding-top: 4rem;
    padding-bottom: 3rem
}

@media (min-width: 1024px) {
    .smile-gallery-comparison-wrapper {
        padding-top: 7rem;
        padding-bottom: 4.5rem
    }
}

.smile-gallery-comparison-wrapper {
    background: linear-gradient(180deg, #fcfaf8, #f6f0ea)
}

.smile-gallery-comparison-container {
    display: flex;
    flex-direction: column;
    gap: 2.5rem
}

@media (min-width: 1024px) {
    .smile-gallery-comparison-container {
        gap: 2.75rem
    }
}

.smile-gallery-comparison-header {
    width: 100%;
    margin-right: auto;
    margin-left: auto
}

@media (min-width: 100%) {
    .smile-gallery-comparison-header {
        max-width: 100%
    }
}

@media (min-width: 1536px) {
    .smile-gallery-comparison-header {
        max-width: 1536px
    }
}

.smile-gallery-comparison-header {
    padding-left: 1.25rem;
    padding-right: 1.25rem
}

@media (min-width: 640px) {
    .smile-gallery-comparison-header {
        padding-left: 2rem;
        padding-right: 2rem
    }
}

@media (min-width: 768px) {
    .smile-gallery-comparison-header {
        padding-left: 3rem;
        padding-right: 3rem
    }
}

@media (min-width: 1200px) {
    .smile-gallery-comparison-header {
        padding-left: 5.5rem;
        padding-right: 5.5rem
    }
}

.smile-gallery-comparison-header {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 2rem;
    text-align: center
}

@media (min-width: 1024px) {
    nav.smile-gallery-comparison-header {
        padding-left: 2rem;
        padding-right: 2rem
    }
}

@media (min-width: 1200px) {
    nav.smile-gallery-comparison-header {
        padding-left: 4.5rem;
        padding-right: 4.5rem
    }
}

@media (min-width: 1536px) {
    nav.smile-gallery-comparison-header {
        padding-left: 5.5rem;
        padding-right: 5.5rem
    }
}

.success-stories-header {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 1rem;
    text-align: center
}

.smile-gallery-comparison-heading-wrapper, .success-stories-heading-wrapper {
    display: flex;
    flex-direction: column;
    align-items: center
}

.slider-container {
    position: relative
}

.smile-gallery-comparison-container .slider-container .swiper {
    height: 100%
}

.smile-gallery-comparison-container .slider-container .swiper .image-comparison {
    border-radius: 1.5rem
}

.image-comparison-tabs-slider-wrapper {
    display: flex;
    flex-direction: column;
    gap: 2rem
}

@media (min-width: 1024px) {
    .image-comparison-tabs-slider-wrapper {
        gap: 2.5rem
    }
}

.image-comparison-tabs-slider-wrapper .image-comparison {
    overflow: hidden
}

.smile-gallery-comparison-container .slider-container .arrows-wrapper .swiper-button-prev {
    position: absolute;
    top: 50%;
    z-index: 10;
    --tw-translate-y: -50%;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

@media (min-width: 1024px) {
    .smile-gallery-comparison-container .slider-container .arrows-wrapper .swiper-button-prev {
        inset-inline-start: 6rem
    }
}

@media (min-width: 1200px) {
    .smile-gallery-comparison-container .slider-container .arrows-wrapper .swiper-button-prev {
        inset-inline-start: 11rem
    }
}

@media (min-width: 1400px) {
    .smile-gallery-comparison-container .slider-container .arrows-wrapper .swiper-button-prev {
        inset-inline-start: 14rem
    }
}

@media (min-width: 1536px) {
    .smile-gallery-comparison-container .slider-container .arrows-wrapper .swiper-button-prev {
        inset-inline-start: 16rem
    }
}

.smile-gallery-comparison-container .slider-container .arrows-wrapper .swiper-button-prev:where([dir=rtl],[dir=rtl] *) {
    --tw-rotate: 180deg;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.smile-gallery-comparison-container .slider-container .arrows-wrapper .swiper-button-next {
    position: absolute;
    top: 50%;
    z-index: 10;
    --tw-translate-y: -50%;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

@media (min-width: 1024px) {
    .smile-gallery-comparison-container .slider-container .arrows-wrapper .swiper-button-next {
        inset-inline-end: 6rem
    }
}

@media (min-width: 1200px) {
    .smile-gallery-comparison-container .slider-container .arrows-wrapper .swiper-button-next {
        inset-inline-end: 11rem
    }
}

@media (min-width: 1400px) {
    .smile-gallery-comparison-container .slider-container .arrows-wrapper .swiper-button-next {
        inset-inline-end: 14rem
    }
}

@media (min-width: 1536px) {
    .smile-gallery-comparison-container .slider-container .arrows-wrapper .swiper-button-next {
        inset-inline-end: 16rem
    }
}

.smile-gallery-comparison-container .slider-container .arrows-wrapper .swiper-button-next:where([dir=rtl],[dir=rtl] *) {
    --tw-rotate: 180deg;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.smile-gallery-comparison-container .slider-container .arrows-wrapper {
    width: 100%;
    margin-right: auto;
    margin-left: auto
}

@media (min-width: 100%) {
    .smile-gallery-comparison-container .slider-container .arrows-wrapper {
        max-width: 100%
    }
}

.smile-gallery-comparison-container .slider-container .arrows-wrapper {
    padding-left: 1.25rem;
    padding-right: 1.25rem
}

@media (min-width: 640px) {
    .smile-gallery-comparison-container .slider-container .arrows-wrapper {
        padding-left: 2rem;
        padding-right: 2rem
    }
}

@media (min-width: 768px) {
    .smile-gallery-comparison-container .slider-container .arrows-wrapper {
        padding-left: 3rem;
        padding-right: 3rem
    }
}

@media (min-width: 1200px) {
    .smile-gallery-comparison-container .slider-container .arrows-wrapper {
        padding-left: 5.5rem;
        padding-right: 5.5rem
    }
}

.smile-gallery-comparison-container .slider-container .arrows-wrapper {
    margin-left: auto;
    margin-right: auto;
    display: none;
    height: 100%
}

@media (min-width: 1024px) {
    nav.smile-gallery-comparison-container .slider-container .arrows-wrapper {
        padding-left: 2rem;
        padding-right: 2rem
    }
}

@media (min-width: 1200px) {
    nav.smile-gallery-comparison-container .slider-container .arrows-wrapper {
        padding-left: 4.5rem;
        padding-right: 4.5rem
    }
}

@media (min-width: 1536px) {
    nav.smile-gallery-comparison-container .slider-container .arrows-wrapper {
        padding-left: 5.5rem;
        padding-right: 5.5rem
    }
}

@media (min-width: 1024px) {
    .smile-gallery-comparison-container .slider-container .arrows-wrapper {
        display: block
    }
}

@media (min-width: 1536px) {
    .smile-gallery-comparison-container .slider-container .arrows-wrapper {
        max-width: 1536px
    }
}

.image-comparison-tabs-slider-wrapper .smile-gallery-arrows-wrapper {
    margin-top: 1rem;
    justify-content: center
}

.image-comparison-description {
    margin-left: auto;
    margin-right: auto;
    display: flex;
    width: 100%;
    cursor: auto;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: .25rem;
    text-align: center
}

@media (min-width: 640px) {
    .image-comparison-description {
        width: 70%
    }
}

@media (min-width: 1400px) {
    .image-comparison-description {
        width: 60%
    }
}

.image-comparison-message {
    font-size: .875rem;
    line-height: 1.25rem;
    font-weight: 500;
    line-height: 150%;
    letter-spacing: -.0105rem
}

[dir=rtl] .values-wrapper .image-comparison-message {
    font-weight: 400
}

.image-comparison-message {
    display: flex;
    align-items: flex-start;
    justify-content: center;
    gap: .5rem;
    padding: .5rem 1.5rem;
    text-align: start;
    color: #150d30d9
}

@media (min-width: 1024px) {
    .image-comparison-message {
        padding-top: 1rem;
        padding-bottom: 1rem;
        text-align: center
    }
}

.image-comparison-message-icon {
    min-height: 1.5rem;
    min-width: 1.5rem
}

.image-comparison-message-icon svg {
    height: 100%;
    width: 100%
}

.smile-gallery-comparison-container .slider-container .swiper-css-mode > .swiper-wrapper {
    overflow: hidden !important
}

.image-comparison-wrapper {
    position: relative;
    height: 12.40575rem
}

@media (min-width: 640px) {
    .image-comparison-wrapper {
        height: 18.75rem
    }
}

@media (min-width: 1024px) {
    .image-comparison-wrapper {
        height: 25.875rem
    }
}

.image-comparison-before, .image-comparison-after {
    position: absolute;
    top: 0;
    right: 0;
    height: 100%;
    width: 100%;
    border-radius: 1.5rem;
    -o-object-fit: cover;
    object-fit: cover
}

.image-comparison .image-overlay {
    position: absolute;
    top: 0;
    right: 0;
    height: 100%;
    width: 100%;
    overflow: hidden
}

.slider-handle {
    position: absolute;
    top: 0;
    bottom: 0;
    width: .25rem;
    cursor: ew-resize
}

.success-stories-wrapper {
    position: relative;
    overflow: hidden;
    padding-top: 4rem;
    padding-bottom: 4rem
}

@media (min-width: 1024px) {
    .success-stories-wrapper {
        padding-top: 7rem;
        padding-bottom: 6rem
    }
}

.success-stories-wrapper {
    background: linear-gradient(180deg, #fcfaf8, #f6f0ea)
}

.success-stories-container {
    width: 100%;
    margin-right: auto;
    margin-left: auto
}

@media (min-width: 100%) {
    .success-stories-container {
        max-width: 100%
    }
}

@media (min-width: 1536px) {
    .success-stories-container {
        max-width: 1536px
    }
}

.success-stories-container {
    padding-left: 1.25rem;
    padding-right: 1.25rem
}

@media (min-width: 640px) {
    .success-stories-container {
        padding-left: 2rem;
        padding-right: 2rem
    }
}

@media (min-width: 768px) {
    .success-stories-container {
        padding-left: 3rem;
        padding-right: 3rem
    }
}

@media (min-width: 1200px) {
    .success-stories-container {
        padding-left: 5.5rem;
        padding-right: 5.5rem
    }
}

.success-stories-container {
    display: flex;
    flex-direction: column;
    gap: 2.5rem
}

@media (min-width: 1024px) {
    nav.success-stories-container {
        padding-left: 2rem;
        padding-right: 2rem
    }
}

@media (min-width: 1200px) {
    nav.success-stories-container {
        padding-left: 4.5rem;
        padding-right: 4.5rem
    }
}

@media (min-width: 1536px) {
    nav.success-stories-container {
        padding-left: 5.5rem;
        padding-right: 5.5rem
    }
}

@media (min-width: 1024px) {
    .success-stories-container {
        gap: 4rem
    }
}

.success-stories-content-wrapper {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    gap: 2.5rem
}

@media (min-width: 1024px) {
    .success-stories-content-wrapper {
        flex-direction: row;
        gap: 4rem;
        padding-left: 4rem;
        padding-right: 4rem
    }
}

.success-stories-content {
    z-index: 10;
    display: flex;
    width: 100%;
    flex-direction: column;
    gap: 2rem
}

@media (min-width: 1024px) {
    .success-stories-content {
        width: 34.6875rem;
        gap: 6.5rem;
        padding-top: 2rem
    }
}

.success-stories-content .success-stories-category:where([dir=ltr],[dir=ltr] *) {
    font-size: 1.1875rem;
    line-height: 110%;
    letter-spacing: -.02969rem
}

@media (min-width: 1024px) {
    .success-stories-content .success-stories-category:where([dir=ltr],[dir=ltr] *) {
        font-size: 1.4375rem;
        letter-spacing: -.03594rem
    }
}

.success-stories-content .success-stories-category:where([dir=rtl],[dir=rtl] *) {
    font-size: 1.125rem;
    line-height: 120%;
    letter-spacing: -.0225rem
}

@media (min-width: 1024px) {
    .success-stories-content .success-stories-category:where([dir=rtl],[dir=rtl] *) {
        font-size: 1.375rem;
        line-height: 110%;
        letter-spacing: -.03438rem
    }
}

.success-stories-content .success-stories-category {
    padding: 0
}

@media (min-width: 1024px) {
    .success-stories-content .success-stories-category:where([dir=ltr],[dir=ltr] *) {
        font-size: 1.0625rem;
        line-height: 110%;
        letter-spacing: -.02656rem
    }

    .success-stories-content .success-stories-category:where([dir=ltr],[dir=ltr] *) {
        font-size: 1.1875rem;
        letter-spacing: -.02969rem
    }

    .success-stories-content .success-stories-category:where([dir=rtl],[dir=rtl] *) {
        font-size: 1rem;
        line-height: 1.5rem;
        line-height: 120%;
        letter-spacing: -.02rem
    }

    .success-stories-content .success-stories-category:where([dir=rtl],[dir=rtl] *) {
        font-size: 1.125rem;
        line-height: 1.75rem;
        line-height: 110%;
        letter-spacing: -.0225rem
    }

    #instagram-popup .popup-content-wrapper .success-stories-content .success-stories-category {
        margin-bottom: .5rem
    }
}

.success-stories-content-heading-wrapper {
    display: flex;
    flex-direction: column;
    gap: 2rem
}

@media (min-width: 1024px) {
    .success-stories-content-heading-wrapper {
        gap: 3.5rem
    }
}

.success-stories-img-wrapper {
    margin-left: auto;
    margin-right: auto
}

@media (min-width: 1024px) {
    .success-stories-img-wrapper {
        margin-left: 0;
        margin-right: 0
    }
}

.success-stories-img {
    height: 27.75rem;
    width: 22.0625rem;
    border-radius: 1.5rem;
    -o-object-fit: cover;
    object-fit: cover
}

@media (min-width: 768px) {
    .success-stories-img {
        height: 32rem
    }
}

@media (min-width: 1024px) {
    .success-stories-img {
        height: 40.6875rem;
        width: 29.4375rem
    }
}

.success-stories-content-heading {
    display: flex;
    flex-direction: column;
    gap: .5rem
}

.success-stories-illustration {
    pointer-events: none;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    margin-left: auto;
    margin-right: auto;
    display: none;
    height: 100%;
    width: 100%
}

@media (min-width: 1024px) {
    .success-stories-illustration {
        display: block
    }
}

@media (min-width: 1536px) {
    .success-stories-illustration {
        max-width: 1536px
    }
}

.success-stories-illustration span {
    position: absolute
}

.success-stories-illustration span:first-child {
    left: 0
}

.success-stories-illustration span:last-child {
    right: 0
}

@media (min-width: 1024px) {
    .success-stories-illustration span {
        height: 68.59375rem;
        width: 32.6875rem
    }
}

.all-treatments-wrapper {
    --tw-bg-opacity: 1;
    background-color: rgb(248 247 242 / var(--tw-bg-opacity, 1));
    padding-top: 4rem;
    padding-bottom: 4rem
}

@media (min-width: 1024px) {
    .all-treatments-wrapper {
        padding-top: 5rem;
        padding-bottom: 5rem
    }
}

.all-treatments-container {
    width: 100%;
    margin-right: auto;
    margin-left: auto
}

@media (min-width: 100%) {
    .all-treatments-container {
        max-width: 100%
    }
}

@media (min-width: 1536px) {
    .all-treatments-container {
        max-width: 1536px
    }
}

.all-treatments-container {
    padding-left: 1.25rem;
    padding-right: 1.25rem
}

@media (min-width: 640px) {
    .all-treatments-container {
        padding-left: 2rem;
        padding-right: 2rem
    }
}

@media (min-width: 768px) {
    .all-treatments-container {
        padding-left: 3rem;
        padding-right: 3rem
    }
}

@media (min-width: 1200px) {
    .all-treatments-container {
        padding-left: 5.5rem;
        padding-right: 5.5rem
    }
}

.all-treatments-container {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 2.5rem
}

@media (min-width: 1024px) {
    nav.all-treatments-container {
        padding-left: 2rem;
        padding-right: 2rem
    }
}

@media (min-width: 1200px) {
    nav.all-treatments-container {
        padding-left: 4.5rem;
        padding-right: 4.5rem
    }
}

@media (min-width: 1536px) {
    nav.all-treatments-container {
        padding-left: 5.5rem;
        padding-right: 5.5rem
    }
}

@media (min-width: 1024px) {
    .all-treatments-container {
        gap: 4.5rem
    }
}

.all-treatments-content-wrapper {
    display: grid;
    grid-template-columns:repeat(1, minmax(0, 1fr));
    row-gap: 2rem;
    -moz-column-gap: 3.5rem;
    column-gap: 3.5rem
}

@media (min-width: 768px) {
    .all-treatments-content-wrapper {
        grid-template-columns:repeat(2, minmax(0, 1fr));
        grid-template-rows:subgrid
    }
}

@media (min-width: 1024px) {
    .all-treatments-content-wrapper {
        grid-template-columns:repeat(4, minmax(0, 1fr));
        grid-template-rows:repeat(2, minmax(0, 1fr));
        row-gap: 1.5rem;
        -moz-column-gap: 5rem;
        column-gap: 5rem
    }
}

.all-treatments-content {
    grid-column: span 1 / span 1;
    display: flex;
    flex-direction: column;
    gap: .75rem
}

@media (min-width: 1024px) {
    .all-treatments-content {
        grid-row: span 2 / span 2
    }

    .all-treatments-content:nth-child(4), .all-treatments-content:nth-child(5) {
        grid-column-start: 4;
        grid-row: span 1 / span 1
    }
}

.treatment-heading {
    font-size: .75rem;
    line-height: 1rem;
    font-weight: 400;
    line-height: 150%;
    letter-spacing: -.009rem;
    padding-top: .5rem;
    padding-bottom: .5rem;
    text-transform: uppercase;
    color: #150d30a6
}

[dir=rtl] p.treatment-heading, [dir=rtl] span.treatment-heading, [dir=rtl] a.treatment-heading, [dir=rtl] li.treatment-heading, [dir=rtl] ol.treatment-heading, [dir=rtl] ul.treatment-heading, [dir=rtl] h1.treatment-heading, [dir=rtl] h2.treatment-heading, [dir=rtl] h3.treatment-heading, [dir=rtl] h4.treatment-heading, [dir=rtl] h5.treatment-heading, [dir=rtl] h6.treatment-heading {
    --tw-text-opacity: 1;
    color: rgb(21 13 48 / var(--tw-text-opacity, 1));
    opacity: .65
}

@media (min-width: 1024px) {
    .all-treatments-content:nth-child(4) .treatment-link, .all-treatments-content:nth-child(5) .treatment-link {
        font-size: .875rem;
        line-height: 1.25rem;
        font-weight: 600;
        line-height: 150%;
        letter-spacing: -.0105rem
    }
}

.treatment-link {
    font-size: 1rem;
    line-height: 1.5rem;
    font-weight: 600;
    line-height: 150%;
    letter-spacing: -.012rem;
    display: flex;
    flex-direction: column;
    gap: .125rem;
    padding-bottom: .5rem;
    --tw-text-opacity: 1;
    color: rgb(21 13 48 / var(--tw-text-opacity, 1));
    transition-duration: .3s
}

.treatment-link span {
    font-size: .75rem;
    line-height: 1rem;
    font-weight: 400;
    line-height: 150%;
    letter-spacing: -.009rem;
    color: #150d3073
}

.treatment-link:hover p {
    --tw-text-opacity: 1;
    color: rgb(53 144 122 / var(--tw-text-opacity, 1));
    text-decoration-line: underline;
    text-decoration-thickness: 6%;
    text-underline-offset: 9.5%;
    transition-duration: .3s
}

.doctors-list-hero-wrapper {
    position: relative;
    --tw-bg-opacity: 1;
    background-color: rgb(246 240 234 / var(--tw-bg-opacity, 1));
    padding-top: 3.5rem;
    padding-bottom: 5rem
}

@media (min-width: 1024px) {
    .doctors-list-hero-wrapper {
        padding-top: 4rem;
        padding-bottom: 6rem
    }
}

.doctors-list-hero-container {
    z-index: 10;
    margin-left: auto;
    margin-right: auto;
    display: flex;
    flex-direction: column;
    gap: 3rem
}

@media (min-width: 1024px) {
    .doctors-list-hero-container {
        flex-direction: row;
        gap: 4.5rem
    }
}

@media (min-width: 1536px) {
    .doctors-list-hero-container {
        max-width: 1536px
    }
}

.doctors-list-hero-leftside {
    display: flex;
    height: 100%;
    flex-direction: column;
    justify-content: space-between;
    gap: 3.75rem;
    padding-left: 1.25rem;
    padding-right: 1.25rem
}

@media (min-width: 640px) {
    .doctors-list-hero-leftside {
        padding-left: 2rem;
        padding-right: 2rem
    }
}

@media (min-width: 768px) {
    .doctors-list-hero-leftside {
        padding-left: 3rem;
        padding-right: 3rem
    }
}

@media (min-width: 1024px) {
    .doctors-list-hero-leftside {
        height: auto;
        width: 50%;
        gap: 5rem;
        padding-left: 5.5rem;
        padding-right: 5.5rem
    }

    .doctors-list-hero-leftside:where([dir=ltr],[dir=ltr] *) {
        padding-right: 3rem
    }

    .doctors-list-hero-leftside:where([dir=rtl],[dir=rtl] *) {
        padding-left: 3rem
    }
}

.doctors-list-hero-leftside .content-header {
    width: 100%;
    align-items: flex-start;
    gap: 1rem;
    text-align: start
}

@media (min-width: 1024px) {
    .doctors-list-hero-leftside .content-header {
        gap: 4rem
    }
}

.doctors-list-hero-leftside .content-heading-wrapper {
    align-items: flex-start
}

.doctors-list-hero-cta-wrapper {
    display: flex;
    flex-direction: column;
    gap: 1rem
}

@media (min-width: 1024px) {
    .doctors-list-hero-cta-wrapper {
        flex-direction: row;
        align-items: center
    }
}

.doctors-list-hero-cta-wrapper .hero-cta-content {
    display: flex;
    flex-direction: row;
    gap: .25rem
}

@media (min-width: 1024px) {
    .doctors-list-hero-cta-wrapper .hero-cta-content {
        flex-direction: column
    }
}

.doctors-list-hero-rightside {
    display: flex;
    flex-direction: column;
    gap: 1rem;
    overflow: hidden
}

@media (min-width: 1024px) {
    .doctors-list-hero-rightside {
        width: 50%
    }
}

.doctors-list-hero-rightside {
    background: linear-gradient(179deg, #f6f0ea 4.31%, #fbfbf8 21.3%, #fbfbf8 79.37%, #f6f0ea 97.55%)
}

.doctors-list-hero-animation-wrapper {
    display: flex;
    height: 100%;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 1rem
}

.doctors-list-hero-animation {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 1rem
}

.doctors-list-hero-animation-img {
    display: flex;
    height: 14.5rem;
    width: 16.375rem;
    align-items: center;
    justify-content: flex-end;
    border-radius: .5rem;
    --tw-bg-opacity: 1;
    background-color: rgb(246 240 234 / var(--tw-bg-opacity, 1))
}

@media (min-width: 1024px) {
    .doctors-list-hero-animation-img {
        height: 17.625rem;
        width: 19.875rem
    }
}

.doctors-list-hero-animation-img img {
    height: 100%;
    width: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

.doctors-list-hero-animation-top, .doctors-list-hero-animation-bottom {
    display: flex;
    align-items: center;
    gap: 1rem
}

.meet-doctors-wrapper {
    padding-top: 6rem;
    padding-bottom: 6rem;
    background: linear-gradient(180deg, #fcfaf8, #f6f0ea)
}

.meet-doctors-container {
    margin-left: auto;
    margin-right: auto;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 4rem;
    padding-left: 1.25rem;
    padding-right: 1.25rem;
    text-align: center
}

@media (min-width: 640px) {
    .meet-doctors-container {
        padding-left: 2rem;
        padding-right: 2rem
    }
}

@media (min-width: 768px) {
    .meet-doctors-container {
        padding-left: 3rem;
        padding-right: 3rem
    }
}

@media (min-width: 1024px) {
    .meet-doctors-container {
        width: 73%;
        padding-left: 0;
        padding-right: 0
    }
}

@media (min-width: 1200px) {
    .meet-doctors-container {
        width: 65.625rem
    }
}

.meet-doctors-container .content-header {
    width: 100%
}

.doctors-list-wrapper {
    display: flex;
    width: 100%;
    flex-direction: column;
    flex-wrap: wrap;
    -moz-column-gap: 1rem;
    column-gap: 1rem;
    row-gap: 1rem
}

@media (min-width: 640px) {
    .doctors-list-wrapper {
        flex-direction: row
    }
}

@media (min-width: 768px) {
    .doctors-list-wrapper {
        row-gap: 2.5rem
    }
}

@media (min-width: 1024px) {
    .doctors-list-wrapper {
        row-gap: 3.5rem
    }
}

.doctors-list-card {
    position: relative;
    display: none;
    width: 100%;
    flex-direction: column;
    gap: 1.5rem;
    border-radius: .75rem;
    border-width: 8px;
    border-color: transparent;
    transition-duration: .5s
}

@media (min-width: 640px) {
    .doctors-list-card {
        width: calc(50% - .5rem)
    }
}

@media (min-width: 768px) {
    .doctors-list-card {
        display: flex;
        width: calc(33.33% - .667rem)
    }
}

.doctors-list-card .card-wrapper {
    z-index: 10;
    display: flex;
    flex-direction: column;
    gap: 1.5rem;
    border-radius: .75rem
}

@media (min-width: 1024px) {
    .doctors-list-card:hover {
        border-color: #1b1d1e1f
    }

    .doctors-list-card:hover .doctors-list-card-img {
        border-top-left-radius: 0;
        border-top-right-radius: 0
    }
}

.doctors-list-card:nth-child(3n+1) {
    display: flex
}

.doctors-list-card-content {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: .375rem;
    padding-bottom: 1.5rem
}

.doctors-list-card-arrow {
    position: absolute;
    top: .75rem;
    right: .75rem;
    z-index: 20;
    display: none;
    opacity: 0;
    transition-property: opacity;
    transition-timing-function: cubic-bezier(.4, 0, .2, 1);
    transition-duration: .3s
}

@media (min-width: 1024px) {
    .doctors-list-card-arrow {
        display: block
    }
}

.doctors-list-card:hover .doctors-list-card-arrow {
    opacity: 1;
    transition-property: opacity;
    transition-timing-function: cubic-bezier(.4, 0, .2, 1);
    transition-duration: .3s
}

.doctors-list-card-img {
    position: relative;
    margin-left: auto;
    margin-right: auto;
    height: auto;
    width: 91.666667%;
    overflow: hidden;
    border-radius: .75rem;
    --tw-bg-opacity: 1;
    background-color: rgb(251 251 248 / var(--tw-bg-opacity, 1))
}

@media (min-width: 640px) {
    .doctors-list-card-img {
        width: 100%
    }
}

@media (min-width: 1200px) {
    .doctors-list-card-img {
        height: 24.625rem
    }
}

.doctors-list-card-img-overlay {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    height: 100%;
    width: 100%;
    background-color: #5e2b0114;
    mix-blend-mode: plus-darker
}

.doctors-list-card-img img {
    height: 100%;
    width: 100%;
    -o-object-fit: contain;
    object-fit: contain
}

@media (min-width: 1200px) {
    .doctors-list-card-img img {
        -o-object-fit: cover;
        object-fit: cover
    }
}

.training-wrapper {
    position: relative;
    padding-top: 2.5rem;
    padding-bottom: 2rem
}

@media (min-width: 1024px) {
    .training-wrapper {
        padding-top: 6.5rem;
        padding-bottom: 8rem
    }
}

.training-wrapper {
    background: linear-gradient(180deg, #f7f0ea, #e2dcfa 54.63%, #e2dcfa)
}

.training-container {
    z-index: 10;
    margin-left: auto;
    margin-right: auto;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 2.5rem;
    padding-left: 1.25rem;
    padding-right: 1.25rem;
    text-align: center
}

@media (min-width: 640px) {
    .training-container {
        padding-left: 2rem;
        padding-right: 2rem
    }
}

@media (min-width: 768px) {
    .training-container {
        padding-left: 3rem;
        padding-right: 3rem
    }
}

@media (min-width: 1024px) {
    .training-container {
        width: 79.4%;
        gap: 4rem;
        padding-left: 0;
        padding-right: 0
    }
}

@media (min-width: 1200px) {
    .training-container {
        width: 71.5rem
    }
}

.content-header {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 2rem;
    text-align: center
}

@media (min-width: 1024px) {
    .content-header {
        width: 72.3%
    }
}

@media (min-width: 1200px) {
    .content-header {
        width: 51.75rem
    }
}

.content-category:where([dir=ltr],[dir=ltr] *) {
    font-size: 1.0625rem;
    line-height: 110%;
    letter-spacing: -.02656rem
}

@media (min-width: 1024px) {
    .content-category:where([dir=ltr],[dir=ltr] *) {
        font-size: 1.1875rem;
        letter-spacing: -.02969rem
    }
}

.content-category:where([dir=rtl],[dir=rtl] *) {
    font-size: 1rem;
    line-height: 1.5rem;
    line-height: 120%;
    letter-spacing: -.02rem
}

@media (min-width: 1024px) {
    .content-category:where([dir=rtl],[dir=rtl] *) {
        font-size: 1.125rem;
        line-height: 1.75rem;
        line-height: 110%;
        letter-spacing: -.0225rem
    }
}

.content-category {
    margin-bottom: .5rem;
    padding: .5rem;
    font-weight: 700;
    --tw-text-opacity: 1;
    /*color: rgb(53 144 122 / var(--tw-text-opacity, 1))*/
    color: rgb(26 34 32 / var(--tw-text-opacity, 1))
}

[dir=rtl] .values-wrapper .content-category {
    font-weight: 600
}

#instagram-popup .popup-content-wrapper .content-category {
    margin-bottom: .5rem
}

.content-heading-wrapper {
    display: flex;
    flex-direction: column;
    align-items: center
}

.training-container .tabs-container {
    overflow-x: scroll;
    border-width: 1px;
    border-color: #1b1d1e1f
}

@media (min-width: 1024px) {
    .training-container .tabs-container {
        overflow-x: hidden
    }
}

.training-container .tabs-container {
    background: #fbfbf84d
}

.training-description {
    font-size: .875rem;
    line-height: 1.25rem;
    font-weight: 500;
    line-height: 150%;
    letter-spacing: -.0105rem
}

[dir=rtl] .values-wrapper .training-description {
    font-weight: 400
}

.training-description {
    text-align: center;
    color: #150d30a6
}

[dir=rtl] p.training-description, [dir=rtl] span.training-description, [dir=rtl] a.training-description, [dir=rtl] li.training-description, [dir=rtl] ol.training-description, [dir=rtl] ul.training-description, [dir=rtl] h1.training-description, [dir=rtl] h2.training-description, [dir=rtl] h3.training-description, [dir=rtl] h4.training-description, [dir=rtl] h5.training-description, [dir=rtl] h6.training-description {
    --tw-text-opacity: 1;
    color: rgb(21 13 48 / var(--tw-text-opacity, 1));
    opacity: .65
}

@media (min-width: 1024px) {
    .training-description {
        font-size: 1.25rem;
        line-height: 1.75rem;
        font-weight: 500;
        line-height: 150%;
        letter-spacing: -.01875rem
    }

    [dir=rtl] .values-wrapper .training-description {
        font-weight: 400
    }

    .training-description {
        margin-left: auto;
        margin-right: auto;
        width: 72.3%
    }
}

@media (min-width: 1200px) {
    .training-description {
        margin-left: 0;
        margin-right: 0;
        width: 51.75rem
    }
}

.training-container .approved-by-logos-container {
    width: 100%;
    padding-left: .5rem;
    padding-right: .5rem
}

.patient-care-wrapper {
    padding-top: 4.5rem;
    padding-bottom: 5.5rem
}

@media (min-width: 1024px) {
    .patient-care-wrapper {
        padding-top: 6.5rem;
        padding-bottom: 6.5rem
    }
}

.patient-care-wrapper {
    background: linear-gradient(180deg, #fcfaf8, #f6f0ea)
}

.patient-care-container {
    margin-left: auto;
    margin-right: auto;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 4rem;
    padding-left: 1.25rem;
    padding-right: 1.25rem;
    text-align: center
}

@media (min-width: 640px) {
    .patient-care-container {
        padding-left: 2rem;
        padding-right: 2rem
    }
}

@media (min-width: 768px) {
    .patient-care-container {
        padding-left: 3rem;
        padding-right: 3rem
    }
}

@media (min-width: 1024px) {
    .patient-care-container {
        width: 73%;
        padding-left: 0;
        padding-right: 0
    }
}

@media (min-width: 1200px) {
    .patient-care-container {
        width: 65.625rem
    }
}

.patient-care-tabs-wrapper {
    display: flex;
    width: 100%;
    flex-direction: column;
    align-items: flex-start;
    justify-content: space-between;
    gap: 2.5rem
}

@media (min-width: 1024px) {
    .patient-care-tabs-wrapper {
        flex-direction: row
    }
}

.patient-care-tabs-leftside {
    display: flex;
    flex-direction: column;
    gap: 2rem
}

@media (min-width: 1024px) {
    .patient-care-tabs-leftside {
        width: 48.85%
    }
}

@media (min-width: 1200px) {
    .patient-care-tabs-leftside {
        width: 32.0625rem
    }
}

.patient-care-tab {
    display: flex;
    cursor: pointer;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
    gap: 1rem
}

.patient-care-tab:where([dir=ltr],[dir=ltr] *) {
    padding-left: 1.25rem;
    text-align: left
}

.patient-care-tab:where([dir=rtl],[dir=rtl] *) {
    padding-right: 1.25rem;
    text-align: right
}

.patient-care-tab.active {
    border-color: #4823c7a6
}

.patient-care-tab.active:where([dir=ltr],[dir=ltr] *) {
    border-left-width: 2px
}

.patient-care-tab.active:where([dir=rtl],[dir=rtl] *) {
    border-right-width: 2px
}

@media (min-width: 768px) {
    .patient-care-tabs-rightside {
        margin-left: auto;
        margin-right: auto;
        width: 45.4%
    }
}

@media (min-width: 1024px) {
    .patient-care-tabs-rightside {
        margin-left: 0;
        margin-right: 0
    }
}

@media (min-width: 1200px) {
    .patient-care-tabs-rightside {
        width: 29.8125rem
    }
}

.patient-care-tab-img {
    display: none;
    aspect-ratio: 1 / 1;
    border-radius: 1rem;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center;
    object-position: center
}

.patient-care-tab-img.active {
    display: block;
    opacity: 1;
    transition-property: opacity;
    transition-timing-function: cubic-bezier(.4, 0, .2, 1);
    transition-duration: .5s
}

.approved-by-logos-container.tab {
    display: none
}

.approved-by-logos-container.active-tab {
    display: flex
}

.doctor-container h5 {
    margin-bottom: 2rem;
    font-weight: 700;
    --tw-text-opacity: 1;
    color: rgb(53 144 122 / var(--tw-text-opacity, 1))
}

[dir=rtl] .values-wrapper .doctor-container h5 {
    font-weight: 600
}

.doctor-container .full-sidebar {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-start
}

@media (min-width: 1024px) {
    .doctor-container .full-sidebar {
        gap: 3rem
    }
}

#about-doctor {
    margin-top: 3rem
}

@media (min-width: 1024px) {
    #about-doctor {
        margin-top: 0
    }
}

#about-doctor p {
    font-size: 1.125rem;
    line-height: 1.75rem;
    font-weight: 500;
    line-height: 150%;
    letter-spacing: -.0135rem
}

[dir=rtl] .values-wrapper #about-doctor p {
    font-weight: 400
}

#about-doctor p {
    margin-bottom: 1rem;
    color: #150d30d9
}

#doctor-quote:where([dir=ltr],[dir=ltr] *) {
    font-size: 1.1875rem;
    line-height: 110%;
    letter-spacing: -.02969rem
}

@media (min-width: 1024px) {
    #doctor-quote:where([dir=ltr],[dir=ltr] *) {
        font-size: 1.4375rem;
        letter-spacing: -.03594rem
    }
}

#doctor-quote:where([dir=rtl],[dir=rtl] *) {
    font-size: 1.125rem;
    line-height: 120%;
    letter-spacing: -.0225rem
}

@media (min-width: 1024px) {
    #doctor-quote:where([dir=rtl],[dir=rtl] *) {
        font-size: 1.375rem;
        line-height: 110%;
        letter-spacing: -.03438rem
    }
}

#doctor-quote {
    margin-top: 3rem;
    margin-bottom: 3rem;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 2rem .5rem;
    text-align: center;
    font-weight: 700;
    --tw-text-opacity: 1;
    color: rgb(21 13 48 / var(--tw-text-opacity, 1))
}

[dir=rtl] .values-wrapper #doctor-quote {
    font-weight: 600
}

@media (min-width: 1024px) {
    #doctor-quote {
        padding-left: 3rem;
        padding-right: 3rem
    }
}

#doctor-quote {
    border-radius: 12px;
    background: #f3ebe2
}

#doctor-quote:before {
    content: url("data:image/svg+xml,%3csvg%20width='43'%20height='38'%20viewBox='0%200%2043%2038'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20id='&%23226;&%23128;&%23156;'%20d='M42.5%200.357582L41.4175%207.86273C39.2045%207.6703%2037.4485%208.05518%2036.1495%209.01737C34.8505%209.93147%2033.9605%2011.2545%2033.4794%2012.9865C33.0464%2014.6703%2032.9742%2016.5947%2033.2629%2018.7596H42.5V37.306H24.6753V18.038C24.6753%2011.7356%2026.1667%206.9727%2029.1495%203.74934C32.1323%200.477857%2036.5825%20-0.652729%2042.5%200.357582ZM18.3247%200.357582L17.2423%207.86273C15.0292%207.6703%2013.2732%208.05518%2011.9742%209.01737C10.6753%209.93147%209.78522%2011.2545%209.30412%2012.9865C8.87113%2014.6703%208.79897%2016.5947%209.08763%2018.7596H18.3247V37.306H0.5V18.038C0.5%2011.7356%201.99141%206.9727%204.97423%203.74934C7.95704%200.477857%2012.4072%20-0.652729%2018.3247%200.357582Z'%20fill='%234823C7'/%3e%3c/svg%3e");
    margin-inline-end: 1rem;
    margin-bottom: auto
}

#doctor-quote:where([dir=rtl],[dir=rtl] *):before {
    --tw-rotate: 180deg;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

#doctor-quote:after {
    content: url("data:image/svg+xml,%3csvg%20width='43'%20height='38'%20viewBox='0%200%2043%2038'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20id='&%23226;&%23128;&%23156;'%20d='M0.5%2036.9484L1.58247%2029.4433C3.79553%2029.6357%205.55155%2029.2509%206.85052%2028.2887C8.14949%2027.3746%209.03952%2026.0515%209.52062%2024.3196C9.95361%2022.6357%2010.0258%2020.7113%209.73711%2018.5464H0.5V-3.8147e-06H18.3247V19.268C18.3247%2025.5704%2016.8333%2030.3333%2013.8505%2033.5567C10.8677%2036.8282%206.41753%2037.9588%200.5%2036.9484ZM24.6753%2036.9484L25.7577%2029.4433C27.9708%2029.6357%2029.7268%2029.2509%2031.0258%2028.2887C32.3247%2027.3746%2033.2148%2026.0515%2033.6959%2024.3196C34.1289%2022.6357%2034.201%2020.7113%2033.9124%2018.5464H24.6753V-3.8147e-06H42.5V19.268C42.5%2025.5704%2041.0086%2030.3333%2038.0258%2033.5567C35.043%2036.8282%2030.5928%2037.9588%2024.6753%2036.9484Z'%20fill='%234823C7'/%3e%3c/svg%3e");
    margin-inline-start: 1rem;
    margin-top: auto
}

#doctor-quote:where([dir=rtl],[dir=rtl] *):after {
    --tw-rotate: 180deg;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.doctor-container .review-card {
    margin-right: .75rem
}

.built-with-subtext ul {
    padding-inline-start: 1rem
}

.built-with-subtext li {
    font-size: 1rem;
    line-height: 1.5rem;
    font-weight: 700;
    line-height: 150%;
    letter-spacing: -.012rem
}

[dir=rtl] .values-wrapper .built-with-subtext li {
    font-weight: 600
}

.built-with-subtext li {
    margin-bottom: 1.5rem;
    margin-inline-start: .5rem;
    color: #150d30d9;
    list-style-type: disc
}

.built-with-subtext li::marker {
    color: #261858a6
}

#profile-pic img {
    height: 26.375rem;
    width: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

#profile-pic {
    --tw-bg-opacity: 1;
    background-color: rgb(246 240 234 / var(--tw-bg-opacity, 1))
}

#doctor-info, #profile-pic {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: space-between
}

#doctor-info .doctor-name:where([dir=ltr],[dir=ltr] *) {
    font-size: 1.1875rem;
    line-height: 110%;
    letter-spacing: -.02969rem
}

@media (min-width: 1024px) {
    #doctor-info .doctor-name:where([dir=ltr],[dir=ltr] *) {
        font-size: 1.4375rem;
        letter-spacing: -.03594rem
    }
}

#doctor-info .doctor-name:where([dir=rtl],[dir=rtl] *) {
    font-size: 1.125rem;
    line-height: 120%;
    letter-spacing: -.0225rem
}

@media (min-width: 1024px) {
    #doctor-info .doctor-name:where([dir=rtl],[dir=rtl] *) {
        font-size: 1.375rem;
        line-height: 110%;
        letter-spacing: -.03438rem
    }
}

#doctor-info .doctor-name {
    margin-bottom: .25rem;
    font-weight: 700;
    --tw-text-opacity: 1;
    color: rgb(21 13 48 / var(--tw-text-opacity, 1))
}

[dir=rtl] .values-wrapper #doctor-info .doctor-name {
    font-weight: 600
}

#doctor-info .doctor-speciality {
    font-size: 1.125rem;
    line-height: 1.75rem;
    font-weight: 500;
    line-height: 150%;
    letter-spacing: -.0135rem
}

[dir=rtl] .values-wrapper #doctor-info .doctor-speciality {
    font-weight: 400
}

#doctor-info .doctor-speciality {
    margin-bottom: .75rem;
    color: #150d30d9
}

#doctor-info .doctor-experience {
    font-size: 1.125rem;
    line-height: 1.75rem;
    font-weight: 500;
    line-height: 150%;
    letter-spacing: -.0135rem
}

[dir=rtl] .values-wrapper #doctor-info .doctor-experience {
    font-weight: 400
}

#doctor-info .doctor-experience {
    color: #150d30a6
}

[dir=rtl] p#doctor-info .doctor-experience, [dir=rtl] span#doctor-info .doctor-experience, [dir=rtl] a#doctor-info .doctor-experience, [dir=rtl] li#doctor-info .doctor-experience, [dir=rtl] ol#doctor-info .doctor-experience, [dir=rtl] ul#doctor-info .doctor-experience, [dir=rtl] h1#doctor-info .doctor-experience, [dir=rtl] h2#doctor-info .doctor-experience, [dir=rtl] h3#doctor-info .doctor-experience, [dir=rtl] h4#doctor-info .doctor-experience, [dir=rtl] h5#doctor-info .doctor-experience, [dir=rtl] h6#doctor-info .doctor-experience {
    --tw-text-opacity: 1;
    color: rgb(21 13 48 / var(--tw-text-opacity, 1));
    opacity: .65
}

@media (min-width: 1024px) {
    .doctor-container .full-sidebar {
        height: 90vh;
        overflow-y: scroll
    }
}

.doctor-container .full-sidebar::-webkit-scrollbar-track {
    box-shadow: 0 0 #fff
}

.doctor-container .full-sidebar::-webkit-scrollbar-button {
    display: none
}

.doctor-container .full-sidebar::-webkit-scrollbar {
    width: 8px
}

.doctor-container .full-sidebar::-webkit-scrollbar-track {
    background: transparent
}

.doctor-container .full-sidebar:hover::-webkit-scrollbar-thumb {
    background-color: transparent;
    border-radius: 4px;
    -webkit-transition: background-color .3s ease;
    transition: background-color .3s ease
}

.doctor-container .full-sidebar:hover::-webkit-scrollbar-thumb {
    background-color: #0000004d
}

.doctor-container .full-sidebar:hover, .sidebar.scrolling {
    scrollbar-width: thin;
    scrollbar-color: rgba(0, 0, 0, .3) transparent
}

.doctor-details {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 2.5rem;
    border-radius: .5rem;
    border-width: 1px;
    border-style: solid;
    border-color: #1b1d1e12;
    --tw-bg-opacity: 1;
    background-color: rgb(248 247 242 / var(--tw-bg-opacity, 1));
    padding-bottom: 2.5rem;
    transition: all .3s ease
}

#sidebar-reels {
    transition: all .3s ease
}

.doctor-details hr {
    margin-left: auto;
    margin-right: auto;
    margin-top: 0 !important;
    margin-bottom: 0 !important;
    height: 2px;
    width: 83.333333%
}

.doctor-content hr {
    margin-top: 2.5rem;
    margin-bottom: 2.5rem;
    height: 2px;
    background: #1b1d1e12
}

.doctor-details .university-details {
    display: flex;
    align-items: center;
    gap: .75rem
}

.doctor-details .university-details img {
    height: 4rem;
    width: 4rem;
    -o-object-fit: contain;
    object-fit: contain
}

.doctor-details .university-details p:where([dir=ltr],[dir=ltr] *) {
    font-size: 1.0625rem;
    line-height: 110%;
    letter-spacing: -.02656rem
}

@media (min-width: 1024px) {
    .doctor-details .university-details p:where([dir=ltr],[dir=ltr] *) {
        font-size: 1.1875rem;
        letter-spacing: -.02969rem
    }
}

.doctor-details .university-details p:where([dir=rtl],[dir=rtl] *) {
    font-size: 1rem;
    line-height: 1.5rem;
    line-height: 120%;
    letter-spacing: -.02rem
}

@media (min-width: 1024px) {
    .doctor-details .university-details p:where([dir=rtl],[dir=rtl] *) {
        font-size: 1.125rem;
        line-height: 1.75rem;
        line-height: 110%;
        letter-spacing: -.0225rem
    }
}

.doctor-details .university-details p {
    margin-bottom: .25rem;
    font-weight: 700;
    --tw-text-opacity: 1;
    color: rgb(21 13 48 / var(--tw-text-opacity, 1))
}

[dir=rtl] .values-wrapper .doctor-details .university-details p {
    font-weight: 600
}

#instagram-popup .popup-content-wrapper .doctor-details .university-details p {
    margin-bottom: .5rem
}

.doctor-details .university-details span {
    font-size: .875rem;
    line-height: 1.25rem;
    font-weight: 500;
    line-height: 150%;
    letter-spacing: -.0105rem
}

[dir=rtl] .values-wrapper .doctor-details .university-details span {
    font-weight: 400
}

.doctor-details .university-details span {
    color: #150d30a6
}

[dir=rtl] p.doctor-details .university-details span, [dir=rtl] span.doctor-details .university-details span, [dir=rtl] a.doctor-details .university-details span, [dir=rtl] li.doctor-details .university-details span, [dir=rtl] ol.doctor-details .university-details span, [dir=rtl] ul.doctor-details .university-details span, [dir=rtl] h1.doctor-details .university-details span, [dir=rtl] h2.doctor-details .university-details span, [dir=rtl] h3.doctor-details .university-details span, [dir=rtl] h4.doctor-details .university-details span, [dir=rtl] h5.doctor-details .university-details span, [dir=rtl] h6.doctor-details .university-details span {
    --tw-text-opacity: 1;
    color: rgb(21 13 48 / var(--tw-text-opacity, 1));
    opacity: .65
}

.doctor-container #sidebar-reels {
    width: 100%
}

.doctor-container.single-page {
    margin-top: 0;
    gap: 0px
}

@media (min-width: 1024px) {
    .doctor-container.single-page {
        margin-top: .75rem;
        gap: 1.25rem
    }
}

.doctor-container .sidebar-reels .swiper-slide {
    height: auto;
    width: 100% !important
}

.doctor-container .sidebar-reels-list .swiper {
    height: 34.13444rem
}

@media (min-width: 1024px) {
    .doctor-container .sidebar-reels-list .swiper {
        height: 35.58494rem
    }
}

.doctor-container .sidebar-reels-list .instagram-reel .play-btn {
    height: 3rem;
    width: 3rem
}

.doctor-container .sidebar-reels-list .instagram-reel {
    border-radius: 1rem
}

.doctor-content #reels {
    margin-bottom: 0
}

.reviews-loadmore {
    margin-top: 1rem;
    display: flex;
    width: 100%;
    align-items: center;
    justify-content: center
}

.reviews-loadmore button {
    font-size: .875rem;
    line-height: 1.25rem;
    font-weight: 600;
    line-height: 150%;
    letter-spacing: -.0105rem;
    padding-top: .5rem;
    padding-bottom: .5rem;
    color: #35907ad9;
    transition-duration: .3s
}

.reviews-loadmore button:hover {
    --tw-text-opacity: 1;
    color: rgb(53 144 122 / var(--tw-text-opacity, 1))
}

.reviews-loadmore .btn-loading {
    height: 3rem;
    width: 3rem
}

.doctor-gallery-wrapper {
    display: flex;
    flex-direction: column;
    gap: 1rem
}

.doctor-gallery-header {
    display: flex;
    flex-direction: column;
    gap: .25rem
}

.doctor-gallery {
    display: flex;
    flex-wrap: wrap;
    -moz-column-gap: .25rem;
    column-gap: .25rem;
    row-gap: .25rem
}

@media (min-width: 640px) {
    .doctor-gallery {
        -moz-column-gap: .75rem;
        column-gap: .75rem;
        row-gap: .5rem
    }
}

@media (min-width: 1024px) {
    .doctor-gallery {
        row-gap: 1rem
    }
}

.doctor-gallery-image-wrapper {
    position: relative;
    aspect-ratio: 1 / 1;
    width: calc(33.333% - .16667rem);
    cursor: pointer;
    overflow: hidden;
    border-radius: 1rem;
    border-width: 2px;
    border-color: #9e88ec66
}

@media (min-width: 640px) {
    .doctor-gallery-image-wrapper {
        width: calc(33.333% - .5rem)
    }
}

@media (min-width: 1024px) {
    .doctor-gallery-image-wrapper {
        height: 11.75rem
    }
}

@media (min-width: 1200px) {
    .doctor-gallery-image-wrapper {
        width: calc(25% - .5625rem)
    }
}

.doctor-gallery-image-overlay {
    pointer-events: none;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    height: 100%;
    width: 100%;
    background-color: #26292966;
    opacity: .65;
    background-blend-mode: color-dodge;
    mix-blend-mode: overlay
}

.doctor-gallery-image {
    height: 100%;
    width: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center;
    object-position: center
}

.full-sidebar #sidebar-reels {
    display: none
}

@media (min-width: 1024px) {
    .full-sidebar #sidebar-reels {
        display: block
    }
}

[id*=-reels] [class*=-reels-header] {
    align-items: flex-start
}

.reviews-page-wrapper {
    --tw-bg-opacity: 1;
    background-color: rgb(248 247 242 / var(--tw-bg-opacity, 1));
    padding-top: 2rem
}

@media (min-width: 1024px) {
    .reviews-page-wrapper {
        padding-top: 2.5rem
    }
}

.reviews-page-container {
    margin-left: auto;
    margin-right: auto;
    display: flex;
    flex-direction: column;
    gap: 3rem;
    padding-left: 1.25rem;
    padding-right: 1.25rem
}

@media (min-width: 640px) {
    .reviews-page-container {
        padding-left: 2rem;
        padding-right: 2rem
    }
}

@media (min-width: 768px) {
    .reviews-page-container {
        padding-left: 3rem;
        padding-right: 3rem
    }
}

@media (min-width: 1200px) {
    .reviews-page-container {
        padding-left: 5rem;
        padding-right: 5rem
    }
}

@media (min-width: 1536px) {
    .reviews-page-container {
        max-width: 1536px
    }
}

.reviews-page-container .content-header {
    width: 100%
}

.reviews-filter-wrapper {
    display: flex;
    flex-direction: column;
    gap: 1rem
}

.reviews-filter-text {
    font-size: .875rem;
    line-height: 1.25rem;
    font-weight: 700;
    line-height: 150%;
    letter-spacing: -.0105rem
}

[dir=rtl] .values-wrapper .reviews-filter-text {
    font-weight: 600
}

.reviews-filter-text {
    display: none;
    text-transform: uppercase;
    color: #150d30a6
}

[dir=rtl] p.reviews-filter-text, [dir=rtl] span.reviews-filter-text, [dir=rtl] a.reviews-filter-text, [dir=rtl] li.reviews-filter-text, [dir=rtl] ol.reviews-filter-text, [dir=rtl] ul.reviews-filter-text, [dir=rtl] h1.reviews-filter-text, [dir=rtl] h2.reviews-filter-text, [dir=rtl] h3.reviews-filter-text, [dir=rtl] h4.reviews-filter-text, [dir=rtl] h5.reviews-filter-text, [dir=rtl] h6.reviews-filter-text {
    --tw-text-opacity: 1;
    color: rgb(21 13 48 / var(--tw-text-opacity, 1));
    opacity: .65
}

@media (min-width: 1024px) {
    .reviews-filter-text {
        display: block
    }
}

.mobile-filters {
    display: flex;
    width: 100%;
    align-items: center;
    justify-content: space-between;
    gap: .5rem;
    border-radius: .75rem;
    border-width: 1px;
    border-color: #26292966;
    --tw-bg-opacity: 1;
    background-color: rgb(246 240 234 / var(--tw-bg-opacity, 1));
    padding: 1rem
}

@media (min-width: 1024px) {
    .mobile-filters {
        display: none
    }
}

.reviews-page-content-wrapper {
    display: flex;
    flex-direction: column;
    gap: 2rem
}

@media (min-width: 1024px) {
    .reviews-page-content-wrapper {
        flex-direction: row;
        gap: 1.25rem
    }
}

.reviews-page-content-leftside {
    display: none;
    flex-direction: column;
    gap: 2rem
}

@media (min-width: 1024px) {
    .reviews-page-content-leftside {
        display: flex;
        width: 40%
    }
}

@media (min-width: 1200px) {
    .reviews-page-content-leftside {
        width: 33.333333%
    }
}

.mobile-total-reviews {
    display: block
}

@media (min-width: 1024px) {
    .mobile-total-reviews {
        display: none
    }
}

.total-reviews-card {
    display: flex;
    height: 24.1875rem;
    width: 100%;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 2rem;
    border-radius: 1.5rem;
    border-width: 1px;
    border-color: #1b1d1e12;
    --tw-bg-opacity: 1;
    background-color: rgb(244 237 230 / var(--tw-bg-opacity, 1))
}

@media (min-width: 1024px) {
    .total-reviews-card {
        height: 27.1875rem
    }
}

.total-reviews-wrapper {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 1rem
}

.total-reviews {
    display: flex;
    align-items: center;
    justify-content: center
}

.total-reviews-illustration {
    height: 7rem;
    width: 7rem
}

.total-reviews p:where([dir=ltr],[dir=ltr] *) {
    font-size: 3.375rem;
    line-height: 105%;
    letter-spacing: -.11813rem
}

@media (min-width: 1024px) {
    .total-reviews p:where([dir=ltr],[dir=ltr] *) {
        font-size: 5.25rem;
        letter-spacing: -.21rem
    }
}

.total-reviews p:where([dir=rtl],[dir=rtl] *) {
    font-size: 3.25rem;
    line-height: 108%;
    letter-spacing: -.0975rem
}

@media (min-width: 1024px) {
    .total-reviews p:where([dir=rtl],[dir=rtl] *) {
        font-size: 4.625rem;
        line-height: 120%;
        letter-spacing: -.13875rem
    }
}

.total-reviews p {
    font-feature-settings: "ss01" on, "ss02" on, "ss03" on, "cv01" on, "cv02" on, "cv04" on, "cv09" on, "cv12" on;
    text-align: center;
    font-weight: 600;
    --tw-text-opacity: 1;
    color: rgb(21 13 48 / var(--tw-text-opacity, 1))
}

.total-reviews-rating {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: .375rem;
    text-align: center
}

.total-reviews-rating p:where([dir=ltr],[dir=ltr] *) {
    font-size: 1.0625rem;
    line-height: 110%;
    letter-spacing: -.02656rem
}

@media (min-width: 1024px) {
    .total-reviews-rating p:where([dir=ltr],[dir=ltr] *) {
        font-size: 1.1875rem;
        letter-spacing: -.02969rem
    }
}

.total-reviews-rating p:where([dir=rtl],[dir=rtl] *) {
    font-size: 1rem;
    line-height: 1.5rem;
    line-height: 120%;
    letter-spacing: -.02rem
}

@media (min-width: 1024px) {
    .total-reviews-rating p:where([dir=rtl],[dir=rtl] *) {
        font-size: 1.125rem;
        line-height: 1.75rem;
        line-height: 110%;
        letter-spacing: -.0225rem
    }
}

.total-reviews-rating p {
    font-weight: 700;
    color: #150d30d9
}

[dir=rtl] .values-wrapper .total-reviews-rating p {
    font-weight: 600
}

#instagram-popup .popup-content-wrapper .total-reviews-rating p {
    margin-bottom: .5rem
}

.total-reviews-rating span {
    color: #35907ad9
}

.total-reviews-logos-wrapper {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 1.5rem
}

.reviews-page-leftside-filter {
    position: sticky;
    top: 5rem;
    margin-bottom: 3rem;
    display: flex;
    width: 100%;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start
}

.reviews-page-leftside-filter .reviews-filter-text {
    padding: .5rem 1rem
}

.filter-item {
    font-size: 1rem;
    line-height: 1.5rem;
    font-weight: 500;
    line-height: 150%;
    letter-spacing: -.012rem
}

[dir=rtl] .values-wrapper .filter-item {
    font-weight: 400
}

.filter-item {
    display: flex;
    width: 100%;
    cursor: pointer;
    align-items: center;
    justify-content: space-between;
    border-bottom-width: 1px;
    border-color: #1b1d1e1f;
    padding: 1.5rem 1rem;
    transition-duration: .3s
}

.filter-item-name {
    --tw-text-opacity: 1;
    color: rgb(21 13 48 / var(--tw-text-opacity, 1))
}

.filter-item-num {
    color: #150d30a6
}

[dir=rtl] p.filter-item-num, [dir=rtl] span.filter-item-num, [dir=rtl] a.filter-item-num, [dir=rtl] li.filter-item-num, [dir=rtl] ol.filter-item-num, [dir=rtl] ul.filter-item-num, [dir=rtl] h1.filter-item-num, [dir=rtl] h2.filter-item-num, [dir=rtl] h3.filter-item-num, [dir=rtl] h4.filter-item-num, [dir=rtl] h5.filter-item-num, [dir=rtl] h6.filter-item-num {
    --tw-text-opacity: 1;
    color: rgb(21 13 48 / var(--tw-text-opacity, 1));
    opacity: .65
}

.filter-item .clear-filter {
    display: none;
    height: 1.25rem;
    width: 1.25rem
}

.filter-item .filter-item-check {
    display: none;
    height: 1.5rem;
    width: 1.5rem
}

.filter-item.active {
    transition-duration: .3s
}

@media (min-width: 1024px) {
    .filter-item.active {
        --tw-bg-opacity: 1;
        background-color: rgb(246 240 234 / var(--tw-bg-opacity, 1))
    }

    .filter-item.active .filter-item-name {
        color: #150d30a6
    }

    [dir=rtl] p.filter-item.active .filter-item-name, [dir=rtl] span.filter-item.active .filter-item-name, [dir=rtl] a.filter-item.active .filter-item-name, [dir=rtl] li.filter-item.active .filter-item-name, [dir=rtl] ol.filter-item.active .filter-item-name, [dir=rtl] ul.filter-item.active .filter-item-name, [dir=rtl] h1.filter-item.active .filter-item-name, [dir=rtl] h2.filter-item.active .filter-item-name, [dir=rtl] h3.filter-item.active .filter-item-name, [dir=rtl] h4.filter-item.active .filter-item-name, [dir=rtl] h5.filter-item.active .filter-item-name, [dir=rtl] h6.filter-item.active .filter-item-name {
        --tw-text-opacity: 1;
        color: rgb(21 13 48 / var(--tw-text-opacity, 1));
        opacity: .65
    }
}

.filter-item.active .filter-item-num {
    display: none
}

@media (min-width: 1024px) {
    .filter-item.active .clear-filter {
        display: block
    }
}

.filter-item.active .filter-item-check {
    display: block
}

@media (min-width: 1024px) {
    .filter-item.active .filter-item-check {
        display: none
    }
}

.reviews-page-content-rightside {
    display: flex;
    flex-direction: column;
    gap: .5rem
}

@media (min-width: 1024px) {
    .reviews-page-content-rightside {
        width: 60%
    }
}

@media (min-width: 1200px) {
    .reviews-page-content-rightside {
        width: 66.666667%
    }
}

.reviews-page-rightside-header {
    display: flex;
    flex-direction: column;
    gap: 1.5rem;
    padding-top: 1rem;
    padding-bottom: 1rem
}

@media (min-width: 1024px) {
    .reviews-page-rightside-header {
        padding-left: 2rem;
        padding-right: 2rem
    }
}

.active-filter {
    font-size: .875rem;
    line-height: 1.25rem;
    font-weight: 600;
    line-height: 150%;
    letter-spacing: -.0105rem;
    display: flex;
    cursor: pointer;
    align-items: center;
    gap: .25rem;
    border-radius: 9999px;
    background-color: #262929cc;
    padding-top: .5rem;
    padding-bottom: .5rem;
    padding-inline-start: 1rem;
    padding-inline-end: .5rem;
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity, 1))
}

.reviews-page-content-rightside .active-filter-wrapper {
    display: none;
    align-items: center;
    gap: .5rem
}

.reviews-page-content-rightside .active-filter-wrapper.active {
    display: none
}

@media (min-width: 1024px) {
    .reviews-page-content-rightside .active-filter-wrapper.active {
        display: flex
    }
}

.total-reviews-num {
    display: flex;
    width: 100%;
    align-items: center;
    justify-content: space-between;
    gap: .5rem
}

.reviews-num {
    display: flex;
    align-items: center;
    gap: .75rem;
    font-weight: 700;
    --tw-text-opacity: 1;
    color: rgb(21 13 48 / var(--tw-text-opacity, 1))
}

[dir=rtl] .values-wrapper .reviews-num {
    font-weight: 600
}

.reviews-page-header-filter-btn {
    font-size: .875rem;
    line-height: 1.25rem;
    font-weight: 600;
    line-height: 150%;
    letter-spacing: -.0105rem;
    display: flex;
    cursor: pointer;
    align-items: center;
    gap: .25rem;
    border-radius: 9999px;
    border-width: 1px;
    border-color: #1b1d1ed9;
    padding-top: .5rem;
    padding-bottom: .5rem;
    padding-inline-start: 1rem;
    padding-inline-end: .5rem;
    --tw-text-opacity: 1;
    color: rgb(21 13 48 / var(--tw-text-opacity, 1));
    transition-duration: .3s
}

.reviews-page-header-filter-btn:hover {
    border-color: #1b1d1e66
}

.reviews-page-header-filter-btn svg {
    height: 1rem;
    width: 1rem
}

.reviews-page-content-rightside .form-input-bordered-icon {
    margin-top: 0;
    height: 3.5rem;
    border-radius: 9999px;
    background-color: transparent
}

.reviews-page-content-rightside .form-input-bordered-icon input {
    height: 100%;
    width: 100%;
    background-color: transparent
}

.reviews-page-cards-wrapper {
    display: flex;
    width: 100%;
    flex-direction: column;
    gap: .5rem
}

.reviews-page-card {
    display: flex;
    flex-direction: column-reverse;
    align-items: flex-start;
    justify-content: flex-start;
    gap: 1rem;
    padding-top: 1rem;
    padding-bottom: 1rem
}

@media (min-width: 1024px) {
    .reviews-page-card {
        flex-direction: row;
        gap: 1.5rem;
        padding-left: 2rem;
        padding-right: 2rem
    }
}

.reviews-page-card-leftside {
    display: flex;
    width: 100%;
    flex-direction: column;
    gap: .5rem
}

@media (min-width: 1024px) {
    .reviews-page-card-leftside {
        width: 33.333333%
    }
}

@media (min-width: 1200px) {
    .reviews-page-card-leftside {
        width: 25%
    }
}

.reviews-page-header-filter-btn {
    display: none !important
}

.reviews-page-card-stars {
    display: flex;
    align-items: center;
    gap: .375rem
}

.reviews-page-card-star {
    height: 1.5rem;
    width: 1.5rem
}

.reviews-page-card-name {
    font-size: 1rem;
    line-height: 1.5rem;
    font-weight: 500;
    line-height: 150%;
    letter-spacing: -.012rem
}

[dir=rtl] .values-wrapper .reviews-page-card-name {
    font-weight: 400
}

.reviews-page-card-name {
    --tw-text-opacity: 1;
    color: rgb(21 13 48 / var(--tw-text-opacity, 1))
}

@media (min-width: 1024px) {
    .reviews-page-card-name {
        font-size: .875rem;
        line-height: 1.25rem;
        font-weight: 500;
        line-height: 150%;
        letter-spacing: -.0105rem
    }

    [dir=rtl] .values-wrapper .reviews-page-card-name {
        font-weight: 400
    }
}

.reviews-page-card-treatments {
    font-size: .875rem;
    line-height: 1.25rem;
    font-weight: 500;
    line-height: 150%;
    letter-spacing: -.0105rem
}

[dir=rtl] .values-wrapper .reviews-page-card-treatments {
    font-weight: 400
}

.reviews-page-card-treatments {
    color: #150d30a6
}

[dir=rtl] p.reviews-page-card-treatments, [dir=rtl] span.reviews-page-card-treatments, [dir=rtl] a.reviews-page-card-treatments, [dir=rtl] li.reviews-page-card-treatments, [dir=rtl] ol.reviews-page-card-treatments, [dir=rtl] ul.reviews-page-card-treatments, [dir=rtl] h1.reviews-page-card-treatments, [dir=rtl] h2.reviews-page-card-treatments, [dir=rtl] h3.reviews-page-card-treatments, [dir=rtl] h4.reviews-page-card-treatments, [dir=rtl] h5.reviews-page-card-treatments, [dir=rtl] h6.reviews-page-card-treatments {
    --tw-text-opacity: 1;
    color: rgb(21 13 48 / var(--tw-text-opacity, 1));
    opacity: .65
}

.reviews-page-card-treatment {
    display: inline-block
}

.reviews-page-card-rightside {
    display: flex;
    flex-direction: column;
    gap: .5rem
}

@media (min-width: 1024px) {
    .reviews-page-card-rightside {
        width: 80%
    }
}

.reviews-page-card-rightside-header {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: .5rem
}

.reviews-page-card-title-wrapper {
    display: flex;
    width: 100%;
    align-items: center;
    justify-content: space-between
}

.reviews-page-card-title {
    font-size: 1rem;
    line-height: 1.5rem;
    font-weight: 700;
    line-height: 150%;
    letter-spacing: -.012rem
}

[dir=rtl] .values-wrapper .reviews-page-card-title {
    font-weight: 600
}

.reviews-page-card-title {
    --tw-text-opacity: 1;
    color: rgb(21 13 48 / var(--tw-text-opacity, 1))
}

@media (min-width: 1024px) {
    .reviews-page-card-title {
        font-size: .875rem;
        line-height: 1.25rem;
        font-weight: 700;
        line-height: 150%;
        letter-spacing: -.0105rem
    }

    [dir=rtl] .values-wrapper .reviews-page-card-title {
        font-weight: 600
    }
}

.reviews-page-card-date {
    font-size: .875rem;
    line-height: 1.25rem;
    font-weight: 500;
    line-height: 150%;
    letter-spacing: -.0105rem
}

[dir=rtl] .values-wrapper .reviews-page-card-date {
    font-weight: 400
}

.reviews-page-card-date {
    color: #150d30a6
}

[dir=rtl] p.reviews-page-card-date, [dir=rtl] span.reviews-page-card-date, [dir=rtl] a.reviews-page-card-date, [dir=rtl] li.reviews-page-card-date, [dir=rtl] ol.reviews-page-card-date, [dir=rtl] ul.reviews-page-card-date, [dir=rtl] h1.reviews-page-card-date, [dir=rtl] h2.reviews-page-card-date, [dir=rtl] h3.reviews-page-card-date, [dir=rtl] h4.reviews-page-card-date, [dir=rtl] h5.reviews-page-card-date, [dir=rtl] h6.reviews-page-card-date {
    --tw-text-opacity: 1;
    color: rgb(21 13 48 / var(--tw-text-opacity, 1));
    opacity: .65
}

.reviews-page-card-title-wrapper .reviews-page-card-date {
    display: none
}

@media (min-width: 1024px) {
    .reviews-page-card-title-wrapper .reviews-page-card-date {
        display: block
    }
}

.reviews-page-card-tags-wrapper {
    display: flex;
    width: 100%;
    align-items: center;
    justify-content: space-between;
    gap: .75rem
}

@media (min-width: 1024px) {
    .reviews-page-card-tags-wrapper {
        justify-content: flex-start
    }
}

.reviews-page-card-tag-container {
    display: flex;
    align-items: center;
    gap: .5rem
}

@media (min-width: 1024px) {
    .reviews-page-card-tag-container {
        display: block
    }
}

.reviews-page-card-tag-container .reviews-page-card-date {
    display: block
}

@media (min-width: 1024px) {
    .reviews-page-card-tag-container .reviews-page-card-date {
        display: none
    }
}

.reviews-page-card-tag {
    font-size: .875rem;
    line-height: 1.25rem;
    font-weight: 500;
    line-height: 150%;
    letter-spacing: -.0105rem
}

[dir=rtl] .values-wrapper .reviews-page-card-tag {
    font-weight: 400
}

.reviews-page-card-tag {
    cursor: pointer;
    color: #35907ad9;
    text-decoration-line: underline
}

.reviews-page-card-tag:hover {
    --tw-text-opacity: 1;
    color: rgb(53 144 122 / var(--tw-text-opacity, 1))
}

.reviews-page-card-tag-separator {
    font-size: .875rem;
    line-height: 1.25rem;
    font-weight: 500;
    line-height: 150%;
    letter-spacing: -.0105rem
}

[dir=rtl] .values-wrapper .reviews-page-card-tag-separator {
    font-weight: 400
}

.reviews-page-card-tag-separator {
    color: #35907ad9
}

.translated-btn {
    font-size: .75rem;
    line-height: 1rem;
    font-weight: 500;
    line-height: 150%;
    letter-spacing: -.009rem
}

[dir=rtl] .values-wrapper .translated-btn {
    font-weight: 400
}

.translated-btn {
    display: flex;
    height: 1.25rem;
    width: 4rem;
    cursor: default;
    align-items: center;
    justify-content: center;
    border-radius: .25rem;
    border-width: 1px;
    border-color: #1b1d1e66;
    padding: .125rem .5rem;
    color: #150d30a6
}

[dir=rtl] p.translated-btn, [dir=rtl] span.translated-btn, [dir=rtl] a.translated-btn, [dir=rtl] li.translated-btn, [dir=rtl] ol.translated-btn, [dir=rtl] ul.translated-btn, [dir=rtl] h1.translated-btn, [dir=rtl] h2.translated-btn, [dir=rtl] h3.translated-btn, [dir=rtl] h4.translated-btn, [dir=rtl] h5.translated-btn, [dir=rtl] h6.translated-btn {
    --tw-text-opacity: 1;
    color: rgb(21 13 48 / var(--tw-text-opacity, 1));
    opacity: .65
}

.reviews-page-card-content {
    display: flex;
    flex-direction: column;
    gap: .5rem
}

.reviews-page-card-content-links {
    display: flex;
    align-items: center;
    gap: .25rem
}

.reviews-page-card-text {
    font-size: .875rem;
    line-height: 1.25rem;
    font-weight: 500;
    line-height: 150%;
    letter-spacing: -.0105rem
}

[dir=rtl] .values-wrapper .reviews-page-card-text {
    font-weight: 400
}

.reviews-page-card-text {
    overflow: hidden;
    text-overflow: ellipsis;
    color: #150d30d9;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical
}

#reviews-load {
    margin-left: auto;
    margin-right: auto;
    margin-top: 1.5rem;
    margin-bottom: 1.5rem;
    width: 15rem
}

@media (min-width: 1024px) {
    #reviews-load {
        margin-top: 2.5rem;
        margin-bottom: 3rem;
        width: 17.4375rem
    }
}

#more-filters-popup .popup-content-wrapper {
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: auto;
    margin-right: auto;
    display: flex;
    height: 91.6666667%;
    width: calc(100% - 1.5rem);
    --tw-translate-x: -50%;
    --tw-translate-y: -50%;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
    flex-direction: column;
    gap: 2rem;
    border-radius: 1rem;
    --tw-bg-opacity: 1;
    background-color: rgb(251 251 248 / var(--tw-bg-opacity, 1));
    padding-top: 2rem;
    padding-bottom: 1rem
}

#more-filters-popup .popup-filter-item-wrapper {
    display: flex;
    width: 100%;
    flex-direction: column;
    align-items: center;
    gap: .25rem;
    overflow-y: auto;
    text-align: center
}

#more-filters-popup .popup-content-header {
    display: flex;
    width: 100%;
    align-items: center;
    justify-content: space-between;
    padding: .5rem 1rem
}

#more-filters-popup .popup-content {
    height: calc(100% - 6rem);
    justify-content: flex-start
}

#more-filters-popup .close-popup {
    font-size: 1rem;
    line-height: 1.5rem;
    font-weight: 500;
    line-height: 150%;
    letter-spacing: -.012rem
}

[dir=rtl] .values-wrapper #more-filters-popup .close-popup {
    font-weight: 400
}

#more-filters-popup .close-popup {
    position: static;
    height: auto;
    width: 33.333333%;
    cursor: pointer;
    text-align: end;
    --tw-text-opacity: 1;
    color: rgb(21 13 48 / var(--tw-text-opacity, 1))
}

#more-filters-popup .apply-filter-btn-wrapper {
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 1rem;
    width: calc(100% - 5rem)
}

@media (min-width: 1024px) {
    #more-filters-popup .apply-filter-btn-wrapper {
        margin-bottom: 0
    }
}

.apply-filter-sm {
    font-size: .75rem;
    line-height: 1rem;
    font-weight: 600;
    line-height: 150%;
    letter-spacing: -.009rem;
    display: none;
    align-items: center;
    justify-content: center;
    border-radius: .375rem;
    --tw-bg-opacity: 1;
    background-color: rgb(53 144 122 / var(--tw-bg-opacity, 1));
    padding: .25rem .75rem;
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity, 1))
}

.apply-filter-sm.active {
    display: flex
}

.faq-page-wrapper {
    --tw-bg-opacity: 1;
    background-color: rgb(248 247 242 / var(--tw-bg-opacity, 1));
    padding-top: 0;
    padding-bottom: 5rem
}

@media (min-width: 1024px) {
    .faq-page-wrapper {
        padding-top: 3.5rem;
        padding-bottom: 6rem
    }
}

.faq-page-container {
    width: 100%;
    margin-right: auto;
    margin-left: auto
}

@media (min-width: 100%) {
    .faq-page-container {
        max-width: 100%
    }
}

@media (min-width: 1536px) {
    .faq-page-container {
        max-width: 1536px
    }
}

.faq-page-container {
    padding-left: 1.25rem;
    padding-right: 1.25rem
}

@media (min-width: 640px) {
    .faq-page-container {
        padding-left: 2rem;
        padding-right: 2rem
    }
}

@media (min-width: 768px) {
    .faq-page-container {
        padding-left: 3rem;
        padding-right: 3rem
    }
}

@media (min-width: 1200px) {
    .faq-page-container {
        padding-left: 5.5rem;
        padding-right: 5.5rem
    }
}

.faq-page-container {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 2.5rem
}

@media (min-width: 1024px) {
    nav.faq-page-container {
        padding-left: 2rem;
        padding-right: 2rem
    }
}

@media (min-width: 1200px) {
    nav.faq-page-container {
        padding-left: 4.5rem;
        padding-right: 4.5rem
    }
}

@media (min-width: 1536px) {
    nav.faq-page-container {
        padding-left: 5.5rem;
        padding-right: 5.5rem
    }
}

@media (min-width: 1024px) {
    .faq-page-container {
        flex-direction: row;
        align-items: flex-start;
        gap: 1.25rem
    }
}

.faq-leftside {
    top: 5rem;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 3rem
}

@media (min-width: 640px) {
    .faq-leftside {
        align-items: center
    }
}

@media (min-width: 1024px) {
    .faq-leftside {
        position: sticky;
        height: 100%;
        width: 40%;
        align-items: flex-start;
        padding-inline-end: 3rem
    }
}

@media (min-width: 1200px) {
    .faq-leftside {
        width: 33.333333%
    }
}

.faq-cta-content {
    display: flex;
    flex-direction: column;
    gap: .25rem
}

.faq-leftside .content-header {
    width: 100%;
    align-items: flex-start;
    text-align: start
}

@media (min-width: 640px) {
    .faq-leftside .content-header {
        width: 75%;
        align-items: center;
        text-align: center
    }
}

@media (min-width: 1024px) {
    .faq-leftside .content-header {
        width: 100%;
        align-items: flex-start;
        text-align: start
    }
}

.faq-leftside .content-heading-wrapper {
    align-items: flex-start
}

@media (min-width: 640px) {
    .faq-leftside .content-heading-wrapper {
        align-items: center
    }
}

@media (min-width: 1024px) {
    .faq-leftside .content-heading-wrapper {
        align-items: flex-start
    }
}

.faq-cta-link {
    font-size: .875rem;
    line-height: 1.25rem;
    font-weight: 600;
    line-height: 150%;
    letter-spacing: -.0105rem;
    color: #35907ad9;
    text-decoration-line: underline;
    text-decoration-thickness: 9.5%;
    text-underline-offset: 9.5%
}

.faq-cta-link:hover {
    --tw-text-opacity: 1;
    color: rgb(53 144 122 / var(--tw-text-opacity, 1))
}

.faq-rightside {
    display: flex;
    width: 100%;
    flex-direction: column;
    gap: 2.5rem
}

@media (min-width: 1024px) {
    .faq-rightside {
        width: 60%
    }
}

@media (min-width: 1200px) {
    .faq-rightside {
        width: 52.1875rem
    }
}

.faq-rightside .tabs-container {
    width: 100%;
    overflow-x: scroll
}

@media (min-width: 1024px) {
    .faq-rightside .tabs-container {
        width: auto;
        overflow: hidden
    }
}

.faq-leftside .faq-cta-content, .faq-leftside .cta-btn {
    display: none
}

@media (min-width: 1024px) {
    .faq-leftside .faq-cta-content, .faq-leftside .cta-btn {
        display: flex
    }
}

.faq-page-container > .faq-cta-content, .faq-page-container > .cta-btn {
    display: flex
}

@media (min-width: 1024px) {
    .faq-page-container > .faq-cta-content, .faq-page-container > .cta-btn {
        display: none
    }
}

.location-wrapper {
    --tw-bg-opacity: 1;
    background-color: rgb(251 251 248 / var(--tw-bg-opacity, 1));
    padding-top: 3.5rem;
    padding-bottom: 3.5rem
}

.location-container {
    width: 100%;
    margin-right: auto;
    margin-left: auto
}

@media (min-width: 100%) {
    .location-container {
        max-width: 100%
    }
}

@media (min-width: 1536px) {
    .location-container {
        max-width: 1536px
    }
}

.location-container {
    padding-left: 1.25rem;
    padding-right: 1.25rem
}

@media (min-width: 640px) {
    .location-container {
        padding-left: 2rem;
        padding-right: 2rem
    }
}

@media (min-width: 768px) {
    .location-container {
        padding-left: 3rem;
        padding-right: 3rem
    }
}

@media (min-width: 1200px) {
    .location-container {
        padding-left: 5.5rem;
        padding-right: 5.5rem
    }
}

@media (min-width: 1024px) {
    nav.location-container {
        padding-left: 2rem;
        padding-right: 2rem
    }
}

@media (min-width: 1200px) {
    nav.location-container {
        padding-left: 4.5rem;
        padding-right: 4.5rem
    }
}

@media (min-width: 1536px) {
    nav.location-container {
        padding-left: 5.5rem;
        padding-right: 5.5rem
    }
}

.location-content {
    display: flex;
    flex-direction: column;
    gap: 1.5rem;
    padding-top: 1rem;
    padding-bottom: 1rem
}

@media (min-width: 1024px) {
    .location-content {
        width: 40%
    }
}

.location-content-wrapper {
    margin-left: auto;
    margin-right: auto;
    display: flex;
    width: 100%;
    flex-direction: column;
    justify-content: space-between;
    gap: 1.25rem
}

@media (min-width: 1024px) {
    .location-content-wrapper {
        flex-direction: row;
        align-items: center
    }
}

@media (min-width: 1200px) {
    .location-content-wrapper {
        padding-left: 6.75rem;
        padding-right: 6.75rem
    }
}

.location-content-icon {
    height: 3.5rem;
    width: 3.5rem
}

.location {
    display: flex;
    flex-direction: column;
    gap: 1rem
}

@media (min-width: 1024px) {
    .location-image-wrapper {
        width: 32.125rem
    }
}

.location-image {
    height: 100%;
    width: 100%;
    border-radius: 1rem;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center;
    object-position: center
}

@media (min-width: 1024px) {
    .location-image {
        -o-object-fit: contain;
        object-fit: contain
    }
}

.trusted-wrapper {
    padding-top: 4rem;
    padding-bottom: 4rem
}

@media (min-width: 1024px) {
    .trusted-wrapper {
        padding-top: 5rem;
        padding-bottom: 5rem
    }
}

.trusted-wrapper {
    background: linear-gradient(180deg, #fcfaf8, #f6f0ea)
}

.trusted-container {
    width: 100%;
    margin-right: auto;
    margin-left: auto
}

@media (min-width: 100%) {
    .trusted-container {
        max-width: 100%
    }
}

@media (min-width: 1536px) {
    .trusted-container {
        max-width: 1536px
    }
}

.trusted-container {
    padding-left: 1.25rem;
    padding-right: 1.25rem
}

@media (min-width: 640px) {
    .trusted-container {
        padding-left: 2rem;
        padding-right: 2rem
    }
}

@media (min-width: 768px) {
    .trusted-container {
        padding-left: 3rem;
        padding-right: 3rem
    }
}

@media (min-width: 1200px) {
    .trusted-container {
        padding-left: 5.5rem;
        padding-right: 5.5rem
    }
}

.trusted-container {
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 4rem
}

@media (min-width: 1024px) {
    nav.trusted-container {
        padding-left: 2rem;
        padding-right: 2rem
    }
}

@media (min-width: 1200px) {
    nav.trusted-container {
        padding-left: 4.5rem;
        padding-right: 4.5rem
    }
}

@media (min-width: 1536px) {
    nav.trusted-container {
        padding-left: 5.5rem;
        padding-right: 5.5rem
    }
}

@media (min-width: 1024px) {
    .trusted-container {
        gap: 2rem
    }

    .trusted-container .approved-by-logo-header {
        margin-bottom: 1rem
    }
}

.trusted-container .approved-by-logos-container {
    margin-left: auto;
    margin-right: auto
}

@media (min-width: 1024px) {
    .trusted-container .approved-by-logos-container {
        width: 83.333333%
    }
}

.trusted-reviews-wrapper {
    z-index: 10;
    display: flex;
    align-items: center;
    gap: 1.5rem
}

@media (min-width: 1024px) {
    .trusted-reviews-wrapper {
        gap: 2.5rem
    }
}

.trusted-reviews-item {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: .5rem
}

@media (min-width: 1024px) {
    .trusted-reviews-item {
        gap: 1rem
    }
}

.trusted-reviews-item span {
    font-size: 1rem;
    line-height: 1.5rem;
    font-weight: 600;
    line-height: 150%;
    letter-spacing: -.012rem;
    color: #150d30d9
}

#contact-us-trusted .approved-by-logo img {
    height: 4rem;
    width: 4rem
}

@media (min-width: 1024px) {
    #contact-us-trusted .approved-by-logo img {
        height: 3.5rem;
        width: 3.5rem
    }
}

#contact-us-trusted .approved-by-logo {
    gap: .5rem
}

#contact-us-trusted .approved-by-logo img[src*=tursab] {
    height: 4rem;
    width: 8rem
}

@media (min-width: 1024px) {
    #contact-us-trusted .approved-by-logo img[src*=tursab] {
        height: 3.5rem
    }
}

#contact-us-trusted .approved-by-logo p {
    font-size: .875rem;
    line-height: 1.25rem;
    font-weight: 500;
    line-height: 150%;
    letter-spacing: -.0105rem
}

[dir=rtl] .values-wrapper #contact-us-trusted .approved-by-logo p {
    font-weight: 400
}

#contact-us-trusted .approved-by-logo p {
    color: #150d30d9
}

.trusted-reviews-item img {
    max-height: 1.75rem;
    max-width: 5.625rem;
    -o-object-fit: contain;
    object-fit: contain
}

@media (min-width: 1024px) {
    .trusted-reviews-item img {
        max-height: 2.125rem;
        max-width: 7rem
    }
}

.reviews-rate {
    display: flex;
    align-items: center;
    gap: .25rem
}

.reviews-total-rate {
    font-size: .875rem;
    line-height: 1.25rem;
    font-weight: 500;
    line-height: 150%;
    letter-spacing: -.0105rem
}

[dir=rtl] .values-wrapper .reviews-total-rate {
    font-weight: 400
}

.reviews-total-rate {
    color: #150d30a6
}

[dir=rtl] p.reviews-total-rate, [dir=rtl] span.reviews-total-rate, [dir=rtl] a.reviews-total-rate, [dir=rtl] li.reviews-total-rate, [dir=rtl] ol.reviews-total-rate, [dir=rtl] ul.reviews-total-rate, [dir=rtl] h1.reviews-total-rate, [dir=rtl] h2.reviews-total-rate, [dir=rtl] h3.reviews-total-rate, [dir=rtl] h4.reviews-total-rate, [dir=rtl] h5.reviews-total-rate, [dir=rtl] h6.reviews-total-rate {
    --tw-text-opacity: 1;
    color: rgb(21 13 48 / var(--tw-text-opacity, 1));
    opacity: .65
}

.faq-banner-wrapper {
    --tw-bg-opacity: 1;
    background-color: rgb(29 107 88 / var(--tw-bg-opacity, 1));
    padding-top: 4.5rem;
    padding-bottom: 2.5rem
}

.faq-banner-container {
    width: 100%;
    margin-right: auto;
    margin-left: auto
}

@media (min-width: 100%) {
    .faq-banner-container {
        max-width: 100%
    }
}

@media (min-width: 1536px) {
    .faq-banner-container {
        max-width: 1536px
    }
}

.faq-banner-container {
    padding-left: 1.25rem;
    padding-right: 1.25rem
}

@media (min-width: 640px) {
    .faq-banner-container {
        padding-left: 2rem;
        padding-right: 2rem
    }
}

@media (min-width: 768px) {
    .faq-banner-container {
        padding-left: 3rem;
        padding-right: 3rem
    }
}

@media (min-width: 1200px) {
    .faq-banner-container {
        padding-left: 5.5rem;
        padding-right: 5.5rem
    }
}

@media (min-width: 1024px) {
    nav.faq-banner-container {
        padding-left: 2rem;
        padding-right: 2rem
    }
}

@media (min-width: 1200px) {
    nav.faq-banner-container {
        padding-left: 4.5rem;
        padding-right: 4.5rem
    }
}

@media (min-width: 1536px) {
    nav.faq-banner-container {
        padding-left: 5.5rem;
        padding-right: 5.5rem
    }
}

.faq-banner-content-wrapper {
    margin-left: auto;
    margin-right: auto;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: space-between;
    gap: 1.5rem
}

@media (min-width: 1024px) {
    .faq-banner-content-wrapper {
        flex-direction: row;
        gap: 3rem
    }
}

@media (min-width: 1200px) {
    .faq-banner-content-wrapper {
        padding-left: 6.75rem;
        padding-right: 6.75rem
    }
}

.faq-banner-rightside {
    display: flex;
    flex-direction: column;
    gap: 1.5rem
}

@media (min-width: 1024px) {
    .faq-banner-rightside {
        width: 60%
    }
}

.contact-us-hero-wrapper {
    padding-top: 1.5rem;
    padding-bottom: 5rem
}

@media (min-width: 1024px) {
    .contact-us-hero-wrapper {
        padding-top: 2rem
    }
}

.contact-us-hero-wrapper.bg-main-gradient {
    background: linear-gradient(180deg, #f6f0ea, #fcfaf8)
}

.contact-us-hero-container {
    width: 100%;
    margin-right: auto;
    margin-left: auto
}

@media (min-width: 100%) {
    .contact-us-hero-container {
        max-width: 100%
    }
}

@media (min-width: 1536px) {
    .contact-us-hero-container {
        max-width: 1536px
    }
}

.contact-us-hero-container {
    padding-left: 1.25rem;
    padding-right: 1.25rem
}

@media (min-width: 640px) {
    .contact-us-hero-container {
        padding-left: 2rem;
        padding-right: 2rem
    }
}

@media (min-width: 768px) {
    .contact-us-hero-container {
        padding-left: 3rem;
        padding-right: 3rem
    }
}

@media (min-width: 1200px) {
    .contact-us-hero-container {
        padding-left: 5.5rem;
        padding-right: 5.5rem
    }
}

@media (min-width: 1024px) {
    nav.contact-us-hero-container {
        padding-left: 2rem;
        padding-right: 2rem
    }
}

@media (min-width: 1200px) {
    nav.contact-us-hero-container {
        padding-left: 4.5rem;
        padding-right: 4.5rem
    }
}

@media (min-width: 1536px) {
    nav.contact-us-hero-container {
        padding-left: 5.5rem;
        padding-right: 5.5rem
    }
}

.contact-us-hero-content-wrapper {
    margin-left: auto;
    margin-right: auto;
    display: flex;
    width: 100%;
    flex-direction: column;
    align-items: flex-start;
    justify-content: space-between;
    gap: 2.5rem
}

@media (min-width: 1024px) {
    .contact-us-hero-content-wrapper {
        width: auto;
        flex-direction: row;
        gap: 1.25rem
    }
}

@media (min-width: 1200px) {
    .contact-us-hero-content-wrapper {
        padding-left: 6.75rem;
        padding-right: 6.75rem
    }
}

.contact-us-hero-leftside {
    display: flex;
    flex-direction: column;
    gap: 1.25rem
}

@media (min-width: 1024px) {
    .contact-us-hero-leftside {
        width: 50%;
        gap: 5rem;
        padding-top: 3.5rem;
        padding-bottom: 3.5rem
    }
}

.contact-us-leftside-header {
    display: flex;
    flex-direction: column;
    gap: .75rem
}

@media (min-width: 1024px) {
    .contact-us-leftside-header {
        gap: 1rem
    }
}

.reach-us-wrapper {
    display: flex;
    flex-direction: column;
    gap: 2rem
}

.reach-us-item {
    display: flex;
    align-items: flex-start;
    gap: 1rem
}

@media (min-width: 1024px) {
    .reach-us-item {
        gap: 1.5rem
    }
}

.reach-us-item-icon {
    height: 2rem;
    width: 2rem
}

.reach-us-item p {
    grid-column: span 2 / span 2
}

.reach-us-item p:first-child {
    grid-column-start: 2;
    grid-row-start: 1
}

.reach-us-item p:last-child {
    grid-column-start: 2;
    grid-row-start: 2
}

.reach-us-item-content {
    display: flex;
    flex-direction: column;
    gap: .5rem
}

.reach-us-phone-wrapper {
    font-size: 1.125rem;
    line-height: 1.75rem;
    font-weight: 500;
    line-height: 150%;
    letter-spacing: -.0135rem
}

[dir=rtl] .values-wrapper .reach-us-phone-wrapper {
    font-weight: 400
}

.reach-us-phone-wrapper {
    display: flex;
    align-items: center;
    gap: .5rem;
    --tw-text-opacity: 1;
    color: rgb(21 13 48 / var(--tw-text-opacity, 1))
}

@media (min-width: 1024px) {
    .reach-us-phone-wrapper {
        font-size: 1.25rem;
        line-height: 1.75rem;
        font-weight: 500;
        line-height: 150%;
        letter-spacing: -.01875rem
    }

    [dir=rtl] .values-wrapper .reach-us-phone-wrapper {
        font-weight: 400
    }
}

[dir=rtl] .reach-us-phone-wrapper a {
    direction: ltr
}

.contact-us-hero-rightside {
    width: 100%
}

@media (min-width: 1024px) {
    .contact-us-hero-rightside {
        width: 50%
    }
}

.contact-us-form {
    border-radius: 1rem;
    border-width: 1px;
    border-color: #1b1d1e1f;
    --tw-bg-opacity: 1;
    background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
    padding: 2rem 1.5rem
}

@media (min-width: 1024px) {
    .contact-us-form {
        padding: 3.5rem 3rem
    }
}

.contact-us-form .input-label {
    font-size: 1rem;
    line-height: 1.5rem;
    font-weight: 600;
    line-height: 150%;
    letter-spacing: -.012rem
}

.contact-us-form #contact-us-message {
    height: 7rem;
    padding-top: .75rem;
    padding-bottom: .75rem
}

.contact-us-form .form-input-bordered-icon, .contact-us-form .custom-dropdown {
    margin-top: 0;
    height: 3.5rem
}

.contact-us-form .country-code-wrapper {
    height: -moz-fit-content;
    height: fit-content
}

.thanks-form-submission {
    display: none;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: .5rem;
    border-radius: .375rem;
    border-width: 1px;
    border-color: #1b1d1e1f;
    --tw-bg-opacity: 1;
    background-color: rgb(248 247 242 / var(--tw-bg-opacity, 1));
    padding: 1rem 1.5rem
}

.thanks-form-icon {
    height: 1.5rem;
    width: 1.5rem
}

.thanks-form-icon svg {
    height: 100%;
    width: 100%
}

.thanks-form-head {
    display: flex;
    align-items: center;
    gap: .5rem
}

.btn-loading {
    display: none !important
}

.btn-loading svg {
    height: 100%
}

.b2b-hero-wrapper {
    --tw-bg-opacity: 1;
    background-color: rgb(248 247 242 / var(--tw-bg-opacity, 1));
    padding-top: 3rem
}

@media (min-width: 1024px) {
    .b2b-hero-wrapper {
        padding-top: 1.5rem
    }
}

.b2b-hero-container {
    width: 100%;
    margin-right: auto;
    margin-left: auto
}

@media (min-width: 100%) {
    .b2b-hero-container {
        max-width: 100%
    }
}

@media (min-width: 1536px) {
    .b2b-hero-container {
        max-width: 1536px
    }
}

.b2b-hero-container {
    padding-left: 1.25rem;
    padding-right: 1.25rem
}

@media (min-width: 640px) {
    .b2b-hero-container {
        padding-left: 2rem;
        padding-right: 2rem
    }
}

@media (min-width: 768px) {
    .b2b-hero-container {
        padding-left: 3rem;
        padding-right: 3rem
    }
}

@media (min-width: 1200px) {
    .b2b-hero-container {
        padding-left: 5.5rem;
        padding-right: 5.5rem
    }
}

@media (min-width: 1024px) {
    nav.b2b-hero-container {
        padding-left: 2rem;
        padding-right: 2rem
    }
}

@media (min-width: 1200px) {
    nav.b2b-hero-container {
        padding-left: 4.5rem;
        padding-right: 4.5rem
    }
}

@media (min-width: 1536px) {
    nav.b2b-hero-container {
        padding-left: 5.5rem;
        padding-right: 5.5rem
    }
}

.b2b-header {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 3rem;
    padding-bottom: 5rem;
    text-align: center
}

@media (min-width: 1024px) {
    .b2b-header {
        padding-left: 3.5rem;
        padding-right: 3.5rem;
        padding-bottom: 1rem
    }
}

.b2b-heading-wrapper {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 2rem
}

@media (min-width: 1024px) {
    .b2b-heading-wrapper {
        gap: 4.5rem
    }
}

.b2b-hero-description {
    font-size: 1.1875rem;
    font-weight: 700;
    text-transform: capitalize;
    line-height: normal;
    letter-spacing: -.03563rem;
    color: #150d30d9
}

[dir=rtl] .values-wrapper .b2b-hero-description {
    font-weight: 600
}

@media (min-width: 1024px) {
    .b2b-hero-description {
        width: 75%;
        font-size: 1.75rem;
        font-weight: 600;
        letter-spacing: -.0525rem
    }
}

.b2b-heading {
    display: flex;
    flex-direction: column;
    gap: 1rem
}

.b2b-title-wrapper {
    position: relative;
    padding-top: 5rem;
    padding-bottom: 6.5rem;
    background: linear-gradient(180deg, #261858, #2d1c68)
}

.b2b-title-illustration-wrapper {
    position: relative;
    height: 3.60106rem;
    overflow: hidden
}

@media (min-width: 1024px) {
    .b2b-title-illustration-wrapper {
        height: 11.75rem
    }
}

.b2b-title-illustration {
    position: absolute;
    top: .125rem;
    right: -.25rem;
    width: 100%
}

.b2b-title-illustration img {
    height: 3.60106rem;
    width: 100%
}

@media (min-width: 1024px) {
    .b2b-title-illustration img {
        height: 11.75rem
    }
}

.b2b-title-container {
    width: 100%;
    margin-right: auto;
    margin-left: auto
}

@media (min-width: 100%) {
    .b2b-title-container {
        max-width: 100%
    }
}

@media (min-width: 1536px) {
    .b2b-title-container {
        max-width: 1536px
    }
}

.b2b-title-container {
    padding-left: 1.25rem;
    padding-right: 1.25rem
}

@media (min-width: 640px) {
    .b2b-title-container {
        padding-left: 2rem;
        padding-right: 2rem
    }
}

@media (min-width: 768px) {
    .b2b-title-container {
        padding-left: 3rem;
        padding-right: 3rem
    }
}

@media (min-width: 1200px) {
    .b2b-title-container {
        padding-left: 5.5rem;
        padding-right: 5.5rem
    }
}

.b2b-title-container {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 5rem
}

@media (min-width: 1024px) {
    nav.b2b-title-container {
        padding-left: 2rem;
        padding-right: 2rem
    }
}

@media (min-width: 1200px) {
    nav.b2b-title-container {
        padding-left: 4.5rem;
        padding-right: 4.5rem
    }
}

@media (min-width: 1536px) {
    nav.b2b-title-container {
        padding-left: 5.5rem;
        padding-right: 5.5rem
    }
}

.b2b-title-content {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: space-between;
    gap: 5rem
}

@media (min-width: 1024px) {
    .b2b-title-content {
        flex-direction: row
    }

    .b2b-award-wrapper, .b2b-title-text-wrapper {
        width: 40%
    }
}

.b2b-award-wrapper {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 1.5rem
}

.b2b-award-img {
    height: 5.5rem;
    width: 5.5rem
}

@media (min-width: 1024px) {
    .b2b-award-img {
        height: 3.375rem;
        width: 3.375rem
    }
}

.b2b-award-content-wrapper {
    display: flex;
    align-items: center
}

.b2b-award-content {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 1rem;
    text-align: center
}

.b2b-award-text-wrapper {
    display: flex;
    flex-direction: column;
    gap: .5rem
}

.b2b-title-wrapper .total-reviews-illustration {
    height: 5.6875rem;
    width: 5.6875rem
}

@media (min-width: 1024px) {
    .b2b-title-wrapper .total-reviews-illustration {
        height: 7.625rem;
        width: 7.625rem
    }
}

.b2b-approved-by-wrapper {
    padding-top: 1.5rem;
    padding-bottom: 6.5rem;
    background: linear-gradient(180deg, #2d1c68, #3b2588)
}

.b2b-approved-by-wrapper .smile-bg {
    display: block
}

@media (min-width: 1024px) {
    .b2b-approved-by-wrapper .smile-bg {
        display: none
    }
}

.b2b-approved-by-container {
    position: relative;
    margin-left: auto;
    margin-right: auto;
    padding-left: 1.25rem;
    padding-right: 1.25rem
}

@media (min-width: 640px) {
    .b2b-approved-by-container {
        padding-left: 2rem;
        padding-right: 2rem
    }
}

@media (min-width: 768px) {
    .b2b-approved-by-container {
        padding-left: 3rem;
        padding-right: 3rem
    }
}

@media (min-width: 1024px) {
    .b2b-approved-by-container {
        padding-left: 3.5rem;
        padding-right: 3.5rem
    }
}

@media (min-width: 1536px) {
    .b2b-approved-by-container {
        max-width: 1536px
    }
}

.b2b-approved-by-content-wrapper {
    display: flex;
    flex-direction: column;
    gap: 4rem;
    border-radius: 1rem;
    border-width: 2px;
    border-color: #ffffff1f;
    padding-top: 3rem;
    padding-bottom: 5rem;
    background: #5d36e60f
}

.b2b-approved-by-content-wrapper .approved-by-logo:first-child img, .b2b-approved-by-content-wrapper .approved-by-logo:nth-child(2) img {
    opacity: .65
}

.b2b-approved-by-content-wrapper .approved-by-logo p {
    font-size: .875rem;
    line-height: 1.25rem;
    font-weight: 600;
    line-height: 150%;
    letter-spacing: -.0105rem;
    text-align: center;
    color: #ffffffa6
}

[dir=rtl] p.b2b-approved-by-content-wrapper .approved-by-logo p, [dir=rtl] span.b2b-approved-by-content-wrapper .approved-by-logo p, [dir=rtl] a.b2b-approved-by-content-wrapper .approved-by-logo p, [dir=rtl] li.b2b-approved-by-content-wrapper .approved-by-logo p, [dir=rtl] ol.b2b-approved-by-content-wrapper .approved-by-logo p, [dir=rtl] ul.b2b-approved-by-content-wrapper .approved-by-logo p, [dir=rtl] h1.b2b-approved-by-content-wrapper .approved-by-logo p, [dir=rtl] h2.b2b-approved-by-content-wrapper .approved-by-logo p, [dir=rtl] h3.b2b-approved-by-content-wrapper .approved-by-logo p, [dir=rtl] h4.b2b-approved-by-content-wrapper .approved-by-logo p, [dir=rtl] h5.b2b-approved-by-content-wrapper .approved-by-logo p, [dir=rtl] h6.b2b-approved-by-content-wrapper .approved-by-logo p {
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity, 1));
    opacity: .65
}

.b2b-approved-by-content-wrapper .approved-by-logos-container {
    margin-left: auto;
    margin-right: auto;
    width: 91.666667%
}

@media (min-width: 1024px) {
    .b2b-approved-by-content-wrapper .approved-by-logos-container {
        width: 87%
    }
}

.b2b-partnership-wrapper {
    position: relative;
    padding-top: 7rem;
    padding-bottom: 6rem;
    background: linear-gradient(180deg, #fcfaf8, #f6f0ea)
}

.b2b-partnership-container {
    width: 100%;
    margin-right: auto;
    margin-left: auto
}

@media (min-width: 100%) {
    .b2b-partnership-container {
        max-width: 100%
    }
}

@media (min-width: 1536px) {
    .b2b-partnership-container {
        max-width: 1536px
    }
}

.b2b-partnership-container {
    padding-left: 1.25rem;
    padding-right: 1.25rem
}

@media (min-width: 640px) {
    .b2b-partnership-container {
        padding-left: 2rem;
        padding-right: 2rem
    }
}

@media (min-width: 768px) {
    .b2b-partnership-container {
        padding-left: 3rem;
        padding-right: 3rem
    }
}

@media (min-width: 1200px) {
    .b2b-partnership-container {
        padding-left: 5.5rem;
        padding-right: 5.5rem
    }
}

.b2b-partnership-container {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 4rem
}

@media (min-width: 1024px) {
    nav.b2b-partnership-container {
        padding-left: 2rem;
        padding-right: 2rem
    }
}

@media (min-width: 1200px) {
    nav.b2b-partnership-container {
        padding-left: 4.5rem;
        padding-right: 4.5rem
    }
}

@media (min-width: 1536px) {
    nav.b2b-partnership-container {
        padding-left: 5.5rem;
        padding-right: 5.5rem
    }
}

.b2b-partnership-container .content-category:where([dir=ltr],[dir=ltr] *) {
    font-size: 1.1875rem;
    line-height: 110%;
    letter-spacing: -.02969rem
}

@media (min-width: 1024px) {
    .b2b-partnership-container .content-category:where([dir=ltr],[dir=ltr] *) {
        font-size: 1.4375rem;
        letter-spacing: -.03594rem
    }
}

.b2b-partnership-container .content-category:where([dir=rtl],[dir=rtl] *) {
    font-size: 1.125rem;
    line-height: 120%;
    letter-spacing: -.0225rem
}

@media (min-width: 1024px) {
    .b2b-partnership-container .content-category:where([dir=rtl],[dir=rtl] *) {
        font-size: 1.375rem;
        line-height: 110%;
        letter-spacing: -.03438rem
    }
}

.b2b-partnership-container .content-header {
    margin-left: auto;
    margin-right: auto;
    gap: 1rem
}

@media (min-width: 1200px) {
    .b2b-partnership-container .content-header {
        width: 45%
    }
}

.b2b-partnership-content-wrapper {
    display: flex;
    width: 100%;
    flex-direction: column;
    align-items: center;
    gap: 1.5rem
}

@media (min-width: 1024px) {
    .b2b-partnership-content-wrapper {
        flex-direction: row
    }
}

.b2b-partnership-content-leftside {
    display: flex;
    flex-wrap: wrap;
    -moz-column-gap: 2.5rem;
    column-gap: 2.5rem;
    row-gap: 3.5rem
}

@media (min-width: 1024px) {
    .b2b-partnership-content-leftside {
        width: 66.666667%
    }
}

@media (min-width: 1200px) {
    .b2b-partnership-content-leftside {
        width: 52.25rem
    }
}

.b2b-partnership-content-item {
    display: flex;
    flex-direction: column;
    gap: 1.5rem
}

@media (min-width: 1024px) {
    .b2b-partnership-content-item {
        width: calc(50% - 1.25rem)
    }
}

.b2b-partnership-content-icon {
    height: 3.5rem;
    width: 3.5rem
}

.b2b-partnership-item-text {
    display: flex;
    flex-direction: column;
    gap: .75rem
}

@media (min-width: 1024px) {
    .b2b-partnership-content-rightside {
        width: 33.333333%
    }
}

@media (min-width: 1200px) {
    .b2b-partnership-content-rightside {
        height: 33.6875rem;
        width: 25.5rem
    }
}

.b2b-partnership-content-img {
    height: 100%;
    width: 100%;
    border-radius: .75rem
}

.terms-check {
    font-size: .875rem;
    line-height: 1.25rem;
    font-weight: 500;
    line-height: 150%;
    letter-spacing: -.0105rem
}

[dir=rtl] .values-wrapper .terms-check {
    font-weight: 400
}

.terms-check {
    display: flex;
    align-items: center;
    gap: .75rem;
    padding-top: .5rem;
    --tw-text-opacity: 1;
    color: rgb(21 13 48 / var(--tw-text-opacity, 1))
}

.terms-checkbox-wrapper input[type=checkbox] {
    height: 1.5rem;
    width: 1.5rem
}

#b2b-contact .contact-us-hero-leftside {
    top: 1.5rem
}

@media (min-width: 1024px) {
    #b2b-contact .contact-us-hero-leftside {
        position: sticky
    }
}

.blog-list-wrapper {
    padding-top: 2rem;
    padding-bottom: 3.5rem
}

@media (min-width: 1024px) {
    .blog-list-wrapper {
        padding-top: 1.75rem;
        padding-bottom: 5rem
    }
}

.blog-list-wrapper {
    background: linear-gradient(180deg, #fcfaf8, #f6f0ea)
}

.blog-list-container {
    width: 100%;
    margin-right: auto;
    margin-left: auto
}

@media (min-width: 100%) {
    .blog-list-container {
        max-width: 100%
    }
}

@media (min-width: 1536px) {
    .blog-list-container {
        max-width: 1536px
    }
}

.blog-list-container {
    padding-left: 1.25rem;
    padding-right: 1.25rem
}

@media (min-width: 640px) {
    .blog-list-container {
        padding-left: 2rem;
        padding-right: 2rem
    }
}

@media (min-width: 768px) {
    .blog-list-container {
        padding-left: 3rem;
        padding-right: 3rem
    }
}

@media (min-width: 1200px) {
    .blog-list-container {
        padding-left: 5.5rem;
        padding-right: 5.5rem
    }
}

.blog-list-container {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 2rem
}

@media (min-width: 1024px) {
    nav.blog-list-container {
        padding-left: 2rem;
        padding-right: 2rem
    }
}

@media (min-width: 1200px) {
    nav.blog-list-container {
        padding-left: 4.5rem;
        padding-right: 4.5rem
    }
}

@media (min-width: 1536px) {
    nav.blog-list-container {
        padding-left: 5.5rem;
        padding-right: 5.5rem
    }
}

@media (min-width: 1024px) {
    .blog-list-container {
        gap: 3.5rem
    }
}

.blog-list-container .content-header {
    gap: 1rem
}

[dir=rtl] .blog-list-container .content-header h2:last-child {
    margin-top: .75rem
}

@media (min-width: 1024px) {
    [dir=rtl] .blog-list-container .content-header h2:last-child {
        margin-top: 1.75rem
    }
}

[dir=rtl] .after-treatment-hero-container .content-header h2:last-child {
    margin-top: .75rem
}

@media (min-width: 1024px) {
    [dir=rtl] .after-treatment-hero-container .content-header h2:last-child {
        margin-top: 1rem
    }
}

.single-blog-wrapper {
    display: flex;
    width: 100%;
    flex-direction: column;
    align-items: center;
    gap: 1.5rem
}

@media (min-width: 1024px) {
    .single-blog-wrapper {
        flex-direction: row
    }

    .single-blog-img-wrapper {
        height: 29.125rem;
        width: 50%
    }
}

.single-blog-img-wrapper img {
    height: 100%;
    width: 100%;
    border-radius: 1rem;
    -o-object-fit: cover;
    object-fit: cover
}

.single-blog-content {
    display: flex;
    flex-direction: column;
    gap: 1rem
}

@media (min-width: 1024px) {
    .single-blog-content {
        width: 50%
    }
}

@media (min-width: 1200px) {
    .single-blog-content {
        padding-left: 2.5rem;
        padding-right: 2.5rem
    }
}

.single-blog-content-header {
    display: flex;
    flex-direction: column;
    gap: .75rem
}

.single-blog-content-description {
    font-size: 1rem;
    line-height: 1.5rem;
    font-weight: 500;
    line-height: 150%;
    letter-spacing: -.012rem
}

[dir=rtl] .values-wrapper .single-blog-content-description {
    font-weight: 400
}

.single-blog-content-description {
    overflow: hidden;
    text-overflow: ellipsis;
    color: #150d30d9;
    display: -webkit-box;
    -webkit-line-clamp: 6;
    -webkit-box-orient: vertical
}

.additional-content-wrapper {
    --tw-bg-opacity: 1;
    background-color: rgb(248 247 242 / var(--tw-bg-opacity, 1));
    padding-top: 3rem;
    padding-bottom: 5rem
}

.additional-content-container {
    width: 100%;
    margin-right: auto;
    margin-left: auto
}

@media (min-width: 100%) {
    .additional-content-container {
        max-width: 100%
    }
}

@media (min-width: 1536px) {
    .additional-content-container {
        max-width: 1536px
    }
}

.additional-content-container {
    padding-left: 1.25rem;
    padding-right: 1.25rem
}

@media (min-width: 640px) {
    .additional-content-container {
        padding-left: 2rem;
        padding-right: 2rem
    }
}

@media (min-width: 768px) {
    .additional-content-container {
        padding-left: 3rem;
        padding-right: 3rem
    }
}

@media (min-width: 1200px) {
    .additional-content-container {
        padding-left: 5.5rem;
        padding-right: 5.5rem
    }
}

.additional-content-container {
    display: flex;
    flex-direction: column;
    gap: 2.5rem
}

@media (min-width: 1024px) {
    nav.additional-content-container {
        padding-left: 2rem;
        padding-right: 2rem
    }
}

@media (min-width: 1200px) {
    nav.additional-content-container {
        padding-left: 4.5rem;
        padding-right: 4.5rem
    }
}

@media (min-width: 1536px) {
    nav.additional-content-container {
        padding-left: 5.5rem;
        padding-right: 5.5rem
    }
}

.additional-content-container .tabs-container {
    overflow-x: scroll
}

@media (min-width: 1024px) {
    .additional-content-container .tabs-container {
        overflow: hidden
    }
}

.blog-card-content-description {
    font-size: 1rem;
    line-height: 1.5rem;
    font-weight: 500;
    line-height: 150%;
    letter-spacing: -.012rem
}

[dir=rtl] .values-wrapper .blog-card-content-description {
    font-weight: 400
}

.blog-card-content-description {
    overflow: hidden;
    text-overflow: ellipsis;
    color: #150d30d9;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical
}

.pagination-wrapper {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 1rem
}

@media (min-width: 1024px) {
    .pagination-wrapper {
        flex-direction: row;
        gap: 2.5rem
    }
}

#pagination-numbers {
    display: flex;
    align-items: center;
    gap: .125rem
}

#pagination-numbers .page-number, #pagination-numbers .dots {
    font-size: 1rem;
    line-height: 1.5rem;
    font-weight: 500;
    line-height: 150%;
    letter-spacing: -.012rem
}

[dir=rtl] .values-wrapper #pagination-numbers .page-number, [dir=rtl] .values-wrapper #pagination-numbers .dots {
    font-weight: 400
}

#pagination-numbers .page-number, #pagination-numbers .dots {
    display: flex;
    height: 3rem;
    width: 3rem;
    cursor: pointer;
    align-items: center;
    justify-content: center;
    padding: .75rem;
    --tw-text-opacity: 1;
    color: rgb(21 13 48 / var(--tw-text-opacity, 1));
    transition-duration: .3s
}

@media (min-width: 1024px) {
    #pagination-numbers .page-number, #pagination-numbers .dots {
        height: 2.5rem;
        width: 2.5rem
    }
}

#pagination-numbers .dots {
    cursor: auto
}

#pagination-numbers .page-number.active {
    border-radius: 9999px;
    --tw-bg-opacity: 1;
    background-color: rgb(53 144 122 / var(--tw-bg-opacity, 1));
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity, 1));
    transition-duration: .3s
}

.pagination-prev button, .pagination-next button {
    transition-duration: .3s
}

.pagination-prev button:disabled, .pagination-next button:disabled {
    opacity: .45;
    transition-duration: .3s
}

.pagination-prev button:disabled:hover, .pagination-next button:disabled:hover {
    text-decoration-line: none
}

.pagination-btns-wrapper {
    display: flex;
    align-items: center;
    gap: 2.5rem
}

.blog-post-hero-wrapper {
    --tw-bg-opacity: 1;
    background-color: rgb(248 247 242 / var(--tw-bg-opacity, 1))
}

@media (min-width: 1024px) {
    .blog-post-hero-wrapper {
        padding-top: 1.25rem;
        padding-bottom: 5rem
    }
}

.blog-post-hero-container {
    width: 100%;
    margin-right: auto;
    margin-left: auto
}

@media (min-width: 100%) {
    .blog-post-hero-container {
        max-width: 100%
    }
}

@media (min-width: 1536px) {
    .blog-post-hero-container {
        max-width: 1536px
    }
}

.blog-post-hero-container {
    padding-left: 1.25rem;
    padding-right: 1.25rem
}

@media (min-width: 640px) {
    .blog-post-hero-container {
        padding-left: 2rem;
        padding-right: 2rem
    }
}

@media (min-width: 768px) {
    .blog-post-hero-container {
        padding-left: 3rem;
        padding-right: 3rem
    }
}

@media (min-width: 1200px) {
    .blog-post-hero-container {
        padding-left: 5.5rem;
        padding-right: 5.5rem
    }
}

.blog-post-hero-container {
    display: flex;
    flex-direction: column;
    gap: 1rem
}

@media (min-width: 1024px) {
    nav.blog-post-hero-container {
        padding-left: 2rem;
        padding-right: 2rem
    }
}

@media (min-width: 1200px) {
    nav.blog-post-hero-container {
        padding-left: 4.5rem;
        padding-right: 4.5rem
    }
}

@media (min-width: 1536px) {
    nav.blog-post-hero-container {
        padding-left: 5.5rem;
        padding-right: 5.5rem
    }
}

@media (min-width: 1024px) {
    .blog-post-hero-container {
        flex-direction: row;
        gap: 1.5rem
    }
}

.blog-post-hero-leftside {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    gap: 1.5rem;
    padding-bottom: 1rem;
    padding-top: 2rem
}

@media (min-width: 1024px) {
    .blog-post-hero-leftside {
        width: 50%;
        padding-bottom: 2.5rem;
        padding-top: 2.5rem;
        padding-inline-end: 2.5rem
    }
}

@media (min-width: 1400px) {
    .blog-post-hero-leftside {
        width: 40%
    }
}

.blog-post-hero-content-wrapper {
    display: flex;
    flex-direction: column;
    gap: 1rem
}

.blog-post-listen-wrapper {
    margin-bottom: 1rem;
    display: flex;
    align-items: center;
    gap: .5rem
}

.blog-post-listen-line {
    height: 1rem;
    width: 1px;
    background-color: #1b1d1e66
}

.blog-post-listen {
    display: flex;
    cursor: pointer;
    align-items: center;
    gap: .5rem
}

.blog-post-title {
    font-weight: 800;
    line-height: 135%;
    color: #150d30d9
}

[dir=rtl] .values-wrapper .blog-post-title {
    font-weight: 700
}

.blog-post-share-wrapper {
    display: flex;
    align-items: center;
    gap: 1.5rem
}

.blog-post-share-item {
    display: flex;
    cursor: pointer;
    align-items: center;
    gap: .5rem
}

@media (min-width: 1024px) {
    .blog-post-image-wrapper {
        height: 34.0625rem;
        width: 50%
    }
}

@media (min-width: 1400px) {
    .blog-post-image-wrapper {
        width: 57%
    }
}

.blog-post-image-wrapper img {
    height: 100%;
    width: 100%;
    border-radius: 1rem;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center;
    object-position: center
}

.related-articles-wrapper {
    --tw-bg-opacity: 1;
    background-color: rgb(246 240 234 / var(--tw-bg-opacity, 1));
    padding-top: 3rem;
    padding-bottom: 5rem
}

.related-articles-container {
    width: 100%;
    margin-right: auto;
    margin-left: auto
}

@media (min-width: 100%) {
    .related-articles-container {
        max-width: 100%
    }
}

@media (min-width: 1536px) {
    .related-articles-container {
        max-width: 1536px
    }
}

.related-articles-container {
    padding-left: 1.25rem;
    padding-right: 1.25rem
}

@media (min-width: 640px) {
    .related-articles-container {
        padding-left: 2rem;
        padding-right: 2rem
    }
}

@media (min-width: 768px) {
    .related-articles-container {
        padding-left: 3rem;
        padding-right: 3rem
    }
}

@media (min-width: 1200px) {
    .related-articles-container {
        padding-left: 5.5rem;
        padding-right: 5.5rem
    }
}

.related-articles-container {
    display: flex;
    flex-direction: column;
    gap: 2.5rem
}

@media (min-width: 1024px) {
    nav.related-articles-container {
        padding-left: 2rem;
        padding-right: 2rem
    }
}

@media (min-width: 1200px) {
    nav.related-articles-container {
        padding-left: 4.5rem;
        padding-right: 4.5rem
    }
}

@media (min-width: 1536px) {
    nav.related-articles-container {
        padding-left: 5.5rem;
        padding-right: 5.5rem
    }
}

.content-table-wrapper {
    display: none;
    flex-direction: column;
    gap: 2rem
}

@media (min-width: 1024px) {
    .content-table-wrapper {
        margin-bottom: 1.5rem;
        display: flex
    }
}

.single-page .content-table-line {
    position: absolute;
    inset-inline-start: 0px;
    top: 0;
    margin-top: 0;
    margin-bottom: 0;
    height: 100%;
    width: .125rem;
    background-color: #1b1d1e1f
}

.content-table {
    position: relative;
    display: flex
}

.content {
    display: flex;
    flex-direction: column;
    gap: 1.5rem
}

.content-table .content-link {
    font-size: 1.125rem;
    line-height: 1.75rem;
    font-weight: 600;
    line-height: 150%;
    letter-spacing: -.0135rem;
    padding-inline-start: 1.5rem;
    color: #150d30d9;
    transition-duration: .3s
}

.content-table .content-link.active, .table-of-content .custom-dropdown .dropdown-options .option.active {
    border-inline-start-width: 2px;
    border-color: #402893d9;
    color: #35907ad9;
    transition-duration: .3s
}

.table-of-content .custom-dropdown {
    position: relative;
    margin-bottom: 2.5rem;
    border-radius: .375rem;
    border-width: 1px;
    border-color: #1b1d1e1f;
    --tw-bg-opacity: 1;
    background-color: rgb(246 240 234 / var(--tw-bg-opacity, 1))
}

.table-of-content .custom-dropdown .dropdown-selected p:where([dir=ltr],[dir=ltr] *) {
    font-size: 1.1875rem;
    line-height: 110%;
    letter-spacing: -.02969rem
}

@media (min-width: 1024px) {
    .table-of-content .custom-dropdown .dropdown-selected p:where([dir=ltr],[dir=ltr] *) {
        font-size: 1.4375rem;
        letter-spacing: -.03594rem
    }
}

.table-of-content .custom-dropdown .dropdown-selected p:where([dir=rtl],[dir=rtl] *) {
    font-size: 1.125rem;
    line-height: 120%;
    letter-spacing: -.0225rem
}

@media (min-width: 1024px) {
    .table-of-content .custom-dropdown .dropdown-selected p:where([dir=rtl],[dir=rtl] *) {
        font-size: 1.375rem;
        line-height: 110%;
        letter-spacing: -.03438rem
    }
}

.table-of-content .custom-dropdown .dropdown-selected p {
    font-weight: 700;
    color: #150d30d9
}

[dir=rtl] .values-wrapper .table-of-content .custom-dropdown .dropdown-selected p {
    font-weight: 600
}

.table-of-content .custom-dropdown .dropdown-options {
    top: 100%;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    padding-left: 0;
    padding-right: 0;
    padding-top: .5rem;
    padding-bottom: .5rem
}

.table-of-content .custom-dropdown .dropdown-options .option {
    border-radius: 0
}

.table-of-content .custom-dropdown:has(.dropdown-options.active) {
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
    border-bottom-width: 0px
}

.table-of-content .custom-dropdown .dropdown-options.active {
    border-top-width: 0px
}

@media (min-width: 1024px) {
    .post-content section h2, .post-content section h3, .post-content section h4, .post-content section h5, .post-content section h6 {
        scroll-margin-top: 8rem
    }
}

.single-page a:not(.content-link) {
    --tw-text-opacity: 1;
    color: rgb(53 144 122 / var(--tw-text-opacity, 1));
    text-decoration-line: underline;
    text-underline-offset: 3px
}

.single-page a:not(.content-link):hover {
    text-decoration-style: solid;
    text-decoration-thickness: 6.5%;
    transition-duration: .3s
}

.single-page ol {
    list-style-position: inside;
    list-style-type: decimal;
    padding-inline-start: 1rem
}

.single-page ul {
    list-style-position: inside;
    list-style-type: disc;
    padding-inline-start: 1rem
}

.logo-nav {
    display: flex;
    width: 100%;
    align-items: center;
    justify-content: center;
    --tw-bg-opacity: 1;
    background-color: rgb(248 247 242 / var(--tw-bg-opacity, 1))
}

.logo-nav.start {
    position: absolute;
    width: 100%;
    background-color: transparent;
    padding: 0
}

.logo-nav.start a {
    width: 100%;
    margin-right: auto;
    margin-left: auto
}

@media (min-width: 100%) {
    .logo-nav.start a {
        max-width: 100%
    }
}

@media (min-width: 1536px) {
    .logo-nav.start a {
        max-width: 1536px
    }
}

.logo-nav.start a {
    padding-left: 1.25rem;
    padding-right: 1.25rem
}

@media (min-width: 640px) {
    .logo-nav.start a {
        padding-left: 2rem;
        padding-right: 2rem
    }
}

@media (min-width: 768px) {
    .logo-nav.start a {
        padding-left: 3rem;
        padding-right: 3rem
    }
}

@media (min-width: 1200px) {
    .logo-nav.start a {
        padding-left: 5.5rem;
        padding-right: 5.5rem
    }
}

.logo-nav.start a {
    display: flex;
    align-items: center;
    justify-content: flex-start
}

@media (min-width: 1024px) {
    nav.logo-nav.start a {
        padding-left: 2rem;
        padding-right: 2rem
    }
}

@media (min-width: 1200px) {
    nav.logo-nav.start a {
        padding-left: 4.5rem;
        padding-right: 4.5rem
    }
}

@media (min-width: 1536px) {
    nav.logo-nav.start a {
        padding-left: 5.5rem;
        padding-right: 5.5rem
    }
}

.legal-content-wrapper {
    --tw-bg-opacity: 1;
    background-color: rgb(248 247 242 / var(--tw-bg-opacity, 1));
    padding-top: 4.75rem
}

@media (min-width: 1024px) {
    .legal-content-wrapper {
        padding-top: 5.25rem
    }
}

.legal-content-container {
    width: 100%;
    margin-right: auto;
    margin-left: auto
}

@media (min-width: 100%) {
    .legal-content-container {
        max-width: 100%
    }
}

@media (min-width: 1536px) {
    .legal-content-container {
        max-width: 1536px
    }
}

.legal-content-container {
    padding-left: 1.25rem;
    padding-right: 1.25rem
}

@media (min-width: 640px) {
    .legal-content-container {
        padding-left: 2rem;
        padding-right: 2rem
    }
}

@media (min-width: 768px) {
    .legal-content-container {
        padding-left: 3rem;
        padding-right: 3rem
    }
}

@media (min-width: 1200px) {
    .legal-content-container {
        padding-left: 5.5rem;
        padding-right: 5.5rem
    }
}

.legal-content-container {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 1.25rem;
    text-align: start
}

@media (min-width: 1024px) {
    nav.legal-content-container {
        padding-left: 2rem;
        padding-right: 2rem
    }
}

@media (min-width: 1200px) {
    nav.legal-content-container {
        padding-left: 4.5rem;
        padding-right: 4.5rem
    }
}

@media (min-width: 1536px) {
    nav.legal-content-container {
        padding-left: 5.5rem;
        padding-right: 5.5rem
    }
}

.legal-content-header {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 1rem
}

.legal-content {
    margin-left: auto;
    margin-right: auto;
    padding-top: 3rem
}

@media (min-width: 1024px) {
    .legal-content {
        width: 60%
    }
}

.legal-content-container .text-section .content p {
    font-size: 1rem;
    line-height: 1.5rem;
    font-weight: 500;
    line-height: 150%;
    letter-spacing: -.012rem
}

[dir=rtl] .values-wrapper .legal-content-container .text-section .content p {
    font-weight: 400
}

.legal-content-container .text-section .content p {
    color: #150d30a6
}

[dir=rtl] p.legal-content-container .text-section .content p, [dir=rtl] span.legal-content-container .text-section .content p, [dir=rtl] a.legal-content-container .text-section .content p, [dir=rtl] li.legal-content-container .text-section .content p, [dir=rtl] ol.legal-content-container .text-section .content p, [dir=rtl] ul.legal-content-container .text-section .content p, [dir=rtl] h1.legal-content-container .text-section .content p, [dir=rtl] h2.legal-content-container .text-section .content p, [dir=rtl] h3.legal-content-container .text-section .content p, [dir=rtl] h4.legal-content-container .text-section .content p, [dir=rtl] h5.legal-content-container .text-section .content p, [dir=rtl] h6.legal-content-container .text-section .content p {
    --tw-text-opacity: 1;
    color: rgb(21 13 48 / var(--tw-text-opacity, 1));
    opacity: .65
}

@media (min-width: 1024px) {
    .legal-content-container .text-section .content p {
        font-size: 1.125rem;
        line-height: 1.75rem;
        font-weight: 500;
        line-height: 150%;
        letter-spacing: -.0135rem
    }

    [dir=rtl] .values-wrapper .legal-content-container .text-section .content p {
        font-weight: 400
    }
}

.not-found-content-wrapper {
    --tw-bg-opacity: 1;
    background-color: rgb(248 247 242 / var(--tw-bg-opacity, 1));
    padding-top: 5rem
}

.not-found-content-container {
    width: 100%;
    margin-right: auto;
    margin-left: auto
}

@media (min-width: 100%) {
    .not-found-content-container {
        max-width: 100%
    }
}

@media (min-width: 1536px) {
    .not-found-content-container {
        max-width: 1536px
    }
}

.not-found-content-container {
    padding-left: 1.25rem;
    padding-right: 1.25rem
}

@media (min-width: 640px) {
    .not-found-content-container {
        padding-left: 2rem;
        padding-right: 2rem
    }
}

@media (min-width: 768px) {
    .not-found-content-container {
        padding-left: 3rem;
        padding-right: 3rem
    }
}

@media (min-width: 1200px) {
    .not-found-content-container {
        padding-left: 5.5rem;
        padding-right: 5.5rem
    }
}

.not-found-content-container {
    position: relative;
    display: flex;
    height: calc(100vh - 5rem);
    width: 100%;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 2rem;
    text-align: center
}

@media (min-width: 1024px) {
    nav.not-found-content-container {
        padding-left: 2rem;
        padding-right: 2rem
    }
}

@media (min-width: 1200px) {
    nav.not-found-content-container {
        padding-left: 4.5rem;
        padding-right: 4.5rem
    }
}

@media (min-width: 1536px) {
    nav.not-found-content-container {
        padding-left: 5.5rem;
        padding-right: 5.5rem
    }
}

.not-found {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: .5rem;
    text-align: center
}

.not-found-description {
    font-size: 1rem;
    line-height: 1.5rem;
    font-weight: 500;
    line-height: 150%;
    letter-spacing: -.012rem
}

[dir=rtl] .values-wrapper .not-found-description {
    font-weight: 400
}

.not-found-description {
    margin-left: auto;
    margin-right: auto;
    text-align: center;
    color: #150d30d9
}

@media (min-width: 1024px) {
    .not-found-description {
        font-size: 1.125rem;
        line-height: 1.75rem;
        font-weight: 500;
        line-height: 150%;
        letter-spacing: -.0135rem
    }

    [dir=rtl] .values-wrapper .not-found-description {
        font-weight: 400
    }

    .not-found-description {
        width: 33.333333%
    }
}

.smile-loading {
    z-index: 10
}

.image-group-wrapper {
    padding-top: 4.5rem;
    padding-bottom: 3rem
}

@media (min-width: 1024px) {
    .image-group-wrapper {
        padding-top: 5.5rem;
        padding-bottom: 5.5rem
    }
}

.image-group-wrapper.light {
    --tw-bg-opacity: 1;
    background-color: rgb(248 247 242 / var(--tw-bg-opacity, 1))
}

.image-group-wrapper.gradient {
    background: linear-gradient(180deg, #fcfaf8, #f6f0ea)
}

.image-group-container {
    margin-left: auto;
    margin-right: auto;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 3rem;
    padding-inline-start: 1.25rem
}

@media (min-width: 640px) {
    .image-group-container {
        padding-inline-start: 2rem
    }
}

@media (min-width: 768px) {
    .image-group-container {
        padding-inline-start: 3rem
    }
}

@media (min-width: 1024px) {
    .image-group-container {
        padding-inline-start: 5.5rem
    }
}

@media (min-width: 1536px) {
    .image-group-container {
        max-width: 1536px
    }
}

.image-group-header {
    width: 100%;
    margin-right: auto;
    margin-left: auto
}

@media (min-width: 100%) {
    .image-group-header {
        max-width: 100%
    }
}

@media (min-width: 1536px) {
    .image-group-header {
        max-width: 1536px
    }
}

.image-group-header {
    padding-left: 1.25rem;
    padding-right: 1.25rem
}

@media (min-width: 640px) {
    .image-group-header {
        padding-left: 2rem;
        padding-right: 2rem
    }
}

@media (min-width: 768px) {
    .image-group-header {
        padding-left: 3rem;
        padding-right: 3rem
    }
}

@media (min-width: 1200px) {
    .image-group-header {
        padding-left: 5.5rem;
        padding-right: 5.5rem
    }
}

.image-group-header {
    margin-bottom: 3rem;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 1rem;
    text-align: center
}

@media (min-width: 1024px) {
    nav.image-group-header {
        padding-left: 2rem;
        padding-right: 2rem
    }
}

@media (min-width: 1200px) {
    nav.image-group-header {
        padding-left: 4.5rem;
        padding-right: 4.5rem
    }
}

@media (min-width: 1536px) {
    nav.image-group-header {
        padding-left: 5.5rem;
        padding-right: 5.5rem
    }
}

.image-group-heading-wrapper {
    display: flex;
    flex-direction: column;
    gap: 1rem
}

.image-group-heading-wrapper:has(>h3) {
    gap: 3rem
}

.image-group-header:has(>h3) {
    gap: 2.5rem
}

.image-group-container .swiper {
    height: 33.75rem;
    width: 100%
}

@media (min-width: 1024px) {
    .image-group-container .swiper {
        height: 42.3125rem
    }
}

.image-group-container .image-card-overlay {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 10;
    height: 100%;
    width: 100%;
    border-radius: 1rem;
    opacity: .65;
    mix-blend-mode: hard-light;
    transition-duration: .3s;
    background: linear-gradient(180deg, #26292933 4.96%, #26292966 55.43%, #262929)
}

.image-group-container .image-card:last-child {
    margin-inline-end: 1.25rem
}

@media (min-width: 1024px) {
    .image-group-container .image-card:last-child {
        margin-inline-end: 0px
    }
}

.image-group-container img:not(.image-card-icon) {
    height: 100%;
    width: 100%;
    border-radius: 1rem;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center;
    object-position: center;
    transition-duration: .3s
}

.image-card-title {
    position: absolute;
    bottom: 3rem;
    left: 50%;
    z-index: 10;
    --tw-translate-x: -50%;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
    text-align: center;
    font-weight: 700;
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity, 1));
    transition-duration: .3s
}

[dir=rtl] .values-wrapper .image-card-title {
    font-weight: 600
}

.image-card-title {
    text-shadow: 0px 1px 2px rgba(0, 0, 0, .28)
}

.image-card-icon {
    position: absolute;
    top: 1.5rem;
    z-index: 10;
    height: 3.5rem;
    width: 3.5rem;
    --tw-translate-x: 0px;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
    opacity: 0;
    transition-duration: .3s
}

.image-card-icon:where([dir=ltr],[dir=ltr] *) {
    right: 1rem
}

.image-card-icon:where([dir=rtl],[dir=rtl] *) {
    left: 1rem
}

.image-card {
    position: relative;
    height: 31.75rem !important;
    cursor: pointer
}

@media (min-width: 1024px) {
    .image-card {
        height: 40.3125rem !important
    }
}

.image-group-container .header-arrows, #gallery-popup .header-arrows {
    display: flex;
    align-items: center;
    gap: 1rem
}

.image-group-container .swiper-wrapper {
    align-items: center
}

@media screen and (min-width: 1024px) {
    .image-card:hover .image-card-icon {
        --tw-translate-y: -.5rem;
        --tw-translate-x: 0px;
        transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
        opacity: 1;
        transition-duration: .3s
    }

    .image-card:hover .image-card-title {
        --tw-translate-y: -.25rem;
        transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
    }

    .image-card:hover img:not(.image-card-icon), .image-card:hover .image-card-overlay {
        --tw-scale-x: 1.03;
        --tw-scale-y: 1.03;
        transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
        border-radius: 1.5rem;
        transition-duration: .3s
    }
}

@media screen and (max-width: 1023px) {
    .image-card.swiper-slide-active .image-card-icon {
        --tw-translate-y: -.5rem;
        --tw-translate-x: 0px;
        transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
        opacity: 1;
        transition-delay: .1s;
        transition-duration: .3s
    }

    .image-card.swiper-slide-active .image-card-title {
        --tw-translate-y: -.25rem;
        transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
        transition-delay: .1s
    }

    .image-card.swiper-slide-active img:not(.image-card-icon), .image-card.swiper-slide-active .image-card-overlay {
        --tw-scale-x: 1.03;
        --tw-scale-y: 1.03;
        transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
        border-radius: 1.5rem;
        transition-delay: .1s;
        transition-duration: .3s
    }

    #gallery-popup .popup-content-wrapper {
        left: 50%;
        top: 50%;
        height: calc(100% - 2.5rem);
        width: calc(100% - 2.5rem) !important;
        --tw-translate-x: -50%;
        --tw-translate-y: -50%;
        transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
        overflow-y: auto
    }

    @media (min-width: 640px) {
        #gallery-popup .popup-content-wrapper {
            height: calc(100% - 4rem) !important;
            width: calc(100% - 4rem) !important
        }
    }@media (min-width: 768px) {
    #gallery-popup .popup-content-wrapper {
        height: calc(100% - 6rem) !important;
        width: calc(100% - 6rem) !important
    }
}
}

#gallery-popup .popup-content-wrapper {
    display: flex;
    flex-direction: column !important;
    align-items: center;
    gap: 2rem !important;
    border-radius: 1rem
}

@media (min-width: 1024px) {
    #gallery-popup .popup-content-wrapper {
        justify-content: flex-start
    }
}

@media (min-width: 1200px) {
    #gallery-popup .popup-content-wrapper {
        justify-content: space-between
    }
}

#gallery-popup .popup-leftside {
    display: flex;
    width: 100%;
    flex-direction: column;
    align-items: center;
    gap: 1.5rem
}

@media (min-width: 1024px) {
    #gallery-popup .popup-leftside {
        width: 47%;
        gap: 3.5rem
    }
}

#gallery-popup #selected-img {
    height: 16.1875rem;
    width: 100%;
    border-radius: .5rem;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center;
    object-position: center
}

@media (min-width: 1024px) {
    #gallery-popup #selected-img {
        height: 25.0625rem
    }

    #gallery-popup .popup-rightside {
        width: 53.25%
    }
}

#gallery-popup .swiper-wrapper {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: .5rem;
    row-gap: .5rem
}

@media (min-width: 1024px) {
    #gallery-popup .swiper-wrapper {
        -moz-column-gap: 1rem;
        column-gap: 1rem
    }
}

#gallery-popup .swiper-slide {
    aspect-ratio: 1 / 1;
    width: calc(33.333% - .5rem) !important;
    cursor: pointer
}

@media (min-width: 1024px) {
    #gallery-popup .swiper-slide {
        width: calc(33.333% - .75rem) !important
    }
}

#gallery-popup .gallery-popup-images {
    height: 100%;
    width: 100%;
    border-radius: .5rem;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center;
    object-position: center
}

.gallery-content {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 1.5rem
}

@media (min-width: 1024px) {
    .gallery-content {
        flex-direction: row;
        gap: 2.5rem
    }
}

.treatment-rooms-wrapper {
    display: flex;
    height: -moz-fit-content !important;
    height: fit-content !important;
    flex-direction: column;
    gap: 3rem;
    overflow: hidden;
    padding-top: 6rem;
    padding-bottom: 6rem;
    width: 100% !important;
    max-width: 100% !important;
}

.treatment-rooms-wrapper.bg-gradient-reversed {
    --tw-bg-opacity: 1;
    background-color: rgb(246 240 234 / var(--tw-bg-opacity, 1))
}

.treatment-rooms-header {
    width: 100%;
    margin-right: auto;
    margin-left: auto
}

@media (min-width: 100%) {
    .treatment-rooms-header {
        max-width: 100%
    }
}

@media (min-width: 1536px) {
    .treatment-rooms-header {
        max-width: 1536px
    }
}

.treatment-rooms-header {
    padding-left: 1.25rem;
    padding-right: 1.25rem
}

@media (min-width: 640px) {
    .treatment-rooms-header {
        padding-left: 2rem;
        padding-right: 2rem
    }
}

@media (min-width: 768px) {
    .treatment-rooms-header {
        padding-left: 3rem;
        padding-right: 3rem
    }
}

@media (min-width: 1200px) {
    .treatment-rooms-header {
        padding-left: 5.5rem;
        padding-right: 5.5rem
    }
}

.treatment-rooms-header {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: space-between;
    gap: 1.5rem
}

@media (min-width: 1024px) {
    nav.treatment-rooms-header {
        padding-left: 2rem;
        padding-right: 2rem
    }
}

@media (min-width: 1200px) {
    nav.treatment-rooms-header {
        padding-left: 4.5rem;
        padding-right: 4.5rem
    }
}

@media (min-width: 1536px) {
    nav.treatment-rooms-header {
        padding-left: 5.5rem;
        padding-right: 5.5rem
    }
}

@media (min-width: 1024px) {
    .treatment-rooms-header {
        flex-direction: row;
        gap: 2.5rem
    }
}

.treatment-rooms-heading-wrapper {
    display: flex;
    flex-direction: column;
    gap: .5rem;
    text-align: start
}

@media (min-width: 1024px) {
    .treatment-rooms-heading-wrapper {
        width: 50%
    }
}

.treatment-rooms-description {
    font-size: 1.1875rem;
    font-weight: 600;
    line-height: 150%;
    letter-spacing: -.03563rem;
    color: #150d30d9
}

@media (min-width: 1024px) {
    .treatment-rooms-description {
        width: 50%;
        font-size: 1.4375rem;
        letter-spacing: -.04313rem
    }
}

.treatment-rooms-image-container {
    width: 100%;
    margin-right: auto;
    margin-left: auto
}

@media (min-width: 100%) {
    .treatment-rooms-image-container {
        max-width: 100%
    }
}

@media (min-width: 1536px) {
    .treatment-rooms-image-container {
        max-width: 1536px
    }
}

.treatment-rooms-image-container {
    padding-left: 1.25rem;
    padding-right: 1.25rem
}

@media (min-width: 640px) {
    .treatment-rooms-image-container {
        padding-left: 2rem;
        padding-right: 2rem
    }
}

@media (min-width: 768px) {
    .treatment-rooms-image-container {
        padding-left: 3rem;
        padding-right: 3rem
    }
}

@media (min-width: 1200px) {
    .treatment-rooms-image-container {
        padding-left: 5.5rem;
        padding-right: 5.5rem
    }
}

@media (min-width: 1024px) {
    nav.treatment-rooms-image-container {
        padding-left: 2rem;
        padding-right: 2rem
    }
}

@media (min-width: 1200px) {
    nav.treatment-rooms-image-container {
        padding-left: 4.5rem;
        padding-right: 4.5rem
    }
}

@media (min-width: 1536px) {
    nav.treatment-rooms-image-container {
        padding-left: 5.5rem;
        padding-right: 5.5rem
    }
}

.treatment-rooms-image-wrapper {
    display: flex;
    min-width: 200vw;
    align-items: center;
    gap: .5rem
}

@media (min-width: 1024px) {
    .treatment-rooms-image-wrapper {
        gap: 2rem
    }
}

.treatment-rooms-image {
    aspect-ratio: 1 / 1;
    height: 100%;
    width: 100%;
    overflow: hidden
}

@media (min-width: 1024px) {
    .treatment-rooms-image {
        aspect-ratio: auto
    }
}

.treatment-rooms-image img {
    width: 90vw;
    border-radius: 1rem;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center;
    object-position: center
}

@media (min-width: 1024px) {
    .treatment-rooms-image img {
        width: 76vw
    }
}

@media (min-height: 850px) and (max-height: 1080px) {
    .treatment-rooms-image img {
        height: 76vh
    }
}

@media (min-height: 1081px) {
    .treatment-rooms-image img {
        height: 76vh
    }
}

@media screen and (max-width: 1024px) {
    .treatment-rooms-image img {
        height: 100%
    }
}

.our-facilities-hero-wrapper {
    height: 100vh;
    padding-bottom: 4rem
}

@media (min-width: 1024px) {
    .our-facilities-hero-wrapper {
        padding-top: 1.25rem
    }
}

.pin-spacer {
    width: 100% !important;
}

.our-facilities-hero-wrapper {
    background: linear-gradient(180deg, #fcfaf8, #f6f0ea);
    width: 100% !important;
    max-width: 100% !important;
}

.our-facilities-hero-container {
    width: 100%;
    margin-right: auto;
    margin-left: auto
}

@media (min-width: 100%) {
    .our-facilities-hero-container {
        max-width: 100%
    }
}

@media (min-width: 1536px) {
    .our-facilities-hero-container {
        max-width: 1536px
    }
}

.our-facilities-hero-container {
    padding-left: 1.25rem;
    padding-right: 1.25rem
}

@media (min-width: 640px) {
    .our-facilities-hero-container {
        padding-left: 2rem;
        padding-right: 2rem
    }
}

@media (min-width: 768px) {
    .our-facilities-hero-container {
        padding-left: 3rem;
        padding-right: 3rem
    }
}

@media (min-width: 1200px) {
    .our-facilities-hero-container {
        padding-left: 5.5rem;
        padding-right: 5.5rem
    }
}

.our-facilities-hero-container {
    position: sticky;
    top: .5rem;
    overflow: hidden
}

@media (min-width: 1024px) {
    nav.our-facilities-hero-container {
        padding-left: 2rem;
        padding-right: 2rem
    }
}

@media (min-width: 1200px) {
    nav.our-facilities-hero-container {
        padding-left: 4.5rem;
        padding-right: 4.5rem
    }
}

@media (min-width: 1536px) {
    nav.our-facilities-hero-container {
        padding-left: 5.5rem;
        padding-right: 5.5rem
    }
}

.our-facilities-content-wrapper {
    position: relative;
    height: 42.0625rem;
    width: 100%
}

.our-facilities-bg-img {
    position: relative;
    height: 100%
}

.our-facilities-hero-overlay {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    height: 100%;
    width: 100%;
    border-radius: 1rem;
    opacity: .85;
    mix-blend-mode: hard-light;
    background: linear-gradient(270deg, #262929cc 4.96%, #262929cc 45.07%, #262929)
}

.our-facilities-bg-img img {
    height: 100%;
    width: 100%;
    border-radius: 1rem;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center;
    object-position: center
}

.our-facilities-hero-text {
    position: absolute;
    top: 50%;
    inset-inline-start: 1.75rem;
    display: flex;
    width: 83.333333%;
    --tw-translate-y: -50%;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
    flex-direction: column;
    gap: 1.75rem
}

@media (min-width: 1024px) {
    .our-facilities-hero-text {
        inset-inline-start: 4rem;
        width: 40%
    }
}

.our-facilities-text-category {
    margin-bottom: .5rem;
    padding-top: .5rem;
    padding-bottom: .5rem;
    font-weight: 700;
    color: #ffffffa6
}

[dir=rtl] .values-wrapper .our-facilities-text-category {
    font-weight: 600
}

[dir=rtl] p.our-facilities-text-category, [dir=rtl] span.our-facilities-text-category, [dir=rtl] a.our-facilities-text-category, [dir=rtl] li.our-facilities-text-category, [dir=rtl] ol.our-facilities-text-category, [dir=rtl] ul.our-facilities-text-category, [dir=rtl] h1.our-facilities-text-category, [dir=rtl] h2.our-facilities-text-category, [dir=rtl] h3.our-facilities-text-category, [dir=rtl] h4.our-facilities-text-category, [dir=rtl] h5.our-facilities-text-category, [dir=rtl] h6.our-facilities-text-category {
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity, 1));
    opacity: .65
}

.our-facilities-text-category {
    text-shadow: 0px 2px 4px rgba(0, 0, 0, .25)
}

.our-facilities-text-heading {
    font-weight: 800;
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity, 1))
}

[dir=rtl] .values-wrapper .our-facilities-text-heading {
    font-weight: 700
}

.our-facilities-text-heading {
    text-shadow: 0px 4px 6px rgba(0, 0, 0, .28)
}

.our-facilities-text-description {
    font-size: 1rem;
    line-height: 1.5rem;
    font-weight: 500;
    line-height: 150%;
    letter-spacing: -.012rem
}

[dir=rtl] .values-wrapper .our-facilities-text-description {
    font-weight: 400
}

.our-facilities-text-description {
    color: #ffffffa6
}

[dir=rtl] p.our-facilities-text-description, [dir=rtl] span.our-facilities-text-description, [dir=rtl] a.our-facilities-text-description, [dir=rtl] li.our-facilities-text-description, [dir=rtl] ol.our-facilities-text-description, [dir=rtl] ul.our-facilities-text-description, [dir=rtl] h1.our-facilities-text-description, [dir=rtl] h2.our-facilities-text-description, [dir=rtl] h3.our-facilities-text-description, [dir=rtl] h4.our-facilities-text-description, [dir=rtl] h5.our-facilities-text-description, [dir=rtl] h6.our-facilities-text-description {
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity, 1));
    opacity: .65
}

.our-facilities-text-description {
    text-shadow: 0px 1px 2px rgba(0, 0, 0, .35)
}

.our-facilities-hero-video {
    position: absolute;
    bottom: 1.5rem;
    inset-inline-end: 1.5rem;
    z-index: 10;
    display: none;
    height: 19.0625rem;
    width: 11.5rem;
    cursor: pointer
}

@media (min-width: 1024px) {
    .our-facilities-hero-video {
        display: block
    }
}

.our-facilities-hero-video-overlay {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    height: 100%;
    width: 100%;
    border-radius: .5rem;
    opacity: .45;
    mix-blend-mode: hard-light;
    background: linear-gradient(270deg, #262929cc 4.96%, #262929cc 45.07%, #262929)
}

.our-facilities-video {
    aspect-ratio: 16 / 9;
    width: 91.666667%
}

@media (min-width: 1024px) {
    .our-facilities-video {
        width: 840px
    }
}

.our-facilities-hero-video-thumbnail {
    height: 100%;
    width: 100%;
    border-radius: .5rem
}

.our-facilities-hero-video-icon {
    position: absolute;
    left: 50%;
    top: 50%;
    --tw-translate-x: -50%;
    --tw-translate-y: -50%;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.explore-site-wrapper {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 3rem;
    padding-top: 4.5rem;
    padding-bottom: 1.5rem
}

@media (min-width: 1024px) {
    .explore-site-wrapper {
        gap: 3.5rem;
        padding-top: 5.5rem;
        padding-bottom: 5.5rem
    }
}

.explore-site-wrapper {
    background: linear-gradient(180deg, #f8f7f2, #fcfaf8)
}

.explore-site-image-wrapper {
    position: relative;
    height: 100vh;
    width: 100%;
    cursor: pointer
}

.explore-site-image-wrapper img {
    height: 100%;
    width: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center;
    object-position: center
}

.explore-site-image-overlay {
    position: absolute;
    left: 0;
    height: 15.3125rem;
    width: 100%
}

@media (min-width: 1024px) {
    .explore-site-image-overlay {
        height: 18.875rem
    }
}

.explore-site-image-overlay:first-child {
    top: 0;
    background: linear-gradient(180deg, #f8f7f2, #f8f7f2cc 52.8%, #f8f7f200)
}

.explore-site-image-overlay:last-child {
    bottom: 0;
    background: linear-gradient(180deg, #fbf9f700, #fbf9f799 30.14%, #fbf9f7e6 59.38%, #fbf9f7)
}

.explore-site-numbers-wrapper {
    width: 100%;
    margin-right: auto;
    margin-left: auto
}

@media (min-width: 100%) {
    .explore-site-numbers-wrapper {
        max-width: 100%
    }
}

@media (min-width: 1536px) {
    .explore-site-numbers-wrapper {
        max-width: 1536px
    }
}

.explore-site-numbers-wrapper {
    padding-left: 1.25rem;
    padding-right: 1.25rem
}

@media (min-width: 640px) {
    .explore-site-numbers-wrapper {
        padding-left: 2rem;
        padding-right: 2rem
    }
}

@media (min-width: 768px) {
    .explore-site-numbers-wrapper {
        padding-left: 3rem;
        padding-right: 3rem
    }
}

@media (min-width: 1200px) {
    .explore-site-numbers-wrapper {
        padding-left: 5.5rem;
        padding-right: 5.5rem
    }
}

.explore-site-numbers-wrapper {
    display: flex;
    width: 100%;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    gap: 1rem
}

@media (min-width: 1024px) {
    nav.explore-site-numbers-wrapper {
        padding-left: 2rem;
        padding-right: 2rem
    }
}

@media (min-width: 1200px) {
    nav.explore-site-numbers-wrapper {
        padding-left: 4.5rem;
        padding-right: 4.5rem
    }
}

@media (min-width: 1536px) {
    nav.explore-site-numbers-wrapper {
        padding-left: 5.5rem;
        padding-right: 5.5rem
    }
}

@media (min-width: 1024px) {
    .explore-site-numbers-wrapper {
        flex-wrap: nowrap;
        gap: 3.5rem
    }
}

.explore-site-number {
    display: flex;
    width: calc(50% - 1rem);
    flex-direction: column;
    align-items: center;
    gap: .25rem;
    border-inline-end-width: 1px;
    border-color: #1b1d1e1f;
    padding-inline-end: 1rem
}

.explore-site-number:nth-child(2n) {
    border-width: 0px
}

@media (min-width: 1024px) {
    .explore-site-number {
        width: 20%;
        padding-inline-end: 3.5rem
    }

    .explore-site-number:nth-child(2n) {
        border-inline-end-width: 1px
    }
}

.explore-site-number:last-child {
    border-width: 0px
}

.explore-site-number p:where([dir=ltr],[dir=ltr] *) {
    font-size: 3.375rem;
    line-height: 105%;
    letter-spacing: -.11813rem
}

@media (min-width: 1024px) {
    .explore-site-number p:where([dir=ltr],[dir=ltr] *) {
        font-size: 5.25rem;
        letter-spacing: -.21rem
    }
}

.explore-site-number p:where([dir=rtl],[dir=rtl] *) {
    font-size: 3.25rem;
    line-height: 108%;
    letter-spacing: -.0975rem
}

@media (min-width: 1024px) {
    .explore-site-number p:where([dir=rtl],[dir=rtl] *) {
        font-size: 4.625rem;
        line-height: 120%;
        letter-spacing: -.13875rem
    }
}

.explore-site-number p {
    font-feature-settings: "ss01" on, "ss02" on, "ss03" on, "cv01" on, "cv02" on, "cv04" on, "cv09" on, "cv12" on;
    font-weight: 700;
    color: #150d30d9
}

[dir=rtl] .values-wrapper .explore-site-number p {
    font-weight: 600
}

.explore-site-number span {
    font-size: 1rem;
    line-height: 1.5rem;
    font-weight: 600;
    line-height: 150%;
    letter-spacing: -.012rem;
    color: #150d3073
}

.explore-site-image {
    width: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center;
    object-position: center
}

@media (min-width: 1024px) {
    .explore-site-image {
        height: 100%
    }
}

.CookieConsent {
    display: none
}

.explore-site-image-container {
    position: relative
}

@media (min-width: 1024px) {
    .explore-site-image-container {
        height: 100vh
    }
}

.international-patients-award-wrapper {
    position: relative;
    padding-top: 3.5rem;
    padding-bottom: 3rem
}

.international-patients-award-container {
    width: 100%;
    margin-right: auto;
    margin-left: auto
}

@media (min-width: 100%) {
    .international-patients-award-container {
        max-width: 100%
    }
}

@media (min-width: 1536px) {
    .international-patients-award-container {
        max-width: 1536px
    }
}

.international-patients-award-container {
    padding-left: 1.25rem;
    padding-right: 1.25rem
}

@media (min-width: 640px) {
    .international-patients-award-container {
        padding-left: 2rem;
        padding-right: 2rem
    }
}

@media (min-width: 768px) {
    .international-patients-award-container {
        padding-left: 3rem;
        padding-right: 3rem
    }
}

@media (min-width: 1200px) {
    .international-patients-award-container {
        padding-left: 5.5rem;
        padding-right: 5.5rem
    }
}

.international-patients-award-container {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 2rem;
    overflow: hidden
}

@media (min-width: 1024px) {
    nav.international-patients-award-container {
        padding-left: 2rem;
        padding-right: 2rem
    }
}

@media (min-width: 1200px) {
    nav.international-patients-award-container {
        padding-left: 4.5rem;
        padding-right: 4.5rem
    }
}

@media (min-width: 1536px) {
    nav.international-patients-award-container {
        padding-left: 5.5rem;
        padding-right: 5.5rem
    }
}

.international-patients-award-content-wrapper {
    position: relative;
    width: 100%;
    justify-content: center
}

@media (min-width: 768px) {
    .international-patients-award-content-wrapper {
        display: flex
    }
}

@media (min-width: 1024px) {
    .international-patients-award-content-wrapper {
        width: auto
    }
}

.international-patients-award-text {
    display: flex;
    width: 100%;
    flex-direction: column;
    align-items: center;
    gap: 1.5rem;
    text-align: center
}

.international-patients-award-content {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 1rem;
    text-align: center
}

.international-patients-award-logo {
    height: 5.6875rem;
    width: 5.6875rem
}

.international-patients-illustration {
    position: absolute;
    top: -.75rem;
    height: 5.6875rem;
    width: 5.6875rem
}

.international-patients-illustration:first-child {
    inset-inline-start: -2rem
}

.international-patients-illustration:last-child {
    inset-inline-end: -2rem
}

@media (min-width: 768px) {
    .international-patients-illustration {
        position: relative;
        top: -1.5rem;
        height: 10.125rem;
        width: 10.125rem
    }

    .international-patients-illustration:first-child {
        inset-inline-start: 0px
    }

    .international-patients-illustration:last-child {
        inset-inline-end: 0px
    }
}

@media (min-width: 1024px) {
    .international-patients-illustration:first-child {
        inset-inline-start: -2rem
    }

    .international-patients-illustration:last-child {
        inset-inline-end: -2rem
    }
}

.international-patients-approved-by-wrapper {
    position: relative;
    height: 37.125rem;
    padding-top: 4rem
}

@media (min-width: 1024px) {
    .international-patients-approved-by-wrapper {
        height: 40rem;
        padding-top: 4.5rem
    }
}

.international-patients-approved-by-wrapper {
    /*background: linear-gradient(180deg, #f7f0ea, #e2dcfa 54.63%, #e2dcfa)*/
    background: linear-gradient(180deg, #1d6b580c, #1a222020 50%, #1d6b580c);
}

.international-patients-approved-by-content-wrapper {
    margin-left: auto;
    margin-right: auto;
    display: flex;
    flex-direction: column;
    gap: 4rem
}

@media (min-width: 1024px) {
    .international-patients-approved-by-content-wrapper {
        width: 79.4%
    }
}

@media (min-width: 1200px) {
    .international-patients-approved-by-content-wrapper {
        width: 71.5rem
    }
}

.title-illustration {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%
}

.title-illustration-wrapper {
    position: relative;
    height: 5.8125rem;
    width: 100%
}

@media (min-width: 1024px) {
    .title-illustration-wrapper {
        height: 13.28125rem
    }
}

.title-illustration img {
    height: 5.8125rem;
    width: 100%
}

@media (min-width: 1024px) {
    .title-illustration img {
        height: 13.28125rem
    }
}

.international-patients-reels-wrapper {
    --tw-bg-opacity: 1;
    background-color: rgb(246 240 234 / var(--tw-bg-opacity, 1));
    padding-top: 5rem;
    padding-bottom: 3rem
}

@media (min-width: 1024px) {
    .international-patients-reels-wrapper {
        padding-top: 7rem;
        padding-bottom: 3.5rem
    }
}

.cta-section-wrapper.bg-gradient-reversed {
    padding-top: 2rem
}

.international-patients-reels-container {
    width: 100%;
    margin-right: auto;
    margin-left: auto
}

@media (min-width: 100%) {
    .international-patients-reels-container {
        max-width: 100%
    }
}

@media (min-width: 1536px) {
    .international-patients-reels-container {
        max-width: 1536px
    }
}

.international-patients-reels-container {
    padding-left: 1.25rem;
    padding-right: 1.25rem
}

@media (min-width: 640px) {
    .international-patients-reels-container {
        padding-left: 2rem;
        padding-right: 2rem
    }
}

@media (min-width: 768px) {
    .international-patients-reels-container {
        padding-left: 3rem;
        padding-right: 3rem
    }
}

@media (min-width: 1200px) {
    .international-patients-reels-container {
        padding-left: 5.5rem;
        padding-right: 5.5rem
    }
}

@media (min-width: 1024px) {
    nav.international-patients-reels-container {
        padding-left: 2rem;
        padding-right: 2rem
    }
}

@media (min-width: 1200px) {
    nav.international-patients-reels-container {
        padding-left: 4.5rem;
        padding-right: 4.5rem
    }
}

@media (min-width: 1536px) {
    nav.international-patients-reels-container {
        padding-left: 5.5rem;
        padding-right: 5.5rem
    }
}

.international-patients-reels {
    display: flex;
    flex-direction: column;
    gap: 3.5rem
}

@media (min-width: 1024px) {
    .international-patients-reels {
        gap: 3rem
    }
}

@media (min-width: 1200px) {
    .international-patients-reels {
        padding-left: 6.75rem;
        padding-right: 6.75rem
    }
}

.international-patients-reels-header {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    gap: 2.5rem
}

@media (min-width: 1024px) {
    .international-patients-reels-header {
        margin-bottom: .5rem;
        flex-direction: row
    }

    .international-patients-reels-header > div {
        width: 50%
    }
}

.international-patients-reels .smile-gallery-hero-reels-wrapper {
    align-items: center
}

@media screen and (max-width: 360px) {
    .international-patients-award-content-wrapper .international-patients-illustration {
        display: none
    }
}

.about-us-hero-wrapper {
    margin-bottom: 1rem;
    display: flex;
    flex-direction: column;
    gap: 1rem;
    --tw-bg-opacity: 1;
    background-color: rgb(248 247 242 / var(--tw-bg-opacity, 1));
    padding-top: 4rem
}

.about-us-hero-content-wrapper {
    width: 100%;
    margin-right: auto;
    margin-left: auto
}

@media (min-width: 100%) {
    .about-us-hero-content-wrapper {
        max-width: 100%
    }
}

@media (min-width: 1536px) {
    .about-us-hero-content-wrapper {
        max-width: 1536px
    }
}

.about-us-hero-content-wrapper {
    padding-left: 1.25rem;
    padding-right: 1.25rem
}

@media (min-width: 640px) {
    .about-us-hero-content-wrapper {
        padding-left: 2rem;
        padding-right: 2rem
    }
}

@media (min-width: 768px) {
    .about-us-hero-content-wrapper {
        padding-left: 3rem;
        padding-right: 3rem
    }
}

@media (min-width: 1200px) {
    .about-us-hero-content-wrapper {
        padding-left: 5.5rem;
        padding-right: 5.5rem
    }
}

.about-us-hero-content-wrapper {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    gap: 1.75rem
}

@media (min-width: 1024px) {
    nav.about-us-hero-content-wrapper {
        padding-left: 2rem;
        padding-right: 2rem
    }
}

@media (min-width: 1200px) {
    nav.about-us-hero-content-wrapper {
        padding-left: 4.5rem;
        padding-right: 4.5rem
    }
}

@media (min-width: 1536px) {
    nav.about-us-hero-content-wrapper {
        padding-left: 5.5rem;
        padding-right: 5.5rem
    }
}

@media (min-width: 1024px) {
    .about-us-hero-content-wrapper {
        flex-direction: row;
        align-items: center
    }
}

.about-us-hero-heading {
    display: flex;
    flex-direction: column;
    gap: 1rem
}

@media (min-width: 1024px) {
    .about-us-hero-heading {
        width: 60%
    }
}

.about-us-hero-description {
    font-size: 1.1875rem;
    font-weight: 600;
    line-height: 140%;
    letter-spacing: -.02969rem;
    color: #150d30d9
}

@media (min-width: 1024px) {
    .about-us-hero-description {
        width: 40%;
        font-size: 1.4375rem;
        letter-spacing: -.03594rem
    }
}

.about-us-hero-img-wrapper {
    height: 12.75rem;
    width: 100%
}

@media (min-width: 640px) {
    .about-us-hero-img-wrapper {
        height: 22rem
    }
}

@media (min-width: 1024px) {
    .about-us-hero-img-wrapper {
        height: 44.25rem
    }
}

.about-us-hero-img-wrapper {
    height: 100%;
    width: 100%
}

.about-us-wrapper {
    position: relative;
    overflow: hidden;
    --tw-bg-opacity: 1;
    background-color: rgb(246 240 234 / var(--tw-bg-opacity, 1));
    padding-bottom: 2.5rem
}

.about-us-container {
    width: 100%;
    margin-right: auto;
    margin-left: auto
}

@media (min-width: 100%) {
    .about-us-container {
        max-width: 100%
    }
}

@media (min-width: 1536px) {
    .about-us-container {
        max-width: 1536px
    }
}

.about-us-container {
    padding-left: 1.25rem;
    padding-right: 1.25rem
}

@media (min-width: 640px) {
    .about-us-container {
        padding-left: 2rem;
        padding-right: 2rem
    }
}

@media (min-width: 768px) {
    .about-us-container {
        padding-left: 3rem;
        padding-right: 3rem
    }
}

@media (min-width: 1200px) {
    .about-us-container {
        padding-left: 5.5rem;
        padding-right: 5.5rem
    }
}

.about-us-container {
    position: relative;
    z-index: 10;
    display: flex;
    grid-template-rows:subgrid;
    flex-direction: column;
    gap: 1.25rem;
    padding-top: 6.5rem
}

@media (min-width: 1024px) {
    nav.about-us-container {
        padding-left: 2rem;
        padding-right: 2rem
    }
}

@media (min-width: 1200px) {
    nav.about-us-container {
        padding-left: 4.5rem;
        padding-right: 4.5rem
    }
}

@media (min-width: 1536px) {
    nav.about-us-container {
        padding-left: 5.5rem;
        padding-right: 5.5rem
    }
}

@media (min-width: 1024px) {
    .about-us-container {
        display: grid;
        grid-template-columns:repeat(3, minmax(0, 1fr));
        padding-top: 5rem
    }
}

.about-us-bg-gradient {
    position: absolute;
    top: 0;
    left: 0;
    height: 9.5rem;
    width: 100%;
    background: linear-gradient(180deg, #f8f7f2, #f6f0ea)
}

.about-us-bg-line {
    position: absolute;
    inset-inline-end: -.25rem;
    top: 2.5rem;
    height: 3.8125rem;
    width: 100%
}

@media (min-width: 1024px) {
    .about-us-bg-line {
        inset-inline-end: -.03125rem;
        top: 1.9375rem;
        height: 11.24031rem
    }
}

.about-us-card {
    grid-column: span 1 / span 1;
    grid-row: span 2 / span 2;
    display: flex;
    height: 100%;
    flex-direction: column;
    justify-content: space-between;
    -moz-column-gap: 1.25rem;
    column-gap: 1.25rem;
    border-radius: 1rem;
    --tw-bg-opacity: 1;
    background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
    padding: 3rem 1.5rem 1.5rem
}

@media (min-width: 1024px) {
    .about-us-card {
        padding-left: 2.5rem;
        padding-right: 2.5rem
    }
}

.about-us-card:nth-child(5) {
    grid-column-start: 2;
    grid-column-end: 3
}

.about-us-main-img {
    grid-column: span 1 / span 1;
    grid-row: span 3 / span 3;
    width: 100%
}

@media (min-width: 1024px) {
    .about-us-main-img:last-child {
        grid-column-start: 3;
        grid-column-end: 4;
        grid-row-start: 3
    }
}

.about-us-main-img img {
    height: 100%;
    width: 100%;
    border-radius: 1rem;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center;
    object-position: center
}

.about-us-container > div:first-child {
    order: 1
}

.about-us-container > div:nth-child(2) {
    order: 3
}

@media (min-width: 1024px) {
    .about-us-container > div:nth-child(2) {
        order: 2
    }
}

.about-us-container > div:nth-child(3) {
    order: 5
}

@media (min-width: 1024px) {
    .about-us-container > div:nth-child(3) {
        order: 3
    }
}

.about-us-container > div:nth-child(4) {
    order: 2
}

@media (min-width: 1024px) {
    .about-us-container > div:nth-child(4) {
        order: 4
    }
}

.about-us-container > div:nth-child(5) {
    order: 4
}

@media (min-width: 1024px) {
    .about-us-container > div:nth-child(5) {
        order: 5
    }
}

.about-us-container > div:nth-child(6) {
    order: 6
}

@media (min-width: 1024px) {
    .about-us-container > div:nth-child(6) {
        order: 6
    }
}

.about-us-card-content:where([dir=ltr],[dir=ltr] *) {
    font-size: 1.1875rem;
    line-height: 110%;
    letter-spacing: -.02969rem
}

@media (min-width: 1024px) {
    .about-us-card-content:where([dir=ltr],[dir=ltr] *) {
        font-size: 1.4375rem;
        letter-spacing: -.03594rem
    }
}

.about-us-card-content:where([dir=rtl],[dir=rtl] *) {
    font-size: 1.125rem;
    line-height: 120%;
    letter-spacing: -.0225rem
}

@media (min-width: 1024px) {
    .about-us-card-content:where([dir=rtl],[dir=rtl] *) {
        font-size: 1.375rem;
        line-height: 110%;
        letter-spacing: -.03438rem
    }
}

.about-us-card-content {
    font-weight: 700;
    --tw-text-opacity: 1;
    color: rgb(53 144 122 / var(--tw-text-opacity, 1))
}

[dir=rtl] .values-wrapper .about-us-card-content {
    font-weight: 600
}

.about-us-card-content strong {
    font-weight: 700;
    --tw-text-opacity: 1;
    color: rgb(53 144 122 / var(--tw-text-opacity, 1))
}

[dir=rtl] .values-wrapper .about-us-card-content strong {
    font-weight: 600
}

#about-us-approved-by .international-patients-approved-by-wrapper {
    height: auto;
    padding-top: 5rem;
    padding-bottom: 2rem
}

@media (min-width: 1024px) {
    #about-us-approved-by .international-patients-approved-by-wrapper {
        padding-top: 10rem;
        padding-bottom: 6rem
    }
}

.about-us-text-image-wrapper {
    padding-top: 6rem;
    padding-bottom: 6rem
}

@media (min-width: 1024px) {
    .about-us-text-image-wrapper {
        padding-top: 7rem;
        padding-bottom: 7rem
    }
}

.about-us-text-image-wrapper.bg-purple-gradient {
    /*background: linear-gradient(180deg, #e2dcfa, #fcfaf8)*/
    background: linear-gradient(180deg, #1d6b580c, #1a222020);
}

.about-us-text-image-wrapper.bg-main-gradient {
    /*background: linear-gradient(180deg, #fcfaf8, #f6f0ea)*/
    background: linear-gradient(180deg, #1a222020, #1a222010)
}

.about-us-text-image-container {
    width: 100%;
    margin-right: auto;
    margin-left: auto
}

@media (min-width: 100%) {
    .about-us-text-image-container {
        max-width: 100%
    }
}

@media (min-width: 1536px) {
    .about-us-text-image-container {
        max-width: 1536px
    }
}

.about-us-text-image-container {
    padding-left: 1.25rem;
    padding-right: 1.25rem
}

@media (min-width: 640px) {
    .about-us-text-image-container {
        padding-left: 2rem;
        padding-right: 2rem
    }
}

@media (min-width: 768px) {
    .about-us-text-image-container {
        padding-left: 3rem;
        padding-right: 3rem
    }
}

@media (min-width: 1200px) {
    .about-us-text-image-container {
        padding-left: 5.5rem;
        padding-right: 5.5rem
    }
}

.about-us-text-image-container {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    gap: 1.5rem
}

@media (min-width: 1024px) {
    nav.about-us-text-image-container {
        padding-left: 2rem;
        padding-right: 2rem
    }
}

@media (min-width: 1200px) {
    nav.about-us-text-image-container {
        padding-left: 4.5rem;
        padding-right: 4.5rem
    }
}

@media (min-width: 1536px) {
    nav.about-us-text-image-container {
        padding-left: 5.5rem;
        padding-right: 5.5rem
    }
}

@media (min-width: 1024px) {
    .about-us-text-image-container {
        flex-direction: row;
        align-items: center
    }
}

.about-us-text-image-container.reverse {
    flex-direction: column
}

@media (min-width: 1024px) {
    .about-us-text-image-container.reverse {
        flex-direction: row-reverse
    }
}

.about-us-text-image-content {
    display: flex;
    flex-direction: column;
    gap: 2.5rem
}

.about-us-text-image-heading {
    display: flex;
    flex-direction: column;
    gap: 1rem
}

.about-us-text-block-wrapper {
    display: flex;
    flex-direction: column;
    gap: 1.5rem
}

.about-us-text {
    font-size: 1.125rem;
    line-height: 1.75rem;
    font-weight: 500;
    line-height: 150%;
    letter-spacing: -.0135rem
}

[dir=rtl] .values-wrapper .about-us-text {
    font-weight: 400
}

.about-us-text {
    color: #150d30d9
}

.about-us-text:has(strong) {
    --tw-text-opacity: 1;
    color: rgb(21 13 48 / var(--tw-text-opacity, 1))
}

.about-us-image-block {
    height: 28.375rem;
    width: 100%
}

@media (min-width: 1024px) {
    .about-us-image-block {
        height: 50rem;
        width: 50%
    }
}

.about-us-image-block img {
    height: 100%;
    width: 100%;
    border-radius: 1rem;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center;
    object-position: center
}

.about-us-text-image-content {
    width: 100%
}

@media (min-width: 1024px) {
    .about-us-text-image-content {
        width: 41.666667%
    }
}

.about-us-text-list {
    display: flex;
    gap: .75rem
}

.about-us-text-list strong {
    min-width: -moz-fit-content;
    min-width: fit-content;
    font-weight: 700;
    color: #150d30d9
}

[dir=rtl] .values-wrapper .about-us-text-list strong {
    font-weight: 600
}

.about-us-text-list-wrapper {
    margin-top: 1rem;
    display: flex;
    flex-direction: column;
    gap: 1rem
}

.about-us-text-list-icon {
    height: 2rem;
    width: 2rem
}

.our-mission-wrapper {
    position: relative;
    overflow: hidden;
    --tw-bg-opacity: 1;
    /*background-color: rgb(226 220 250 / var(--tw-bg-opacity, 1));*/
    background-color: #1a222020;
    padding-bottom: 8rem
}

@media (min-width: 1024px) {
    .our-mission-wrapper {
        height: 68.8125rem;
        padding-bottom: 10rem
    }
}

.our-mission-container {
    width: 100%;
    margin-right: auto;
    margin-left: auto
}

@media (min-width: 100%) {
    .our-mission-container {
        max-width: 100%
    }
}

@media (min-width: 1536px) {
    .our-mission-container {
        max-width: 1536px
    }
}

.our-mission-container {
    padding-left: 1.25rem;
    padding-right: 1.25rem
}

@media (min-width: 640px) {
    .our-mission-container {
        padding-left: 2rem;
        padding-right: 2rem
    }
}

@media (min-width: 768px) {
    .our-mission-container {
        padding-left: 3rem;
        padding-right: 3rem
    }
}

@media (min-width: 1200px) {
    .our-mission-container {
        padding-left: 5.5rem;
        padding-right: 5.5rem
    }
}

.our-mission-container {
    position: relative;
    top: -10rem;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 5rem
}

@media (min-width: 1024px) {
    nav.our-mission-container {
        padding-left: 2rem;
        padding-right: 2rem
    }
}

@media (min-width: 1200px) {
    nav.our-mission-container {
        padding-left: 4.5rem;
        padding-right: 4.5rem
    }
}

@media (min-width: 1536px) {
    nav.our-mission-container {
        padding-left: 5.5rem;
        padding-right: 5.5rem
    }
}

@media (min-width: 1024px) {
    .our-mission-container {
        top: -12rem
    }
}

.our-mission-header {
    position: relative;
    height: 36.40625rem;
    width: 100%;
    padding-top: 6rem
}

@media (min-width: 1024px) {
    .our-mission-header {
        height: 38.1875rem;
        padding-top: 7.5rem
    }
}

.our-mission-header .content-header {
    position: relative;
    z-index: 10;
    margin-left: auto;
    margin-right: auto;
    text-align: center
}

@media (min-width: 1024px) {
    .our-mission-header .content-header {
        width: 66.666667%
    }
}

.our-mission-header .content-category:where([dir=ltr],[dir=ltr] *) {
    font-size: 1.1875rem;
    line-height: 110%;
    letter-spacing: -.02969rem
}

@media (min-width: 1024px) {
    .our-mission-header .content-category:where([dir=ltr],[dir=ltr] *) {
        font-size: 1.4375rem;
        letter-spacing: -.03594rem
    }
}

.our-mission-header .content-category:where([dir=rtl],[dir=rtl] *) {
    font-size: 1.125rem;
    line-height: 120%;
    letter-spacing: -.0225rem
}

@media (min-width: 1024px) {
    .our-mission-header .content-category:where([dir=rtl],[dir=rtl] *) {
        font-size: 1.375rem;
        line-height: 110%;
        letter-spacing: -.03438rem
    }
}

.our-mission-bg-circle {
    pointer-events: none;
    position: absolute;
    top: 3.5rem;
    z-index: 10;
    height: 37.3125rem;
    width: 37.3125rem;
    border-radius: 9999px;
    --tw-bg-opacity: 1;
    background-color: rgb(29 107 88 / var(--tw-bg-opacity, 1));
    mix-blend-mode: screen;
    --tw-blur: blur(106px);
    filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)
}

@media (min-width: 1024px) {
    .our-mission-bg-circle {
        left: 50%;
        height: 69.875rem;
        width: 69.875rem;
        --tw-translate-x: -50%;
        transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
    }
}

.our-mission-bg, .our-mission-bg-sm {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: bottom;
    object-position: bottom
}

.our-mission-bg {
    display: none
}

@media (min-width: 1024px) {
    .our-mission-bg {
        display: block
    }
}

.our-mission-bg-sm {
    display: block
}

@media (min-width: 1024px) {
    .our-mission-bg-sm {
        display: none
    }
}

.our-mission-cards-wrapper {
    display: flex;
    width: 100%;
    flex-direction: column;
    gap: 1.25rem
}

@media (min-width: 640px) {
    .our-mission-cards-wrapper {
        flex-direction: row;
        flex-wrap: wrap
    }
}

@media (min-width: 1024px) {
    .our-mission-cards-wrapper {
        flex-wrap: nowrap
    }
}

.our-mission-card {
    display: flex;
    height: 22.5rem;
    width: 100%;
    flex-direction: column;
    gap: 2rem;
    border-radius: 1rem;
    border-width: 1px;
    border-color: #1b1d1e1f;
    --tw-bg-opacity: 1;
    background-color: rgb(251 251 248 / var(--tw-bg-opacity, 1));
    padding-left: 2rem;
    padding-right: 2rem;
    padding-top: 3rem
}

@media (min-width: 640px) {
    .our-mission-card {
        width: calc(50% - 10px)
    }
}

@media (min-width: 1024px) {
    .our-mission-card {
        width: 25%
    }
}

.our-mission-card-num:where([dir=ltr],[dir=ltr] *) {
    font-size: 1.1875rem;
    line-height: 110%;
    letter-spacing: -.02969rem
}

@media (min-width: 1024px) {
    .our-mission-card-num:where([dir=ltr],[dir=ltr] *) {
        font-size: 1.4375rem;
        letter-spacing: -.03594rem
    }
}

.our-mission-card-num:where([dir=rtl],[dir=rtl] *) {
    font-size: 1.125rem;
    line-height: 120%;
    letter-spacing: -.0225rem
}

@media (min-width: 1024px) {
    .our-mission-card-num:where([dir=rtl],[dir=rtl] *) {
        font-size: 1.375rem;
        line-height: 110%;
        letter-spacing: -.03438rem
    }
}

.our-mission-card-num {
    display: flex;
    height: 4rem;
    width: 4rem;
    align-items: center;
    justify-content: center;
    border-radius: 9999px;
    background-color: #1a222020;
    padding: .5rem;
    font-weight: 700;
    --tw-text-opacity: 1;
    color: rgb(53 144 122 / var(--tw-text-opacity, 1))
}

[dir=rtl] .values-wrapper .our-mission-card-num {
    font-weight: 600
}

.our-mission-card-content {
    display: flex;
    flex-direction: column;
    gap: .5rem
}

.our-mission-card-heading {
    font-size: 1.4375rem;
    font-weight: 700;
    line-height: 122%;
    letter-spacing: -.03594rem;
    --tw-text-opacity: 1;
    color: rgb(53 144 122 / var(--tw-text-opacity, 1))
}

[dir=rtl] .values-wrapper .our-mission-card-heading {
    font-weight: 600
}

.our-mission-card-description {
    font-size: 1rem;
    line-height: 1.5rem;
    font-weight: 600;
    line-height: 150%;
    letter-spacing: -.012rem;
    color: #150d30a6
}

[dir=rtl] p.our-mission-card-description, [dir=rtl] span.our-mission-card-description, [dir=rtl] a.our-mission-card-description, [dir=rtl] li.our-mission-card-description, [dir=rtl] ol.our-mission-card-description, [dir=rtl] ul.our-mission-card-description, [dir=rtl] h1.our-mission-card-description, [dir=rtl] h2.our-mission-card-description, [dir=rtl] h3.our-mission-card-description, [dir=rtl] h4.our-mission-card-description, [dir=rtl] h5.our-mission-card-description, [dir=rtl] h6.our-mission-card-description {
    --tw-text-opacity: 1;
    color: rgb(21 13 48 / var(--tw-text-opacity, 1));
    opacity: .65
}

.our-mission-footer-content {
    z-index: 10;
    margin-left: auto;
    margin-right: auto;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 1rem;
    text-align: center
}

@media (min-width: 1024px) {
    .our-mission-footer-content {
        width: 66.666667%
    }
}

.our-mission-footer-bg {
    position: absolute;
    bottom: 0;
    left: 0;
    height: 8.125rem;
    width: 100%
}

@media (min-width: 1024px) {
    .our-mission-footer-bg {
        height: 11.625rem
    }
}

.our-mission-footer-bg {
    background: linear-gradient(180deg, #e3ddfa, #fcfaf7)
}

.our-vision-wrapper {
    padding-top: 4rem;
    padding-bottom: 6rem
}

@media (min-width: 1024px) {
    .our-vision-wrapper {
        padding-top: 7rem;
        padding-bottom: 7rem
    }
}

.our-vision-wrapper {
    background: linear-gradient(180deg, #fcfaf8, #f6f0ea)
}

.our-vision-container {
    width: 100%;
    margin-right: auto;
    margin-left: auto
}

@media (min-width: 100%) {
    .our-vision-container {
        max-width: 100%
    }
}

@media (min-width: 1536px) {
    .our-vision-container {
        max-width: 1536px
    }
}

.our-vision-container {
    padding-left: 1.25rem;
    padding-right: 1.25rem
}

@media (min-width: 640px) {
    .our-vision-container {
        padding-left: 2rem;
        padding-right: 2rem
    }
}

@media (min-width: 768px) {
    .our-vision-container {
        padding-left: 3rem;
        padding-right: 3rem
    }
}

@media (min-width: 1200px) {
    .our-vision-container {
        padding-left: 5.5rem;
        padding-right: 5.5rem
    }
}

.our-vision-container {
    display: flex;
    flex-direction: column;
    gap: 7.5rem
}

@media (min-width: 1024px) {
    nav.our-vision-container {
        padding-left: 2rem;
        padding-right: 2rem
    }
}

@media (min-width: 1200px) {
    nav.our-vision-container {
        padding-left: 4.5rem;
        padding-right: 4.5rem
    }
}

@media (min-width: 1536px) {
    nav.our-vision-container {
        padding-left: 5.5rem;
        padding-right: 5.5rem
    }
}

.about-us-header {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 2.75rem
}

.about-us-header-content {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 1rem;
    text-align: center
}

.our-vision-header-cards-wrapper {
    display: flex;
    width: 100%;
    flex-direction: column;
    gap: 1.25rem
}

@media (min-width: 1024px) {
    .our-vision-header-cards-wrapper {
        flex-direction: row
    }
}

.our-vision-header-card {
    display: flex;
    align-items: center;
    gap: 1.5rem;
    border-radius: 1rem;
    border-width: 1px;
    border-color: #1b1d1e1f;
    --tw-bg-opacity: 1;
    background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
    padding-top: 4rem;
    padding-bottom: 4rem;
    padding-inline-start: 1.5rem;
    padding-inline-end: 2.5rem
}

.our-vision-header-card-icon {
    height: 4rem;
    width: 4rem
}

.our-growth-wrapper {
    --tw-bg-opacity: 1;
    background-color: rgb(251 251 248 / var(--tw-bg-opacity, 1));
    padding-top: 6rem;
    padding-bottom: 6rem
}

@media (min-width: 1024px) {
    .our-growth-wrapper {
        padding-top: 7.5rem;
        padding-bottom: 7.5rem
    }
}

.our-growth-container {
    width: 100%;
    margin-right: auto;
    margin-left: auto
}

@media (min-width: 100%) {
    .our-growth-container {
        max-width: 100%
    }
}

@media (min-width: 1536px) {
    .our-growth-container {
        max-width: 1536px
    }
}

.our-growth-container {
    padding-left: 1.25rem;
    padding-right: 1.25rem
}

@media (min-width: 640px) {
    .our-growth-container {
        padding-left: 2rem;
        padding-right: 2rem
    }
}

@media (min-width: 768px) {
    .our-growth-container {
        padding-left: 3rem;
        padding-right: 3rem
    }
}

@media (min-width: 1200px) {
    .our-growth-container {
        padding-left: 5.5rem;
        padding-right: 5.5rem
    }
}

@media (min-width: 1024px) {
    nav.our-growth-container {
        padding-left: 2rem;
        padding-right: 2rem
    }
}

@media (min-width: 1200px) {
    nav.our-growth-container {
        padding-left: 4.5rem;
        padding-right: 4.5rem
    }
}

@media (min-width: 1536px) {
    nav.our-growth-container {
        padding-left: 5.5rem;
        padding-right: 5.5rem
    }
}

.our-growth-content-wrapper {
    margin-left: auto;
    margin-right: auto;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 3rem
}

@media (min-width: 1200px) {
    .our-growth-content-wrapper {
        padding-left: 6.75rem;
        padding-right: 6.75rem
    }
}

.our-growth-card {
    display: flex;
    width: 100%;
    flex-direction: column;
    align-items: center;
    justify-content: flex-start;
    gap: .5rem;
    border-radius: 1rem;
    --tw-bg-opacity: 1;
    background-color: rgb(246 240 234 / var(--tw-bg-opacity, 1));
    padding: 3.5rem 1rem 4rem;
    text-align: center
}

@media (min-width: 640px) {
    .our-growth-card {
        width: calc(50% - 10px)
    }
}

@media (min-width: 1200px) {
    .our-growth-card {
        width: 25%
    }
}

.our-growth-content-wrapper .our-vision-header-cards-wrapper {
    flex-direction: column
}

@media (min-width: 640px) {
    .our-growth-content-wrapper .our-vision-header-cards-wrapper {
        flex-direction: row;
        flex-wrap: wrap
    }
}

@media (min-width: 1024px) {
    .our-growth-content-wrapper .our-vision-header-cards-wrapper {
        flex-wrap: nowrap
    }
}

.about-us-operate-cards-wrapper {
    display: flex;
    flex-direction: column;
    gap: 1.25rem
}

@media (min-width: 640px) {
    .about-us-operate-cards-wrapper {
        flex-direction: row;
        flex-wrap: wrap
    }
}

@media (min-width: 1400px) {
    .about-us-operate-cards-wrapper {
        flex-wrap: nowrap
    }
}

.about-us-operate-card {
    display: flex;
    width: 100%;
    flex-direction: column;
    gap: 1.5rem;
    border-radius: 1rem;
    --tw-bg-opacity: 1;
    background-color: rgb(251 251 248 / var(--tw-bg-opacity, 1));
    padding: 2rem 2rem 4rem
}

@media (min-width: 640px) {
    .about-us-operate-card {
        width: calc(50% - 10px)
    }
}

@media (min-width: 1400px) {
    .about-us-operate-card {
        width: 25%
    }
}

.about-us-operate-card-header {
    display: flex;
    flex-direction: column;
    gap: 2rem
}

.about-us-operate-card-flag {
    height: 4rem;
    width: 4rem
}

.about-us-operate-card-flag-wrapper {
    display: flex;
    align-items: center;
    gap: .5rem
}

.about-us-operate-header-content {
    display: flex;
    width: 100%;
    flex-direction: column;
    gap: 1rem
}

#after-treatment-contact .contact-us-hero-wrapper {
    padding-top: 3rem
}

.warranties-header-content-wrapper {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    gap: 2rem
}

@media (min-width: 1024px) {
    .warranties-header-content-wrapper {
        flex-direction: row
    }
}

.warranties-header-content-wrapper .about-us-operate-header-content {
    width: 100%
}

@media (min-width: 1024px) {
    .warranties-header-content-wrapper .about-us-operate-header-content {
        width: 50%
    }
}

.warranties-header-content-description {
    font-size: 1.125rem;
    line-height: 1.75rem;
    font-weight: 500;
    line-height: 150%;
    letter-spacing: -.0135rem
}

[dir=rtl] .values-wrapper .warranties-header-content-description {
    font-weight: 400
}

.warranties-header-content-description {
    width: 100%;
    color: #150d30d9
}

@media (min-width: 1024px) {
    .warranties-header-content-description {
        font-size: 1.25rem;
        line-height: 1.75rem;
        font-weight: 500;
        line-height: 150%;
        letter-spacing: -.01875rem
    }

    [dir=rtl] .values-wrapper .warranties-header-content-description {
        font-weight: 400
    }

    .warranties-header-content-description {
        width: 50%
    }
}

.our-growth-container {
    position: relative
}

.our-growth-content-wrapper {
    position: relative;
    z-index: 10
}

.emergency-support-wrapper {
    padding-top: 6rem;
    padding-bottom: 6rem
}

@media (min-width: 1024px) {
    .emergency-support-wrapper {
        padding-top: 7rem;
        padding-bottom: 7rem
    }
}

.emergency-support-wrapper {
    background: linear-gradient(180deg, #fcfaf8, #f6f0ea)
}

.emergency-support-container {
    width: 100%;
    margin-right: auto;
    margin-left: auto
}

@media (min-width: 100%) {
    .emergency-support-container {
        max-width: 100%
    }
}

@media (min-width: 1536px) {
    .emergency-support-container {
        max-width: 1536px
    }
}

.emergency-support-container {
    padding-left: 1.25rem;
    padding-right: 1.25rem
}

@media (min-width: 640px) {
    .emergency-support-container {
        padding-left: 2rem;
        padding-right: 2rem
    }
}

@media (min-width: 768px) {
    .emergency-support-container {
        padding-left: 3rem;
        padding-right: 3rem
    }
}

@media (min-width: 1200px) {
    .emergency-support-container {
        padding-left: 5.5rem;
        padding-right: 5.5rem
    }
}

.emergency-support-container {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 3rem;
    text-align: center
}

@media (min-width: 1024px) {
    nav.emergency-support-container {
        padding-left: 2rem;
        padding-right: 2rem
    }
}

@media (min-width: 1200px) {
    nav.emergency-support-container {
        padding-left: 4.5rem;
        padding-right: 4.5rem
    }
}

@media (min-width: 1536px) {
    nav.emergency-support-container {
        padding-left: 5.5rem;
        padding-right: 5.5rem
    }
}

@media (min-width: 1024px) {
    .emergency-support-container {
        gap: 4rem
    }
}

.emergency-support-header {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 2.5rem
}

@media (min-width: 1024px) {
    .emergency-support-header {
        gap: 3rem
    }
}

.emergency-support-header-icon {
    height: 6rem;
    width: 6rem
}

.emergency-support-header-content {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 1rem
}

.emergency-support-description {
    font-size: 1.125rem;
    line-height: 1.75rem;
    font-weight: 500;
    line-height: 150%;
    letter-spacing: -.0135rem
}

[dir=rtl] .values-wrapper .emergency-support-description {
    font-weight: 400
}

.emergency-support-description {
    margin-left: auto;
    margin-right: auto;
    color: #150d30d9
}

@media (min-width: 1024px) {
    .emergency-support-description {
        font-size: 1.25rem;
        line-height: 1.75rem;
        font-weight: 500;
        line-height: 150%;
        letter-spacing: -.01875rem
    }

    [dir=rtl] .values-wrapper .emergency-support-description {
        font-weight: 400
    }

    .emergency-support-description {
        width: 50%
    }
}

@media (min-width: 1200px) {
    .emergency-support-description {
        width: 38.5rem
    }
}

.after-treatment-hero-wrapper {
    position: relative;
    padding-top: 1rem;
    padding-bottom: 6rem
}

@media (min-width: 1024px) {
    .after-treatment-hero-wrapper {
        padding-top: 4rem;
        padding-bottom: 8rem
    }
}

.after-treatment-hero-wrapper {
    background: linear-gradient(180deg, #fcfaf8, #f6f0ea)
}

.after-treatment-hero-container {
    width: 100%;
    margin-right: auto;
    margin-left: auto
}

@media (min-width: 100%) {
    .after-treatment-hero-container {
        max-width: 100%
    }
}

@media (min-width: 1536px) {
    .after-treatment-hero-container {
        max-width: 1536px
    }
}

.after-treatment-hero-container {
    padding-left: 1.25rem;
    padding-right: 1.25rem
}

@media (min-width: 640px) {
    .after-treatment-hero-container {
        padding-left: 2rem;
        padding-right: 2rem
    }
}

@media (min-width: 768px) {
    .after-treatment-hero-container {
        padding-left: 3rem;
        padding-right: 3rem
    }
}

@media (min-width: 1200px) {
    .after-treatment-hero-container {
        padding-left: 5.5rem;
        padding-right: 5.5rem
    }
}

.after-treatment-hero-container {
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 5rem
}

@media (min-width: 1024px) {
    nav.after-treatment-hero-container {
        padding-left: 2rem;
        padding-right: 2rem
    }
}

@media (min-width: 1200px) {
    nav.after-treatment-hero-container {
        padding-left: 4.5rem;
        padding-right: 4.5rem
    }
}

@media (min-width: 1536px) {
    nav.after-treatment-hero-container {
        padding-left: 5.5rem;
        padding-right: 5.5rem
    }
}

@media (min-width: 1024px) {
    .after-treatment-hero-container {
        gap: 6.5rem
    }
}

.after-treatment-hero-content-wrapper {
    position: relative;
    z-index: 10;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 4rem
}

.after-treatment-hero-content {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    gap: 1.25rem
}

@media (min-width: 1024px) {
    .after-treatment-hero-content {
        width: 83%;
        flex-direction: row;
        gap: 3.75rem
    }
}

.after-treatment-hero-content-text {
    font-size: 1.125rem;
    line-height: 1.75rem;
    font-weight: 500;
    line-height: 150%;
    letter-spacing: -.0135rem
}

[dir=rtl] .values-wrapper .after-treatment-hero-content-text {
    font-weight: 400
}

.after-treatment-hero-content-text {
    color: #150d30d9
}

@media (min-width: 1024px) {
    .after-treatment-hero-content-text {
        font-size: 1.25rem;
        line-height: 1.75rem;
        font-weight: 500;
        line-height: 150%;
        letter-spacing: -.01875rem
    }

    [dir=rtl] .values-wrapper .after-treatment-hero-content-text {
        font-weight: 400
    }

    .after-treatment-hero-content-text:first-child {
        width: 46%
    }

    .after-treatment-hero-content-text:last-child {
        width: 50%
    }
}

.comfort-care-text-image .about-us-text-list-wrapper {
    margin-top: 1.5rem
}

.comfort-care-hero-wrapper {
    padding-top: 4rem;
    padding-bottom: 0
}

@media (min-width: 1024px) {
    .comfort-care-hero-wrapper {
        padding-bottom: 7rem
    }
}

.comfort-care-hero-wrapper {
    background: linear-gradient(180deg, #fcfaf8, #f6f0ea)
}

.comfort-care-hero-container {
    width: 100%;
    margin-right: auto;
    margin-left: auto
}

@media (min-width: 100%) {
    .comfort-care-hero-container {
        max-width: 100%
    }
}

@media (min-width: 1536px) {
    .comfort-care-hero-container {
        max-width: 1536px
    }
}

.comfort-care-hero-container {
    padding-left: 1.25rem;
    padding-right: 1.25rem
}

@media (min-width: 640px) {
    .comfort-care-hero-container {
        padding-left: 2rem;
        padding-right: 2rem
    }
}

@media (min-width: 768px) {
    .comfort-care-hero-container {
        padding-left: 3rem;
        padding-right: 3rem
    }
}

@media (min-width: 1200px) {
    .comfort-care-hero-container {
        padding-left: 5.5rem;
        padding-right: 5.5rem
    }
}

.comfort-care-hero-container {
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 3.5rem
}

@media (min-width: 1024px) {
    nav.comfort-care-hero-container {
        padding-left: 2rem;
        padding-right: 2rem
    }
}

@media (min-width: 1200px) {
    nav.comfort-care-hero-container {
        padding-left: 4.5rem;
        padding-right: 4.5rem
    }
}

@media (min-width: 1536px) {
    nav.comfort-care-hero-container {
        padding-left: 5.5rem;
        padding-right: 5.5rem
    }
}

.smile-gallery-path-light {
    opacity: .8
}

.comfort-care-hero-container .content-header {
    z-index: 10
}

.comfort-care-hero-content {
    z-index: 10;
    margin-left: auto;
    margin-right: auto;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: .5rem;
    text-align: center
}

@media (min-width: 1024px) {
    .comfort-care-hero-content {
        width: 50%
    }
}

.comfort-care-rooms-bg {
    position: absolute;
    bottom: 0;
    left: 0;
    height: 50%;
    width: 100%;
    --tw-bg-opacity: 1;
    background-color: rgb(251 251 248 / var(--tw-bg-opacity, 1))
}

.treatment-rooms-wrapper {
    z-index: 10
}

.comfort-care-patient-wrapper {
    padding-top: 7rem;
    padding-bottom: 6rem
}

@media (min-width: 1024px) {
    .comfort-care-patient-wrapper {
        padding-top: 10rem;
        padding-bottom: 8rem
    }
}

.comfort-care-patient-wrapper {
    background: linear-gradient(180deg, #fcfaf8, #f6f0ea)
}

.comfort-care-patient-container {
    width: 100%;
    margin-right: auto;
    margin-left: auto
}

@media (min-width: 100%) {
    .comfort-care-patient-container {
        max-width: 100%
    }
}

@media (min-width: 1536px) {
    .comfort-care-patient-container {
        max-width: 1536px
    }
}

.comfort-care-patient-container {
    padding-left: 1.25rem;
    padding-right: 1.25rem
}

@media (min-width: 640px) {
    .comfort-care-patient-container {
        padding-left: 2rem;
        padding-right: 2rem
    }
}

@media (min-width: 768px) {
    .comfort-care-patient-container {
        padding-left: 3rem;
        padding-right: 3rem
    }
}

@media (min-width: 1200px) {
    .comfort-care-patient-container {
        padding-left: 5.5rem;
        padding-right: 5.5rem
    }
}

@media (min-width: 1024px) {
    nav.comfort-care-patient-container {
        padding-left: 2rem;
        padding-right: 2rem
    }
}

@media (min-width: 1200px) {
    nav.comfort-care-patient-container {
        padding-left: 4.5rem;
        padding-right: 4.5rem
    }
}

@media (min-width: 1536px) {
    nav.comfort-care-patient-container {
        padding-left: 5.5rem;
        padding-right: 5.5rem
    }
}

.comfort-care-patient-content {
    margin-left: auto;
    margin-right: auto;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 3rem
}

@media (min-width: 1024px) {
    .comfort-care-patient-content {
        width: 83.333333%;
        gap: 6rem
    }
}

.comfort-care-patient-content .why-dtzok-content-rigtside {
    margin-top: 0;
    justify-content: flex-start;
    gap: 1rem;
    padding-top: 2rem;
    padding-bottom: 0
}

@media (min-width: 1024px) {
    .comfort-care-patient-content .why-dtzok-content-rigtside {
        gap: 2rem;
        padding-left: 3.5rem;
        padding-right: 3.5rem;
        padding-top: 3.5rem
    }
}

.comfort-care-patient-content .why-dtzok-content {
    gap: 2.5rem
}

.comfort-care-patient-content .why-dtzok-container {
    width: auto;
    gap: 1.25rem
}

@media (min-width: 1024px) {
    .comfort-care-patient-content .why-dtzok-container {
        grid-template-columns:repeat(2, minmax(0, 1fr))
    }
}

.comfort-care-patient-content .why-dtzok-images-container {
    aspect-ratio: 1 / 1;
    width: 100%
}

.comfort-care-patient-content .why-dtzok-images-container img {
    aspect-ratio: 1 / 1
}

.comfort-care-patient-content .why-dtzok-content-icon {
    height: 5.5rem;
    width: 5.5rem
}

main:has(.comfort-care-hero-wrapper) {
    --tw-bg-opacity: 1;
    background-color: rgb(246 240 234 / var(--tw-bg-opacity, 1))
}

#landing .hero-heading-container h1 {
    text-shadow: 0px 2px 4px rgba(0, 0, 0, .25)
}

#landing .hero-heading-container .hero-subheading {
    font-size: 1rem;
    line-height: 1.5rem;
    font-weight: 600;
    line-height: 150%;
    letter-spacing: -.012rem;
    flex-direction: row;
    color: #ffffffa6
}

[dir=rtl] p#landing .hero-heading-container .hero-subheading, [dir=rtl] span#landing .hero-heading-container .hero-subheading, [dir=rtl] a#landing .hero-heading-container .hero-subheading, [dir=rtl] li#landing .hero-heading-container .hero-subheading, [dir=rtl] ol#landing .hero-heading-container .hero-subheading, [dir=rtl] ul#landing .hero-heading-container .hero-subheading, [dir=rtl] h1#landing .hero-heading-container .hero-subheading, [dir=rtl] h2#landing .hero-heading-container .hero-subheading, [dir=rtl] h3#landing .hero-heading-container .hero-subheading, [dir=rtl] h4#landing .hero-heading-container .hero-subheading, [dir=rtl] h5#landing .hero-heading-container .hero-subheading, [dir=rtl] h6#landing .hero-heading-container .hero-subheading {
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity, 1));
    opacity: .65
}

@media (min-width: 1024px) {
    #landing .hero-heading-container .hero-subheading {
        font-size: 1.25rem;
        line-height: 1.75rem;
        font-weight: 600;
        line-height: 150%;
        letter-spacing: -.01875rem
    }
}

#landing .hero-heading-container {
    text-align: start
}

#landing .hero-content .award-container {
    margin-bottom: .5rem;
    display: flex;
    align-items: flex-end
}

@media (min-width: 1024px) {
    #landing .hero-content .award-container {
        margin-bottom: 0
    }
}

#landing .hero-content {
    justify-content: flex-start;
    gap: 3.5rem
}

#landing .hero-content .award-container p {
    text-shadow: 0px 1px 2px rgba(0, 0, 0, .25)
}

.hero-tag {
    display: none;
    border-radius: 9999px;
    border-width: 1px;
    border-color: #fff6;
    background-color: #1b1d1e40;
    padding: .625rem 1rem
}

@media (min-width: 1024px) {
    .hero-tag {
        display: flex
    }
}

#landing .hero-footer {
    flex-direction: column;
    align-items: flex-start;
    gap: 1rem
}

.landing-form-wrapper {
    position: relative;
    z-index: 10;
    display: flex;
    flex-direction: column;
    gap: 1.5rem;
    border-radius: 1rem;
    --tw-bg-opacity: 1;
    background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
    padding: 2.5rem 1.5rem 2rem
}

@media (min-width: 1024px) {
    .landing-form-wrapper {
        gap: .75rem;
        padding-left: 3rem;
        padding-right: 3rem
    }
}

.landing-form-wrapper {
    box-shadow: 0 4px 20px #00000040
}

#landing-form, #landing-form-container {
    display: flex;
    flex-direction: column;
    gap: .75rem
}

@media (min-width: 1024px) {
    #landing-form, #landing-form-container {
        flex-direction: row
    }
}

#landing-form label, #landing-whatsapp-popup label, #landing-form-container label {
    font-size: 1rem;
    line-height: 1.5rem;
    font-weight: 600;
    line-height: 150%;
    letter-spacing: -.012rem;
    display: flex;
    align-items: center;
    gap: .25rem;
    --tw-text-opacity: 1;
    color: rgb(21 13 48 / var(--tw-text-opacity, 1))
}

@media (min-width: 1024px) {
    #landing-form label, #landing-whatsapp-popup label, #landing-form-container label {
        font-size: 1.125rem;
        line-height: 1.75rem;
        font-weight: 600;
        line-height: 150%;
        letter-spacing: -.0135rem
    }
}

.landing-form-section {
    position: relative;
    width: 100%;
    padding-bottom: 3rem
}

@media (min-width: 1024px) {
    .landing-form-section {
        padding-bottom: 2.75rem
    }
}

#landing-thanks-form.landing-form-wrapper {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: space-between;
    gap: 2rem
}

@media (min-width: 1024px) {
    #landing-thanks-form.landing-form-wrapper {
        height: 14.375rem;
        flex-direction: row
    }
}

.landing-thanks-form-leftside {
    display: flex;
    flex-direction: column;
    gap: 1rem
}

@media (min-width: 1024px) {
    .landing-thanks-form-leftside {
        width: 50%
    }
}

.landing-thanks-form-rightside {
    display: flex;
    flex-direction: column;
    gap: 1rem
}

@media (min-width: 1024px) {
    .landing-thanks-form-rightside {
        width: 33.333333%
    }
}

.landing-form-container {
    padding-left: 1.25rem;
    padding-right: 1.25rem
}

@media (min-width: 640px) {
    .landing-form-container {
        padding-left: 2rem;
        padding-right: 2rem
    }
}

@media (min-width: 1024px) {
    .landing-form-container {
        padding-left: 2.75rem;
        padding-right: 2.75rem
    }
}

@media (min-width: 1536px) {
    .landing-form-container {
        margin-left: auto;
        margin-right: auto;
        max-width: 1536px
    }
}

.landing-form-bg, .landing-form-gradient {
    pointer-events: none;
    position: absolute;
    bottom: 0;
    left: 0;
    height: 50%;
    width: 100%;
    --tw-bg-opacity: 1;
    background-color: rgb(248 247 242 / var(--tw-bg-opacity, 1))
}

.landing-form-gradient {
    top: 0;
    background: linear-gradient(180deg, #ebeae400, #eae9e3b3, #f6f0ea)
}

@media screen and (max-width: 1023px) {
    .landing-form-gradient {
        background: linear-gradient(180deg, #ebeae400, #eae9e3e6, #e8e7e2)
    }
}

.landing-form-section .form-input-bordered, .landing-form-section .custom-dropdown, #landing-whatsapp-popup .form-input-bordered, #landing-whatsapp-popup .custom-dropdown, #landing-form-popup .form-input-bordered, #landing-form-popup .custom-dropdown {
    font-size: 1.125rem;
    line-height: 1.75rem;
    font-weight: 500;
    line-height: 150%;
    letter-spacing: -.0135rem
}

[dir=rtl] .values-wrapper .landing-form-section .form-input-bordered, [dir=rtl] .values-wrapper .landing-form-section .custom-dropdown, [dir=rtl] .values-wrapper #landing-whatsapp-popup .form-input-bordered, [dir=rtl] .values-wrapper #landing-whatsapp-popup .custom-dropdown, [dir=rtl] .values-wrapper #landing-form-popup .form-input-bordered, [dir=rtl] .values-wrapper #landing-form-popup .custom-dropdown {
    font-weight: 400
}

.landing-form-section .form-input-bordered, .landing-form-section .custom-dropdown, #landing-whatsapp-popup .form-input-bordered, #landing-whatsapp-popup .custom-dropdown, #landing-form-popup .form-input-bordered, #landing-form-popup .custom-dropdown {
    position: relative;
    margin-top: .5rem;
    display: flex;
    height: 3.5rem;
    align-items: center;
    gap: .5rem;
    border-radius: .5rem;
    border-width: 1px;
    border-color: #1b1d1e66;
    --tw-bg-opacity: 1;
    background-color: rgb(248 247 242 / var(--tw-bg-opacity, 1));
    padding-left: 1rem;
    padding-right: 1rem;
    color: #150d30d9;
    outline-width: 0px
}

.landing-form-section .form-input-bordered input, #landing-whatsapp-popup .form-input-bordered input, #landing-form-popup .form-input-bordered input {
    height: 100%;
    width: 100%;
    background-color: transparent
}

.landing-form-section .form-input-bordered .custom-dropdown, #landing-whatsapp-popup .form-input-bordered .custom-dropdown, #landing-form-popup .form-input-bordered .custom-dropdown {
    position: static;
    min-width: -moz-fit-content;
    min-width: fit-content;
    padding-left: .5rem;
    padding-right: .5rem
}

.landing-form-section .country-code-wrapper, #landing-whatsapp-popup .country-code-wrapper, #landing-form-popup .country-code-wrapper {
    margin-top: 0;
    display: flex;
    height: -moz-fit-content;
    height: fit-content;
    width: -moz-fit-content;
    width: fit-content;
    cursor: pointer;
    align-items: center;
    gap: .25rem;
    border-radius: 9999px;
    border-width: 1px;
    border-color: #1b1d1e1f;
    padding: .5rem
}

@media (min-width: 1024px) {
    #landing-form > div, #landing-form-container > div {
        width: 29.16667%
    }

    #landing-form > div:last-child, #landing-form-container > div:last-child {
        width: 41.666667%
    }
}

.landing-form-section .dropdown-selected-wrapper, .landing-form-section .country-code-wrapper .dropdown-selected-wrapper {
    padding-left: 0;
    padding-right: 0
}

.landing-form-footer-content {
    display: flex;
    flex-direction: column;
    gap: .75rem;
    padding-top: .5rem;
    padding-bottom: .5rem
}

@media (min-width: 640px) {
    .landing-form-footer-content {
        flex-direction: row;
        align-items: center
    }
}

.landing-form-footer-content .section-dot {
    display: none
}

@media (min-width: 640px) {
    .landing-form-footer-content .section-dot {
        display: block
    }
}

.landing-form-footer-wrapper {
    display: flex;
    flex-direction: column-reverse;
    align-items: center;
    justify-content: space-between;
    gap: 1.5rem
}

@media (min-width: 1024px) {
    .landing-form-footer-wrapper {
        flex-direction: row
    }
}

#landing-form-popup .landing-form-footer-wrapper {
    display: flex;
    flex-direction: column-reverse;
    align-items: flex-start;
    gap: 2rem
}

#landing-form-popup #landing-form, #landing-form-popup #landing-form-container {
    display: flex;
    flex-direction: column;
    gap: 1.25rem
}

#landing {
    height: auto
}

#landing-form-popup, #landing-whatsapp-popup {
    --tw-bg-opacity: 1;
    background-color: rgb(248 247 242 / var(--tw-bg-opacity, 1))
}

#landing-whatsapp-popup .content-wrapper, #landing-form-popup .content-wrapper {
    width: 100%;
    margin-right: auto;
    margin-left: auto
}

@media (min-width: 100%) {
    #landing-whatsapp-popup .content-wrapper, #landing-form-popup .content-wrapper {
        max-width: 100%
    }
}

@media (min-width: 1536px) {
    #landing-whatsapp-popup .content-wrapper, #landing-form-popup .content-wrapper {
        max-width: 1536px
    }
}

#landing-whatsapp-popup .content-wrapper, #landing-form-popup .content-wrapper {
    padding-left: 1.25rem;
    padding-right: 1.25rem
}

@media (min-width: 640px) {
    #landing-whatsapp-popup .content-wrapper, #landing-form-popup .content-wrapper {
        padding-left: 2rem;
        padding-right: 2rem
    }
}

@media (min-width: 768px) {
    #landing-whatsapp-popup .content-wrapper, #landing-form-popup .content-wrapper {
        padding-left: 3rem;
        padding-right: 3rem
    }
}

@media (min-width: 1200px) {
    #landing-whatsapp-popup .content-wrapper, #landing-form-popup .content-wrapper {
        padding-left: 5.5rem;
        padding-right: 5.5rem
    }
}

#landing-whatsapp-popup .content-wrapper, #landing-form-popup .content-wrapper {
    display: flex;
    height: 100%;
    flex-direction: column;
    align-items: center;
    gap: 3.5rem
}

@media (min-width: 1024px) {
    nav#landing-whatsapp-popup .content-wrapper, nav #landing-form-popup .content-wrapper {
        padding-left: 2rem;
        padding-right: 2rem
    }
}

@media (min-width: 1200px) {
    nav#landing-whatsapp-popup .content-wrapper, nav #landing-form-popup .content-wrapper {
        padding-left: 4.5rem;
        padding-right: 4.5rem
    }
}

@media (min-width: 1536px) {
    nav#landing-whatsapp-popup .content-wrapper, nav #landing-form-popup .content-wrapper {
        padding-left: 5.5rem;
        padding-right: 5.5rem
    }
}

@media (min-width: 1024px) {
    #landing-whatsapp-popup .content-wrapper, #landing-form-popup .content-wrapper {
        gap: 4rem
    }
}

#landing-form-popup .content-wrapper {
    gap: 2.5rem
}

#landing-whatsapp-popup .content-wrapper-header, #landing-form-popup .content-wrapper-header {
    margin-left: auto;
    margin-right: auto;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 1rem
}

@media (min-width: 1024px) {
    #landing-whatsapp-popup .content-wrapper-header, #landing-form-popup .content-wrapper-header {
        width: 58.333333%;
        gap: 1.25rem
    }
}

@media (min-width: 1200px) {
    #landing-whatsapp-popup .content-wrapper-header, #landing-form-popup .content-wrapper-header {
        width: 41.666667%
    }
}

#landing-whatsapp-popup .content-wrapper-icon {
    height: 6rem;
    width: 6rem
}

@media (min-width: 1024px) {
    #landing-whatsapp-popup .content-wrapper-icon {
        height: 4rem;
        width: 4rem
    }
}

#landing-whatsapp-popup .content-wrapper-heading, #landing-form-popup .content-wrapper-heading {
    display: flex;
    flex-direction: column;
    gap: 1.5rem
}

.landing-form-footer-content .awards-animation-highlight {
    padding: .25rem .5rem
}

@media (min-width: 1024px) {
    .landing-form-footer-content .awards-animation-highlight {
        padding: .5rem .625rem
    }
}

.landing-whatsapp-popup-field {
    display: flex;
    flex-direction: column;
    gap: 2.5rem
}

@media (min-width: 1024px) {
    .landing-whatsapp-popup-field {
        width: 41.666667%
    }
}

@media (min-width: 1200px) {
    .landing-whatsapp-popup-field {
        width: 31%
    }
}

.landing-form-popup-field {
    margin-left: auto;
    margin-right: auto;
    display: flex;
    flex-direction: column
}

@media (min-width: 1024px) {
    .landing-form-popup-field {
        width: 58.333333%
    }
}

@media (min-width: 1200px) {
    .landing-form-popup-field {
        width: 41.666667%
    }
}

.whatsapp-popup-content-wrapper {
    display: flex;
    flex-direction: column;
    gap: 1.5rem
}

#landing-whatsapp-popup #health-message {
    margin-bottom: 1rem;
    display: flex
}

#landing-whatsapp-popup {
    overflow-y: auto
}

#landing-whatsapp-popup .thanks-page-wrapper .homepage-form-header {
    position: absolute;
    top: .75rem;
    right: 1.25rem;
    height: auto;
    padding-left: 0;
    padding-right: 0
}

@media (min-width: 1024px) {
    #landing-whatsapp-popup .thanks-page-wrapper .homepage-form-header {
        top: 1.25rem
    }
}

#landing-whatsapp-popup .thanks-page-wrapper {
    margin-left: auto;
    margin-right: auto;
    height: 100%;
    justify-content: center
}

@media (min-width: 1024px) {
    #landing-whatsapp-popup .thanks-page-wrapper {
        width: 50%;
        justify-content: space-between;
        padding-top: 10rem
    }
}

#landing-whatsapp-popup .popup-content-wrapper {
    height: 100%
}

#landing-cta .cta {
    border-radius: 9999px;
    border-width: 1px;
    border-color: #1b1d1e1f;
    background-color: #e2dcfad9
}

#landing-cta .circle {
    background-color: transparent
}

#landing-cta .outer-circle {
    background-color: #16a34a40
}

.landing-form-popup-wrapper {
    display: flex;
    flex-direction: column;
    gap: 3rem
}

#landing-form-popup #landing-form > div, #landing-form-popup #landing-form-container > div {
    width: 100%
}

#landing-form-popup #landing-form > div:has(.country-code-wrapper), #landing-form-popup #landing-form-container > div:has(.country-code-wrapper) {
    width: 83.333333%
}

#landing-form-popup .awards-animation-highlight-container {
    font-size: .75rem;
    line-height: 1rem;
    font-weight: 600;
    line-height: 150%;
    letter-spacing: -.009rem;
    color: #150d30d9
}

#landing-form-popup .awards-animation-highlight {
    font-size: .75rem;
    line-height: 1rem;
    font-weight: 600;
    line-height: 150%;
    letter-spacing: -.009rem
}

.landing-form-popup-field {
    gap: 3rem
}

@media (min-width: 1024px) {
    .landing-form-popup-field {
        gap: 4rem
    }
}

.landing-before-after-sm {
    width: 100%;
    margin-right: auto;
    margin-left: auto
}

@media (min-width: 100%) {
    .landing-before-after-sm {
        max-width: 100%
    }
}

@media (min-width: 1536px) {
    .landing-before-after-sm {
        max-width: 1536px
    }
}

.landing-before-after-sm {
    padding-left: 1.25rem;
    padding-right: 1.25rem
}

@media (min-width: 640px) {
    .landing-before-after-sm {
        padding-left: 2rem;
        padding-right: 2rem
    }
}

@media (min-width: 768px) {
    .landing-before-after-sm {
        padding-left: 3rem;
        padding-right: 3rem
    }
}

@media (min-width: 1200px) {
    .landing-before-after-sm {
        padding-left: 5.5rem;
        padding-right: 5.5rem
    }
}

.landing-before-after-sm {
    display: flex;
    flex-direction: column;
    gap: 2rem
}

@media (min-width: 1024px) {
    nav.landing-before-after-sm {
        padding-left: 2rem;
        padding-right: 2rem
    }
}

@media (min-width: 1200px) {
    nav.landing-before-after-sm {
        padding-left: 4.5rem;
        padding-right: 4.5rem
    }
}

@media (min-width: 1536px) {
    nav.landing-before-after-sm {
        padding-left: 5.5rem;
        padding-right: 5.5rem
    }
}

@media (min-width: 1024px) {
    .landing-before-after-sm {
        display: none
    }
}

.landing-before-after-sm-card {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: .5rem;
    text-align: center
}

.landing-before-after-sm-img {
    height: 19.4375rem;
    border-radius: .75rem;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center;
    object-position: center
}

.feature-treatment-description {
    overflow: hidden;
    opacity: 0
}

.feature-treatment-description p {
    font-size: 1rem;
    line-height: 1.5rem;
    font-weight: 500;
    line-height: 150%;
    letter-spacing: -.012rem
}

[dir=rtl] .values-wrapper .feature-treatment-description p {
    font-weight: 400
}

.feature-treatment-description p {
    color: #150d30a6
}

[dir=rtl] p.feature-treatment-description p, [dir=rtl] span.feature-treatment-description p, [dir=rtl] a.feature-treatment-description p, [dir=rtl] li.feature-treatment-description p, [dir=rtl] ol.feature-treatment-description p, [dir=rtl] ul.feature-treatment-description p, [dir=rtl] h1.feature-treatment-description p, [dir=rtl] h2.feature-treatment-description p, [dir=rtl] h3.feature-treatment-description p, [dir=rtl] h4.feature-treatment-description p, [dir=rtl] h5.feature-treatment-description p, [dir=rtl] h6.feature-treatment-description p {
    --tw-text-opacity: 1;
    color: rgb(21 13 48 / var(--tw-text-opacity, 1));
    opacity: .65
}

@media (min-width: 1024px) {
    .feature-treatment-description p {
        font-size: 1.125rem;
        line-height: 1.75rem;
        font-weight: 500;
        line-height: 150%;
        letter-spacing: -.0135rem
    }

    [dir=rtl] .values-wrapper .feature-treatment-description p {
        font-weight: 400
    }
}

.feature-treatment-link-wrapper {
    display: flex;
    flex-direction: column;
    gap: .5rem
}

#landing-feature-treatment .feature-treatment-link-arrow {
    --tw-rotate: 90deg;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.feature-treatment-link-wrapper:has(.feature-treatment-description) {
    cursor: pointer;
    border-bottom-width: 1px;
    border-style: dashed;
    border-color: #1b1d1e40;
    padding: 1.25rem 1rem
}

@media (min-width: 768px) {
    .feature-treatment-link-wrapper:has(.feature-treatment-description) {
        padding: 2rem 1.5rem
    }
}

.feature-treatment-link-wrapper:has(.feature-treatment-description) .feature-treatment-link {
    border-width: 0px;
    padding: 0
}

.feature-treatment-link-wrapper.active .feature-treatment-link-arrow {
    --tw-rotate: -90deg;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
    transition-duration: .5s
}

.feature-treatment-link-wrapper.active .feature-treatment-link-content p {
    font-style: italic;
    color: #35907ad9;
    transition-timing-function: cubic-bezier(.4, 0, .2, 1)
}

.feature-treatment-link-wrapper.active .feature-treatment-link-content svg {
    fill: #1d6b58;
    transition-duration: .5s
}

.feature-treatment-link-wrapper.active #feature-treatment-link-svg {
    opacity: 1;
    transition-duration: .5s
}

.feature-treatment-link-wrapper.active .feature-treatment-link-content p {
    transition-timing-function: cubic-bezier(.4, 0, .2, 1)
}

.feature-treatment-link-wrapper.active .feature-treatment-link-arrow-path {
    stroke: #452ba0;
    transition-duration: .5s
}

.feature-treatment-link-wrapper.active .feature-treatment-link-arrow {
    fill: #35907a75;
    transition-duration: .5s
}

.footer-content-wrapper .footer-header-wrapper {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 3rem;
    padding-top: 1.5rem
}

.footer-sm {
    padding-top: 1.5rem
}

@media (min-width: 1024px) {
    .footer-sm {
        overflow: hidden
    }
}

.smile-gallery-comparison-wrapper:has(.landing-before-after-sm) {
    padding-bottom: 1.5rem
}

main:has(#landing) .approved-by-section {
    margin-top: 0
}

input::-webkit-outer-spin-button, input::-webkit-inner-spin-button {
    -webkit-appearance: none
}

input[type=number] {
    -moz-appearance: textfield
}

main:has(#mini-landing) ~ .footer-language-dropdown {
    display: none
}

#mini-landing .values-section {
    margin-bottom: 3rem
}

#landing-form-popup-thanks .homepage-close-btn {
    position: absolute;
    top: .75rem;
    right: .75rem
}

#mini-landing .thanks-page-wrapper {
    height: 100%;
    justify-content: center
}

.switch {
    position: relative;
    display: inline-block;
    width: 3.25rem;
    height: 2rem;
    transition: .4s;
    border-radius: 9999px;
    --tw-bg-opacity: 1;
    background-color: rgb(248 247 242 / var(--tw-bg-opacity, 1))
}

.switch input {
    opacity: 0;
    width: 0;
    height: 0
}

.slider {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: transparent;
    transition: .4s;
    border: 2px solid rgba(27, 29, 30, .65)
}

.slider:before {
    position: absolute;
    content: "";
    height: 20px;
    width: 20px;
    left: 2px;
    bottom: 4px;
    background-color: #bab7ab;
    transition: .4s
}

.switch:has(input:checked) {
    border-width: 0px;
    --tw-bg-opacity: 1;
    background-color: rgb(29 107 88 / var(--tw-bg-opacity, 1))
}

input:checked + .slider:before {
    --tw-bg-opacity: 1;
    background-color: rgb(251 251 248 / var(--tw-bg-opacity, 1))
}

input:checked + .slider {
    border-color: transparent
}

input:focus + .slider {
    box-shadow: 0 0 1px #2196f3
}

input:checked + .slider:before {
    transform: translate(24px)
}

.slider.round {
    border-radius: 34px
}

.slider.round:before {
    border-radius: 50%
}

.cookies-wrapper {
    position: fixed;
    inset-inline-start: 0px;
    bottom: 0;
    z-index: 60;
    display: flex;
    display: none;
    flex-direction: column;
    gap: 1rem;
    border-width: 1px;
    border-color: #1b1d1e1f;
    --tw-bg-opacity: 1;
    background-color: rgb(53 144 122 / var(--tw-bg-opacity, 1));
    padding: 2rem 1.5rem 1rem;
    opacity: 0;
    transition-duration: .5s
}

@media (min-width: 1024px) {
    .cookies-wrapper {
        inset-inline-start: 1rem;
        bottom: .75rem;
        width: 22.375rem;
        border-radius: 1rem;
        padding-bottom: 2rem
    }
}

.cookies-wrapper {
    box-shadow: 0 20px 24px -4px #00000014, 0 8px 8px -4px #00000008
}

#cookies-popup, #cookies-mobile-modal {
    display: none
}

.cookies-wrapper.active {
    opacity: 1;
    transition-duration: .5s
}

.cookies-list {
    font-size: .875rem;
    line-height: 1.25rem;
    font-weight: 500;
    line-height: 150%;
    letter-spacing: -.0105rem
}

[dir=rtl] .values-wrapper .cookies-list {
    font-weight: 400
}

.cookies-list {
    list-style-type: disc;
    padding-inline-start: 1.75rem;
    color: #ffffffa6
}

[dir=rtl] p.cookies-list, [dir=rtl] span.cookies-list, [dir=rtl] a.cookies-list, [dir=rtl] li.cookies-list, [dir=rtl] ol.cookies-list, [dir=rtl] ul.cookies-list, [dir=rtl] h1.cookies-list, [dir=rtl] h2.cookies-list, [dir=rtl] h3.cookies-list, [dir=rtl] h4.cookies-list, [dir=rtl] h5.cookies-list, [dir=rtl] h6.cookies-list {
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity, 1));
    opacity: .65
}

@media (min-width: 1024px) {
    .cookies-list {
        font-size: .75rem;
        line-height: 1rem;
        font-weight: 500;
        line-height: 150%;
        letter-spacing: -.009rem
    }

    [dir=rtl] .values-wrapper .cookies-list {
        font-weight: 400
    }
}

.cookies-link {
    font-size: .75rem;
    line-height: 1rem;
    font-weight: 600;
    line-height: 150%;
    letter-spacing: -.009rem;
    display: flex;
    align-items: center;
    gap: .25rem;
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity, 1));
    text-decoration-line: underline;
    text-decoration-thickness: 6%;
    text-underline-offset: 8%
}

.cookies-link-icon {
    height: 1rem;
    width: 1rem
}

.cookies-btns-wrapper {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    gap: .5rem
}

@media (min-width: 1024px) {
    .cookies-btns-wrapper {
        flex-wrap: nowrap
    }
}

.cookies-btns {
    display: flex;
    width: 100%;
    align-items: center;
    gap: .5rem
}

@media (min-width: 1024px) {
    .cookies-btns {
        width: auto;
        gap: .25rem
    }
}

.cookies-btns button {
    font-size: .875rem;
    line-height: 1.25rem;
    font-weight: 600;
    line-height: 150%;
    letter-spacing: -.0105rem;
    height: 3rem;
    width: calc(50% - .5rem);
    justify-content: center
}

@media (min-width: 1024px) {
    .cookies-btns button {
        font-size: .75rem;
        line-height: 1rem;
        font-weight: 600;
        line-height: 150%;
        letter-spacing: -.009rem;
        height: 2.25rem;
        width: -moz-fit-content;
        width: fit-content
    }
}

.cookies-btns .btn-md {
    padding-left: 1rem;
    padding-right: 1rem
}

.cookies-btns-wrapper .btn-tertiary {
    font-size: .875rem;
    line-height: 1.25rem;
    font-weight: 600;
    line-height: 150%;
    letter-spacing: -.0105rem;
    padding-top: .5rem;
    padding-bottom: .5rem;
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity, 1))
}

@media (min-width: 1024px) {
    .cookies-btns-wrapper .btn-tertiary {
        font-size: .75rem;
        line-height: 1rem;
        font-weight: 600;
        line-height: 150%;
        letter-spacing: -.009rem
    }
}

#cookies-popup .popup-content-wrapper {
    position: relative;
    top: 50%;
    left: 50%;
    height: 83.3333333%;
    width: calc(100% - 2.5rem);
    --tw-translate-y: -50%;
    --tw-translate-x: -50%;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
    overflow-y: auto;
    border-radius: 1rem;
    --tw-bg-opacity: 1;
    background-color: rgb(248 247 242 / var(--tw-bg-opacity, 1));
    padding: 2rem
}

@media (min-width: 1024px) {
    #cookies-popup .popup-content-wrapper {
        top: auto;
        left: auto;
        height: auto;
        width: 36.1875rem;
        transform: none
    }
}

#cookies-popup .popup-content-wrapper {
    box-shadow: 0 4px 8px #00000040
}

#cookies-popup .close-popup {
    height: 2.5rem;
    width: 2.5rem
}

#cookies-popup .close-popup svg {
    height: 100%;
    width: 100%
}

#cookies-popup .popup-content {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
    gap: 1.5rem;
    text-align: start
}

.cookies-preference-wrapper {
    display: flex;
    width: 100%;
    flex-direction: column;
    gap: .75rem
}

.cookies-preference {
    border-radius: .125rem;
    border-width: 1px;
    border-color: #1b1d1e1f
}

.cookies-preference-item {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    border-bottom-width: 1px;
    border-color: #1b1d1e1f;
    padding-top: .75rem;
    padding-bottom: .75rem;
    padding-inline-start: 1rem;
    padding-inline-end: .5rem
}

.cookies-preference-item:last-child {
    border-width: 0px
}

.cookies-preference-item p {
    font-size: .875rem;
    line-height: 1.25rem;
    font-weight: 500;
    line-height: 150%;
    letter-spacing: -.0105rem
}

[dir=rtl] .values-wrapper .cookies-preference-item p {
    font-weight: 400
}

.cookies-preference-item p {
    --tw-text-opacity: 1;
    color: rgb(21 13 48 / var(--tw-text-opacity, 1))
}

.cookies-btns #confirm-preference {
    width: 100%
}

@media (min-width: 1024px) {
    .cookies-btns #confirm-preference {
        width: -moz-fit-content;
        width: fit-content
    }
}

*, :before, :after {
    --tw-border-spacing-x: 0;
    --tw-border-spacing-y: 0;
    --tw-translate-x: 0;
    --tw-translate-y: 0;
    --tw-rotate: 0;
    --tw-skew-x: 0;
    --tw-skew-y: 0;
    --tw-scale-x: 1;
    --tw-scale-y: 1;
    --tw-pan-x: ;
    --tw-pan-y: ;
    --tw-pinch-zoom: ;
    --tw-scroll-snap-strictness: proximity;
    --tw-gradient-from-position: ;
    --tw-gradient-via-position: ;
    --tw-gradient-to-position: ;
    --tw-ordinal: ;
    --tw-slashed-zero: ;
    --tw-numeric-figure: ;
    --tw-numeric-spacing: ;
    --tw-numeric-fraction: ;
    --tw-ring-inset: ;
    --tw-ring-offset-width: 0px;
    --tw-ring-offset-color: #fff;
    --tw-ring-color: rgb(59 130 246 / .5);
    --tw-ring-offset-shadow: 0 0 #0000;
    --tw-ring-shadow: 0 0 #0000;
    --tw-shadow: 0 0 #0000;
    --tw-shadow-colored: 0 0 #0000;
    --tw-blur: ;
    --tw-brightness: ;
    --tw-contrast: ;
    --tw-grayscale: ;
    --tw-hue-rotate: ;
    --tw-invert: ;
    --tw-saturate: ;
    --tw-sepia: ;
    --tw-drop-shadow: ;
    --tw-backdrop-blur: ;
    --tw-backdrop-brightness: ;
    --tw-backdrop-contrast: ;
    --tw-backdrop-grayscale: ;
    --tw-backdrop-hue-rotate: ;
    --tw-backdrop-invert: ;
    --tw-backdrop-opacity: ;
    --tw-backdrop-saturate: ;
    --tw-backdrop-sepia: ;
    --tw-contain-size: ;
    --tw-contain-layout: ;
    --tw-contain-paint: ;
    --tw-contain-style:
}

::backdrop {
    --tw-border-spacing-x: 0;
    --tw-border-spacing-y: 0;
    --tw-translate-x: 0;
    --tw-translate-y: 0;
    --tw-rotate: 0;
    --tw-skew-x: 0;
    --tw-skew-y: 0;
    --tw-scale-x: 1;
    --tw-scale-y: 1;
    --tw-pan-x: ;
    --tw-pan-y: ;
    --tw-pinch-zoom: ;
    --tw-scroll-snap-strictness: proximity;
    --tw-gradient-from-position: ;
    --tw-gradient-via-position: ;
    --tw-gradient-to-position: ;
    --tw-ordinal: ;
    --tw-slashed-zero: ;
    --tw-numeric-figure: ;
    --tw-numeric-spacing: ;
    --tw-numeric-fraction: ;
    --tw-ring-inset: ;
    --tw-ring-offset-width: 0px;
    --tw-ring-offset-color: #fff;
    --tw-ring-color: rgb(59 130 246 / .5);
    --tw-ring-offset-shadow: 0 0 #0000;
    --tw-ring-shadow: 0 0 #0000;
    --tw-shadow: 0 0 #0000;
    --tw-shadow-colored: 0 0 #0000;
    --tw-blur: ;
    --tw-brightness: ;
    --tw-contrast: ;
    --tw-grayscale: ;
    --tw-hue-rotate: ;
    --tw-invert: ;
    --tw-saturate: ;
    --tw-sepia: ;
    --tw-drop-shadow: ;
    --tw-backdrop-blur: ;
    --tw-backdrop-brightness: ;
    --tw-backdrop-contrast: ;
    --tw-backdrop-grayscale: ;
    --tw-backdrop-hue-rotate: ;
    --tw-backdrop-invert: ;
    --tw-backdrop-opacity: ;
    --tw-backdrop-saturate: ;
    --tw-backdrop-sepia: ;
    --tw-contain-size: ;
    --tw-contain-layout: ;
    --tw-contain-paint: ;
    --tw-contain-style:
}

*, :before, :after {
    box-sizing: border-box;
    border-width: 0;
    border-style: solid;
    border-color: #e5e7eb
}

:before, :after {
    --tw-content: ""
}

html, :host {
    line-height: 1.5;
    -webkit-text-size-adjust: 100%;
    -moz-tab-size: 4;
    -o-tab-size: 4;
    tab-size: 4;
    font-family: ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", Segoe UI Symbol, "Noto Color Emoji";
    font-feature-settings: normal;
    font-variation-settings: normal;
    -webkit-tap-highlight-color: transparent
}

body {
    margin: 0;
    line-height: inherit
}

hr {
    height: 0;
    color: inherit;
    border-top-width: 1px
}

abbr:where([title]) {
    -webkit-text-decoration: underline dotted;
    text-decoration: underline dotted
}

h1, h2, h3, h4, h5, h6 {
    font-size: inherit;
    font-weight: inherit
}

a {
    color: inherit;
    text-decoration: inherit
}

b, strong {
    font-weight: bolder
}

code, kbd, samp, pre {
    font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, Liberation Mono, Courier New, monospace;
    font-feature-settings: normal;
    font-variation-settings: normal;
    font-size: 1em
}

small {
    font-size: 80%
}

sub, sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline
}

sub {
    bottom: -.25em
}

sup {
    top: -.5em
}

table {
    text-indent: 0;
    border-color: inherit;
    border-collapse: collapse
}

button, input, optgroup, select, textarea {
    font-family: inherit;
    font-feature-settings: inherit;
    font-variation-settings: inherit;
    font-size: 100%;
    font-weight: inherit;
    line-height: inherit;
    letter-spacing: inherit;
    color: inherit;
    margin: 0;
    padding: 0
}

button, select {
    text-transform: none
}

button, input:where([type=button]), input:where([type=reset]), input:where([type=submit]) {
    -webkit-appearance: button;
    background-color: transparent;
    background-image: none
}

:-moz-focusring {
    outline: auto
}

:-moz-ui-invalid {
    box-shadow: none
}

progress {
    vertical-align: baseline
}

::-webkit-inner-spin-button, ::-webkit-outer-spin-button {
    height: auto
}

[type=search] {
    -webkit-appearance: textfield;
    outline-offset: -2px
}

::-webkit-search-decoration {
    -webkit-appearance: none
}

::-webkit-file-upload-button {
    -webkit-appearance: button;
    font: inherit
}

summary {
    display: list-item
}

blockquote, dl, dd, h1, h2, h3, h4, h5, h6, hr, figure, p, pre {
    margin: 0
}

fieldset {
    margin: 0;
    padding: 0
}

legend {
    padding: 0
}

ol, ul, menu {
    list-style: none;
    margin: 0;
    padding: 0
}

dialog {
    padding: 0
}

textarea {
    resize: vertical
}

input::-moz-placeholder, textarea::-moz-placeholder {
    opacity: 1;
    color: #9ca3af
}

input::placeholder, textarea::placeholder {
    opacity: 1;
    color: #9ca3af
}

button, [role=button] {
    cursor: pointer
}

:disabled {
    cursor: default
}

img, svg, video, canvas, audio, iframe, embed, object {
    display: block;
    vertical-align: middle
}

img, video {
    max-width: 100%;
    height: auto
}

[hidden]:where(:not([hidden=until-found])) {
    display: none
}

html {
    scroll-behavior: smooth
}

body {
    position: relative;
    overflow-x: hidden;
    --tw-bg-opacity: 1;
    background-color: rgb(248 247 242 / var(--tw-bg-opacity, 1))
}

body:where([dir=ltr],[dir=ltr] *) {
    font-family: Manrope
}

body:where([dir=rtl],[dir=rtl] *) {
    font-family: NotoSansArabic
}

body {
    -webkit-font-smoothing: antialiased;
    font-smooth: always
}

h1:where([dir=ltr],[dir=ltr] *) {
    font-size: 3.375rem;
    line-height: 105%;
    letter-spacing: -.11813rem
}

@media (min-width: 1024px) {
    h1:where([dir=ltr],[dir=ltr] *) {
        font-size: 5.25rem;
        letter-spacing: -.21rem
    }
}

h1:where([dir=rtl],[dir=rtl] *) {
    font-size: 3.25rem;
    line-height: 108%;
    letter-spacing: -.0975rem
}

@media (min-width: 1024px) {
    h1:where([dir=rtl],[dir=rtl] *) {
        font-size: 4.625rem;
        line-height: 120%;
        letter-spacing: -.13875rem
    }
}

h1 {
    font-feature-settings: "ss01" on, "ss02" on, "ss03" on, "cv01" on, "cv02" on, "cv04" on, "cv09" on, "cv12" on
}

h2 {
    text-transform: capitalize
}

h2:where([dir=ltr],[dir=ltr] *) {
    font-size: 2.1875rem;
    line-height: 105%;
    letter-spacing: -.07656rem
}

@media (min-width: 1024px) {
    h2:where([dir=ltr],[dir=ltr] *) {
        font-size: 3.875rem;
        letter-spacing: -.155rem
    }
}

h2:where([dir=rtl],[dir=rtl] *) {
    font-size: 2.125rem;
    line-height: 108%;
    letter-spacing: -.0425rem
}

@media (min-width: 1024px) {
    h2:where([dir=rtl],[dir=rtl] *) {
        font-size: 3.75rem;
        line-height: 1;
        letter-spacing: -.1125rem
    }
}

h2 {
    font-feature-settings: "ss01" on, "ss02" on, "ss03" on, "cv01" on, "cv02" on, "cv04" on, "cv09" on, "cv12" on
}

h3 {
    text-transform: capitalize
}

h3:where([dir=ltr],[dir=ltr] *) {
    font-size: 2rem;
    line-height: 105%;
    letter-spacing: -.05rem
}

@media (min-width: 1024px) {
    h3:where([dir=ltr],[dir=ltr] *) {
        font-size: 2.875rem;
        letter-spacing: -.10063rem
    }
}

h3:where([dir=rtl],[dir=rtl] *) {
    font-size: 1.875rem;
    line-height: 2.25rem;
    line-height: 110%;
    letter-spacing: -.0375rem
}

@media (min-width: 1024px) {
    h3:where([dir=rtl],[dir=rtl] *) {
        font-size: 2.75rem;
        line-height: 108%;
        letter-spacing: -.0825rem
    }
}

h3 {
    font-feature-settings: "ss01" on, "ss02" on, "ss03" on, "cv01" on, "cv02" on, "cv04" on, "cv09" on, "cv12" on
}

h4 {
    /*text-transform: capitalize*/
}

h4:where([dir=ltr],[dir=ltr] *) {
    font-size: 1.75rem;
    line-height: 105%;
    letter-spacing: -.07125rem
}

@media (min-width: 1024px) {
    h4:where([dir=ltr],[dir=ltr] *) {
        font-size: 2.375rem;
        letter-spacing: -.04375rem
    }
}

h4:where([dir=rtl],[dir=rtl] *) {
    font-size: 1.625rem;
    line-height: 112%;
    letter-spacing: -.0325rem
}

@media (min-width: 1024px) {
    h4:where([dir=rtl],[dir=rtl] *) {
        font-size: 2.25rem;
        line-height: 108%;
        letter-spacing: -.045rem
    }
}

h4 {
    font-feature-settings: "ss01" on, "ss02" on, "ss03" on, "cv01" on, "cv02" on, "cv04" on, "cv09" on, "cv12" on
}

h5 {
    /*text-transform: capitalize*/
}

h5:where([dir=ltr],[dir=ltr] *) {
    font-size: 1.4375rem;
    line-height: 110%;
    letter-spacing: -.04313rem
}

@media (min-width: 1024px) {
    h5:where([dir=ltr],[dir=ltr] *) {
        font-size: 2rem;
        line-height: 105%;
        letter-spacing: -.06rem
    }
}

h5:where([dir=rtl],[dir=rtl] *) {
    font-size: 1.375rem;
    line-height: 112%;
    letter-spacing: -.0275rem
}

@media (min-width: 1024px) {
    h5:where([dir=rtl],[dir=rtl] *) {
        font-size: 1.875rem;
        line-height: 110%;
        letter-spacing: -.0375rem
    }
}

h5 {
    font-feature-settings: "ss01" on, "ss02" on, "ss03" on, "cv01" on, "cv02" on, "cv04" on, "cv09" on, "cv12" on
}

h6 {
    text-transform: capitalize
}

h6:where([dir=ltr],[dir=ltr] *) {
    font-size: 1.3125rem;
    line-height: 110%;
    letter-spacing: -.03938rem
}

@media (min-width: 1024px) {
    h6:where([dir=ltr],[dir=ltr] *) {
        font-size: 1.75rem;
        line-height: 105%;
        letter-spacing: -.0525rem
    }
}

h6:where([dir=rtl],[dir=rtl] *) {
    font-size: 1.25rem;
    line-height: 116%;
    letter-spacing: -.025rem
}

@media (min-width: 1024px) {
    h6:where([dir=rtl],[dir=rtl] *) {
        font-size: 1.625rem;
        line-height: 110%;
        letter-spacing: -.0325rem
    }
}

h6 {
    font-feature-settings: "ss01" on, "ss02" on, "ss03" on, "cv01" on, "cv02" on, "cv04" on, "cv09" on, "cv12" on
}

.h1:where([dir=ltr],[dir=ltr] *) {
    font-size: 3.375rem;
    line-height: 105%;
    letter-spacing: -.11813rem
}

@media (min-width: 1024px) {
    .h1:where([dir=ltr],[dir=ltr] *) {
        font-size: 5.25rem;
        letter-spacing: -.21rem
    }
}

.h1:where([dir=rtl],[dir=rtl] *) {
    font-size: 3.25rem;
    line-height: 108%;
    letter-spacing: -.0975rem
}

@media (min-width: 1024px) {
    .h1:where([dir=rtl],[dir=rtl] *) {
        font-size: 4.625rem;
        line-height: 120%;
        letter-spacing: -.13875rem
    }
}

.h1 {
    font-feature-settings: "ss01" on, "ss02" on, "ss03" on, "cv01" on, "cv02" on, "cv04" on, "cv09" on, "cv12" on
}

.h2 {
    text-transform: capitalize
}

.h2:where([dir=ltr],[dir=ltr] *) {
    font-size: 2.1875rem;
    line-height: 105%;
    letter-spacing: -.07656rem
}

@media (min-width: 1024px) {
    .h2:where([dir=ltr],[dir=ltr] *) {
        font-size: 3.875rem;
        letter-spacing: -.155rem
    }
}

.h2:where([dir=rtl],[dir=rtl] *) {
    font-size: 2.125rem;
    line-height: 108%;
    letter-spacing: -.0425rem
}

@media (min-width: 1024px) {
    .h2:where([dir=rtl],[dir=rtl] *) {
        font-size: 3.75rem;
        line-height: 1;
        letter-spacing: -.1125rem
    }
}

.h2 {
    font-feature-settings: "ss01" on, "ss02" on, "ss03" on, "cv01" on, "cv02" on, "cv04" on, "cv09" on, "cv12" on
}

.h3 {
    text-transform: capitalize
}

.h3:where([dir=ltr],[dir=ltr] *) {
    font-size: 2rem;
    line-height: 105%;
    letter-spacing: -.05rem
}

@media (min-width: 1024px) {
    .h3:where([dir=ltr],[dir=ltr] *) {
        font-size: 2.875rem;
        letter-spacing: -.10063rem
    }
}

.h3:where([dir=rtl],[dir=rtl] *) {
    font-size: 1.875rem;
    line-height: 2.25rem;
    line-height: 110%;
    letter-spacing: -.0375rem
}

@media (min-width: 1024px) {
    .h3:where([dir=rtl],[dir=rtl] *) {
        font-size: 2.75rem;
        line-height: 108%;
        letter-spacing: -.0825rem
    }
}

.h3 {
    font-feature-settings: "ss01" on, "ss02" on, "ss03" on, "cv01" on, "cv02" on, "cv04" on, "cv09" on, "cv12" on
}

.h4 {
    text-transform: capitalize
}

.h4:where([dir=ltr],[dir=ltr] *) {
    font-size: 1.75rem;
    line-height: 105%;
    letter-spacing: -.07125rem
}

@media (min-width: 1024px) {
    .h4:where([dir=ltr],[dir=ltr] *) {
        font-size: 2.375rem;
        letter-spacing: -.04375rem
    }
}

.h4:where([dir=rtl],[dir=rtl] *) {
    font-size: 1.625rem;
    line-height: 112%;
    letter-spacing: -.0325rem
}

@media (min-width: 1024px) {
    .h4:where([dir=rtl],[dir=rtl] *) {
        font-size: 2.25rem;
        line-height: 108%;
        letter-spacing: -.045rem
    }
}

.h4 {
    font-feature-settings: "ss01" on, "ss02" on, "ss03" on, "cv01" on, "cv02" on, "cv04" on, "cv09" on, "cv12" on
}

.h5 {
    text-transform: capitalize
}

.h5:where([dir=ltr],[dir=ltr] *) {
    font-size: 1.4375rem;
    line-height: 110%;
    letter-spacing: -.04313rem
}

@media (min-width: 1024px) {
    .h5:where([dir=ltr],[dir=ltr] *) {
        font-size: 2rem;
        line-height: 105%;
        letter-spacing: -.06rem
    }
}

.h5:where([dir=rtl],[dir=rtl] *) {
    font-size: 1.375rem;
    line-height: 112%;
    letter-spacing: -.0275rem
}

@media (min-width: 1024px) {
    .h5:where([dir=rtl],[dir=rtl] *) {
        font-size: 1.875rem;
        line-height: 110%;
        letter-spacing: -.0375rem
    }
}

.h5 {
    font-feature-settings: "ss01" on, "ss02" on, "ss03" on, "cv01" on, "cv02" on, "cv04" on, "cv09" on, "cv12" on
}

.h6 {
    text-transform: capitalize
}

.h6:where([dir=ltr],[dir=ltr] *) {
    font-size: 1.3125rem;
    line-height: 110%;
    letter-spacing: -.03938rem
}

@media (min-width: 1024px) {
    .h6:where([dir=ltr],[dir=ltr] *) {
        font-size: 1.75rem;
        line-height: 105%;
        letter-spacing: -.0525rem
    }
}

.h6:where([dir=rtl],[dir=rtl] *) {
    font-size: 1.25rem;
    line-height: 116%;
    letter-spacing: -.025rem
}

@media (min-width: 1024px) {
    .h6:where([dir=rtl],[dir=rtl] *) {
        font-size: 1.625rem;
        line-height: 110%;
        letter-spacing: -.0325rem
    }
}

.h6 {
    font-feature-settings: "ss01" on, "ss02" on, "ss03" on, "cv01" on, "cv02" on, "cv04" on, "cv09" on, "cv12" on
}

input::-moz-placeholder {
    color: #150d3073
}

input::placeholder {
    color: #150d3073
}

input {
    outline: 0
}

input[type=checkbox] {
    position: relative;
    height: 2.5rem;
    width: 2.5rem;
    cursor: pointer;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border-radius: .375rem;
    border-width: 1.5px;
    border-color: #1b1d1e40;
    --tw-bg-opacity: 1;
    background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1))
}

@media (min-width: 1024px) {
    input[type=checkbox] {
        height: 2rem;
        width: 2rem
    }
}

input[type=checkbox] {
    transition: all .3s ease
}

input[type=checkbox]:before {
    content: url("data:image/svg+xml,%3csvg%20width='24'%20height='24'%20viewBox='0%200%2024%2024'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20fill-rule='evenodd'%20clip-rule='evenodd'%20d='M20.0486%206.35147C20.5173%206.8201%2020.5173%207.5799%2020.0486%208.04853L10.4486%2017.6485C9.98%2018.1172%209.2202%2018.1172%208.75157%2017.6485L3.95157%2012.8485C3.48294%2012.3799%203.48294%2011.6201%203.95157%2011.1515C4.4202%2010.6828%205.18%2010.6828%205.64863%2011.1515L9.6001%2015.1029L18.3516%206.35147C18.8202%205.88284%2019.58%205.88284%2020.0486%206.35147Z'%20fill='%23fff'/%3e%3c/svg%3e");
    width: 1.5rem;
    height: 1.5rem;
    color: #fff;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    display: none
}

input[type=checkbox]:checked {
    background-color: #0056b3
}

input[type=checkbox]:checked:before {
    display: block
}

input[type=search]::-webkit-search-cancel-button, select {
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none
}

textarea {
    resize: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none
}

.container {
    width: 100%;
    margin-right: auto;
    margin-left: auto
}

@media (min-width: 100%) {
    .container {
        max-width: 100%
    }
}

@media (min-width: 1536px) {
    .container {
        max-width: 1536px
    }
}

.container {
    padding-left: 1.25rem;
    padding-right: 1.25rem
}

@media (min-width: 640px) {
    .container {
        padding-left: 2rem;
        padding-right: 2rem
    }
}

@media (min-width: 768px) {
    .container {
        padding-left: 3rem;
        padding-right: 3rem
    }
}

@media (min-width: 1200px) {
    .container {
        padding-left: 5.5rem;
        padding-right: 5.5rem
    }
}

.breadcrumb-wrapper {
    padding-top: 4.5rem
}

@media (min-width: 1024px) {
    .breadcrumb-wrapper {
        padding-top: 3.5rem
    }
}

main > section {
    min-height: -moz-fit-content;
    min-height: fit-content;
    width: 100%
}

.breadcrumb-wrapper.main {
    --tw-bg-opacity: 1;
    background-color: rgb(246 240 234 / var(--tw-bg-opacity, 1))
}

.breadcrumb-wrapper.white {
    --tw-bg-opacity: 1;
    background-color: rgb(251 251 248 / var(--tw-bg-opacity, 1))
}

.breadcrumb-container {
    width: 100%;
    margin-right: auto;
    margin-left: auto
}

@media (min-width: 100%) {
    .breadcrumb-container {
        max-width: 100%
    }
}

@media (min-width: 1536px) {
    .breadcrumb-container {
        max-width: 1536px
    }
}

.breadcrumb-container {
    padding-left: 1.25rem;
    padding-right: 1.25rem
}

@media (min-width: 640px) {
    .breadcrumb-container {
        padding-left: 2rem;
        padding-right: 2rem
    }
}

@media (min-width: 768px) {
    .breadcrumb-container {
        padding-left: 3rem;
        padding-right: 3rem
    }
}

@media (min-width: 1200px) {
    .breadcrumb-container {
        padding-left: 5.5rem;
        padding-right: 5.5rem
    }
}

.breadcrumb-container {
    font-size: .75rem;
    line-height: 1rem;
    font-weight: 500;
    line-height: 150%;
    letter-spacing: -.009rem
}

[dir=rtl] .values-wrapper .breadcrumb-container {
    font-weight: 400
}

.breadcrumb-container {
    display: flex;
    align-items: center;
    gap: .5rem;
    padding-top: .75rem;
    padding-bottom: 2rem;
    color: #150d3073
}

@media (min-width: 1024px) {
    nav.breadcrumb-container {
        padding-left: 2rem;
        padding-right: 2rem
    }
}

@media (min-width: 1200px) {
    nav.breadcrumb-container {
        padding-left: 4.5rem;
        padding-right: 4.5rem
    }
}

@media (min-width: 1536px) {
    nav.breadcrumb-container {
        padding-left: 5.5rem;
        padding-right: 5.5rem
    }
}

@media (min-width: 1024px) {
    .breadcrumb-container {
        padding-top: 2rem;
        padding-bottom: .75rem
    }
}

.breadcrumb-active {
    font-size: .75rem;
    line-height: 1rem;
    font-weight: 500;
    line-height: 150%;
    letter-spacing: -.009rem
}

[dir=rtl] .values-wrapper .breadcrumb-active {
    font-weight: 400
}

.breadcrumb-active {
    display: flex;
    align-items: center;
    gap: .5rem;
    color: #150d30a6;
    text-decoration-line: underline;
    text-decoration-style: solid;
    text-decoration-thickness: 8.5%;
    text-underline-offset: auto;
    transition-duration: .3s
}

[dir=rtl] p.breadcrumb-active, [dir=rtl] span.breadcrumb-active, [dir=rtl] a.breadcrumb-active, [dir=rtl] li.breadcrumb-active, [dir=rtl] ol.breadcrumb-active, [dir=rtl] ul.breadcrumb-active, [dir=rtl] h1.breadcrumb-active, [dir=rtl] h2.breadcrumb-active, [dir=rtl] h3.breadcrumb-active, [dir=rtl] h4.breadcrumb-active, [dir=rtl] h5.breadcrumb-active, [dir=rtl] h6.breadcrumb-active {
    --tw-text-opacity: 1;
    color: rgb(21 13 48 / var(--tw-text-opacity, 1));
    opacity: .65
}

.breadcrumb-active:hover {
    color: #150d30a6
}

[dir=rtl] .breadcrumb-active:hoverp, [dir=rtl] .breadcrumb-active:hoverspan, [dir=rtl] .breadcrumb-active:hovera, [dir=rtl] .breadcrumb-active:hoverli, [dir=rtl] .breadcrumb-active:hoverol, [dir=rtl] .breadcrumb-active:hoverul, [dir=rtl] .breadcrumb-active:hoverh1, [dir=rtl] .breadcrumb-active:hoverh2, [dir=rtl] .breadcrumb-active:hoverh3, [dir=rtl] .breadcrumb-active:hoverh4, [dir=rtl] .breadcrumb-active:hoverh5, [dir=rtl] .breadcrumb-active:hoverh6 {
    --tw-text-opacity: 1;
    color: rgb(21 13 48 / var(--tw-text-opacity, 1));
    opacity: .65
}

.breadcrumb-active svg:where([dir=rtl],[dir=rtl] *):last-child {
    --tw-rotate: 180deg;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.form-input-bordered-icon, .custom-dropdown {
    font-size: 1.125rem;
    line-height: 1.75rem;
    font-weight: 500;
    line-height: 150%;
    letter-spacing: -.0135rem
}

[dir=rtl] .values-wrapper .form-input-bordered-icon, [dir=rtl] .values-wrapper .custom-dropdown {
    font-weight: 400
}

.form-input-bordered-icon, .custom-dropdown {
    position: relative;
    display: flex;
    height: 4rem;
    align-items: center;
    gap: .5rem;
    border-radius: .5rem;
    border-width: 1px;
    border-color: #1b1d1e40;
    --tw-bg-opacity: 1;
    background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
    padding-left: .75rem;
    padding-right: .75rem;
    color: #150d30d9;
    outline-width: 0px
}

@media (min-width: 1024px) {
    .phone-field {
        width: 91.666667%
    }
}

@media (min-width: 1400px) {
    .phone-field {
        width: 80%
    }
}

.phone-field {
    direction: ltr
}

.form-input-bordered-icon:has(input[type=number]) {
    direction: ltr
}

.sub-heading1:where([dir=ltr],[dir=ltr] *) {
    font-size: 1.1875rem;
    line-height: 110%;
    letter-spacing: -.02969rem
}

@media (min-width: 1024px) {
    .sub-heading1:where([dir=ltr],[dir=ltr] *) {
        font-size: 1.4375rem;
        letter-spacing: -.03594rem
    }
}

.sub-heading1:where([dir=rtl],[dir=rtl] *) {
    font-size: 1.125rem;
    line-height: 120%;
    letter-spacing: -.0225rem
}

@media (min-width: 1024px) {
    .sub-heading1:where([dir=rtl],[dir=rtl] *) {
        font-size: 1.375rem;
        line-height: 110%;
        letter-spacing: -.03438rem
    }
}

.sub-heading2:where([dir=ltr],[dir=ltr] *) {
    font-size: 1.0625rem;
    line-height: 110%;
    letter-spacing: -.02656rem
}

@media (min-width: 1024px) {
    .sub-heading2:where([dir=ltr],[dir=ltr] *) {
        font-size: 1.1875rem;
        letter-spacing: -.02969rem
    }
}

.sub-heading2:where([dir=rtl],[dir=rtl] *) {
    font-size: 1rem;
    line-height: 1.5rem;
    line-height: 120%;
    letter-spacing: -.02rem
}

@media (min-width: 1024px) {
    .sub-heading2:where([dir=rtl],[dir=rtl] *) {
        font-size: 1.125rem;
        line-height: 1.75rem;
        line-height: 110%;
        letter-spacing: -.0225rem
    }
}

.btn-primary {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: .75rem;
    border-radius: 9999px;
    --tw-bg-opacity: 1;
    background-color: rgb(53 144 122 / var(--tw-bg-opacity, 1));
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity, 1));
    transition-duration: .3s
}

.btn-primary:hover {
    --tw-bg-opacity: 1;
    background-color: rgb(29 107 88 / var(--tw-bg-opacity, 1))
}

.btn-primary-inversed {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: .75rem;
    border-radius: 9999px;
    --tw-bg-opacity: 1;
    /*background-color: rgb(226 220 250 / var(--tw-bg-opacity, 1));*/
    background-color: #65C0AA;
    --tw-text-opacity: 1;
    color: rgb(21 13 48 / var(--tw-text-opacity, 1));
    transition-duration: .3s
}

.btn-secondary-inversed {
    display: flex;
    cursor: pointer;
    align-items: center;
    border-radius: 9999px;
    border-width: 1px;
    border-color: #fffffff2;
    background-color: transparent;
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity, 1));
    transition-duration: .3s
}

.btn-secondary-inversed:hover {
    border-color: #fff6
}

.btn-tertiary {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: .75rem;
    background-color: transparent;
    transition-duration: .3s
}

.btn-tertiary:hover {
    text-decoration-line: underline
}

.btn-tertiary:disabled {
    color: #150d3040
}

.btn-secondary-icon {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: .25rem;
    border-radius: 9999px;
    border-width: 1px;
    border-color: #1b1d1e66;
    background-color: transparent;
    --tw-text-opacity: 1;
    color: rgb(21 13 48 / var(--tw-text-opacity, 1));
    transition-duration: .3s
}

.btn-secondary-icon:hover {
    border-color: #1b1d1ea6
}

.btn-tertiary-icon {
    font-size: 1rem;
    line-height: 1.5rem;
    font-weight: 600;
    line-height: 150%;
    letter-spacing: -.012rem;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: .75rem;
    padding-top: 1rem;
    padding-bottom: 1rem
}

.btn-tertiary-icon:hover {
    text-decoration-line: underline
}

.btn-lg {
    font-size: 1.125rem;
    line-height: 1.75rem;
    font-weight: 600;
    line-height: 150%;
    letter-spacing: -.0135rem;
    height: 4rem;
    padding-left: 1rem;
    padding-right: 1rem
}

@media (min-width: 1400px) {
    .btn-lg {
        padding-left: 2rem;
        padding-right: 2rem
    }
}

.btn-md {
    font-size: 1rem;
    line-height: 1.5rem;
    font-weight: 600;
    line-height: 150%;
    letter-spacing: -.012rem;
    height: 3.5rem;
    padding-left: 1.5rem;
    padding-right: 1.5rem
}

.btn-sm {
    font-size: .875rem;
    line-height: 1.25rem;
    font-weight: 600;
    line-height: 150%;
    letter-spacing: -.0105rem;
    height: 2.5rem;
    padding-left: 1.5rem;
    padding-right: 1.5rem
}

@media (min-width: 1400px) {
    .btn-sm {
        font-size: .75rem;
        line-height: 1rem;
        font-weight: 600;
        line-height: 150%;
        letter-spacing: -.009rem
    }
}

@media (min-width: 1024px) {
    .btn-sm {
        height: 1.5rem;
        padding-left: .75rem;
        padding-right: .75rem
    }
}

.text-bold-large {
    font-size: 1.25rem;
    line-height: 1.75rem;
    font-weight: 700;
    line-height: 150%;
    letter-spacing: -.01875rem
}

[dir=rtl] .values-wrapper .text-bold-large {
    font-weight: 600
}

.text-bold-medium {
    font-size: 1.125rem;
    line-height: 1.75rem;
    font-weight: 700;
    line-height: 150%;
    letter-spacing: -.0135rem
}

[dir=rtl] .values-wrapper .text-bold-medium {
    font-weight: 600
}

.text-bold-regular {
    font-size: 1rem;
    line-height: 1.5rem;
    font-weight: 700;
    line-height: 150%;
    letter-spacing: -.012rem
}

[dir=rtl] .values-wrapper .text-bold-regular {
    font-weight: 600
}

.text-bold-small {
    font-size: .875rem;
    line-height: 1.25rem;
    font-weight: 700;
    line-height: 150%;
    letter-spacing: -.0105rem
}

[dir=rtl] .values-wrapper .text-bold-small {
    font-weight: 600
}

.text-semi-large {
    font-size: 1.25rem;
    line-height: 1.75rem;
    font-weight: 600;
    line-height: 150%;
    letter-spacing: -.01875rem
}

.text-semi-medium {
    font-size: 1.125rem;
    line-height: 1.75rem;
    font-weight: 600;
    line-height: 150%;
    letter-spacing: -.0135rem
}

.text-semi-regular {
    font-size: 1rem;
    line-height: 1.5rem;
    font-weight: 600;
    line-height: 150%;
    letter-spacing: -.012rem
}

.text-semi-small {
    font-size: .875rem;
    line-height: 1.25rem;
    font-weight: 600;
    line-height: 150%;
    letter-spacing: -.0105rem
}

.text-semi-tiny {
    font-size: .75rem;
    line-height: 1rem;
    font-weight: 600;
    line-height: 150%;
    letter-spacing: -.009rem
}

.text-medium-large {
    font-size: 1.25rem;
    line-height: 1.75rem;
    font-weight: 500;
    line-height: 150%;
    letter-spacing: -.01875rem
}

[dir=rtl] .values-wrapper .text-medium-large {
    font-weight: 400
}

.text-medium-medium {
    font-size: 1.125rem;
    line-height: 1.75rem;
    font-weight: 500;
    line-height: 150%;
    letter-spacing: -.0135rem
}

[dir=rtl] .values-wrapper .text-medium-medium {
    font-weight: 400
}

.text-medium-regular {
    font-size: 1rem;
    line-height: 1.5rem;
    font-weight: 500;
    line-height: 150%;
    letter-spacing: -.012rem
}

[dir=rtl] .values-wrapper .text-medium-regular {
    font-weight: 400
}

.text-medium-small {
    font-size: .875rem;
    line-height: 1.25rem;
    font-weight: 500;
    line-height: 150%;
    letter-spacing: -.0105rem
}

[dir=rtl] .values-wrapper .text-medium-small {
    font-weight: 400
}

.text-medium-tiny {
    font-size: .75rem;
    line-height: 1rem;
    font-weight: 500;
    line-height: 150%;
    letter-spacing: -.009rem
}

[dir=rtl] .values-wrapper .text-medium-tiny {
    font-weight: 400
}

.text-normal-large {
    font-size: 1.25rem;
    line-height: 1.75rem;
    font-weight: 400;
    line-height: 150%;
    letter-spacing: -.01875rem
}

.text-normal-medium {
    font-size: 1.125rem;
    line-height: 1.75rem;
    font-weight: 400;
    line-height: 150%;
    letter-spacing: -.0135rem
}

.text-normal-regular {
    font-size: 1rem;
    line-height: 1.5rem;
    font-weight: 400;
    line-height: 150%;
    letter-spacing: -.012rem
}

.text-normal-small {
    font-size: .875rem;
    line-height: 1.25rem;
    font-weight: 400;
    line-height: 150%;
    letter-spacing: -.0105rem
}

.text-normal-tiny {
    font-size: .75rem;
    line-height: 1rem;
    font-weight: 400;
    line-height: 150%;
    letter-spacing: -.009rem
}

.text-normal-xtiny {
    font-size: .6875rem;
    font-weight: 400;
    line-height: 140%;
    letter-spacing: -.00825rem
}

.pointer-events-none {
    pointer-events: none
}

.visible {
    visibility: visible
}

.absolute {
    position: absolute
}

.relative {
    position: relative
}

.sticky {
    position: sticky
}

.bottom-0 {
    bottom: 0
}

.left-1\/2 {
    left: 50%
}

.right-0 {
    right: 0
}

.top-0 {
    top: 0
}

.top-1\/2 {
    top: 50%
}

.z-10 {
    z-index: 10
}

.z-\[1\] {
    z-index: 1
}

.order-6 {
    order: 6
}

.mx-auto {
    margin-left: auto;
    margin-right: auto
}

.my-6 {
    margin-top: 1.5rem;
    margin-bottom: 1.5rem
}

.-ml-5 {
    margin-left: -1.25rem
}

.-mt-20 {
    margin-top: -5rem
}

.-mt-5 {
    margin-top: -1.25rem
}

.mb-1 {
    margin-bottom: .25rem
}

.mb-12 {
    margin-bottom: 3rem
}

.mb-4 {
    margin-bottom: 1rem
}

.ms-1 {
    margin-inline-start: .25rem
}

.mt-12 {
    margin-top: 3rem
}

.mt-3 {
    margin-top: .75rem
}

.mt-4 {
    margin-top: 1rem
}

.mt-6 {
    margin-top: 1.5rem
}

.\!block {
    display: block !important
}

.block {
    display: block
}

.inline-block {
    display: inline-block
}

.\!flex {
    display: flex !important
}

.flex {
    display: flex
}

.\!hidden {
    display: none !important
}

.hidden {
    display: none
}

.h-10 {
    height: 2.5rem
}

.h-\[191px\] {
    height: 191px
}

.h-\[9\.625rem\] {
    height: 9.625rem
}

.h-full {
    height: 100%
}

.w-1 {
    width: .25rem
}

.w-10 {
    width: 2.5rem
}

.w-\[268px\] {
    width: 268px
}

.w-\[4\.8125rem\] {
    width: 4.8125rem
}

.w-fit {
    width: -moz-fit-content;
    width: fit-content
}

.w-full {
    width: 100%
}

.max-w-full {
    max-width: 100%
}

.-translate-x-1\/2 {
    --tw-translate-x: -50%;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.-translate-y-1\/2 {
    --tw-translate-y: -50%;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.rotate-180 {
    --tw-rotate: 180deg;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.transform {
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

@keyframes pulse {
    50% {
        opacity: .5
    }
}

.animate-pulse {
    animation: pulse 2s cubic-bezier(.4, 0, .6, 1) infinite
}

.cursor-ew-resize {
    cursor: ew-resize
}

.cursor-pointer {
    cursor: pointer
}

.resize {
    resize: both
}

.flex-row-reverse {
    flex-direction: row-reverse
}

.flex-col {
    flex-direction: column
}

.items-center {
    align-items: center
}

.\!justify-center {
    justify-content: center !important
}

.justify-center {
    justify-content: center
}

.justify-between {
    justify-content: space-between
}

.gap-2 {
    gap: .5rem
}

.gap-4 {
    gap: 1rem
}

.overflow-hidden {
    overflow: hidden
}

.rounded-lg {
    border-radius: .5rem
}

.rounded-xl {
    border-radius: .75rem
}

.bg-default-3 {
    --tw-bg-opacity: 1;
    background-color: rgb(246 240 234 / var(--tw-bg-opacity, 1))
}

.bg-neutral-lighter {
    --tw-bg-opacity: 1;
    background-color: rgb(248 247 242 / var(--tw-bg-opacity, 1))
}

.bg-neutral-lightest {
    --tw-bg-opacity: 1;
    background-color: rgb(251 251 248 / var(--tw-bg-opacity, 1))
}

.bg-white {
    --tw-bg-opacity: 1;
    background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1))
}

.fill-\[\#262929\]\/40 {
    fill: #26292966
}

.object-cover {
    -o-object-fit: cover;
    object-fit: cover
}

.px-0 {
    padding-left: 0;
    padding-right: 0
}

.py-2 {
    padding-top: .5rem;
    padding-bottom: .5rem
}

.py-4 {
    padding-top: 1rem;
    padding-bottom: 1rem
}

.pb-5 {
    padding-bottom: 1.25rem
}

.ps-2 {
    padding-inline-start: .5rem
}

.pt-2 {
    padding-top: .5rem
}

.text-center {
    text-align: center
}

.font-bold {
    font-weight: 700
}

.font-extrabold {
    font-weight: 800
}

.font-medium {
    font-weight: 500
}

.font-semibold {
    font-weight: 600
}

.uppercase {
    text-transform: uppercase
}

.text-dark {
    --tw-text-opacity: 1;
    color: rgb(53 144 122 / var(--tw-text-opacity, 1))
}

.text-dark\/85 {
    color: #35907ad9
}

.text-darkest {
    --tw-text-opacity: 1;
    color: rgb(21 13 48 / var(--tw-text-opacity, 1))
}

.text-darkest\/45 {
    color: #150d3073
}

.text-darkest\/65 {
    color: #150d30a6
}

.text-darkest\/85 {
    color: #150d30d9
}

.text-inversed {
    --tw-text-opacity: 1;
    color: rgb(226 220 250 / var(--tw-text-opacity, 1))
}

.text-med {
    --tw-text-opacity: 1;
    color: rgb(53 144 122 / var(--tw-text-opacity, 1))
}

.text-med\/60 {
    color: #8266e499
}

.text-med\/85 {
    color: #1d6b58d9
}

.text-white {
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity, 1))
}

.text-white\/65 {
    color: #ffffffa6
}

.text-white\/85 {
    color: #ffffffd9
}

.underline {
    text-decoration-line: underline
}

.decoration-\[6\%\] {
    text-decoration-thickness: 6%
}

.underline-offset-auto {
    text-underline-offset: auto
}

.opacity-0 {
    opacity: 0
}

.opacity-65 {
    opacity: .65
}

.shadow-md {
    --tw-shadow: 0 4px 6px -1px rgb(0 0 0 / .1), 0 2px 4px -2px rgb(0 0 0 / .1);
    --tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color);
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
}

.filter {
    filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)
}

.transition {
    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter;
    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter;
    transition-timing-function: cubic-bezier(.4, 0, .2, 1);
    transition-duration: .15s
}

.duration-300 {
    transition-duration: .3s
}

.duration-500 {
    transition-duration: .5s
}

header {
    position: fixed;
    top: 0;
    z-index: 20;
    width: 100%;
    transition-duration: .5s
}

nav.light, nav.dark {
    transition-duration: .3s
}

@media (min-width: 1024px) {
    nav.light, nav.dark {
        margin-left: 1rem;
        margin-right: 1rem;
        width: calc(100% - 2rem)
    }
}

@media (min-width: 1536px) {
    nav.light, nav.dark {
        margin-left: auto;
        margin-right: auto
    }
}

@media (min-width: 1024px) {
    nav.container {
        padding-left: 2rem;
        padding-right: 2rem
    }
}

@media (min-width: 1200px) {
    nav.container {
        padding-left: 4.5rem;
        padding-right: 4.5rem
    }
}

@media (min-width: 1536px) {
    nav.container {
        padding-left: 5.5rem;
        padding-right: 5.5rem
    }
}

header::-webkit-scrollbar {
    display: none
}

#header-video, #header-video-mobile {
    height: 100%;
    width: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center;
    object-position: center
}

#header-video-mobile {
    display: none;
}

@media screen and (orientation:portrait) {
    #header-video {
        display: none;
    }

    #header-video-mobile {
        display: block;
    }
}

.header-video-container {
    position: absolute;
    top: 0;
    left: 0;
    z-index: -10;
    height: 100%;
    width: 100%
}

.video-overlay {
    position: absolute;
    left: 0;
    top: 0;
    z-index: 10;
    height: 100%;
    width: 100%;
    opacity: .85;
    mix-blend-mode: hard-light;
    background: linear-gradient(180deg, #26292966, #26292914 13.4%, #26292914 55.85%, #262929)
}

nav {
    position: relative;
    z-index: 50;
    display: flex;
    height: 4.5rem;
    flex: 1 0 0;
    align-items: center;
    justify-content: space-between;
    background-color: transparent;
    padding: .5rem 1.25rem
}

@media (min-width: 640px) {
    nav {
        padding-left: 2rem;
        padding-right: 2rem
    }
}

@media (min-width: 1024px) {
    nav {
        height: 3.75rem;
        border-radius: .5rem;
        padding-left: 0;
        padding-right: 0
    }
}

nav.dark.default, nav.light.default {
    border-width: 0px !important;
    background-color: transparent !important;
    --tw-backdrop-blur: blur(0) !important;
    -webkit-backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia) !important;
    backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia) !important;
    transition-duration: .3s !important
}

nav.dark .navbar-links {
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity, 1))
}

nav.dark .navbar-links:first-child {
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity, 1))
}

@media (min-width: 1024px) {
    nav.dark .navbar-links {
        color: #ffffffa6
    }

    [dir=rtl] pnav.dark .navbar-links, [dir=rtl] spannav.dark .navbar-links, [dir=rtl] anav.dark .navbar-links, [dir=rtl] linav.dark .navbar-links, [dir=rtl] olnav.dark .navbar-links, [dir=rtl] ulnav.dark .navbar-links, [dir=rtl] h1nav.dark .navbar-links, [dir=rtl] h2nav.dark .navbar-links, [dir=rtl] h3nav.dark .navbar-links, [dir=rtl] h4nav.dark .navbar-links, [dir=rtl] h5nav.dark .navbar-links, [dir=rtl] h6nav.dark .navbar-links {
        --tw-text-opacity: 1;
        color: rgb(255 255 255 / var(--tw-text-opacity, 1));
        opacity: .65
    }
}

.navbar-links {
    height: -moz-fit-content;
    height: fit-content
}

@media (min-width: 1024px) {
    .navbar-links {
        height: auto
    }
}

nav.dark {
    --tw-backdrop-blur: blur(6px);
    -webkit-backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
    backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)
}

@media (min-width: 1024px) {
    nav.dark {
        margin-top: .5rem
    }
}

nav.dark {
    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
    transition-timing-function: cubic-bezier(.4, 0, .2, 1);
    transition-duration: .3s;
    background: #141415c2
}

header .popup {
    height: 100vh;
    width: 100vw
}

header:has(.navbar-links:hover:not(:first-child)) .popup {
    --tw-backdrop-blur: blur(10px);
    -webkit-backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
    backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)
}

@media (min-width: 1024px) {
    header:has(.navbar-links:hover:not(:first-child)) .popup {
        width: 100vw;
        opacity: 1;
        transition-duration: .5s
    }
}

header:has(.menu-list.active) .popup {
    width: 100vw;
    opacity: 1;
    transition-duration: .5s
}

nav.dark:has(.navbar-links:hover,.menu-list.active) {
    --tw-bg-opacity: 1;
    background-color: rgb(38 41 41 / var(--tw-bg-opacity, 1));
    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
    transition-timing-function: cubic-bezier(.4, 0, .2, 1);
    transition-duration: .3s
}

nav.light:has(.navbar-links:hover,.menu-list.active) {
    --tw-bg-opacity: 1;
    background-color: rgb(246 240 234 / var(--tw-bg-opacity, 1));
    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
    transition-timing-function: cubic-bezier(.4, 0, .2, 1);
    transition-duration: .3s
}

nav.dark .dropdown-icon, nav:not(.light) .language-icon {
    stroke: #ffffffa6
}

@media (min-width: 1024px) {
    nav .navbar-links:hover .language-icon {
        stroke: #9e88ec
    }
}

nav .navbar-links:has(.language-container .menu-list.active) .language-icon {
    stroke: #9e88ec
}

nav.light .dropdown-icon, nav.light .language-icon {
    stroke: #262929cc
}

nav.light {
    --tw-backdrop-blur: blur(6px);
    -webkit-backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
    backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)
}

@media (min-width: 1024px) {
    nav.light {
        margin-top: .5rem
    }
}

nav.light {
    background: #f6f0eadb
}

.dropdown-menu {
    pointer-events: none;
    position: static;
    inset-inline-end: 0px;
    top: 3.125rem;
    display: none;
    height: 0px;
    width: 100%;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
    gap: 1.5rem;
    padding-top: 0;
    opacity: 0;
    transition-duration: .3s
}

@media (min-width: 1024px) {
    .dropdown-menu {
        position: absolute;
        display: flex;
        height: auto;
        gap: 2rem;
        border-bottom-right-radius: .5rem;
        border-bottom-left-radius: .5rem;
        padding-top: 1.5rem;
        transition-duration: 0s
    }
}

@media (min-width: 1200px) {
    .dropdown-menu {
        padding-top: 2rem
    }
}

.dropdown-menu.active {
    display: flex
}

.navbar-links:has(.language-container) .dropdown-menu {
    padding-top: 0;
    padding-bottom: 0
}

@media (min-width: 1024px) {
    .navbar-links:has(.language-container) .dropdown-menu {
        inset-inline-end: .5rem;
        padding: .75rem .5rem
    }
}

.navbar-links:has(.language-container) .dropdown-menu-links {
    padding-top: .5rem;
    padding-bottom: .5rem;
    padding-inline-start: 1rem;
    padding-inline-end: .375rem
}

nav .navbar-links:has(.dropdown-fit) {
    position: relative
}

.dropdown-fit {
    top: 2.5rem;
    width: 100%
}

@media (min-width: 1024px) {
    .dropdown-fit {
        padding: .75rem .5rem
    }
}

.dropdown-fit .dropdown-menu-col, .navbar-links:has(.language-container) .dropdown-menu-col {
    margin-bottom: 0;
    width: 100%
}

.dropdown-fit .dropdown-menu-links, .navbar-links:has(.language-container) .dropdown-menu-links {
    font-size: 1.25rem;
    line-height: 1.75rem;
    font-weight: 500;
    line-height: 150%;
    letter-spacing: -.01875rem
}

[dir=rtl] .values-wrapper .dropdown-fit .dropdown-menu-links, [dir=rtl] .values-wrapper .navbar-links:has(.language-container) .dropdown-menu-links {
    font-weight: 400
}

.dropdown-fit .dropdown-menu-links, .navbar-links:has(.language-container) .dropdown-menu-links {
    border-radius: .25rem;
    padding-top: .5rem;
    padding-bottom: .5rem;
    transition-duration: .5s
}

@media (min-width: 1024px) {
    .dropdown-fit .dropdown-menu-links, .navbar-links:has(.language-container) .dropdown-menu-links {
        font-size: .875rem;
        line-height: 1.25rem;
        font-weight: 500;
        line-height: 150%;
        letter-spacing: -.0105rem
    }

    [dir=rtl] .values-wrapper .dropdown-fit .dropdown-menu-links, [dir=rtl] .values-wrapper .navbar-links:has(.language-container) .dropdown-menu-links {
        font-weight: 400
    }

    .dropdown-fit .dropdown-menu-links, .navbar-links:has(.language-container) .dropdown-menu-links {
        padding-left: 1rem;
        padding-right: 1rem
    }
}

.dropdown-icon-container, .dropdown-options a {
    display: flex;
    align-items: center;
    gap: .5rem
}

.navbar-links:has(.language-container) .dropdown-menu-links {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: .5rem
}

.language-check-icon {
    height: 1rem;
    width: 1rem
}

nav.dark .dropdown-fit .dropdown-menu-links, nav.dark .navbar-links:has(.language-container) .dropdown-menu-links {
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity, 1))
}

nav.dark .dropdown-fit .dropdown-menu-links:hover, nav.dark .navbar-links:has(.language-container) .dropdown-menu-links:hover {
    --tw-bg-opacity: 1;
    background-color: rgb(45 47 47 / var(--tw-bg-opacity, 1))
}

nav.light .dropdown-fit .dropdown-menu-links, nav.light .navbar-links:has(.language-container) .dropdown-menu-links {
    --tw-text-opacity: 1;
    color: rgb(21 13 48 / var(--tw-text-opacity, 1))
}

nav.light .dropdown-fit .dropdown-menu-links:hover, nav.light .navbar-links:has(.language-container) .dropdown-menu-links:hover {
    background-color: #bab7ab26
}

.menu-list .navbar-links:nth-child(2) .dropdown-menu-content {
    position: relative;
    display: grid;
    width: 100%;
    grid-template-columns:repeat(1, minmax(0, 1fr));
    -moz-column-gap: 3rem;
    column-gap: 3rem;
    padding-inline-start: 0px;
    padding-bottom: 0
}

@media (min-width: 768px) {
    .menu-list .navbar-links:nth-child(2) .dropdown-menu-content {
        grid-template-columns:repeat(2, minmax(0, 1fr));
        grid-template-rows:subgrid
    }
}

@media (min-width: 1024px) {
    .menu-list .navbar-links:nth-child(2) .dropdown-menu-content {
        grid-template-columns:subgrid;
        row-gap: 1.5rem;
        padding-inline-start: 3rem;
        padding-inline-end: 2.5rem;
        padding-bottom: 1.5rem
    }
}

@media (min-width: 1200px) {
    .menu-list .navbar-links:nth-child(2) .dropdown-menu-content {
        -moz-column-gap: 5rem;
        column-gap: 5rem;
        padding-inline-start: 5.5rem;
        padding-inline-end: 3rem;
        padding-bottom: 0
    }
}

.menu-list .navbar-links:last-child .dropdown-menu-content {
    position: relative;
    width: 100%;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
    gap: 3rem;
    padding-inline-start: 0px;
    padding-bottom: 0
}

@media (min-width: 1024px) {
    .menu-list .navbar-links:last-child .dropdown-menu-content {
        display: flex;
        flex-direction: row;
        padding-inline-start: 3rem;
        padding-inline-end: 2.5rem;
        padding-bottom: 1.5rem
    }
}

@media (min-width: 1200px) {
    .menu-list .navbar-links:last-child .dropdown-menu-content {
        gap: 5rem;
        padding-inline-start: 5.5rem;
        padding-inline-end: 3rem;
        padding-bottom: 0
    }
}

@media (min-width: 1024px) {
    .menu-list .navbar-links:last-child .dropdown-menu-col {
        width: 25%
    }

    .menu-list .navbar-links:last-child .dropdown-menu-col:nth-child(4) {
        width: 33.333333%
    }

    .menu-list .navbar-links:nth-child(2) .dropdown-menu:not(.dropdown-fit) .dropdown-menu-col:last-child {
        padding-bottom: 2.5rem
    }
}

.dropdown-menu-col {
    grid-column: span 1 / span 1;
    display: flex;
    flex-direction: column;
    gap: .75rem
}

@media (min-width: 1024px) {
    .dropdown-menu-col {
        grid-row: span 2 / span 2
    }

    .menu-list .navbar-links:nth-child(2) .dropdown-menu-col:nth-child(4), .dropdown-menu-col:last-child {
        grid-column-start: 4;
        grid-row: span 1 / span 1
    }

    .menu-list .navbar-links:nth-child(2) .dropdown-menu-col:nth-child(4) .dropdown-menu-links, .dropdown-menu-col:last-child .dropdown-menu-links {
        font-size: .875rem;
        line-height: 1.25rem;
        font-weight: 600;
        line-height: 150%;
        letter-spacing: -.0105rem
    }

    nav:not(.light) .dropdown-menu {
        --tw-bg-opacity: 1;
        background-color: rgb(38 41 41 / var(--tw-bg-opacity, 1))
    }
}

nav.light .dropdown-menu {
    --tw-bg-opacity: 1;
    background-color: rgb(246 240 234 / var(--tw-bg-opacity, 1))
}

.dropdown-menu-links {
    font-size: 1.25rem;
    line-height: 1.75rem;
    line-height: 150%;
    letter-spacing: -.01875rem;
    font-weight: 600
}

@media (min-width: 1024px) {
    .dropdown-menu-links {
        font-size: 1rem;
        line-height: 1.5rem;
        font-weight: 600;
        line-height: 150%;
        letter-spacing: -.012rem
    }
}

nav.dark .dropdown-menu-links {
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity, 1))
}

nav.light .dropdown-menu-links {
    --tw-text-opacity: 1;
    color: rgb(21 13 48 / var(--tw-text-opacity, 1))
}

nav.dark .dropdown-menu-light-links {
    color: #ffffffa6
}

[dir=rtl] pnav.dark .dropdown-menu-light-links, [dir=rtl] spannav.dark .dropdown-menu-light-links, [dir=rtl] anav.dark .dropdown-menu-light-links, [dir=rtl] linav.dark .dropdown-menu-light-links, [dir=rtl] olnav.dark .dropdown-menu-light-links, [dir=rtl] ulnav.dark .dropdown-menu-light-links, [dir=rtl] h1nav.dark .dropdown-menu-light-links, [dir=rtl] h2nav.dark .dropdown-menu-light-links, [dir=rtl] h3nav.dark .dropdown-menu-light-links, [dir=rtl] h4nav.dark .dropdown-menu-light-links, [dir=rtl] h5nav.dark .dropdown-menu-light-links, [dir=rtl] h6nav.dark .dropdown-menu-light-links {
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity, 1));
    opacity: .65
}

nav.light .dropdown-menu-light-links {
    color: #150d30a6
}

[dir=rtl] pnav.light .dropdown-menu-light-links, [dir=rtl] spannav.light .dropdown-menu-light-links, [dir=rtl] anav.light .dropdown-menu-light-links, [dir=rtl] linav.light .dropdown-menu-light-links, [dir=rtl] olnav.light .dropdown-menu-light-links, [dir=rtl] ulnav.light .dropdown-menu-light-links, [dir=rtl] h1nav.light .dropdown-menu-light-links, [dir=rtl] h2nav.light .dropdown-menu-light-links, [dir=rtl] h3nav.light .dropdown-menu-light-links, [dir=rtl] h4nav.light .dropdown-menu-light-links, [dir=rtl] h5nav.light .dropdown-menu-light-links, [dir=rtl] h6nav.light .dropdown-menu-light-links {
    --tw-text-opacity: 1;
    color: rgb(21 13 48 / var(--tw-text-opacity, 1));
    opacity: .65
}

nav .navbar-links:has(.dropdown-menu):hover .dropdown-icon {
    transition-duration: .5s
}

@media (min-width: 1024px) {
    nav .navbar-links:has(.dropdown-menu):hover .dropdown-icon {
        --tw-rotate: -180deg;
        transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
    }
}

nav .navbar-links:has(.dropdown-menu):hover .dropdown-menu {
    transition-duration: .3s
}

@media (min-width: 1024px) {
    nav .navbar-links:has(.dropdown-menu):hover .dropdown-menu {
        pointer-events: auto;
        opacity: 1
    }
}

nav .navbar-links:has(.dropdown-menu.inactive) .dropdown-menu {
    transition-duration: .3s
}

@media (min-width: 1024px) {
    nav .navbar-links:has(.dropdown-menu.inactive) .dropdown-menu {
        pointer-events: none;
        opacity: 0
    }
}

nav .dropdown-menu.active {
    pointer-events: auto;
    height: 100%;
    padding-top: 2rem;
    opacity: 1
}

@media (min-width: 1024px) {
    nav .dropdown-menu.active {
        height: auto
    }
}

nav .dropdown-menu.active {
    transition: opacity .5s ease, height .5s ease
}

.dropdown-menu-col {
    margin-bottom: 2.5rem;
    display: flex;
    width: 100%;
    flex-direction: column;
    gap: .75rem
}

.dropdown-menu-col:last-child {
    margin-bottom: 0
}

@media (min-width: 1024px) {
    .dropdown-menu-col {
        margin-bottom: 0
    }
}

.dropdown-menu-double-section .dropdown-menu-col {
    width: 100%
}

.dropdown-menu-double-section .dropdown-list {
    gap: .75rem
}

.dropdown-menu-double-section .dropdown-menu-links {
    font-size: 1.25rem;
    line-height: 1.75rem;
    font-weight: 600;
    line-height: 150%;
    letter-spacing: -.01875rem
}

@media (min-width: 1024px) {
    .dropdown-menu-double-section .dropdown-menu-links {
        font-size: .875rem;
        line-height: 1.25rem;
        font-weight: 600;
        line-height: 150%;
        letter-spacing: -.0105rem
    }
}

.dropdown-menu-heading {
    font-size: .875rem;
    line-height: 1.25rem;
    font-weight: 400;
    line-height: 150%;
    letter-spacing: -.0105rem;
    padding-top: .5rem;
    padding-bottom: .5rem;
    text-transform: uppercase
}

@media (min-width: 1024px) {
    .dropdown-menu-heading {
        font-size: .75rem;
        line-height: 1rem;
        font-weight: 400;
        line-height: 150%;
        letter-spacing: -.009rem
    }
}

nav.dark .dropdown-menu-heading {
    color: #ffffff73
}

nav.light .dropdown-menu-heading {
    color: #150d30a6
}

[dir=rtl] pnav.light .dropdown-menu-heading, [dir=rtl] spannav.light .dropdown-menu-heading, [dir=rtl] anav.light .dropdown-menu-heading, [dir=rtl] linav.light .dropdown-menu-heading, [dir=rtl] olnav.light .dropdown-menu-heading, [dir=rtl] ulnav.light .dropdown-menu-heading, [dir=rtl] h1nav.light .dropdown-menu-heading, [dir=rtl] h2nav.light .dropdown-menu-heading, [dir=rtl] h3nav.light .dropdown-menu-heading, [dir=rtl] h4nav.light .dropdown-menu-heading, [dir=rtl] h5nav.light .dropdown-menu-heading, [dir=rtl] h6nav.light .dropdown-menu-heading {
    --tw-text-opacity: 1;
    color: rgb(21 13 48 / var(--tw-text-opacity, 1));
    opacity: .65
}

.language-logo {
    height: 1.5rem;
    width: 1.5rem
}

.dropdown-item-icon-content .heading {
    font-size: 1rem;
    line-height: 1.5rem;
    font-weight: 600;
    line-height: 150%;
    letter-spacing: -.012rem
}

nav.dark .dropdown-item-icon-content .heading {
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity, 1))
}

nav.light .dropdown-item-icon-content .heading {
    color: #150d30d9
}

.dropdown-item .description {
    font-size: .75rem;
    line-height: 1rem;
    font-weight: 500;
    line-height: 150%;
    letter-spacing: -.009rem
}

[dir=rtl] .values-wrapper .dropdown-item .description {
    font-weight: 400
}

@media (min-width: 1024px) {
    .dropdown-item .description {
        font-size: .75rem;
        line-height: 1rem;
        font-weight: 400;
        line-height: 150%;
        letter-spacing: -.009rem
    }
}

nav.dark .dropdown-item .description {
    color: #ffffff73
}

nav.light .dropdown-item .description {
    color: #150d3073
}

.dropdown-item {
    display: flex;
    flex-direction: column;
    gap: .125rem
}

.dropdown-menu-footer {
    display: none;
    width: 100%;
    align-items: center;
    justify-content: space-between;
    border-top-width: 1px;
    padding-top: 1rem;
    padding-bottom: 1rem;
    padding-inline-start: 0px
}

@media (min-width: 1024px) {
    .dropdown-menu-footer {
        padding-left: 3rem;
        padding-right: 3rem
    }
}

@media (min-width: 1200px) {
    .dropdown-menu-footer {
        display: flex;
        padding-left: 5.5rem;
        padding-right: 5.5rem
    }
}

nav.dark .dropdown-menu-footer {
    border-color: #ffffff1f
}

nav.light .dropdown-menu-footer {
    border-color: #1b1d1e1f
}

nav.dark .dropdown-footer-title {
    font-size: .875rem;
    line-height: 1.25rem;
    font-weight: 500;
    line-height: 150%;
    letter-spacing: -.0105rem
}

[dir=rtl] .values-wrapper nav.dark .dropdown-footer-title {
    font-weight: 400
}

nav.dark .dropdown-footer-title {
    color: #ffffffd9
}

nav.light .dropdown-footer-title {
    font-size: .875rem;
    line-height: 1.25rem;
    font-weight: 500;
    line-height: 150%;
    letter-spacing: -.0105rem
}

[dir=rtl] .values-wrapper nav.light .dropdown-footer-title {
    font-weight: 400
}

nav.light .dropdown-footer-title {
    color: #150d30d9
}

.dropdown-menu-footer-logo-container {
    display: flex;
    align-items: center;
    gap: 2rem
}

.dropdown-menu-footer-logo {
    height: 2.5rem;
    width: 2.5rem;
    -o-object-fit: contain;
    object-fit: contain
}

img[src*=tursab].dropdown-menu-footer-logo {
    height: 3.5rem;
    width: 4.375rem
}

.dropdown-menu-footer-logo {
    display: none
}

nav.light .dropdown-menu-footer-logo.white-icon, nav.dark .dropdown-menu-footer-logo:not(.white-icon) {
    display: block
}

.dropdown-menu-footer-review-container {
    display: flex;
    align-items: center;
    gap: 3rem
}

@media (min-width: 1024px) {
    .dropdown-menu-footer-review-container {
        padding-inline-start: .75rem;
        padding-inline-end: .375rem
    }
}

@media (min-width: 1200px) {
    .dropdown-menu-footer-review-container {
        gap: 5rem
    }
}

.dropdown-menu-footer-review {
    display: flex;
    gap: 1rem
}

.navbar-links:has(.language-container) {
    gap: 0px
}

.dropdown-menu-footer-review {
    align-items: center
}

.dropdown-menu-footer-review-text {
    font-size: .875rem;
    line-height: 1.25rem;
    font-weight: 600;
    line-height: 150%;
    letter-spacing: -.0105rem
}

nav.dark .dropdown-menu-footer-review-text {
    color: #ffffffd9
}

nav.light .dropdown-menu-footer-review-text {
    color: #150d30a6
}

[dir=rtl] pnav.light .dropdown-menu-footer-review-text, [dir=rtl] spannav.light .dropdown-menu-footer-review-text, [dir=rtl] anav.light .dropdown-menu-footer-review-text, [dir=rtl] linav.light .dropdown-menu-footer-review-text, [dir=rtl] olnav.light .dropdown-menu-footer-review-text, [dir=rtl] ulnav.light .dropdown-menu-footer-review-text, [dir=rtl] h1nav.light .dropdown-menu-footer-review-text, [dir=rtl] h2nav.light .dropdown-menu-footer-review-text, [dir=rtl] h3nav.light .dropdown-menu-footer-review-text, [dir=rtl] h4nav.light .dropdown-menu-footer-review-text, [dir=rtl] h5nav.light .dropdown-menu-footer-review-text, [dir=rtl] h6nav.light .dropdown-menu-footer-review-text {
    --tw-text-opacity: 1;
    color: rgb(21 13 48 / var(--tw-text-opacity, 1));
    opacity: .65
}

.dropdown-menu-footer-review-logo {
    max-width: 7rem;
    -o-object-fit: contain;
    object-fit: contain
}

nav.dark .dropdown-menu-footer-review-logo.dark {
    display: block
}

nav.dark .dropdown-menu-footer-review-logo.light {
    display: none
}

nav.light .dropdown-menu-footer-review-logo.light {
    display: block
}

nav.light .dropdown-menu-footer-review-logo.dark {
    display: none
}

.logo {
    height: 60px;
    -o-object-fit: contain;
    object-fit: contain
}

.menu-container {
    display: flex;
    flex-direction: column;
    align-items: center
}

@media (min-width: 1024px) {
    .menu-container {
        flex-direction: row;
        gap: 2.5rem
    }
}

@media (min-width: 1200px) {
    .menu-container {
        gap: 4rem
    }
}

.menu-list-wrapper {
    display: flex;
    height: 100%;
    width: 100%;
    flex-direction: column;
    gap: 2rem;
    overflow-y: auto;
    padding-top: 1.5rem;
    padding-bottom: 6rem
}

@media (min-width: 1024px) {
    .menu-list-wrapper {
        width: auto;
        flex-direction: row;
        align-items: center;
        gap: 1.5rem;
        overflow-y: visible;
        background-color: transparent;
        padding-top: 0;
        padding-bottom: 0
    }
}

.menu-list-wrapper {
    -webkit-overflow-scrolling: touch
}

.menu-list-wrapper::-webkit-scrollbar {
    display: none
}

.menu-list {
    position: absolute;
    left: 0;
    /*height: calc(100vh - 4rem);*/
    max-height: 100vh;
    width: 100%;
    --tw-translate-y: -120%;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
    padding-left: 1rem;
    padding-right: 1rem;
    transition-duration: .5s
}

@media (min-width: 1024px) {
    .menu-list {
        position: static;
        height: auto;
        transform: none;
        padding-left: 0;
        padding-right: 0
    }
}

nav.dark .menu-list {
    --tw-bg-opacity: 1;
    background-color: rgb(38 41 41 / var(--tw-bg-opacity, 1))
}

@media (min-width: 1024px) {
    nav.dark .menu-list {
        background-color: transparent
    }
}

nav:not(.light) #logo-dark {
    display: block
}

nav:not(.light) #logo-light {
    display: none
}

nav.light #logo-dark {
    display: none
}

nav.light #logo-light {
    display: block;
    height: 50px;
}

nav.light .menu-list {
    --tw-bg-opacity: 1;
    background-color: rgb(246 240 234 / var(--tw-bg-opacity, 1))
}

@media (min-width: 1024px) {
    nav.light .menu-list {
        background-color: transparent
    }
}

.navbar-links:has(.language-container) .menu-list.active {
    --tw-translate-y: 1rem;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
    transition-duration: .5s
}

.navbar-links:has(.language-container) .menu-list {
    /*height: 24rem;*/
    /*min-height: 100%;*/
    --tw-translate-y: calc((100% + 3rem) * -1);
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
    padding-top: 1.5rem;
    padding-bottom: 1.5rem
}

@media (min-width: 1024px) {
    .navbar-links:has(.language-container) .menu-list {
        height: -moz-fit-content;
        height: fit-content;
        transform: none;
        padding-top: 0;
        padding-bottom: 0
    }
}

.navbar-links:has(.language-container) .dropdown-menu {
    justify-content: center
}

@media (min-width: 1024px) {
    .navbar-links:has(.language-container) .dropdown-menu {
        justify-content: flex-start
    }
}

.menu-list.active {
    --tw-translate-y: 3rem;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
    transition-duration: .5s
}

nav .navbar-links > a {
    position: relative
}

.navbar-active-line {
    position: absolute;
    bottom: -.5rem;
    z-index: 30;
    display: none;
    width: 100%;
    border-radius: 9999px;
    border-width: 1.5px;
    transition-duration: .5s
}

@media (min-width: 1024px) {
    .navbar-active-line {
        display: block
    }
}

nav:not(.light) .navbar-active-line {
    border-color: #fff6
}

nav.light .navbar-active-line {
    border-color: #1b1d1e66
}

nav .navbar-links:where([dir=ltr],[dir=ltr] *) {
    font-size: 1.1875rem;
    line-height: 110%;
    letter-spacing: -.02969rem
}

@media (min-width: 1024px) {
    nav .navbar-links:where([dir=ltr],[dir=ltr] *) {
        font-size: 1.4375rem;
        letter-spacing: -.03594rem
    }
}

nav .navbar-links:where([dir=rtl],[dir=rtl] *) {
    font-size: 1.125rem;
    line-height: 120%;
    letter-spacing: -.0225rem
}

@media (min-width: 1024px) {
    nav .navbar-links:where([dir=rtl],[dir=rtl] *) {
        font-size: 1.375rem;
        line-height: 110%;
        letter-spacing: -.03438rem
    }
}

nav .navbar-links {
    align-items: center;
    gap: 1rem;
    padding-top: .5rem;
    padding-bottom: .5rem;
    font-weight: 700
}

[dir=rtl] .values-wrapper nav .navbar-links {
    font-weight: 600
}

@media (min-width: 1024px) {
    nav .navbar-links {
        font-size: .875rem;
        line-height: 1.25rem;
        font-weight: 500;
        line-height: 150%;
        letter-spacing: -.0105rem
    }

    nav .navbar-links {
        display: flex;
        height: 2.5rem;
        gap: .25rem;
        padding-inline-start: .75rem;
        padding-inline-end: .375rem;
        font-weight: 500
    }

    [dir=rtl] .values-wrapper nav .navbar-links {
        font-weight: 400
    }
}

.dropdown-toggle {
    position: relative;
    display: flex;
    cursor: pointer;
    align-items: center;
    justify-content: space-between;
    gap: .25rem
}

@media (min-width: 1024px) {
    .dropdown-toggle {
        justify-content: flex-start
    }
}

nav.light .navbar-links {
    --tw-text-opacity: 1;
    color: rgb(21 13 48 / var(--tw-text-opacity, 1))
}

.language > p {
    font-size: .875rem;
    line-height: 1.25rem;
    font-weight: 600;
    line-height: 150%;
    letter-spacing: -.0105rem;
    display: inline-block
}

nav:not(.light) .language > p {
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity, 1))
}

nav.light .language > p {
    --tw-text-opacity: 1;
    color: rgb(21 13 48 / var(--tw-text-opacity, 1))
}

.navbar-links:has(.dropdown-menu.active) .dropdown-icon {
    --tw-rotate: -180deg;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
    transition-duration: .3s
}

.menu-list.active .navbar-links:has(.navbar-active-line) {
    --tw-text-opacity: 1;
    color: rgb(53 144 122 / var(--tw-text-opacity, 1))
}

nav.dark .navbar-links:has(.dropdown-menu) {
    transition-duration: .3s
}

@media (min-width: 1024px) {
    nav.dark .navbar-links:has(.dropdown-menu) {
        border-radius: .5rem
    }

    nav.dark .navbar-links:has(.dropdown-menu):hover {
        --tw-bg-opacity: 1;
        background-color: rgb(45 47 47 / var(--tw-bg-opacity, 1));
        --tw-text-opacity: 1;
        color: rgb(53 144 122 / var(--tw-text-opacity, 1))
    }
}

nav.light .navbar-links:has(.dropdown-menu) {
    transition-duration: .3s
}

@media (min-width: 1024px) {
    nav.light .navbar-links:has(.dropdown-menu) {
        border-radius: .5rem
    }

    nav.light .navbar-links:has(.dropdown-menu):hover {
        background-color: #bab7ab26;
        --tw-text-opacity: 1;
        color: rgb(53 144 122 / var(--tw-text-opacity, 1))
    }
}

nav.light .dropdown-item:hover .dropdown-menu-links, nav.dark .dropdown-item:hover .dropdown-menu-links {
    --tw-text-opacity: 1;
    color: rgb(53 144 122 / var(--tw-text-opacity, 1));
    text-decoration-line: underline;
    text-decoration-style: solid;
    text-decoration-thickness: 6.5%;
    text-underline-offset: 13%;
    transition-duration: .3s
}

.dropdown-list {
    display: flex;
    flex-direction: column;
    gap: 1.25rem
}

.dropdown-icon {
    height: 1rem;
    width: 1rem;
    transition-duration: .5s
}

.language-container {
    display: flex;
    height: 100%;
    cursor: pointer;
    align-items: center;
    justify-content: center;
    gap: .5rem
}

@media (min-width: 1024px) {
    .language-container {
        height: auto;
        justify-content: flex-start
    }
}

.navbar-links:has(.language-container) .dropdown-menu {
    width: 100%
}

@media (min-width: 1024px) {
    .navbar-links:has(.language-container) .dropdown-menu {
        width: 11.5rem
    }
}

.language {
    display: flex;
    align-items: center
}

.menu-btn {
    font-size: 1rem;
    line-height: 1.5rem;
    font-weight: 600;
    line-height: 150%;
    letter-spacing: -.012rem;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: .5rem;
    border-width: 1px;
    padding: .75rem 1rem
}

@media (min-width: 1024px) {
    .menu-btn {
        display: none
    }
}

nav.dark .menu-btn {
    --tw-border-opacity: 1;
    border-color: rgb(255 255 255 / var(--tw-border-opacity, 1));
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity, 1))
}

nav.light .menu-btn {
    border-color: #1b1d1e66;
    --tw-text-opacity: 1;
    color: rgb(21 13 48 / var(--tw-text-opacity, 1))
}

@media (min-width: 1200px) {
    .dropdown-menu-col:has(.dropdown-list-blog-card) {
        width: 33.333333%
    }
}

.dropdown-list-blog-card-image {
    aspect-ratio: 16 / 9;
    height: 12.75rem;
    width: 100%;
    border-radius: .375rem;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center;
    object-position: center
}

@media (min-width: 640px) {
    .dropdown-list-blog-card-image {
        height: auto;
        width: 91.666667%
    }
}

@media (min-width: 1024px) {
    .dropdown-list-blog-card-image {
        height: 12.75rem;
        width: 100%
    }
}

.dropdown-list-blog-card .dropdown-item {
    display: flex;
    flex-direction: column;
    gap: .75rem;
    padding-bottom: .5rem
}

@media (min-width: 1024px) {
    .dropdown-list-blog-card .dropdown-item {
        padding-bottom: 1rem
    }
}

.dropdown-list-blog-content {
    display: flex;
    flex-direction: column;
    gap: .5rem
}

.dropdown-list-blog-card .dropdown-menu-links {
    font-size: 1.125rem;
    line-height: 1.75rem;
    font-weight: 600;
    line-height: 150%;
    letter-spacing: -.0135rem;
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity, 1))
}

.dropdown-list-blog-card .dropdown-blog-category {
    font-size: 1rem;
    line-height: 1.5rem;
    font-weight: 700;
    line-height: 150%;
    letter-spacing: -.012rem
}

[dir=rtl] .values-wrapper .dropdown-list-blog-card .dropdown-blog-category {
    font-weight: 600
}

@media (min-width: 1024px) {
    .dropdown-list-blog-card .dropdown-blog-category {
        font-size: .875rem;
        line-height: 1.25rem;
        font-weight: 700;
        line-height: 150%;
        letter-spacing: -.0105rem
    }

    [dir=rtl] .values-wrapper .dropdown-list-blog-card .dropdown-blog-category {
        font-weight: 600
    }
}

nav.dark .dropdown-list-blog-card .dropdown-blog-category {
    color: #ffffffd9
}

nav.light .dropdown-list-blog-card .dropdown-blog-category {
    color: #150d30a6
}

[dir=rtl] pnav.light .dropdown-list-blog-card .dropdown-blog-category, [dir=rtl] spannav.light .dropdown-list-blog-card .dropdown-blog-category, [dir=rtl] anav.light .dropdown-list-blog-card .dropdown-blog-category, [dir=rtl] linav.light .dropdown-list-blog-card .dropdown-blog-category, [dir=rtl] olnav.light .dropdown-list-blog-card .dropdown-blog-category, [dir=rtl] ulnav.light .dropdown-list-blog-card .dropdown-blog-category, [dir=rtl] h1nav.light .dropdown-list-blog-card .dropdown-blog-category, [dir=rtl] h2nav.light .dropdown-list-blog-card .dropdown-blog-category, [dir=rtl] h3nav.light .dropdown-list-blog-card .dropdown-blog-category, [dir=rtl] h4nav.light .dropdown-list-blog-card .dropdown-blog-category, [dir=rtl] h5nav.light .dropdown-list-blog-card .dropdown-blog-category, [dir=rtl] h6nav.light .dropdown-list-blog-card .dropdown-blog-category {
    --tw-text-opacity: 1;
    color: rgb(21 13 48 / var(--tw-text-opacity, 1));
    opacity: .65
}

.dropdown-list-blog-card .description {
    font-size: .875rem;
    line-height: 1.25rem;
    font-weight: 500;
    line-height: 150%;
    letter-spacing: -.0105rem
}

[dir=rtl] .values-wrapper .dropdown-list-blog-card .description {
    font-weight: 400
}

.dropdown-list-blog-card .description {
    color: #ffffffa6
}

[dir=rtl] p.dropdown-list-blog-card .description, [dir=rtl] span.dropdown-list-blog-card .description, [dir=rtl] a.dropdown-list-blog-card .description, [dir=rtl] li.dropdown-list-blog-card .description, [dir=rtl] ol.dropdown-list-blog-card .description, [dir=rtl] ul.dropdown-list-blog-card .description, [dir=rtl] h1.dropdown-list-blog-card .description, [dir=rtl] h2.dropdown-list-blog-card .description, [dir=rtl] h3.dropdown-list-blog-card .description, [dir=rtl] h4.dropdown-list-blog-card .description, [dir=rtl] h5.dropdown-list-blog-card .description, [dir=rtl] h6.dropdown-list-blog-card .description {
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity, 1));
    opacity: .65
}

@media (min-width: 1024px) {
    .dropdown-list-blog-card .description {
        font-size: .75rem;
        line-height: 1rem;
        font-weight: 500;
        line-height: 150%;
        letter-spacing: -.009rem
    }

    [dir=rtl] .values-wrapper .dropdown-list-blog-card .description {
        font-weight: 400
    }
}

nav.dark .dropdown-article-btn {
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity, 1))
}

nav.light .dropdown-article-btn {
    --tw-text-opacity: 1;
    color: rgb(21 13 48 / var(--tw-text-opacity, 1))
}

nav.dark .dropdown-article-btn svg {
    stroke: #ffffffa6
}

nav.light .dropdown-article-btn svg {
    stroke: #1b1d1e66
}

.dropdown-menu-col .dropdown-menu-heading:not(:first-child) {
    margin-top: 2.5rem
}

@media (min-width: 1024px) {
    .dropdown-menu-col .dropdown-menu-heading:not(:first-child) {
        margin-top: 1.75rem
    }
}

.dropdown-social-media-container {
    bottom: 1rem;
    display: flex;
    flex-direction: column;
    gap: .75rem
}

@media (min-width: 1024px) {
    .dropdown-social-media-container {
        position: absolute;
        justify-content: flex-end
    }
}

.dropdown-social-media {
    display: flex;
    align-items: center;
    gap: 1rem
}

.hero-section {
    position: relative;
    height: calc(95vh - 4.5rem);
    padding-top: 4.5rem
}

@media (min-width: 1024px) {
    .hero-section {
        height: calc(95vh - 3.5rem);
        padding-top: 3.5rem
    }
}

.hero-content {
    display: flex;
    height: 100%;
    flex-direction: column;
    justify-content: flex-end;
    padding-top: 1.75rem;
    padding-bottom: 1.75rem
}

@media (min-width: 768px) {
    .hero-content {
        padding-top: 2.25rem;
        padding-bottom: 2.25rem
    }
}

@media (min-width: 1024px) {
    .hero-content {
        justify-content: space-between;
        padding-top: 3rem;
        padding-bottom: 3rem
    }
}

@media (min-width: 1200px) {
    .hero-content {
        padding-top: 4.5rem;
        padding-bottom: 2.5rem
    }
}

.hero-content .award-container {
    display: none;
    align-items: center;
    gap: .75rem
}

@media (min-width: 1024px) {
    .hero-content .award-container {
        display: flex
    }
}

.hero-subheading, .award-container p {
    text-shadow: 0px 1px 2px rgba(0, 0, 0, .45)
}

.eiffel-tower-icon {
    height: 2rem;
    width: 2rem
}

.hero-heading-container {
    margin-top: auto;
    display: flex;
    flex-direction: column;
    gap: .25rem;
    text-align: center
}

@media (min-width: 1024px) {
    .hero-heading-container {
        margin-top: 0;
        text-align: start
    }
}

@media (min-width: 1200px) {
    .hero-heading-container {
        margin-bottom: 2.5rem
    }
}

.hero-heading-container h1:where([dir=rtl],[dir=rtl] *) {
    margin-top: .75rem
}

.hero-italic-text {
    font-size: 1.75rem;
    font-weight: 500;
    font-style: italic;
    line-height: 105%;
    letter-spacing: -.04375rem;
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity, 1));
    opacity: .85
}

[dir=rtl] .values-wrapper .hero-italic-text {
    font-weight: 400
}

@media (min-width: 1024px) {
    .hero-italic-text {
        font-size: 2.5rem;
        letter-spacing: -.0625rem
    }
}

.hero-italic-text {
    font-feature-settings: "ss01" on, "ss02" on, "ss03" on, "cv03" on, "cv04" on, "cv05" on, "cv08" on, "cv09" on, "cv12" on;
    text-shadow: 0px 4px 4px rgba(0, 0, 0, .25)
}

.hero-section h1 {
    margin-bottom: 1rem;
    text-shadow: 0px 2px 4px rgba(0, 0, 0, .45)
}

.hero-subheading {
    font-size: 1rem;
    line-height: 1.5rem;
    line-height: 150%;
    letter-spacing: -.012rem;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: .5rem;
    font-weight: 700;
    color: #ffffffa6
}

[dir=rtl] .values-wrapper .hero-subheading {
    font-weight: 600
}

[dir=rtl] p.hero-subheading, [dir=rtl] span.hero-subheading, [dir=rtl] a.hero-subheading, [dir=rtl] li.hero-subheading, [dir=rtl] ol.hero-subheading, [dir=rtl] ul.hero-subheading, [dir=rtl] h1.hero-subheading, [dir=rtl] h2.hero-subheading, [dir=rtl] h3.hero-subheading, [dir=rtl] h4.hero-subheading, [dir=rtl] h5.hero-subheading, [dir=rtl] h6.hero-subheading {
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity, 1));
    opacity: .65
}

@media (min-width: 1024px) {
    .hero-subheading:where([dir=ltr],[dir=ltr] *) {
        font-size: 1.1875rem;
        line-height: 110%;
        letter-spacing: -.02969rem
    }

    .hero-subheading:where([dir=ltr],[dir=ltr] *) {
        font-size: 1.4375rem;
        letter-spacing: -.03594rem
    }

    .hero-subheading:where([dir=rtl],[dir=rtl] *) {
        font-size: 1.125rem;
        line-height: 120%;
        letter-spacing: -.0225rem
    }

    .hero-subheading:where([dir=rtl],[dir=rtl] *) {
        font-size: 1.375rem;
        line-height: 110%;
        letter-spacing: -.03438rem
    }

    .hero-subheading {
        flex-direction: row;
        gap: .75rem;
        --tw-text-opacity: 1;
        color: rgb(255 255 255 / var(--tw-text-opacity, 1))
    }
}

.hero-footer {
    position: relative;
    margin-left: auto;
    margin-right: auto;
    display: flex;
    width: 100%;
    flex-direction: column;
    justify-content: space-between;
    gap: .5rem;
    padding-left: 1.25rem;
    padding-right: 1.25rem
}

@media (min-width: 768px) {
    .hero-footer {
        padding-left: 2rem;
        padding-right: 2rem
    }
}

@media (min-width: 1024px) {
    .hero-footer {
        flex-direction: row;
        align-items: center
    }
}

@media (min-width: 1200px) {
    .hero-footer {
        padding-inline-start: 4.5rem;
        padding-inline-end: 2.5rem
    }
}

@media (min-width: 1400px) {
    .hero-footer {
        gap: 1.5rem
    }
}

@media (min-width: 1536px) {
    .hero-footer {
        max-width: 1536px
    }
}

.hero-cta-container {
    display: flex;
    flex-direction: column;
    justify-content: center;
    gap: 1rem
}

.hero-cta {
    margin-top: auto;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: .75rem;
    border-radius: 9999px;
    padding-top: .5rem;
    padding-bottom: .5rem;
    padding-inline-start: 1rem;
    padding-inline-end: .5rem
}

@media (min-width: 1024px) {
    .hero-cta {
        border-width: 1px;
        border-color: #1b1d1e1f;
        --tw-bg-opacity: 1;
        background-color: rgb(246 240 234 / var(--tw-bg-opacity, 1));
        padding-inline-start: 1.5rem;
        --tw-shadow: 0px 4px 4px 0px rgba(0, 0, 0, .25);
        --tw-shadow-colored: 0px 4px 4px 0px var(--tw-shadow-color);
        box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
    }
}

@media (min-width: 1200px) {
    .hero-cta {
        height: 4.5rem;
        gap: 1.5rem;
        padding-inline-start: 2rem
    }
}

.hero-cta-content {
    display: none
}

@media (min-width: 1024px) {
    .hero-cta-content {
        display: block
    }
}

.cta-contact-container {
    display: flex;
    justify-content: center;
    gap: .25rem
}

.cta-question {
    font-size: .6875rem;
    font-weight: 400;
    line-height: 140%;
    letter-spacing: -.00825rem;
    line-height: normal;
    color: #ffffffa6
}

[dir=rtl] p.cta-question, [dir=rtl] span.cta-question, [dir=rtl] a.cta-question, [dir=rtl] li.cta-question, [dir=rtl] ol.cta-question, [dir=rtl] ul.cta-question, [dir=rtl] h1.cta-question, [dir=rtl] h2.cta-question, [dir=rtl] h3.cta-question, [dir=rtl] h4.cta-question, [dir=rtl] h5.cta-question, [dir=rtl] h6.cta-question {
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity, 1));
    opacity: .65
}

@media (min-width: 1024px) {
    .cta-question {
        letter-spacing: -.01375rem
    }
}

.cta-contact-link {
    font-size: .6875rem;
    font-weight: 400;
    line-height: 140%;
    letter-spacing: -.00825rem;
    line-height: normal;
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity, 1));
    transition-duration: .3s
}

.cta-contact-link:hover {
    text-decoration-line: underline
}

@media (min-width: 1024px) {
    .cta-contact-link {
        letter-spacing: -.01375rem
    }
}

.hero-down-arrow {
    position: absolute;
    top: calc(100% - 2.5rem);
    left: 50%;
    display: none;
    --tw-translate-x: -50%;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

@media (min-width: 1200px) {
    .hero-down-arrow {
        display: block
    }
}

.awards-animation-container {
    height: 3.5rem;
    overflow: hidden;
    border-top-width: 1px;
    border-bottom-width: 1px;
    border-color: #1b1d1e40;
    --tw-bg-opacity: 1;
    background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
    padding-top: .75rem;
    padding-bottom: .75rem
}

@media (min-width: 1024px) {
    .awards-animation-container {
        height: 4.5rem;
        padding-top: 1.25rem;
        padding-bottom: 1.25rem
    }
}

.awards-animation-wrapper {
    display: flex;
    align-items: center;
    gap: 1.5rem
}

.awards-animation {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 1.5rem;
    white-space: nowrap
}

.awards-animation-highlight-container {
    font-size: .875rem;
    line-height: 1.25rem;
    font-weight: 600;
    line-height: 150%;
    letter-spacing: -.0105rem;
    display: flex;
    color: #150d30d9
}

.awards-animation-highlight-container:has(.awards-animation-highlight) {
    align-items: center;
    gap: .375rem
}

.awards-animation-highlight {
    font-size: .875rem;
    line-height: 1.25rem;
    font-weight: 700;
    line-height: 150%;
    letter-spacing: -.0105rem
}

[dir=rtl] .values-wrapper .awards-animation-highlight {
    font-weight: 600
}

.awards-animation-highlight {
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 9999px;
    --tw-bg-opacity: 1;
    background-color: rgb(159 205 195 / var(--tw-bg-opacity, 1));
    padding: .5rem .625rem
}

.approved-by-section {
    position: relative;
    z-index: 10;
    margin-top: 3.5rem;
    display: flex;
    height: auto;
    width: 100%;
    flex-direction: column;
    align-items: center;
    justify-content: flex-start;
    gap: 4rem;
    --tw-bg-opacity: 1;
    background-color: rgb(248 247 242 / var(--tw-bg-opacity, 1));
    padding-top: 4rem;
    padding-bottom: 4rem
}

@media (min-width: 1024px) {
    .approved-by-section {
        margin-top: 4.5rem;
        height: 27rem;
        padding-top: 6.5rem;
        padding-bottom: 0
    }
}

@media (min-width: 1200px) {
    .approved-by-section {
        height: 31.875rem
    }
}

.approved-by-section.bg-purple {
    background: linear-gradient(180deg, #f7f0ea, #e2dcfa 54.63%, #e2dcfa)
}

.smile-bg {
    pointer-events: none;
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%
}

.smile-bg svg {
    height: 100%;
    width: 100%
}

.approved-by-logos-container {
    z-index: 10;
    display: flex;
    width: 100%;
    flex-wrap: wrap;
    align-items: flex-start;
    gap: 1rem
}

@media (min-width: 768px) {
    .approved-by-logos-container {
        flex-wrap: nowrap
    }
}

@media (min-width: 1024px) {
    .approved-by-logos-container {
        padding-left: .75rem;
        padding-right: .75rem
    }
}

.approved-by-logo-header {
    z-index: 10;
    display: flex;
    flex-direction: column;
    gap: .5rem;
    text-align: center
}

.approved-by-logo {
    display: flex;
    width: calc(50% - .5rem);
    cursor: default;
    flex-direction: column;
    align-items: center;
    gap: .5rem;
    text-align: center
}

@media (min-width: 768px) {
    .approved-by-logo {
        width: 25%
    }
}

@media (min-width: 1024px) {
    .approved-by-logo {
        width: 20%;
        gap: 1rem
    }
}

.approved-by-hidden-logo {
    display: none
}

@media (min-width: 1024px) {
    .approved-by-hidden-logo {
        display: flex
    }
}

.approved-by-logo img {
    aspect-ratio: 1 / 1;
    height: 4rem;
    width: 4rem
}

@media (min-width: 1024px) {
    .approved-by-logo img {
        height: 6.5rem;
        width: 6.5rem
    }
}

img[src*=tursab] {
    width: 100%;
    -o-object-fit: contain;
    object-fit: contain
}

.values-section {
    margin-left: auto;
    margin-right: auto;
    overflow: hidden
}

@media (min-width: 1536px) {
    .values-section {
        max-width: 1536px
    }
}

.values-wrapper {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 3.5rem;
    padding: 6.5rem 1.25rem 3.5rem;
    text-align: center
}

@media (min-width: 640px) {
    .values-wrapper {
        padding-left: 2rem;
        padding-right: 2rem
    }
}

@media (min-width: 768px) {
    .values-wrapper {
        padding-left: 3rem;
        padding-right: 3rem
    }
}

@media (min-width: 1024px) {
    .values-wrapper {
        margin-left: 2rem;
        margin-right: 2rem;
        gap: 5rem;
        border-radius: 1.5rem;
        padding-left: 0;
        padding-right: 0;
        padding-bottom: 6.5rem
    }
}

.values-wrapper {
    background: linear-gradient(180deg, #0a2922, #35907a)
}

[dir=rtl] .values-wrapper .font-bold {
    font-weight: 600
}

[dir=rtl] .values-wrapper .font-extrabold {
    font-weight: 700
}

[dir=rtl] .values-wrapper [class*=text-semi] {
    font-weight: 500
}

[dir=rtl] .values-wrapper .font-medium {
    font-weight: 400
}

.values-section-header {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: .5rem
}

.values-section-header p {
    margin-top: .75rem
}

.values-content {
    display: grid;
    grid-auto-flow: row;
    gap: 1.25rem
}

@media (min-width: 768px) {
    .values-content {
        grid-template-columns:repeat(2, minmax(0, 1fr));
        grid-template-rows:subgrid
    }
}

@media (min-width: 1024px) {
    .values-content {
        width: 57rem
    }
}

.values-trusted {
    position: relative;
    grid-column: span 1 / span 1;
    grid-row: span 2 / span 2;
    display: flex;
    height: 27.0625rem;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-end;
    gap: 1.5rem;
    border-radius: 1rem;
    --tw-bg-opacity: 1;
    background-color: rgb(232 229 246 / var(--tw-bg-opacity, 1));
    padding-inline-start: 1.5rem;
    padding-bottom: 3.5rem;
    text-align: start
}

@media (min-width: 1024px) {
    .values-trusted {
        padding-inline-start: 2.5rem;
        padding-bottom: 2.75rem
    }
}

.values-trusted-img-container {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%
}

.values-trusted-img-container img {
    height: 100%;
    width: 100%;
    border-radius: 1rem;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center;
    object-position: center
}

.values-trusted-img-container .image-overlay {
    position: absolute;
    top: 0;
    height: 100%;
    width: 100%;
    border-radius: 1rem;
    opacity: .25;
    mix-blend-mode: plus-darker;
    background: linear-gradient(180deg, #0a071800 8.64%, #0a0718)
}

.values-trusted-text {
    margin-top: 1.5rem;
    display: flex;
    flex-direction: column;
    gap: .5rem
}

.values-trusted-text .text-shadow {
    text-shadow: 0px 1px 1px rgba(0, 0, 0, .45)
}

.travel-planing {
    position: relative;
    display: flex;
    height: 13.375rem;
    align-items: center;
    justify-content: flex-start;
    gap: 1rem;
    border-radius: 1rem;
    --tw-bg-opacity: 1;
    background-color: rgb(248 247 242 / var(--tw-bg-opacity, 1));
    padding-inline-start: 2rem;
    padding-inline-end: 2rem;
    text-align: start
}

@media (min-width: 1024px) {
    .travel-planing {
        padding-inline-start: 2.5rem;
        padding-inline-end: 0px
    }
}

.treatment-coordinator {
    position: relative;
    grid-row-start: 3;
    display: flex;
    height: 13.375rem;
    align-items: center;
    justify-content: flex-start;
    gap: 1rem;
    overflow: hidden;
    border-radius: 1rem;
    padding-inline-start: 2rem;
    padding-inline-end: 2rem;
    text-align: start
}

@media (min-width: 1024px) {
    .treatment-coordinator {
        padding-inline-start: 2.5rem;
        padding-inline-end: 0px
    }
}

.treatment-coordinator {
    background: linear-gradient(180deg, #e3f6f2, #bce5dc)
}

.treatment-coordinator-illustration {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    height: 100%;
    width: 100%
}

.treatment-coordinator-icon {
    z-index: 10
}

.treatment-coordinator .treatment-coordinator-illustration span {
    position: absolute
}

.treatment-coordinator .treatment-coordinator-illustration span:first-child {
    bottom: 0;
    right: 0
}

.treatment-coordinator .treatment-coordinator-illustration span:last-child {
    bottom: 0;
    left: 0
}

.treatment-coordinator-content {
    display: flex;
    flex-direction: column;
    gap: .5rem
}

.treatment-coordinator-content p {
    z-index: 10
}

.treatment-coordinator-content h6 {
    mix-blend-mode: difference;
}

.top-clinic {
    position: relative;
    grid-column: span 1 / span 1;
    grid-row: span 2 / span 2;
    display: flex;
    height: 27.0625rem;
    flex-direction: column;
    align-items: center;
    justify-content: space-between;
    border-radius: 1rem;
    padding-top: 4rem;
    padding-bottom: 4rem;
    text-align: center;
    background: linear-gradient(180deg, #e3f6f2, #bce5dc)
}

.top-clinic .treatment-coordinator-illustration span {
    position: absolute
}

.top-clinic .treatment-coordinator-illustration span:first-child {
    bottom: 0;
    right: 0
}

.top-clinic .treatment-coordinator-illustration span:last-child {
    top: 0;
    left: 0
}

.travel-planing .treatment-coordinator-illustration span {
    position: absolute;
    top: 50%;
    bottom: 1rem;
    right: 0;
    --tw-translate-y: -50%;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.travel-planing .treatment-coordinator-illustration span svg {
    height: 100%;
    width: 100%
}

.top-clinic-content {
    display: flex;
    flex-direction: column;
    gap: .5rem
}

#european-clinic {
    position: relative;
    border-radius: 9999px;
    --tw-bg-opacity: 1;
    padding: 1rem
}

@media (min-width: 1024px) {
    #european-clinic {
        height: 11.125rem;
        width: 11.125rem
    }
}

#eiffel-tower {
    position: absolute;
    top: 50%;
    left: 50%;
    height: 83px;
    width: 58px;
    --tw-translate-x: -50%;
    --tw-translate-y: -50%;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
    padding: .25rem
}

#stars {
    height: 100%;
    width: 100%
}

.cta-container {
    position: relative;
    z-index: 10;
    cursor: pointer
}

.cta {
    position: fixed;
    bottom: 1.5rem;
    left: 50%;
    display: none;
    --tw-translate-x: -50%;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
    align-items: center;
    justify-content: flex-start;
    gap: 1rem;
    border-radius: 9999px;
    border-width: 1px;
    border-color: #1b1d1e1f;
    /*background-color: #e2dcfad9;*/
    background-color: rgba(246, 240, 234, 0.86);
    --tw-backdrop-blur: blur(8px);
    -webkit-backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
    backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)
}

.cta p {
    display: flex;
    height: 3.75rem;
    min-width: 9rem;
    align-items: center;
    white-space: nowrap;
    padding-top: .5rem;
    padding-bottom: .5rem;
    padding-inline-start: 1.5rem;
    opacity: 0
}

.circle {
    display: flex;
    height: 3rem;
    width: 3rem;
    align-items: center;
    justify-content: center;
    border-radius: 9999px;
    --tw-bg-opacity: 1;
    background-color: rgb(53 144 122 / var(--tw-bg-opacity, 1))
}

.outer-circle {
    position: absolute;
    border-radius: 9999px;
    background-color: #0a292280
}

.cta-circle-animation {
    position: fixed;
    bottom: -100%;
    left: 50%;
    z-index: 10;
    display: flex;
    --tw-translate-x: -50%;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
    align-items: center;
    justify-content: center;
    opacity: 0
}

.cta-circle-animation .circle.active {
    animation: bounce .75s infinite
}

@keyframes bounce {
    0%, to {
        transform: none;
        animation-timing-function: cubic-bezier(0, 0, .2, .75)
    }
    50% {
        transform: translate(-10%);
        animation-timing-function: cubic-bezier(.75, 0, 1, 1)
    }
}

.cta-circle-arrow {
    position: absolute;
    opacity: 0
}

.why-dtzok-section {
    height: 100%;
    width: 100%;
    --tw-bg-opacity: 1;
    background-color: rgb(248 247 242 / var(--tw-bg-opacity, 1));
    padding-top: 4rem
}

@media (min-width: 768px) {
    .why-dtzok-section {
        padding-top: 6rem
    }
}

@media (min-width: 1024px) {
    .why-dtzok-section {
        padding-top: 7.5rem
    }
}

.why-dtzok-container-wrapper {
    width: 100%;
    margin-right: auto;
    margin-left: auto
}

@media (min-width: 100%) {
    .why-dtzok-container-wrapper {
        max-width: 100%
    }
}

@media (min-width: 1536px) {
    .why-dtzok-container-wrapper {
        max-width: 1536px
    }
}

.why-dtzok-container-wrapper {
    padding-left: 1.25rem;
    padding-right: 1.25rem
}

@media (min-width: 640px) {
    .why-dtzok-container-wrapper {
        padding-left: 2rem;
        padding-right: 2rem
    }
}

@media (min-width: 768px) {
    .why-dtzok-container-wrapper {
        padding-left: 3rem;
        padding-right: 3rem
    }
}

@media (min-width: 1200px) {
    .why-dtzok-container-wrapper {
        padding-left: 5.5rem;
        padding-right: 5.5rem
    }
}

.why-dtzok-container-wrapper {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 3.5rem
}

@media (min-width: 1024px) {
    nav.why-dtzok-container-wrapper {
        padding-left: 2rem;
        padding-right: 2rem
    }
}

@media (min-width: 1200px) {
    nav.why-dtzok-container-wrapper {
        padding-left: 4.5rem;
        padding-right: 4.5rem
    }
}

@media (min-width: 1536px) {
    nav.why-dtzok-container-wrapper {
        padding-left: 5.5rem;
        padding-right: 5.5rem
    }
}

@media (min-width: 1024px) {
    .why-dtzok-container-wrapper {
        gap: 3rem
    }
}

.why-dtzok-container {
    position: relative;
    display: grid;
    place-items: center
}

@media (min-width: 768px) {
    .why-dtzok-container {
        gap: 3.5rem
    }
}

@media (min-width: 1024px) {
    .why-dtzok-container {
        width: 83.333333%;
        grid-template-columns:.5fr .5fr
    }
}

@media (min-width: 1200px) {
    .why-dtzok-container {
        grid-template-columns:.45fr .55fr
    }
}

@media (min-width: 1400px) {
    .why-dtzok-container {
        gap: 6.5rem
    }
}

.why-dtzok-leftside {
    position: relative;
    display: none;
    height: 100%;
    width: 100%
}

@media (min-width: 1024px) {
    .why-dtzok-leftside {
        display: block
    }
}

.why-dtzok-images-container, .international-guests-images-container {
    position: sticky;
    top: 2rem;
    display: flex;
    justify-content: center;
    transition-duration: .3s
}

@media (min-width: 1024px) {
    .why-dtzok-images-container, .international-guests-images-container {
        height: 100vh
    }

    @media (max-height: 650px) {
        .why-dtzok-images-container, .international-guests-images-container {
            height: 140vh
        }
    }
}

@media (min-height: 850px) and (max-height: 1080px) {
    .why-dtzok-images-container, .international-guests-images-container {
        height: 75vh
    }
}

@media (min-height: 1081px) {
    .why-dtzok-images-container, .international-guests-images-container {
        height: 55vh
    }
}

.why-dtzok-images-container img, .international-guests-images-container img {
    position: absolute;
    aspect-ratio: .7235/1;
    max-height: 35rem;
    width: 100%;
    border-radius: 1.5rem;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center;
    object-position: center
}

@media (min-width: 1024px) {
    .why-dtzok-images-container img, .international-guests-images-container img {
        max-height: 40.6875rem
    }
}

.why-dtzok-content-wrapper, .international-guests-content-wrapper {
    display: flex;
    flex-direction: column;
    gap: 3.5rem
}

@media (min-width: 1024px) {
    .why-dtzok-content-wrapper, .international-guests-content-wrapper {
        gap: 14rem;
        padding-bottom: 6rem
    }

    @media (min-height: 850px) and (max-height: 1080px) {
        .why-dtzok-content-wrapper, .international-guests-content-wrapper {
            padding-bottom: 0
        }
    }
}

.why-dtzok-content-container, .international-guests-content-container {
    align-items: flex-start
}

@media (min-width: 1024px) {
    .why-dtzok-content-container, .international-guests-content-container {
        display: flex
    }

    @media (min-height: 850px) and (max-height: 1080px) {
        .why-dtzok-content-container, .international-guests-content-container {
            height: 75vh
        }
    }
}

@media (min-width: 1400px) {
    @media (min-height: 1081px) {
        .why-dtzok-content-container, .international-guests-content-container {
            height: 50vh
        }
    }
}

.why-dtzok-content-rigtside {
    margin-top: 3rem;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
    gap: 2rem
}

@media (min-width: 1024px) {
    .why-dtzok-content-rigtside {
        margin-top: 0;
        height: 37.1875rem;
        gap: 4rem
    }
}

.why-dtzok-content-header {
    top: 0;
    z-index: 10;
    display: flex;
    align-items: center;
    font-weight: 700;
    color: #150d30d9;
    transition-duration: .3s
}

[dir=rtl] .values-wrapper .why-dtzok-content-header {
    font-weight: 600
}

@media (min-width: 1024px) {
    .why-dtzok-content-header {
        position: sticky;
        --tw-bg-opacity: 1;
        background-color: rgb(248 247 242 / var(--tw-bg-opacity, 1));
        padding-top: 2rem;
        padding-bottom: 2rem
    }
}

.why-dtzok-content-header:after {
    content: "";
    background: linear-gradient(180deg, #f8f7f2 13%, #f8f7f233);
    position: absolute;
    height: 3rem;
    width: 100%;
    top: 100%;
    left: 0;
    z-index: 10
}

.why-dtzok-content, .international-guests-content {
    display: flex;
    flex-direction: column;
    gap: 2rem
}

.why-dtzok-content-rigtside:has(h5) .why-dtzok-content {
    margin-top: 1rem
}

@media (min-width: 1024px) {
    .why-dtzok-content-rigtside:has(h5) .why-dtzok-content {
        margin-top: 0
    }
}

.why-dtzok-content-description, .international-guests-content-description {
    font-size: 1.125rem;
    line-height: 1.75rem;
    font-weight: 500;
    line-height: 150%;
    letter-spacing: -.0135rem
}

[dir=rtl] .values-wrapper .why-dtzok-content-description, [dir=rtl] .values-wrapper .international-guests-content-description {
    font-weight: 400
}

.why-dtzok-content-description, .international-guests-content-description {
    margin-bottom: 1rem;
    color: #150d30a6
}

[dir=rtl] p.why-dtzok-content-description, [dir=rtl] span.why-dtzok-content-description, [dir=rtl] a.why-dtzok-content-description, [dir=rtl] li.why-dtzok-content-description, [dir=rtl] ol.why-dtzok-content-description, [dir=rtl] ul.why-dtzok-content-description, [dir=rtl] h1.why-dtzok-content-description, [dir=rtl] h2.why-dtzok-content-description, [dir=rtl] h3.why-dtzok-content-description, [dir=rtl] h4.why-dtzok-content-description, [dir=rtl] h5.why-dtzok-content-description, [dir=rtl] h6.why-dtzok-content-description, [dir=rtl] p .international-guests-content-description, [dir=rtl] span .international-guests-content-description, [dir=rtl] a .international-guests-content-description, [dir=rtl] li .international-guests-content-description, [dir=rtl] ol .international-guests-content-description, [dir=rtl] ul .international-guests-content-description, [dir=rtl] h1 .international-guests-content-description, [dir=rtl] h2 .international-guests-content-description, [dir=rtl] h3 .international-guests-content-description, [dir=rtl] h4 .international-guests-content-description, [dir=rtl] h5 .international-guests-content-description, [dir=rtl] h6 .international-guests-content-description {
    --tw-text-opacity: 1;
    color: rgb(21 13 48 / var(--tw-text-opacity, 1));
    opacity: .65
}

@media (min-width: 1024px) {
    .why-dtzok-content-description, .international-guests-content-description {
        margin-bottom: 0
    }
}

.why-dtzok-content-heading, .international-guests-content-heading {
    display: flex;
    flex-direction: column;
    gap: .5rem;
    font-weight: 800;
    --tw-text-opacity: 1;
    color: rgb(53 144 122 / var(--tw-text-opacity, 1))
}

[dir=rtl] .values-wrapper .why-dtzok-content-heading, [dir=rtl] .values-wrapper .international-guests-content-heading {
    font-weight: 700
}

.why-dtzok-content-heading span, .international-guests-content-heading span {
    font-weight: 800;
    --tw-text-opacity: 1;
    color: rgb(53 144 122 / var(--tw-text-opacity, 1))
}

[dir=rtl] .values-wrapper .why-dtzok-content-heading span, [dir=rtl] .values-wrapper .international-guests-content-heading span {
    font-weight: 700
}

.why-dtzok-content-icon {
    height: 4rem;
    width: 4rem
}

@media (min-width: 1024px) {
    .why-dtzok-content-icon {
        height: 4.5rem;
        width: 4.5rem
    }
}

.why-dtzok-languages-container {
    display: flex;
    align-items: center;
    gap: .5rem
}

.why-dtzok-tour-link {
    font-size: 1rem;
    line-height: 1.5rem;
    font-weight: 600;
    line-height: 150%;
    letter-spacing: -.012rem;
    display: flex;
    align-items: center;
    gap: .5rem;
    transition-duration: .3s
}

.why-dtzok-tour-link:hover {
    --tw-text-opacity: 1;
    color: rgb(53 144 122 / var(--tw-text-opacity, 1));
    text-decoration-line: underline
}

.why-dtzok-analytics {
    display: flex;
    width: 100%;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    row-gap: 3rem;
    border-top-width: 4px;
    border-color: #1b1d1e12;
    padding-top: 3.5rem;
    padding-bottom: 3.5rem
}

@media (min-width: 1024px) {
    .why-dtzok-analytics {
        flex-wrap: nowrap;
        row-gap: 0px;
        --tw-bg-opacity: 1;
        background-color: rgb(248 247 242 / var(--tw-bg-opacity, 1));
        padding-top: 2rem;
        padding-bottom: 2rem
    }
}

@media (min-width: 1200px) {
    .why-dtzok-analytics {
        width: 1140px
    }
}

.why-dtzok-analytics-content {
    display: flex;
    width: calc(50% - .0625rem);
    flex-direction: column;
    align-items: center;
    justify-content: space-between;
    gap: .5rem;
    padding-bottom: .5rem
}

@media (min-width: 1024px) {
    .why-dtzok-analytics-content {
        width: auto
    }
}

.why-dtzok-analytics-numbers {
    display: flex;
    align-items: center
}

.why-dtzok-analytics hr {
    position: relative;
    height: 3.5rem;
    width: .0625rem;
    background-color: #1b1d1e1f
}

.why-dtzok-analytics hr:before {
    position: absolute;
    top: 0;
    height: 1.25rem;
    width: 100%;
    content: var(--tw-content);
    background-color: #1b1d1e66
}

.why-dtzok-analytics hr:nth-of-type(2) {
    display: none
}

@media (min-width: 1024px) {
    .why-dtzok-analytics hr:nth-of-type(2) {
        display: block
    }
}

.why-dtzok-images-sm, .international-guests-images-sm {
    display: block
}

@media (min-width: 1024px) {
    .why-dtzok-images-sm, .international-guests-images-sm {
        display: none
    }
}

.why-dtzok-images-sm img, .international-guests-images-sm img {
    width: 100%;
    border-radius: 1.5rem;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center;
    object-position: center
}

@media (min-width: 640px) {
    .why-dtzok-images-sm img, .international-guests-images-sm img {
        aspect-ratio: 16/12
    }
}

@media (min-width: 1024px) {
    .why-dtzok-images-sm img, .international-guests-images-sm img {
        aspect-ratio: auto
    }
}

.fade-in {
    animation: fadeIn .5s
}

.fade-out {
    animation: fadeOut .5s
}

@keyframes fadeIn {
    0% {
        opacity: 0
    }
    to {
        opacity: 1
    }
}

@keyframes fadeOut {
    0% {
        opacity: 1
    }
    to {
        opacity: 0
    }
}

.international-guests-section {
    position: relative;
    height: 100%;
    width: 100%;
    --tw-bg-opacity: 1;
    background-color: rgb(248 247 242 / var(--tw-bg-opacity, 1));
    padding-top: 4rem
}

@media (min-width: 1024px) {
    .international-guests-section {
        padding-top: 5rem
    }
}

@media (min-width: 1200px) {
    .international-guests-section {
        padding-top: 6.5rem
    }
}

.international-guests-section:has(.title-illustration) {
    padding-bottom: 5.5rem
}

@media (min-width: 1024px) {
    .international-guests-section:has(.title-illustration) {
        padding-bottom: 11rem
    }
}

.international-guests-container-wrapper {
    width: 100%;
    margin-right: auto;
    margin-left: auto
}

@media (min-width: 100%) {
    .international-guests-container-wrapper {
        max-width: 100%
    }
}

@media (min-width: 1536px) {
    .international-guests-container-wrapper {
        max-width: 1536px
    }
}

.international-guests-container-wrapper {
    padding-left: 1.25rem;
    padding-right: 1.25rem
}

@media (min-width: 640px) {
    .international-guests-container-wrapper {
        padding-left: 2rem;
        padding-right: 2rem
    }
}

@media (min-width: 768px) {
    .international-guests-container-wrapper {
        padding-left: 3rem;
        padding-right: 3rem
    }
}

@media (min-width: 1200px) {
    .international-guests-container-wrapper {
        padding-left: 5.5rem;
        padding-right: 5.5rem
    }
}

.international-guests-container-wrapper {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 3.5rem
}

@media (min-width: 1024px) {
    nav.international-guests-container-wrapper {
        padding-left: 2rem;
        padding-right: 2rem
    }
}

@media (min-width: 1200px) {
    nav.international-guests-container-wrapper {
        padding-left: 4.5rem;
        padding-right: 4.5rem
    }
}

@media (min-width: 1536px) {
    nav.international-guests-container-wrapper {
        padding-left: 5.5rem;
        padding-right: 5.5rem
    }
}

@media (min-width: 1024px) {
    .international-guests-container-wrapper {
        gap: 4rem
    }
}

@media (min-width: 1400px) {
    .international-guests-container-wrapper {
        gap: 6.5rem
    }
}

.international-guests-header {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 1.5rem
}

.international-guests-rightside {
    position: relative;
    display: none;
    height: 100%;
    width: 100%
}

@media (min-width: 1024px) {
    .international-guests-rightside {
        grid-column-start: 2;
        grid-column-end: 4;
        display: block
    }
}

@media (min-width: 1200px) {
    .international-guests-rightside {
        grid-column-start: auto;
        grid-column-end: auto
    }
}

.international-guests-container {
    position: relative;
    display: grid;
    place-items: center
}

@media (min-width: 768px) {
    .international-guests-container {
        gap: 2.5rem
    }
}

@media (min-width: 1024px) {
    .international-guests-container {
        margin-bottom: 0;
        width: 100%;
        grid-template-columns:.5fr .5fr
    }
}

@media (min-width: 1200px) {
    .international-guests-container {
        width: 1140px
    }
}

@media (min-width: 1400px) {
    .international-guests-container {
        grid-template-columns:.55fr .45fr;
        gap: 3.5rem
    }
}

@media (min-width: 1024px) {
    @media (min-height: 850px) and (max-height: 1080px) {
        .international-guests-container {
            margin-bottom: 3rem
        }
    }
}

.international-guests-content-leftside {
    display: flex;
    flex-direction: column;
    gap: 2rem
}

@media (min-width: 1024px) {
    .international-guests-content-leftside {
        height: 37.1875rem;
        gap: 4rem
    }
}

.international-guests-content-icon {
    height: 3rem;
    width: 3rem
}

.international-guests-header-icon {
    height: 3.5rem;
    width: 3.5rem
}

@media (min-width: 1024px) {
    .international-guests-header-icon {
        height: 5rem;
        width: 5rem
    }
}

.tabs-container {
    position: relative;
    display: flex;
    justify-content: space-between;
    gap: .25rem;
    border-radius: 9999px;
    border-width: 1px;
    border-color: #1b1d1e1f;
    --tw-bg-opacity: 1;
    background-color: rgb(246 240 234 / var(--tw-bg-opacity, 1));
    padding: .5rem
}

[dir=rtl] .tabs-container:after {
    content: "";
    min-width: 8px
}

.tabs-container-overlay {
    position: absolute;
    top: 0;
    inset-inline-end: -.00031rem;
    z-index: 10;
    height: 100%;
    width: 2.25rem;
    transition-duration: .3s
}

@media (min-width: 1024px) {
    .tabs-container-overlay {
        width: 3rem
    }
}

.tabs-container-overlay {
    background: linear-gradient(270deg, #fbfbf8, #fbfbf899)
}

[dir=rtl] .tabs-container-overlay {
    background: linear-gradient(90deg, #fbfbf8, #fbfbf899)
}

.tabs-container.reversed {
    --tw-bg-opacity: 1;
    background-color: rgb(251 251 248 / var(--tw-bg-opacity, 1))
}

.international-guests-section .tabs-container {
    display: none
}

@media (min-width: 1024px) {
    .international-guests-section .tabs-container {
        display: flex
    }
}

.tabs-links {
    font-size: .875rem;
    line-height: 1.25rem;
    font-weight: 600;
    line-height: 150%;
    letter-spacing: -.0105rem;
    padding: .75rem 1.25rem;
    color: #150d30d9
}

.tabs-links.active {
    border-radius: 9999px;
    border-width: 1px;
    border-color: #1b1d1e1f;
    --tw-bg-opacity: 1;
    background-color: rgb(251 251 249 / var(--tw-bg-opacity, 1));
    --tw-backdrop-blur: blur(14px);
    -webkit-backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
    backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
    transition-duration: .5s
}

.tabs-container.reversed .tabs-links.active {
    --tw-bg-opacity: 1;
    background-color: rgb(240 229 219 / var(--tw-bg-opacity, 1))
}

.tabs-overlay {
    position: sticky;
    top: 0;
    z-index: 10;
    display: none;
    --tw-bg-opacity: 1;
    background-color: rgb(248 247 242 / var(--tw-bg-opacity, 1));
    padding-top: 1rem;
    transition-duration: .3s
}

@media (min-width: 1024px) {
    .tabs-overlay {
        display: block;
        padding-top: 1rem;
        padding-bottom: 1rem
    }
}

.tabs-overlay:after {
    content: "";
    background: linear-gradient(180deg, #f8f7f2 13%, #f8f7f233);
    position: absolute;
    height: 3rem;
    width: 100%;
    top: 100%;
    left: 0;
    z-index: 10
}

.tabs-overlay .tabs-container {
    margin-top: 1rem
}

@media (min-width: 1024px) {
    .international-guests-content-container {
        scroll-margin-top: 8rem;
        padding-top: 4rem
    }
}

.feature-treatment-section {
    position: relative;
    height: 100%;
    width: 100%;
    --tw-bg-opacity: 1;
    background-color: rgb(251 251 248 / var(--tw-bg-opacity, 1));
    padding-top: 6.5rem;
    padding-bottom: 4rem;
    transition-duration: .5s
}

@media (min-width: 1024px) {
    .feature-treatment-section {
        padding-top: 5rem;
        padding-bottom: 5rem
    }
}

@media (min-width: 1200px) {
    .feature-treatment-section {
        padding-top: 6.5rem;
        padding-bottom: 7.5rem
    }
}

.feature-treatment-footer {
    position: absolute;
    bottom: 0;
    left: 0;
    height: 9.5625rem;
    width: 100%
}

@media (min-width: 1024px) {
    .feature-treatment-footer {
        bottom: -.00438rem;
        height: 23.5rem
    }
}

.feature-treatment-footer {
    background: linear-gradient(0deg, #f6f0eb, #fbfbf866)
}

.feature-treatment-section:has(.feature-treatment-link:hover) .feature-treatment-footer {
    opacity: 0;
    transition-duration: .7s
}

.feature-treatment-section:has(.feature-treatment-link:hover) {
    --tw-bg-opacity: 1;
    background-color: rgb(246 240 234 / var(--tw-bg-opacity, 1));
    transition-duration: .5s
}

.feature-treatment-container-wrapper {
    width: 100%;
    margin-right: auto;
    margin-left: auto
}

@media (min-width: 100%) {
    .feature-treatment-container-wrapper {
        max-width: 100%
    }
}

@media (min-width: 1536px) {
    .feature-treatment-container-wrapper {
        max-width: 1536px
    }
}

.feature-treatment-container-wrapper {
    padding-left: 1.25rem;
    padding-right: 1.25rem
}

@media (min-width: 640px) {
    .feature-treatment-container-wrapper {
        padding-left: 2rem;
        padding-right: 2rem
    }
}

@media (min-width: 768px) {
    .feature-treatment-container-wrapper {
        padding-left: 3rem;
        padding-right: 3rem
    }
}

@media (min-width: 1200px) {
    .feature-treatment-container-wrapper {
        padding-left: 5.5rem;
        padding-right: 5.5rem
    }
}

.feature-treatment-container-wrapper {
    position: relative;
    z-index: 10
}

@media (min-width: 1024px) {
    nav.feature-treatment-container-wrapper {
        padding-left: 2rem;
        padding-right: 2rem
    }
}

@media (min-width: 1200px) {
    nav.feature-treatment-container-wrapper {
        padding-left: 4.5rem;
        padding-right: 4.5rem
    }
}

@media (min-width: 1536px) {
    nav.feature-treatment-container-wrapper {
        padding-left: 5.5rem;
        padding-right: 5.5rem
    }
}

.feature-treatment-wrapper {
    margin-left: auto;
    margin-right: auto;
    display: flex;
    width: 100%;
    flex-direction: column;
    justify-content: space-between;
    gap: 3.5rem
}

@media (min-width: 1024px) {
    .feature-treatment-wrapper {
        flex-direction: row;
        gap: 6.5rem
    }
}

@media (min-width: 1200px) {
    .feature-treatment-wrapper {
        width: 1050px;
        gap: 8.5rem
    }
}

.feature-treatment-smile {
    position: absolute;
    bottom: -2rem;
    right: .75rem;
    height: 1.25rem;
    width: 3rem
}

@media (min-width: 1024px) {
    .feature-treatment-smile {
        bottom: -3rem;
        height: 2.5rem;
        width: 5.75rem
    }
}

.feature-treatment-smile svg {
    height: 100%;
    width: 100%
}

.feature-treatment-leftside {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    gap: 3.5rem
}

@media (min-width: 1024px) {
    .feature-treatment-leftside {
        height: 36rem;
        width: 36%;
        padding-top: 2.5rem;
        padding-bottom: 2.5rem
    }
}

.feature-treatment-leftside-heading {
    position: relative;
    display: flex;
    flex-direction: column;
    gap: 1rem
}

@media (min-width: 768px) {
    .feature-treatment-leftside-heading {
        width: -moz-fit-content;
        width: fit-content
    }
}

@media (min-width: 1024px) {
    .feature-treatment-leftside-heading {
        width: 100%
    }
}

.feature-treatment-leftside-description {
    flex-direction: column;
    gap: 2.5rem
}

.feature-treatment-link {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    border-bottom-width: 1px;
    border-style: dashed;
    border-color: #1b1d1e40;
    padding: 1.25rem 1rem
}

@media (min-width: 768px) {
    .feature-treatment-link {
        padding: 2rem 1.5rem
    }
}

.feature-treatment-link .feature-treatment-link-content svg {
    fill: #1d6b5850;
    transition-duration: .5s
}

.feature-treatment-link-icon {
    height: 2.5rem;
    width: 2.5rem
}

@media (min-width: 1024px) {
    .feature-treatment-link-icon {
        height: 4rem;
        width: 4rem
    }
}

.feature-treatment-link-icon svg {
    height: 100%;
    width: 100%
}

.feature-treatment-link .feature-treatment-link-content p {
    width: 70%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

@media (min-width: 1024px) {
    .feature-treatment-link .feature-treatment-link-content p {
        width: auto;
        overflow: visible;
        white-space: normal
    }
}

.feature-treatment-link .feature-treatment-link-arrow-path {
    stroke: #1a1c2333;
    transition-duration: .5s
}

.feature-treatment-link:hover .feature-treatment-link-content svg {
    fill: #1d6b58;
    transition-duration: .5s
}

.feature-treatment-link:hover #feature-treatment-link-svg {
    opacity: 1;
    transition-duration: .5s
}

.feature-treatment-link:hover .feature-treatment-link-content p {
    transition-timing-function: cubic-bezier(.4, 0, .2, 1)
}

.feature-treatment-link:hover .feature-treatment-link-arrow-path {
    stroke: #452ba0;
    transition-duration: .5s
}

.feature-treatment-link:hover .feature-treatment-link-arrow {
    fill: #35907a75;
    transition-duration: .5s
}

.feature-treatment-link-arrow {
    height: 2.5rem;
    width: 2.5rem;
    transition-duration: .5s
}

@media (min-width: 1024px) {
    .feature-treatment-link-arrow {
        height: 3.5rem;
        width: 3.5rem
    }
}

.feature-treatment-link:hover .feature-treatment-link-content p {
    font-style: italic;
    color: #35907ad9;
    transition-timing-function: cubic-bezier(.4, 0, .2, 1)
}

.feature-treatment-link-content {
    display: flex;
    width: 75%;
    align-items: center;
    gap: 1rem
}

@media (min-width: 768px) {
    .feature-treatment-link-content {
        gap: 2rem
    }
}

@media (min-width: 1024px) {
    .feature-treatment-link-content {
        gap: 3.5rem
    }

    .feature-treatment-rightside {
        width: 64%
    }
}

.cta-section-wrapper {
    padding-bottom: 1.5rem
}

@media (min-width: 768px) {
    .cta-section-wrapper {
        padding-bottom: 2.5rem
    }
}

@media (min-width: 1024px) {
    .cta-section-wrapper {
        padding-bottom: 5rem
    }
}

@media (min-width: 1200px) {
    .cta-section-wrapper {
        padding-bottom: 6.5rem
    }
}

.cta-section-wrapper.bg-main-gradient {
    background: linear-gradient(180deg, #fcfaf8, #f6f0ea)
}

.cta-section-wrapper.bg-main-gradient-reversed {
    background: linear-gradient(180deg, #f6f0ea, #fcfaf8)
}

.cta-section-container {
    width: 100%;
    margin-right: auto;
    margin-left: auto
}

@media (min-width: 100%) {
    .cta-section-container {
        max-width: 100%
    }
}

@media (min-width: 1536px) {
    .cta-section-container {
        max-width: 1536px
    }
}

.cta-section-container {
    padding-left: 1.25rem;
    padding-right: 1.25rem
}

@media (min-width: 640px) {
    .cta-section-container {
        padding-left: 2rem;
        padding-right: 2rem
    }
}

@media (min-width: 768px) {
    .cta-section-container {
        padding-left: 3rem;
        padding-right: 3rem
    }
}

@media (min-width: 1200px) {
    .cta-section-container {
        padding-left: 5.5rem;
        padding-right: 5.5rem
    }
}

@media (min-width: 1024px) {
    nav.cta-section-container {
        padding-left: 2rem;
        padding-right: 2rem
    }
}

@media (min-width: 1200px) {
    nav.cta-section-container {
        padding-left: 4.5rem;
        padding-right: 4.5rem
    }
}

@media (min-width: 1536px) {
    nav.cta-section-container {
        padding-left: 5.5rem;
        padding-right: 5.5rem
    }
}

.cta-wrapper {
    position: relative;
    margin-left: auto;
    margin-right: auto;
    display: flex;
    height: auto;
    width: 100%;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 3rem;
    border-radius: 2rem;
    padding: 4rem 1.5rem
}

@media (min-width: 1024px) {
    .cta-wrapper {
        width: 83.333333%;
        padding-top: 6rem;
        padding-bottom: 6rem;
        padding-left: 0;
        padding-right: 0
    }
}

@media (min-width: 1200px) {
    .cta-wrapper {
        height: 42rem;
        padding-top: 9rem;
        padding-bottom: 9rem
    }
}

.cta-wrapper {
    background: linear-gradient(180deg, #076962, #0a8f86)
}

.cta-content {
    z-index: 1;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 2rem;
    text-align: center
}

@media (min-width: 1024px) {
    .cta-content {
        width: 50%
    }
}

.cta-smile-bg {
    position: absolute;
    top: 0;
    left: 0;
    display: none;
    height: 100%;
    width: 100%
}

@media (min-width: 1024px) {
    .cta-smile-bg {
        display: block
    }
}

.cta-smile-bg img {
    height: 100%;
    width: 100%
}

.cta-section-container .hero-cta-container {
    z-index: 1
}

@media (min-width: 1024px) {
    .cta-section-container .hero-cta-container {
        width: 75%
    }
}

@media (min-width: 1200px) {
    .cta-section-container .hero-cta-container {
        width: 50%
    }
}

.cta-section-container .btn-primary {
    --tw-bg-opacity: 1;
    background-color: rgb(4 57 54 / var(--tw-bg-opacity, 1))
}

.cta-wrapper .hero-cta {
    margin-left: auto;
    margin-right: auto;
    display: flex;
    width: -moz-fit-content;
    width: fit-content;
    flex-direction: column;
    gap: 1.5rem;
    text-align: center
}

@media (min-width: 1024px) {
    .cta-wrapper .hero-cta {
        flex-direction: row;
        gap: .75rem;
        text-align: start
    }
}

.cta-wrapper .cta-contact-container {
    width: 100%;
    text-align: center
}

.cta-wrapper .hero-cta-content {
    display: block
}

.cta-wrapper .cta-content h6 {
    font-size: 1.1875rem;
    line-height: 110%;
    letter-spacing: -.02969rem
}

@media (min-width: 1024px) {
    .cta-wrapper .cta-content h6 {
        font-size: 1.75rem;
        line-height: 105%;
        letter-spacing: -.0525rem
    }

    .cta-wrapper .cta-question {
        width: 75%
    }
}

.flags-section-wrapper {
    position: relative;
    display: flex;
    height: 100vh;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 1.5rem;
    overflow: hidden;
    --tw-bg-opacity: 1;
    background-color: rgb(246 240 234 / var(--tw-bg-opacity, 1))
}

.flags-section-content {
    display: flex;
    flex-direction: column;
    gap: .375rem
}

.flags-section-content-container {
    display: flex;
    width: 91.666667%;
    flex-direction: column;
    align-items: center;
    text-align: center
}

@media (min-width: 1024px) {
    .flags-section-content-container {
        width: 51.375rem
    }
}

.flags-animation-container {
    position: absolute;
    top: 50%;
    display: flex;
    --tw-translate-x: -290vw;
    --tw-translate-y: -50%;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
    align-items: center;
    gap: 0px
}

@media (min-width: 1024px) {
    .flags-animation-container {
        --tw-translate-x: -250vw;
        transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
    }
}

.flags-container {
    display: flex;
    min-width: 95rem;
    align-items: center;
    gap: 1rem;
    --tw-bg-opacity: 1;
    background-color: rgb(246 240 234 / var(--tw-bg-opacity, 1));
    padding-top: 2.5rem;
    padding-bottom: 2.5rem
}

.flags-animation-gradient {
    display: flex;
    height: 11rem;
    width: 7.5rem;
    align-items: flex-start;
    background: linear-gradient(270deg, #f6f0ea00, #f6f0eacc 54.99%, #f6f0ea)
}

[dir=ltr] .flags-animation-gradient {
    position: relative;
    left: -.5rem
}

[dir=ltr] .flags-animation-gradient.reverse {
    right: -.5rem;
    left: unset
}

.flags-animation-gradient.reverse {
    background: linear-gradient(270deg, #f6f0ea, #f6f0eacc 45.01%, #f6f0ea00)
}

[dir=rtl] .flags-animation-gradient {
    position: relative;
    right: -.5rem;
    background: linear-gradient(270deg, #f6f0ea, #f6f0eacc 45.01%, #f6f0ea00)
}

[dir=rtl] .flags-animation-gradient.reverse {
    left: -.5rem;
    right: unset;
    background: linear-gradient(270deg, #f6f0ea00, #f6f0eacc 54.99%, #f6f0ea)
}

.flags-section-header {
    margin-bottom: 1.125rem;
    padding-top: .5rem;
    padding-bottom: .5rem;
    font-weight: 700;
    --tw-text-opacity: 1;
    color: rgb(53 144 122 / var(--tw-text-opacity, 1))
}

[dir=rtl] .values-wrapper .flags-section-header {
    font-weight: 600
}

footer {
    height: 100%;
    width: 100%;
    padding-top: 1rem;
    padding-bottom: 1rem;
    background: linear-gradient(180deg, #1a2220, #1d6b58)
}

.footer-header-wrapper {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: space-between;
    gap: 2.5rem;
    padding: 4rem 1.25rem;
    text-align: center
}

@media (min-width: 1024px) {
    .footer-header-wrapper {
        flex-direction: row;
        padding-left: 0;
        padding-right: 0;
        text-align: start
    }
}

@media (min-width: 1200px) {
    .footer-header-wrapper {
        padding-top: 6.5rem;
        padding-bottom: 6.5rem
    }
}

.footer-header-wrapper .cta-btn .btn-primary {
    --tw-bg-opacity: 1;
    background-color: rgb(53 144 122 / var(--tw-bg-opacity, 1))
}

@media (min-width: 1024px) {
    .footer-header-wrapper .hero-cta {
        border-width: 1px;
        --tw-border-opacity: 1;
        border-color: rgb(231 214 198 / var(--tw-border-opacity, 1));
        --tw-bg-opacity: 1;
        background-color: rgb(243 235 226 / var(--tw-bg-opacity, 1))
    }
}

.footer-header-content {
    display: flex;
    flex-direction: column;
    gap: .5rem
}

footer .hero-cta-container {
    margin-top: 0
}

footer .hero-cta-content {
    display: flex;
    flex-direction: column;
    gap: .25rem
}

footer .hero-cta {
    display: flex;
    flex-direction: column;
    gap: 1.5rem
}

@media (min-width: 1024px) {
    footer .hero-cta {
        flex-direction: row
    }
}

.footer-logos-wrapper {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 2rem;
    border-bottom-width: 1px;
    border-color: #ffffff1f;
    padding-bottom: 1.5rem
}

.footer-awards-wrapper {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    gap: 2rem
}

@media (min-width: 1024px) {
    .footer-awards-wrapper {
        justify-content: flex-start;
        gap: 3rem
    }
}

.footer-awards-logo {
    height: 3.5rem;
    max-width: 4.375rem;
    -o-object-fit: contain;
    object-fit: contain
}

.footer-reviews-wrapper {
    display: flex;
    align-items: center;
    gap: 2.5rem
}

.footer-reviews {
    font-size: 1rem;
    line-height: 1.5rem;
    font-weight: 600;
    line-height: 150%;
    letter-spacing: -.012rem;
    display: flex;
    align-items: flex-end;
    gap: 1rem;
    color: #ffffffd9
}

footer .dropdown-menu-footer-review-logo {
    height: 2.125rem;
    -o-object-fit: contain;
    object-fit: contain
}

.footer-content-wrapper {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    gap: 4rem;
    border-bottom-width: 1px;
    border-color: #ffffff1f;
    padding: 2rem 2.5rem
}

@media (min-width: 1024px) {
    .footer-content-wrapper {
        flex-direction: row;
        flex-wrap: wrap;
        padding-left: 0;
        padding-right: 0;
        padding-top: 3rem;
        padding-bottom: 2.5rem
    }
}

@media (min-width: 1200px) {
    .footer-content-wrapper {
        flex-wrap: nowrap
    }
}

.footer-info-wrapper {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    gap: 1.5rem
}

@media (min-width: 1024px) {
    .footer-info-wrapper {
        width: calc(50% - 2rem)
    }
}

@media (min-width: 1200px) {
    .footer-info-wrapper {
        width: 25%
    }
}

.footer-logo {
    width: 11.75rem;
    -o-object-fit: contain;
    object-fit: contain
}

@media (min-width: 1024px) {
    .footer-logo {
        width: 8.75rem
    }
}

.footer-info-phone {
    display: flex;
    align-items: center;
    gap: .5rem
}

.phone-icon {
    height: 1.5rem;
    width: 1.5rem
}

footer .btn-secondary-inversed {
    display: flex;
    height: 3.5rem;
    align-items: center;
    justify-content: space-between;
    gap: .5rem;
    padding: .75rem
}

@media (min-width: 1024px) {
    footer .btn-secondary-inversed {
        height: 2.5rem
    }
}

.footer-btn-icon {
    margin-inline-end: .5rem;
    height: 1.5rem;
    width: 1.5rem
}

.footer-dropdown-icon {
    height: 1.5rem;
    width: 1.5rem
}

@media (min-width: 1024px) {
    .footer-dropdown-icon {
        height: 1rem;
        width: 1rem
    }
}

.footer-list-wrapper {
    display: flex;
    flex-direction: column;
    gap: 1.5rem
}

@media (min-width: 1024px) {
    .footer-list-wrapper {
        width: calc(50% - 2rem)
    }
}

@media (min-width: 1200px) {
    .footer-list-wrapper {
        width: 25%
    }
}

.footer-list {
    display: flex;
    flex-direction: column;
    gap: 1.25rem
}

@media (min-width: 1024px) {
    .footer-list {
        gap: .75rem
    }
}

.footer-list a {
    font-size: 1.25rem;
    line-height: 1.75rem;
    font-weight: 500;
    line-height: 150%;
    letter-spacing: -.01875rem
}

[dir=rtl] .values-wrapper .footer-list a {
    font-weight: 400
}

.footer-list a {
    color: #ffffffa6
}

[dir=rtl] p.footer-list a, [dir=rtl] span.footer-list a, [dir=rtl] a.footer-list a, [dir=rtl] li.footer-list a, [dir=rtl] ol.footer-list a, [dir=rtl] ul.footer-list a, [dir=rtl] h1.footer-list a, [dir=rtl] h2.footer-list a, [dir=rtl] h3.footer-list a, [dir=rtl] h4.footer-list a, [dir=rtl] h5.footer-list a, [dir=rtl] h6.footer-list a {
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity, 1));
    opacity: .65
}

@media (min-width: 1024px) {
    .footer-list a {
        font-size: .75rem;
        line-height: 1rem;
        font-weight: 500;
        line-height: 150%;
        letter-spacing: -.009rem
    }

    [dir=rtl] .values-wrapper .footer-list a {
        font-weight: 400
    }
}

.footer-list a:hover {
    text-decoration-line: underline
}

.footer-social-wrapper {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    gap: 4rem
}

@media (min-width: 1024px) {
    .footer-social-wrapper {
        width: calc(50% - 2rem)
    }
}

@media (min-width: 1200px) {
    .footer-social-wrapper {
        width: 25%
    }
}

.footer-social {
    display: flex;
    align-items: center;
    gap: 1rem
}

.footer-social-logo {
    height: 4rem;
    width: 4rem
}

@media (min-width: 1024px) {
    .footer-social-logo {
        height: 2.5rem;
        width: 2.5rem
    }
}

.footer-address-wrapper {
    display: flex;
    flex-direction: column;
    gap: 1.5rem
}

.footer-language-dropdown {
    width: 100%;
    --tw-bg-opacity: 1;
    background-color: rgb(29 107 88 / var(--tw-bg-opacity, 1));
    transition-duration: .3s
}

.footer-language-dropdown:hover {
    border-color: #fffffff2
}

@media (min-width: 768px) {
    .footer-language-dropdown {
        width: -moz-fit-content;
        width: fit-content
    }
}

.footer-language-dropdown:has(.dropdown-options.active) {
    --tw-bg-opacity: 1;
    background-color: rgb(53 144 122 / var(--tw-bg-opacity, 1));
    transition-duration: .3s
}

.footer-dropdown-icon {
    transition-duration: .3s
}

.footer-language-dropdown:has(.dropdown-options.active) .footer-dropdown-icon {
    --tw-rotate: 180deg;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
    transition-duration: .3s
}

.footer-language-dropdown .dropdown-selected-wrapper {
    align-items: center;
    gap: .5rem;
    padding: 0
}

@media (min-width: 768px) {
    .footer-language-dropdown .dropdown-options {
        width: 11.5rem
    }
}

.footer-copyright-wrapper {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: space-between;
    gap: .5rem;
    padding-top: 1rem
}

@media (min-width: 1024px) {
    .footer-copyright-wrapper {
        flex-direction: row
    }
}

.footer-copyright-links-wrapper {
    display: flex;
    align-items: center;
    gap: .5rem
}

.footer-copyright-links {
    font-size: .75rem;
    line-height: 1rem;
    font-weight: 400;
    line-height: 150%;
    letter-spacing: -.009rem;
    color: #ffffffa6;
    text-decoration-line: underline
}

[dir=rtl] p.footer-copyright-links, [dir=rtl] span.footer-copyright-links, [dir=rtl] a.footer-copyright-links, [dir=rtl] li.footer-copyright-links, [dir=rtl] ol.footer-copyright-links, [dir=rtl] ul.footer-copyright-links, [dir=rtl] h1.footer-copyright-links, [dir=rtl] h2.footer-copyright-links, [dir=rtl] h3.footer-copyright-links, [dir=rtl] h4.footer-copyright-links, [dir=rtl] h5.footer-copyright-links, [dir=rtl] h6.footer-copyright-links {
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity, 1));
    opacity: .65
}

.reviews-container-wrapper {
    --tw-bg-opacity: 1;
    background-color: rgb(251 251 248 / var(--tw-bg-opacity, 1));
    padding-top: 1.5rem;
    padding-bottom: 1.5rem
}

@media (min-width: 1024px) {
    .reviews-container-wrapper {
        padding-top: 5rem;
        padding-bottom: 4rem
    }
}

.reviews-container {
    width: 100%;
    margin-right: auto;
    margin-left: auto
}

@media (min-width: 100%) {
    .reviews-container {
        max-width: 100%
    }
}

@media (min-width: 1536px) {
    .reviews-container {
        max-width: 1536px
    }
}

.reviews-container {
    padding-left: 1.25rem;
    padding-right: 1.25rem
}

@media (min-width: 640px) {
    .reviews-container {
        padding-left: 2rem;
        padding-right: 2rem
    }
}

@media (min-width: 768px) {
    .reviews-container {
        padding-left: 3rem;
        padding-right: 3rem
    }
}

@media (min-width: 1200px) {
    .reviews-container {
        padding-left: 5.5rem;
        padding-right: 5.5rem
    }
}

.reviews-container {
    display: flex;
    justify-content: center
}

@media (min-width: 1024px) {
    nav.reviews-container {
        padding-left: 2rem;
        padding-right: 2rem
    }
}

@media (min-width: 1200px) {
    nav.reviews-container {
        padding-left: 4.5rem;
        padding-right: 4.5rem
    }
}

@media (min-width: 1536px) {
    nav.reviews-container {
        padding-left: 5.5rem;
        padding-right: 5.5rem
    }
}

.reviews-wrapper {
    display: flex;
    flex-direction: column;
    gap: 2rem;
    overflow: hidden;
    border-radius: 2rem;
    --tw-bg-opacity: 1;
    background-color: rgb(246 240 234 / var(--tw-bg-opacity, 1));
    padding-inline-start: 1.5rem;
    padding-inline-end: 1.5rem;
    padding-bottom: 2.5rem;
    padding-top: 3.5rem
}

@media (min-width: 1024px) {
    .reviews-wrapper {
        height: 48.375rem;
        width: 83.333333%;
        flex-direction: row;
        align-items: center;
        gap: 4rem;
        padding-inline-start: 5rem;
        padding-inline-end: 1rem;
        padding-bottom: 0;
        padding-top: 0
    }
}

.reviews-content-wrapper {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    gap: 1.5rem
}

@media (min-width: 1024px) {
    .reviews-content-wrapper {
        height: 35.5rem;
        width: 33.333333%
    }
}

.reviews-content {
    display: flex;
    flex-direction: column;
    gap: 1.5rem
}

@media (min-width: 1024px) {
    .reviews-content {
        gap: 2rem
    }
}

.reviews-content-heading:where([dir=ltr],[dir=ltr] *) {
    font-size: 1.1875rem;
    line-height: 110%;
    letter-spacing: -.02969rem
}

@media (min-width: 1024px) {
    .reviews-content-heading:where([dir=ltr],[dir=ltr] *) {
        font-size: 1.4375rem;
        letter-spacing: -.03594rem
    }
}

.reviews-content-heading:where([dir=rtl],[dir=rtl] *) {
    font-size: 1.125rem;
    line-height: 120%;
    letter-spacing: -.0225rem
}

@media (min-width: 1024px) {
    .reviews-content-heading:where([dir=rtl],[dir=rtl] *) {
        font-size: 1.375rem;
        line-height: 110%;
        letter-spacing: -.03438rem
    }
}

.reviews-content-heading {
    font-weight: 700;
    --tw-text-opacity: 1;
    color: rgb(53 144 122 / var(--tw-text-opacity, 1))
}

[dir=rtl] .values-wrapper .reviews-content-heading {
    font-weight: 600
}

@media (min-width: 1024px) {
    .reviews-content-heading {
        margin-bottom: 1rem
    }
}

.reviews-logo-wrapper {
    display: flex;
    align-items: center;
    gap: 1.5rem
}

.review-logo {
    max-height: 2.5rem;
    max-width: 7rem;
    -o-object-fit: contain;
    object-fit: contain
}

.reviews-rating-wrapper {
    display: flex;
    flex-direction: column;
    gap: 1.5rem
}

.reviews-rating {
    display: flex;
    flex-direction: column;
    gap: .375rem
}

.reviews-cards-wrapper {
    display: flex;
    height: 38rem;
    flex-direction: column;
    gap: 1rem;
    overflow: hidden
}

@media (min-width: 768px) {
    .reviews-cards-wrapper {
        height: 30rem
    }
}

@media (min-width: 1024px) {
    .reviews-cards-wrapper {
        height: 100%;
        width: 66.666667%;
        flex-direction: row
    }
}

.reviews-cards {
    display: flex;
    height: 100%;
    flex-direction: column;
    align-items: center;
    gap: 1rem
}

.reviews-cards:first-child {
    display: none
}

@media (min-width: 1024px) {
    .reviews-cards {
        width: 50%
    }

    .reviews-cards:first-child {
        display: flex;
        justify-content: flex-end
    }

    .reviews-cards:last-child {
        justify-content: flex-start
    }
}

.review-card {
    display: flex;
    flex-direction: column;
    gap: 1rem;
    border-radius: 1.5rem;
    --tw-bg-opacity: 1;
    background-color: rgb(252 250 248 / var(--tw-bg-opacity, 1));
    padding: 2rem 2rem 1.5rem
}

.stars-wrapper {
    display: flex;
    align-items: center;
    gap: .5rem
}

.review-info {
    display: flex;
    flex-direction: column;
    gap: .125rem
}

.faq-container-wrapper {
    padding-top: 4rem;
    padding-bottom: 4rem
}

@media (min-width: 1024px) {
    .faq-container-wrapper {
        padding-top: 6rem;
        padding-bottom: 6rem
    }
}

.faq-container-wrapper {
    background: linear-gradient(180deg, #fcfaf8, #f6f0ea)
}

.faq-container {
    width: 100%;
    margin-right: auto;
    margin-left: auto
}

@media (min-width: 100%) {
    .faq-container {
        max-width: 100%
    }
}

@media (min-width: 1536px) {
    .faq-container {
        max-width: 1536px
    }
}

.faq-container {
    padding-left: 1.25rem;
    padding-right: 1.25rem
}

@media (min-width: 640px) {
    .faq-container {
        padding-left: 2rem;
        padding-right: 2rem
    }
}

@media (min-width: 768px) {
    .faq-container {
        padding-left: 3rem;
        padding-right: 3rem
    }
}

@media (min-width: 1200px) {
    .faq-container {
        padding-left: 5.5rem;
        padding-right: 5.5rem
    }
}

.faq-container {
    display: flex;
    flex-direction: column;
    gap: 3.5rem
}

@media (min-width: 1024px) {
    nav.faq-container {
        padding-left: 2rem;
        padding-right: 2rem
    }
}

@media (min-width: 1200px) {
    nav.faq-container {
        padding-left: 4.5rem;
        padding-right: 4.5rem
    }
}

@media (min-width: 1536px) {
    nav.faq-container {
        padding-left: 5.5rem;
        padding-right: 5.5rem
    }
}

.faq-header {
    margin-left: auto;
    margin-right: auto;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 1rem;
    text-align: center
}

@media (min-width: 1024px) {
    .faq-header {
        width: 66.666667%
    }
}

@media (min-width: 1400px) {
    .faq-header p:last-child {
        width: 91.666667%
    }
}

@media (min-width: 1536px) {
    .faq-header p:last-child {
        width: 83.333333%
    }
}

.faq-wrapper {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 2.5rem
}

.faq {
    display: none;
    flex-direction: column
}

@media (min-width: 1024px) {
    .faq {
        width: 52.25rem
    }
}

.faq.active {
    display: flex
}

.loading-content {
    display: none
}

.loading-content.active {
    margin-left: auto;
    margin-right: auto;
    display: block
}

.faq-item {
    display: flex;
    width: 100%;
    flex-direction: column;
    border-bottom-width: .5px;
    border-color: #1b1d1e1f;
    padding: 1.5rem 1rem;
    transition-duration: .3s
}

.faq-item-title {
    display: flex;
    cursor: pointer;
    align-items: center;
    justify-content: space-between;
    gap: 1.25rem
}

@media (min-width: 1024px) {
    .faq-item-title {
        gap: 2rem
    }
}

.faq-item-title p {
    font-size: 1rem;
    line-height: 1.5rem;
    font-weight: 600;
    line-height: 150%;
    letter-spacing: -.012rem;
    color: #150d30d9
}

@media (min-width: 1024px) {
    .faq-item-title p {
        font-size: 1.25rem;
        line-height: 1.75rem;
        font-weight: 600;
        line-height: 150%;
        letter-spacing: -.01875rem
    }
}

.faq-description {
    overflow: hidden;
    opacity: 0
}

.faq-description p {
    font-size: 1rem;
    line-height: 1.5rem;
    font-weight: 500;
    line-height: 150%;
    letter-spacing: -.012rem
}

[dir=rtl] .values-wrapper .faq-description p {
    font-weight: 400
}

.faq-description p {
    color: #150d30a6
}

[dir=rtl] p.faq-description p, [dir=rtl] span.faq-description p, [dir=rtl] a.faq-description p, [dir=rtl] li.faq-description p, [dir=rtl] ol.faq-description p, [dir=rtl] ul.faq-description p, [dir=rtl] h1.faq-description p, [dir=rtl] h2.faq-description p, [dir=rtl] h3.faq-description p, [dir=rtl] h4.faq-description p, [dir=rtl] h5.faq-description p, [dir=rtl] h6.faq-description p {
    --tw-text-opacity: 1;
    color: rgb(21 13 48 / var(--tw-text-opacity, 1));
    opacity: .65
}

@media (min-width: 1024px) {
    .faq-description p {
        font-size: 1.125rem;
        line-height: 1.75rem;
        font-weight: 500;
        line-height: 150%;
        letter-spacing: -.0135rem
    }

    [dir=rtl] .values-wrapper .faq-description p {
        font-weight: 400
    }
}

.faq-wrapper .tabs-container {
    display: flex;
    width: 100%;
    overflow-x: scroll
}

@media (min-width: 1024px) {
    .faq-wrapper .tabs-container {
        width: auto;
        overflow: hidden
    }
}

.faq-item.active .faq-arrow {
    --tw-rotate: 180deg;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
    transition-duration: .3s
}

.faq-arrow {
    height: 1.5rem;
    width: 1.5rem;
    transition-duration: .3s
}

.faq-wrapper .tabs-links {
    min-width: -moz-fit-content;
    min-width: fit-content
}

.faq-footer {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 1.5rem;
    padding-top: 1rem
}

.faq-footer-links {
    display: flex;
    align-items: center;
    gap: 1rem
}

.smile-gallery-container-wrapper {
    border-top-left-radius: 2.5rem;
    border-top-right-radius: 2.5rem;
    --tw-bg-opacity: 1;
    background-color: rgb(251 251 248 / var(--tw-bg-opacity, 1));
    padding-top: 3.75rem;
    padding-bottom: 5rem
}

@media (min-width: 1024px) {
    .smile-gallery-container-wrapper {
        border-top-left-radius: 4rem;
        border-top-right-radius: 4rem;
        padding-top: 7.5rem;
        padding-bottom: 7.5rem
    }
}

.smile-gallery-section {
    --tw-bg-opacity: 1;
    background-color: rgb(246 240 235 / var(--tw-bg-opacity, 1))
}

.smile-gallery-container {
    display: flex;
    flex-direction: column;
    gap: 3rem
}

@media (min-width: 1024px) {
    .smile-gallery-container {
        width: 100%;
        margin-right: auto;
        margin-left: auto
    }

    @media (min-width: 100%) {
        .smile-gallery-container {
            max-width: 100%
        }
    }@media (min-width: 1536px) {
    .smile-gallery-container {
        max-width: 1536px
    }
}.smile-gallery-container {
     padding-left: 1.25rem;
     padding-right: 1.25rem
 }

    @media (min-width: 640px) {
        .smile-gallery-container {
            padding-left: 2rem;
            padding-right: 2rem
        }
    }@media (min-width: 768px) {
    .smile-gallery-container {
        padding-left: 3rem;
        padding-right: 3rem
    }
}@media (min-width: 1200px) {
    .smile-gallery-container {
        padding-left: 5.5rem;
        padding-right: 5.5rem
    }
}.smile-gallery-container {
     flex-direction: row;
     gap: 5rem
 }

    nav.smile-gallery-container {
        padding-left: 2rem;
        padding-right: 2rem
    }

    @media (min-width: 1200px) {
        nav.smile-gallery-container {
            padding-left: 4.5rem;
            padding-right: 4.5rem
        }
    }@media (min-width: 1536px) {
    nav.smile-gallery-container {
        padding-left: 5.5rem;
        padding-right: 5.5rem
    }
}
}

.smile-gallery-mobile-footer {
    width: 100%;
    margin-right: auto;
    margin-left: auto
}

@media (min-width: 100%) {
    .smile-gallery-mobile-footer {
        max-width: 100%
    }
}

@media (min-width: 1536px) {
    .smile-gallery-mobile-footer {
        max-width: 1536px
    }
}

.smile-gallery-mobile-footer {
    padding-left: 1.25rem;
    padding-right: 1.25rem
}

@media (min-width: 640px) {
    .smile-gallery-mobile-footer {
        padding-left: 2rem;
        padding-right: 2rem
    }
}

@media (min-width: 768px) {
    .smile-gallery-mobile-footer {
        padding-left: 3rem;
        padding-right: 3rem
    }
}

@media (min-width: 1200px) {
    .smile-gallery-mobile-footer {
        padding-left: 5.5rem;
        padding-right: 5.5rem
    }
}

.smile-gallery-mobile-footer {
    display: block
}

@media (min-width: 1024px) {
    nav.smile-gallery-mobile-footer {
        padding-left: 2rem;
        padding-right: 2rem
    }
}

@media (min-width: 1200px) {
    nav.smile-gallery-mobile-footer {
        padding-left: 4.5rem;
        padding-right: 4.5rem
    }
}

@media (min-width: 1536px) {
    nav.smile-gallery-mobile-footer {
        padding-left: 5.5rem;
        padding-right: 5.5rem
    }
}

@media (min-width: 1024px) {
    .smile-gallery-mobile-footer {
        display: none
    }
}

.smile-gallery-content-wrapper {
    display: flex;
    flex-direction: column;
    gap: 3rem
}

@media (min-width: 1024px) {
    .smile-gallery-content-wrapper {
        width: 41.666667%
    }
}

@media (min-width: 1400px) {
    .smile-gallery-content-wrapper {
        width: 33.333333%
    }
}

.smile-gallery-content {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 2rem;
    text-align: center
}

@media (min-width: 1024px) {
    .smile-gallery-content {
        align-items: flex-start;
        text-align: start
    }
}

.smile-gallery-header-wrapper {
    display: flex;
    flex-direction: column;
    gap: 1rem
}

.smile-gallery-arrows-wrapper {
    height: 3.5rem;
    align-items: center;
    gap: 1rem
}

@media (min-width: 1024px) {
    .smile-gallery-arrows-wrapper {
        height: 5rem;
        gap: 1.5rem
    }
}

.smile-gallery-arrows-wrapper svg {
    cursor: pointer
}

.swiper-button-prev:disabled svg, .swiper-button-next:disabled svg, .other-treatments-button-prev:disabled svg, .other-treatments-button-next:disabled svg, .reels-button-prev:disabled svg, .reels-button-next:disabled svg, .sidebar-reels-button-prev:disabled svg, .sidebar-reels-button-next:disabled svg, .sidebar-mobile-reels-button-prev:disabled svg, .sidebar-mobile-reels-button-next:disabled svg {
    opacity: .45;
    transition-duration: .3s
}

.swiper-button-prev, .swiper-button-next {
    transition-duration: .3s
}

.slider-handle {
    background: linear-gradient(90deg, #225efc1a, #225efc 46.81%, #225efc1a)
}

.smile-gallery-container .slider-container {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 2rem
}

@media (min-width: 1024px) {
    .smile-gallery-container .slider-container {
        width: 58.333333%;
        gap: 0px
    }
}

@media (min-width: 1400px) {
    .smile-gallery-container .slider-container {
        width: 66.666667%
    }
}

.smile-gallery-arrows-wrapper .swiper-button-prev {
    position: static;
    height: 3.5rem;
    width: 3.5rem;
    transition-duration: .3s
}

.smile-gallery-arrows-wrapper .swiper-button-prev:after {
    --tw-content: "";
    content: var(--tw-content)
}

@media (min-width: 1024px) {
    .smile-gallery-arrows-wrapper .swiper-button-prev {
        height: 5rem;
        width: 5rem
    }
}

.image-comparison-overlay {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 10;
    height: 100%;
    width: 100%;
    border-radius: 1rem;
    --tw-bg-opacity: 1;
    background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
    opacity: .4;
    transition-duration: .5s
}

.smile-gallery-container .image-comparison-wrapper {
    position: relative;
    height: 100%
}

.image-comparison-wrapper .image-overlay {
    height: 100%
}

.image-comparison:has(.image-comparison-description) {
    display: flex !important;
    flex-direction: column;
    gap: .75rem
}

@media (min-width: 1024px) {
    .image-comparison:has(.image-comparison-description) {
        gap: 2rem
    }
}

.image-comparison.swiper-slide-active .image-comparison-overlay {
    cursor: ew-resize
}

.swiper-slide-active .image-comparison-overlay {
    pointer-events: none;
    opacity: 0;
    transition-duration: .5s
}

.smile-gallery-container-wrapper .image-comparison-before {
    height: 100%
}

.smile-gallery-container-wrapper .image-comparison-description {
    position: static
}

.smile-gallery-container-wrapper .image-comparison-before, .smile-gallery-container-wrapper .image-comparison-after {
    border-radius: .75rem
}

@media (min-width: 1024px) {
    .smile-gallery-container-wrapper .image-comparison-before, .smile-gallery-container-wrapper .image-comparison-after {
        border-radius: 2rem
    }
}

.smile-gallery-arrows-wrapper .swiper-button-prev svg, .smile-gallery-arrows-wrapper .swiper-button-next svg {
    height: 3.5rem;
    width: 3.5rem;
    transition-duration: .3s
}

@media (min-width: 1024px) {
    .smile-gallery-arrows-wrapper .swiper-button-prev svg, .smile-gallery-arrows-wrapper .swiper-button-next svg {
        height: 5rem;
        width: 5rem
    }
}

.smile-gallery-arrows-wrapper .swiper-button-next {
    position: static;
    height: 3.5rem;
    width: 3.5rem;
    transition-duration: .3s
}

.smile-gallery-arrows-wrapper .swiper-button-next:after {
    --tw-content: "";
    content: var(--tw-content)
}

@media (min-width: 1024px) {
    .smile-gallery-arrows-wrapper .swiper-button-next {
        height: 5rem;
        width: 5rem
    }
}

.smile-gallery-container .swiper {
    height: 14.5rem;
    width: 100%
}

@media (min-width: 768px) {
    .smile-gallery-container .swiper {
        height: 24rem
    }
}

@media (min-width: 1024px) {
    .smile-gallery-container .swiper {
        height: 33.5rem;
        width: 46.3125rem
    }
}

.smile-gallery-container .swiper-wrapper {
    overflow: hidden !important;
    border-radius: .5rem
}

@media (min-width: 1024px) {
    .smile-gallery-container .swiper-wrapper {
        border-radius: 2rem
    }
}

.blog-container-wrapper {
    padding-top: 5rem;
    padding-bottom: 3.5rem
}

@media (min-width: 1024px) {
    .blog-container-wrapper {
        padding-top: 6rem
    }
}

.blog-container-wrapper {
    background: linear-gradient(180deg, #fcfaf8, #f6f0ea)
}

.blog-container {
    width: 100%;
    margin-right: auto;
    margin-left: auto
}

@media (min-width: 100%) {
    .blog-container {
        max-width: 100%
    }
}

@media (min-width: 1536px) {
    .blog-container {
        max-width: 1536px
    }
}

.blog-container {
    padding-left: 1.25rem;
    padding-right: 1.25rem
}

@media (min-width: 640px) {
    .blog-container {
        padding-left: 2rem;
        padding-right: 2rem
    }
}

@media (min-width: 768px) {
    .blog-container {
        padding-left: 3rem;
        padding-right: 3rem
    }
}

@media (min-width: 1200px) {
    .blog-container {
        padding-left: 5.5rem;
        padding-right: 5.5rem
    }
}

.blog-container {
    margin-left: auto;
    margin-right: auto;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 3.5rem
}

@media (min-width: 1024px) {
    nav.blog-container {
        padding-left: 2rem;
        padding-right: 2rem
    }
}

@media (min-width: 1200px) {
    nav.blog-container {
        padding-left: 4.5rem;
        padding-right: 4.5rem
    }
}

@media (min-width: 1536px) {
    nav.blog-container {
        padding-left: 5.5rem;
        padding-right: 5.5rem
    }
}

.blog-header-wrapper {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: .5rem;
    text-align: center
}

@media (min-width: 1024px) {
    .blog-header-wrapper {
        width: 66.666667%
    }
}

.blog-content-wrapper {
    display: flex;
    width: 100%;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 2rem
}

.blog-cards-wrapper {
    display: flex;
    width: 100%;
    flex-direction: column;
    flex-wrap: wrap;
    -moz-column-gap: 1.5rem;
    column-gap: 1.5rem;
    row-gap: 1.25rem
}

@media (min-width: 768px) {
    .blog-cards-wrapper {
        flex-direction: row
    }
}

@media (min-width: 1024px) {
    .blog-cards-wrapper {
        -moz-column-gap: .25rem;
        column-gap: .25rem;
        row-gap: 1.5rem
    }
}

.blog-card-wrapper {
    position: relative;
    height: 33.625rem;
    width: 100%
}

@media (min-width: 768px) {
    .blog-card-wrapper {
        width: calc(50% - 1rem)
    }
}

@media (min-width: 1024px) {
    .blog-card-wrapper {
        width: calc(33.333% - .25rem);
        padding: .5rem
    }
}

.blog-card-wrapper {
    transform-style: preserve-3d;
    transform: perspective(1000px);
    transition: transform .4s ease, background-color .4s ease
}

.blog-card {
    position: relative;
    display: flex;
    height: 100%;
    flex-direction: column;
    gap: 1.5rem;
    border-radius: 1rem;
    border-width: 1px;
    border-color: #1b1d1e1f;
    --tw-bg-opacity: 1;
    background-color: rgb(251 251 248 / var(--tw-bg-opacity, 1));
    padding-bottom: 2.5rem
}

.blog-card img {
    height: 18.75rem;
    border-top-left-radius: 1rem;
    border-top-right-radius: 1rem;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center;
    object-position: center
}

.blog-card-content {
    display: flex;
    flex-direction: column;
    gap: .5rem;
    padding-left: 1.5rem;
    padding-right: 1.5rem
}

.blog-card-content .btn-tertiary-icon {
    height: 2.5rem;
    align-items: center;
    gap: .25rem;
    padding: 0
}

.blog-header-wrapper h3 {
    margin-bottom: .5rem
}

.blog-card-animation {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    border-radius: 1rem;
    background-color: #1b1d1e1f;
    opacity: 0;
    transition-duration: .3s
}

.blog-card-wrapper:hover .blog-card-animation {
    transition-duration: .3s
}

@media (min-width: 1024px) {
    .blog-card-wrapper:hover .blog-card-animation {
        opacity: 1
    }
}

.doctors-container-wrapper {
    padding-top: 4rem;
    padding-bottom: 4rem
}

@media (min-width: 1024px) {
    .doctors-container-wrapper {
        padding-top: 6rem;
        padding-bottom: 6.5rem
    }
}

.doctors-container-wrapper {
    background: linear-gradient(180deg, #e2dcfa, #fcfaf8)
}

.doctors-container {
    width: 100%;
    margin-right: auto;
    margin-left: auto
}

@media (min-width: 100%) {
    .doctors-container {
        max-width: 100%
    }
}

@media (min-width: 1536px) {
    .doctors-container {
        max-width: 1536px
    }
}

.doctors-container {
    padding-left: 1.25rem;
    padding-right: 1.25rem
}

@media (min-width: 640px) {
    .doctors-container {
        padding-left: 2rem;
        padding-right: 2rem
    }
}

@media (min-width: 768px) {
    .doctors-container {
        padding-left: 3rem;
        padding-right: 3rem
    }
}

@media (min-width: 1200px) {
    .doctors-container {
        padding-left: 5.5rem;
        padding-right: 5.5rem
    }
}

.doctors-container {
    display: flex;
    flex-direction: column;
    gap: 1rem
}

@media (min-width: 1024px) {
    nav.doctors-container {
        padding-left: 2rem;
        padding-right: 2rem
    }
}

@media (min-width: 1200px) {
    nav.doctors-container {
        padding-left: 4.5rem;
        padding-right: 4.5rem
    }
}

@media (min-width: 1536px) {
    nav.doctors-container {
        padding-left: 5.5rem;
        padding-right: 5.5rem
    }
}

@media (min-width: 1024px) {
    .doctors-container {
        gap: 3rem
    }
}

.doctors-header {
    display: flex;
    align-items: center;
    gap: .5rem;
    padding-top: .5rem;
    padding-bottom: .5rem
}

@media (min-width: 1024px) {
    .doctors-header {
        padding-top: 1.5rem;
        padding-bottom: 1.5rem
    }
}

.doctors-wrapper {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    gap: 2.5rem
}

@media (min-width: 1024px) {
    .doctors-wrapper {
        flex-direction: row;
        gap: 1.25rem
    }
}

.doctors-content-wrapper {
    display: flex;
    height: 14.25rem;
    flex-direction: column;
    justify-content: space-between
}

@media (min-width: 1024px) {
    .doctors-content-wrapper {
        height: auto;
        width: 41.666667%
    }
}

.doctors-content {
    display: flex;
    flex-direction: column;
    gap: 1rem
}

.doctors-cards-wrapper {
    display: flex;
    flex-wrap: wrap;
    gap: .75rem
}

@media (min-width: 1024px) {
    .doctors-cards-wrapper {
        flex-wrap: nowrap;
        gap: 1.25rem
    }

    .doctors-wrapper .doctors-cards-wrapper, .doctors-wrapper .doctors-card {
        width: 50%
    }
}

.doctors-card {
    position: relative;
    height: 13.85556rem;
    width: calc(50% - 6px);
    overflow: hidden;
    border-radius: 1rem
}

@media (min-width: 768px) {
    .doctors-card {
        height: auto
    }
}

@media (min-width: 1024px) {
    .doctors-card {
        height: 24.125rem;
        width: 25%
    }
}

.doctors-card img {
    margin-left: auto;
    margin-right: auto;
    height: 100%;
    width: 91.666667%;
    --tw-scale-x: 1.25;
    --tw-scale-y: 1.25;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
    -o-object-fit: cover;
    object-fit: cover
}

.doctors-card-white {
    --tw-bg-opacity: 1;
    background-color: rgb(251 251 248 / var(--tw-bg-opacity, 1))
}

.doctors-card-overlay {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 10;
    height: 100%;
    width: 100%;
    border-radius: 1rem;
    opacity: .45;
    background-blend-mode: luminosity;
    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
    transition-timing-function: cubic-bezier(.4, 0, .2, 1);
    transition-duration: .5s;
    background: linear-gradient(180deg, #11101600 56.22%, #111016)
}

.doctors-card-content {
    position: absolute;
    bottom: .75rem;
    inset-inline-start: .75rem;
    z-index: 10;
    display: flex;
    flex-direction: column;
    gap: .125rem
}

@media (min-width: 1024px) {
    .doctors-card-content {
        bottom: 1.5rem;
        inset-inline-start: 1.5rem
    }
}

.doctors-arrow {
    position: absolute;
    top: .5rem;
    inset-inline-end: .5rem;
    opacity: 0
}

.steps-container-wrapper {
    padding-top: 4rem;
    padding-bottom: 4rem
}

@media (min-width: 1024px) {
    .steps-container-wrapper {
        padding-top: 6rem;
        padding-bottom: 6rem
    }
}

.steps-container-wrapper.bg-main-gradient {
    background: linear-gradient(180deg, #fcfaf8, #f6f0ea)
}

.steps-container-wrapper.bg-secondary-gradient {
    background: linear-gradient(180deg, #f6f0ea, #fcfaf8)
}

.steps-container {
    width: 100%;
    margin-right: auto;
    margin-left: auto
}

@media (min-width: 100%) {
    .steps-container {
        max-width: 100%
    }
}

@media (min-width: 1536px) {
    .steps-container {
        max-width: 1536px
    }
}

.steps-container {
    padding-left: 1.25rem;
    padding-right: 1.25rem
}

@media (min-width: 640px) {
    .steps-container {
        padding-left: 2rem;
        padding-right: 2rem
    }
}

@media (min-width: 768px) {
    .steps-container {
        padding-left: 3rem;
        padding-right: 3rem
    }
}

@media (min-width: 1200px) {
    .steps-container {
        padding-left: 5.5rem;
        padding-right: 5.5rem
    }
}

.steps-container {
    display: flex;
    flex-direction: column;
    gap: .5rem
}

@media (min-width: 1024px) {
    nav.steps-container {
        padding-left: 2rem;
        padding-right: 2rem
    }
}

@media (min-width: 1200px) {
    nav.steps-container {
        padding-left: 4.5rem;
        padding-right: 4.5rem
    }
}

@media (min-width: 1536px) {
    nav.steps-container {
        padding-left: 5.5rem;
        padding-right: 5.5rem
    }
}

@media (min-width: 1024px) {
    .steps-container {
        gap: 2rem
    }
}

.steps-header {
    display: flex;
    width: 100%;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 2rem;
    text-align: center
}

.steps-heading-wrapper {
    display: flex;
    flex-direction: column;
    gap: .5rem
}

.steps-content-wrapper {
    position: relative;
    margin-top: 16rem;
    display: grid;
    grid-template-columns:repeat(1, minmax(0, 1fr));
    gap: 7rem;
    padding-inline-start: 2rem
}

@media (min-width: 1024px) {
    .steps-content-wrapper {
        margin-top: 20rem;
        padding-inline-start: 0px
    }
}

.steps-content {
    display: flex;
    flex-direction: column;
    gap: 1rem
}

@media (min-width: 1024px) {
    .steps-content {
        width: 46%;
        gap: 2rem
    }
}

.steps-img {
    height: 3.5rem;
    width: 3.5rem;
    border-radius: 9999px;
    -o-object-fit: cover;
    object-fit: cover
}

.steps-content-header {
    display: flex;
    flex-direction: column;
    gap: 1rem
}

.steps-card {
    display: flex;
    flex-direction: column;
    gap: .5rem;
    border-radius: .5rem;
    border-width: 1px;
    border-color: #1b1d1e1f;
    --tw-bg-opacity: 1;
    background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
    padding: 1.5rem 2rem
}

.steps-card-header-wrapper {
    display: flex;
    align-items: center;
    gap: 1rem
}

.steps-row {
    display: flex
}

.steps-row:nth-child(odd) {
    justify-content: flex-start
}

.steps-row:nth-child(2n) {
    justify-content: flex-end
}

.steps-line {
    position: absolute;
    height: 100%;
    width: 1px;
    background-color: #1b1d1e1f
}

@media (min-width: 1024px) {
    .steps-line {
        left: 50%;
        --tw-translate-x: -50%;
        transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
    }
}

.steps-progress-line {
    position: sticky;
    top: 0;
    z-index: 1;
    margin-top: -16rem;
    height: 20%;
    --tw-bg-opacity: 1;
    background-color: rgb(158 136 236 / var(--tw-bg-opacity, 1))
}

@media (min-width: 768px) {
    .steps-progress-line {
        height: 25%
    }
}

@media (min-width: 1024px) {
    .steps-progress-line {
        margin-top: -20rem;
        height: 30%
    }
}

.steps-circle {
    position: absolute;
    inset-inline-start: -.5rem;
    z-index: 3;
    margin-top: .75rem;
    height: .875rem;
    width: .875rem;
    border-radius: 9999px;
    --tw-bg-opacity: 1;
    background-color: rgb(225 225 225 / var(--tw-bg-opacity, 1))
}

@media (min-width: 1024px) {
    .steps-circle {
        inset-inline-start: unset;
        left: 50%;
        --tw-translate-x: -50%;
        transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
    }
}

.steps-circle {
    box-shadow: 0 0 0 8px #f8f3ee
}

.steps-circle-wrapper {
    position: absolute;
    top: -.325rem;
    inset-inline-start: -.325rem;
    z-index: 2;
    height: 1.5rem;
    width: 1.5rem;
    border-radius: 9999px;
    background-color: #4823c766;
    opacity: 0;
    transition-duration: .5s
}

@media (min-width: 768px) {
    .steps-circle-wrapper {
        top: 50%;
        inset-inline-start: unset;
        left: 50%;
        height: 2rem;
        width: 2rem;
        --tw-translate-y: -50%;
        --tw-translate-x: -50%;
        transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
    }
}

.instagram-container-wrapper {
    position: relative;
    overflow: hidden;
    padding-top: 5rem;
    padding-bottom: 3rem
}

@media (min-width: 1024px) {
    .instagram-container-wrapper {
        padding-top: 6.5rem;
        padding-bottom: 4rem
    }
}

.instagram-container-wrapper {
    background: #1a2220
}

@media screen and (min-width: 1024px) {
    .instagram-container-wrapper {
        background: linear-gradient(180deg, #1a2220, #0d372d)
    }
}

.instagram-container {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 3.5rem
}

@media (min-width: 1024px) {
    .instagram-container {
        width: 100%;
        margin-right: auto;
        margin-left: auto
    }

    @media (min-width: 100%) {
        .instagram-container {
            max-width: 100%
        }
    }@media (min-width: 1536px) {
    .instagram-container {
        max-width: 1536px
    }
}.instagram-container {
     padding-left: 1.25rem;
     padding-right: 1.25rem
 }

    @media (min-width: 640px) {
        .instagram-container {
            padding-left: 2rem;
            padding-right: 2rem
        }
    }@media (min-width: 768px) {
    .instagram-container {
        padding-left: 3rem;
        padding-right: 3rem
    }
}@media (min-width: 1200px) {
    .instagram-container {
        padding-left: 5.5rem;
        padding-right: 5.5rem
    }
}.instagram-container {
     gap: 4rem
 }

    nav.instagram-container {
        padding-left: 2rem;
        padding-right: 2rem
    }

    @media (min-width: 1200px) {
        nav.instagram-container {
            padding-left: 4.5rem;
            padding-right: 4.5rem
        }
    }@media (min-width: 1536px) {
    nav.instagram-container {
        padding-left: 5.5rem;
        padding-right: 5.5rem
    }
}
}

.instagram-illustration-wrapper {
    pointer-events: none;
    position: absolute;
    top: 0;
    height: 100%;
    width: 100%
}

.instagram-illustration {
    position: absolute;
    height: 100%;
    min-width: 10.84388rem
}

.instagram-illustration:first-child {
    bottom: -27.74638rem;
    left: -.00013rem
}

.instagram-illustration:last-child {
    bottom: -27.52763rem;
    right: -.03125rem
}

@media (min-width: 1024px) {
    .instagram-illustration {
        min-width: 38.21875rem
    }

    .instagram-illustration:first-child {
        bottom: -.33063rem;
        left: 0
    }

    .instagram-illustration:last-child {
        bottom: -.54938rem;
        right: .28094rem
    }
}

.instagram-illustration-lg {
    display: none;
    height: 100%
}

@media (min-width: 1024px) {
    .instagram-illustration-lg {
        display: block
    }
}

.instagram-illustration-sm {
    display: block;
    height: 100%
}

@media (min-width: 1024px) {
    .instagram-illustration-sm {
        display: none
    }
}

.instagram-header {
    display: flex;
    flex-direction: column;
    gap: 1rem;
    text-align: center
}

.instagram-heading-wrapper {
    display: flex;
    flex-direction: column;
    gap: .375rem
}

.instagram-stories-wrapper {
    display: flex;
    width: 100%;
    flex-direction: column;
    gap: 2.5rem
}

.instagram-stories-arrows {
    display: none;
    width: 100%;
    align-items: center;
    justify-content: flex-end;
    gap: 1rem
}

@media (min-width: 1024px) {
    .instagram-stories-arrows {
        display: flex
    }
}

.instagram-stories-arrows .swiper-button-prev, .instagram-popup-rightside .swiper-button-prev, .instagram-stories-arrows .swiper-button-next, .instagram-popup-rightside .swiper-button-next {
    height: 3.5rem;
    width: 3.5rem
}

.instagram-story {
    display: flex !important;
    width: 6.4375rem;
    flex-direction: column;
    gap: 1.5rem;
    padding: .5rem 1rem;
    text-align: center
}

@media (min-width: 1024px) {
    .instagram-story {
        width: 10.625rem;
        padding-left: 1.5rem;
        padding-right: 1.5rem
    }
}

.instagram-story img {
    height: 5rem;
    min-width: 5rem;
    border-radius: 9999px;
    border-width: 2px;
    border-color: #c3dfdc40;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center;
    object-position: center;
    padding: .25rem;
    transition-duration: .3s
}

@media (min-width: 1024px) {
    .instagram-story img {
        height: 8rem;
        min-width: 8rem
    }
}

.instagram-story p {
    font-size: .875rem;
    line-height: 1.25rem;
    font-weight: 500;
    line-height: 150%;
    letter-spacing: -.0105rem
}

[dir=rtl] .values-wrapper .instagram-story p {
    font-weight: 400
}

.instagram-story p {
    color: #ffffffa6;
    transition-duration: .3s
}

[dir=rtl] p.instagram-story p, [dir=rtl] span.instagram-story p, [dir=rtl] a.instagram-story p, [dir=rtl] li.instagram-story p, [dir=rtl] ol.instagram-story p, [dir=rtl] ul.instagram-story p, [dir=rtl] h1.instagram-story p, [dir=rtl] h2.instagram-story p, [dir=rtl] h3.instagram-story p, [dir=rtl] h4.instagram-story p, [dir=rtl] h5.instagram-story p, [dir=rtl] h6.instagram-story p {
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity, 1));
    opacity: .65
}

@media (min-width: 1024px) {
    .instagram-story p {
        font-size: 1rem;
        line-height: 1.5rem;
        font-weight: 400;
        line-height: 150%;
        letter-spacing: -.012rem
    }
}

.instagram-story.swiper-slide-active p {
    font-size: .875rem;
    line-height: 1.25rem;
    font-weight: 600;
    line-height: 150%;
    letter-spacing: -.0105rem;
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity, 1));
    transition-duration: .3s
}

@media (min-width: 1024px) {
    .instagram-story.swiper-slide-active p {
        font-size: 1rem;
        line-height: 1.5rem;
        font-weight: 500;
        line-height: 150%;
        letter-spacing: -.012rem
    }

    [dir=rtl] .values-wrapper .instagram-story.swiper-slide-active p {
        font-weight: 400
    }
}

.instagram-story.swiper-slide-active img {
    border-radius: 9999px;
    border-width: 2px;
    border-color: #c3dfdcd9;
    transition-duration: .3s
}

.swiper {
    max-width: 100%
}

.instagram-container .swiper-slide:first-child {
    margin-left: 0 !important
}

.instagram-container .swiper-css-mode.swiper-centered > .swiper-wrapper > .swiper-slide {
    scroll-snap-align: start start !important
}

.instagram-reels-wrapper {
    position: relative;
    display: flex;
    width: 100%;
    flex-wrap: wrap;
    gap: .25rem;
    padding-left: .375rem;
    padding-right: .375rem
}

@media (min-width: 768px) {
    .instagram-reels-wrapper {
        gap: .5rem
    }
}

@media (min-width: 1024px) {
    .instagram-reels-wrapper {
        padding-left: 0;
        padding-right: 0
    }
}

.instagram-reel {
    position: relative;
    width: calc(33.333% - .2rem);
    cursor: pointer;
    overflow: hidden;
    border-radius: .375rem;
    border-width: 2px;
    border-color: #9e88ec33
}

@media (min-width: 768px) {
    .instagram-reel {
        width: calc(25% - .4rem)
    }
}

@media (min-width: 1024px) {
    .instagram-reel {
        border-radius: 1rem;
        border-width: 4px
    }
}

@media (min-width: 1200px) {
    .instagram-reel {
        height: 23.125rem;
        width: calc(20% - .875rem)
    }
}

@media (min-width: 1400px) {
    .instagram-reel {
        width: calc(20% - .5rem)
    }
}

.international-patients-reels .instagram-reel {
    width: calc(33.333% - .2rem)
}

@media (min-width: 768px) {
    .international-patients-reels .instagram-reel {
        width: calc(25% - .4rem)
    }
}

@media (min-width: 1200px) {
    .international-patients-reels .instagram-reel {
        width: calc(25% - .75rem)
    }
}

.international-patients-reels .instagram-reels-wrapper {
    gap: .25rem
}

@media (min-width: 768px) {
    .international-patients-reels .instagram-reels-wrapper {
        gap: .5rem
    }
}

@media (min-width: 1024px) {
    .international-patients-reels .instagram-reels-wrapper {
        gap: 1rem
    }
}

.instagram-reel .reel-thumbnail {
    height: 100%;
    width: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: bottom;
    object-position: bottom
}

.play-btn {
    position: absolute;
    bottom: .125rem;
    right: .25rem;
    height: 1.5rem;
    width: 1.5rem
}

@media (min-width: 1024px) {
    .play-btn {
        bottom: .5rem;
        right: .5rem;
        height: 3rem;
        width: 3rem
    }
}

.instagram-reel-overlay {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    height: 100%;
    width: 100%;
    opacity: .65;
    background-blend-mode: color-dodge;
    mix-blend-mode: overlay;
    background: #26292966
}

.instagram-reels-overlay-black {
    pointer-events: none;
    position: absolute;
    left: .375rem;
    bottom: -.12144rem;
    height: 11.8125rem;
    width: calc(100% - .75rem)
}

@media (min-width: 768px) {
    .instagram-reels-overlay-black {
        width: calc(100% - 1rem)
    }
}

@media (min-width: 1024px) {
    .instagram-reels-overlay-black {
        left: -.125rem;
        bottom: -.24125rem;
        height: 13.875rem;
        width: 100%
    }
}

.instagram-reels-overlay-black {
    background: linear-gradient(180deg, #15151800, #2b2b3299 41.44%, #2f2f32 90.76%)
}

@media screen and (min-width: 768px) {
    .instagram-reels-overlay-black {
        background: linear-gradient(180deg, #15151800, #2b2b3299 41.44%, #2f2f32 90.76%)
    }
}

.instagram-reels-overlay-white {
    pointer-events: none;
    position: absolute;
    left: .375rem;
    bottom: -.12144rem;
    height: 6.625rem;
    width: 100%
}

@media (min-width: 1024px) {
    .instagram-reels-overlay-white {
        left: -.125rem;
        bottom: -.24125rem;
        height: 18.13838rem
    }
}

.instagram-reels-overlay-white {
    background: linear-gradient(180deg, #f6f0eb00, #f6f0eab3 49.71%, #f6f0ea)
}

.instagram-footer-wrapper {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 1.5rem;
    padding-left: 1.25rem;
    padding-right: 1.25rem;
    text-align: center
}

@media (min-width: 1024px) {
    .instagram-footer-wrapper {
        padding-left: 0;
        padding-right: 0
    }
}

.instagram-footer-content, .instagram-footer-content-heading {
    display: flex;
    flex-direction: column;
    gap: .5rem
}

@media (min-width: 1024px) {
    .instagram-footer-content-heading {
        flex-direction: row
    }
}

.popup {
    pointer-events: none;
    position: fixed;
    top: 0;
    left: 0;
    height: 100%;
    width: 100vw;
    align-items: center;
    justify-content: center;
    overflow-y: auto;
    background-color: #0009;
    opacity: 0;
    transition-duration: .5s
}

@media (min-width: 1024px) {
    .popup {
        display: flex;
        width: 100%
    }
}

.popup.active {
    pointer-events: auto;
    z-index: 50;
    opacity: 1;
    transition-duration: .5s
}

.popup.active .instagram-popup-rightside .swiper {
    pointer-events: auto
}

.instagram-popup-leftside-skeleton {
    pointer-events: none;
    display: flex;
    height: 100%;
    width: 100%;
    align-items: center;
    justify-content: center;
    border-radius: 1rem;
    --tw-bg-opacity: 1;
    background-color: rgb(238 237 231 / var(--tw-bg-opacity, 1))
}

#instagram-popup .popup-content-wrapper, #gallery-popup .popup-content-wrapper {
    position: relative;
    display: flex;
    width: 100%;
    flex-direction: column;
    align-items: flex-start;
    gap: 2rem;
    --tw-bg-opacity: 1;
    background-color: rgb(248 247 242 / var(--tw-bg-opacity, 1));
    padding: 4rem 1.25rem 2.25rem
}

#instagram-popup.active {
    z-index: 100;
}

@media (min-width: 640px) {
    #instagram-popup .popup-content-wrapper, #gallery-popup .popup-content-wrapper {
        padding-left: 2rem;
        padding-right: 2rem
    }
}

@media (min-width: 768px) {
    #instagram-popup .popup-content-wrapper, #gallery-popup .popup-content-wrapper {
        padding-left: 3rem;
        padding-right: 3rem
    }
}

@media (min-width: 1024px) {
    #instagram-popup .popup-content-wrapper, #gallery-popup .popup-content-wrapper {
        height: calc(100% - 4rem);
        width: 80%;
        flex-direction: row;
        gap: 3rem;
        overflow-y: auto;
        border-radius: .75rem;
        padding: 3rem 2.5rem
    }
}

@media (min-width: 1200px) {
    #instagram-popup .popup-content-wrapper, #gallery-popup .popup-content-wrapper {
        height: 41.75rem;
        width: 71.5rem;
        justify-content: space-between;
        overflow: hidden
    }
}

#instagram-popup .popup-content-wrapper, #gallery-popup .popup-content-wrapper {
    box-shadow: 0 4px 8px #00000040
}

#instagram-popup .popup-content-wrapper .sub-heading2 {
    margin-bottom: .5rem
}

.popup-content {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: .25rem;
    text-align: center
}

.instagram-popup-leftside {
    height: 37.5rem;
    width: 100%
}

@media (min-width: 768px) {
    .instagram-popup-leftside {
        height: 100%
    }
}

@media (min-width: 1024px) {
    .instagram-popup-leftside {
        width: 33.333333%
    }
}

.instagram-popup-rightside {
    display: flex;
    height: 100%;
    width: 100%;
    flex-direction: column-reverse;
    align-items: center;
    gap: 2rem
}

@media (min-width: 1024px) {
    .instagram-popup-rightside {
        width: 66.666667%;
        flex-direction: column;
        justify-content: space-between;
        gap: 3rem
    }
}

.instagram-popup-header {
    display: flex;
    height: 100%;
    width: 100%;
    flex-direction: column
}

@media (min-width: 1024px) {
    .instagram-popup-header {
        gap: 2rem
    }
}

.instagram-popup-reel {
    position: relative;
    cursor: pointer;
    border-radius: 1rem
}

@media (min-width: 1024px) {
    .instagram-popup-reel {
        height: 20.5rem;
        width: 13.3125rem
    }
}

.reel-thumbnail {
    height: 100%;
    width: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: bottom;
    object-position: bottom
}

.instagram-popup-reel .reel-thumbnail, .instagram-popup-reel .instagram-reel-overlay {
    border-radius: 1rem
}

.instagram-popup-reel-overlay {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    height: 100%;
    width: 100%;
    border-radius: 1rem;
    --tw-bg-opacity: 1;
    background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
    opacity: .4;
    transition-duration: .5s
}

.instagram-popup-reel {
    border-width: 2px;
    border-color: #9e88ec33
}

.instagram-popup-rightside .swiper {
    pointer-events: none;
    position: fixed;
    opacity: 0
}

@media (min-width: 1024px) {
    .instagram-popup-rightside .swiper {
        position: static;
        opacity: 1
    }
}

.instagram-popup-reel.swiper-slide-active {
    border-width: 2px;
    border-color: #9e88ec66;
    transition-duration: .5s
}

.instagram-popup-reel.swiper-slide-active .instagram-popup-reel-overlay {
    opacity: 0;
    transition-duration: .5s
}

.instagram-reels-arrows {
    display: flex;
    width: 100%;
    align-items: center;
    justify-content: center;
    gap: 1rem
}

#instagramIframe {
    pointer-events: none;
    border-radius: .75rem;
    border-width: 1px;
    border-color: #1b1d1e40;
    opacity: 0
}

#instagramIframe.active {
    pointer-events: auto;
    opacity: 1;
    transition-duration: .5s
}

.close-popup {
    position: absolute;
    top: .5rem;
    inset-inline-end: .5rem;
    height: 3rem;
    width: 3rem;
    cursor: pointer
}

.instagram-reels-slider-wrapper {
    display: flex;
    flex-direction: column;
    gap: 2rem
}

.instagram-reels-slider-wrapper .tabs-container, .success-stories-container .tabs-container, .smile-gallery-comparison-wrapper .tabs-container {
    width: 100%
}

#homepage-form.popup {
    background: linear-gradient(180deg, #fcfaf8, #f6f0ea)
}

#homepage-form.popup.active {
    pointer-events: auto;
    opacity: 1;
    transition-duration: .5s
}

#homepage-form .popup-content-wrapper, #landing-form-popup .popup-content-wrapper, #landing-whatsapp-popup .popup-content-wrapper {
    position: relative;
    display: flex;
    width: 100%;
    flex-direction: column;
    gap: 1.5rem;
    padding-left: 0;
    padding-right: 0
}

@media (min-width: 1024px) {
    #homepage-form .popup-content-wrapper, #landing-form-popup .popup-content-wrapper, #landing-whatsapp-popup .popup-content-wrapper {
        height: 100%;
        gap: 2.5rem
    }
}

@media (min-width: 1536px) {
    #homepage-form .popup-content-wrapper, #landing-form-popup .popup-content-wrapper, #landing-whatsapp-popup .popup-content-wrapper {
        max-width: 1536px
    }
}

.homepage-form-header {
    display: flex;
    height: 5.5rem;
    align-items: center;
    justify-content: space-between;
    padding-inline-start: 1.25rem;
    padding-inline-end: 1.25rem
}

@media (min-width: 768px) {
    .homepage-form-header {
        padding-inline-start: 3rem
    }
}

@media (min-width: 1024px) {
    .homepage-form-header {
        gap: 2rem;
        padding-top: .5rem;
        padding-bottom: .5rem;
        padding-inline-end: 1.5rem
    }
}

@media (min-width: 1200px) {
    .homepage-form-header {
        padding-inline-start: 5.5rem
    }
}

.homepage-form-steps {
    position: relative;
    margin-left: auto;
    margin-right: auto;
    display: none;
    width: 75%;
    justify-content: center;
    gap: 3rem;
    padding-top: .25rem
}

@media (min-width: 1024px) {
    .homepage-form-steps {
        margin-left: 0;
        margin-right: 0;
        display: flex;
        width: auto;
        justify-content: flex-start;
        gap: 17.5rem
    }
}

.step-num-wrapper {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: .375rem
}

.step-num-wrapper p {
    font-size: .875rem;
    line-height: 1.25rem;
    font-weight: 400;
    line-height: 150%;
    letter-spacing: -.0105rem;
    color: #150d30a6
}

[dir=rtl] p.step-num-wrapper p, [dir=rtl] span.step-num-wrapper p, [dir=rtl] a.step-num-wrapper p, [dir=rtl] li.step-num-wrapper p, [dir=rtl] ol.step-num-wrapper p, [dir=rtl] ul.step-num-wrapper p, [dir=rtl] h1.step-num-wrapper p, [dir=rtl] h2.step-num-wrapper p, [dir=rtl] h3.step-num-wrapper p, [dir=rtl] h4.step-num-wrapper p, [dir=rtl] h5.step-num-wrapper p, [dir=rtl] h6.step-num-wrapper p {
    --tw-text-opacity: 1;
    color: rgb(21 13 48 / var(--tw-text-opacity, 1));
    opacity: .65
}

.step-num {
    font-size: .75rem;
    line-height: 1rem;
    font-weight: 400;
    line-height: 150%;
    letter-spacing: -.009rem;
    display: flex;
    height: 2rem;
    width: 2rem;
    align-items: center;
    justify-content: center;
    border-radius: 9999px;
    border-width: 1px;
    --tw-border-opacity: 1;
    border-color: rgb(186 183 171 / var(--tw-border-opacity, 1));
    background-color: transparent;
    text-align: center;
    color: #150d30d9
}

@media (min-width: 1024px) {
    .step-num {
        height: 1.5rem;
        width: 1.5rem
    }
}

.step-num svg {
    height: 1rem;
    width: 1rem
}

.step-num-wrapper.active .step-num {
    border-width: 0px;
    --tw-bg-opacity: 1;
    background-color: rgb(53 144 122 / var(--tw-bg-opacity, 1));
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity, 1));
    --tw-shadow: 0 0 #0000;
    --tw-shadow-colored: 0 0 #0000;
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
}

.step-num-wrapper.active p {
    font-size: .875rem;
    line-height: 1.25rem;
    font-weight: 500;
    line-height: 150%;
    letter-spacing: -.0105rem
}

[dir=rtl] .values-wrapper .step-num-wrapper.active p {
    font-weight: 400
}

.step-num-wrapper.active p {
    --tw-text-opacity: 1;
    color: rgb(21 13 48 / var(--tw-text-opacity, 1))
}

.homepage-form-steps-line {
    position: absolute;
    left: 50%;
    margin-top: 1rem;
    width: 6.5rem;
    --tw-translate-x: -53%;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
    border-top-width: 1px;
    border-style: dashed;
    border-color: #1b1d1ea6
}

@media (min-width: 1024px) {
    .homepage-form-steps-line {
        left: 4.5rem;
        margin-top: .75rem;
        width: 20rem;
        transform: none
    }
}

.homepage-form-content-wrapper {
    width: 100%;
    margin-right: auto;
    margin-left: auto
}

@media (min-width: 100%) {
    .homepage-form-content-wrapper {
        max-width: 100%
    }
}

@media (min-width: 1536px) {
    .homepage-form-content-wrapper {
        max-width: 1536px
    }
}

.homepage-form-content-wrapper {
    padding-left: 1.25rem;
    padding-right: 1.25rem
}

@media (min-width: 640px) {
    .homepage-form-content-wrapper {
        padding-left: 2rem;
        padding-right: 2rem
    }
}

@media (min-width: 768px) {
    .homepage-form-content-wrapper {
        padding-left: 3rem;
        padding-right: 3rem
    }
}

@media (min-width: 1200px) {
    .homepage-form-content-wrapper {
        padding-left: 5.5rem;
        padding-right: 5.5rem
    }
}

.homepage-form-content-wrapper {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: space-between;
    padding-bottom: 2.5rem
}

@media (min-width: 1024px) {
    nav.homepage-form-content-wrapper {
        padding-left: 2rem;
        padding-right: 2rem
    }
}

@media (min-width: 1200px) {
    nav.homepage-form-content-wrapper {
        padding-left: 4.5rem;
        padding-right: 4.5rem
    }
}

@media (min-width: 1536px) {
    nav.homepage-form-content-wrapper {
        padding-left: 5.5rem;
        padding-right: 5.5rem
    }
}

@media (min-width: 1024px) {
    .homepage-form-content-wrapper {
        flex-direction: row;
        gap: 8rem
    }
}

#homepage-form.popup:has([data-step="2"].homepage-step-content.active) {
    background: #f8f7f2
}

.homepage-form-leftside {
    display: flex;
    flex-direction: column;
    gap: 1.5rem
}

@media (min-width: 1024px) {
    .homepage-form-leftside {
        width: 32.1875rem;
        gap: 3.5rem
    }
}

.homepage-form-leftside-content {
    display: flex;
    flex-direction: column;
    gap: 1.5rem
}

.homepage-form-leftside-heading {
    margin-bottom: .5rem
}

.homepage-form-message {
    display: flex;
    align-items: flex-start;
    gap: .5rem;
    border-radius: .5rem;
    border-width: 1px;
    border-color: #1b1d1e1f;
    --tw-bg-opacity: 1;
    background-color: rgb(251 251 248 / var(--tw-bg-opacity, 1));
    padding: 1rem
}

.homepage-form-message p {
    font-size: .75rem;
    line-height: 1rem;
    font-weight: 500;
    line-height: 150%;
    letter-spacing: -.009rem
}

[dir=rtl] .values-wrapper .homepage-form-message p {
    font-weight: 400
}

.homepage-form-message p {
    color: #150d30a6
}

[dir=rtl] p.homepage-form-message p, [dir=rtl] span.homepage-form-message p, [dir=rtl] a.homepage-form-message p, [dir=rtl] li.homepage-form-message p, [dir=rtl] ol.homepage-form-message p, [dir=rtl] ul.homepage-form-message p, [dir=rtl] h1.homepage-form-message p, [dir=rtl] h2.homepage-form-message p, [dir=rtl] h3.homepage-form-message p, [dir=rtl] h4.homepage-form-message p, [dir=rtl] h5.homepage-form-message p, [dir=rtl] h6.homepage-form-message p {
    --tw-text-opacity: 1;
    color: rgb(21 13 48 / var(--tw-text-opacity, 1));
    opacity: .65
}

.homepage-form-message .info-icon {
    height: 1.5rem;
    width: 1.5rem
}

.homepage-step-content {
    display: none;
    flex-direction: column;
    gap: 2rem
}

@media (min-width: 1024px) {
    .homepage-step-content {
        gap: 3rem
    }
}

.homepage-step-content.active {
    display: flex
}

.step-indicator:where([dir=ltr],[dir=ltr] *) {
    font-size: 1.0625rem;
    line-height: 110%;
    letter-spacing: -.02656rem
}

@media (min-width: 1024px) {
    .step-indicator:where([dir=ltr],[dir=ltr] *) {
        font-size: 1.1875rem;
        letter-spacing: -.02969rem
    }
}

.step-indicator:where([dir=rtl],[dir=rtl] *) {
    font-size: 1rem;
    line-height: 1.5rem;
    line-height: 120%;
    letter-spacing: -.02rem
}

@media (min-width: 1024px) {
    .step-indicator:where([dir=rtl],[dir=rtl] *) {
        font-size: 1.125rem;
        line-height: 1.75rem;
        line-height: 110%;
        letter-spacing: -.0225rem
    }
}

.step-indicator {
    font-weight: 700;
    --tw-text-opacity: 1;
    color: rgb(21 13 48 / var(--tw-text-opacity, 1))
}

[dir=rtl] .values-wrapper .step-indicator {
    font-weight: 600
}

#instagram-popup .popup-content-wrapper .step-indicator {
    margin-bottom: .5rem
}

.homepage-form-wrapper, .contact-us-form {
    display: flex;
    width: 100%;
    flex-direction: column;
    gap: 1.25rem
}

.homepage-form-wrapper .input-label {
    font-size: 1.125rem;
    line-height: 1.75rem;
    font-weight: 600;
    line-height: 150%;
    letter-spacing: -.0135rem;
    --tw-text-opacity: 1;
    color: rgb(21 13 48 / var(--tw-text-opacity, 1))
}

.homepage-form-wrapper .input-label span {
    font-weight: 500;
    color: #150d30a6
}

[dir=rtl] .values-wrapper .homepage-form-wrapper .input-label span {
    font-weight: 400
}

[dir=rtl] p.homepage-form-wrapper .input-label span, [dir=rtl] span.homepage-form-wrapper .input-label span, [dir=rtl] a.homepage-form-wrapper .input-label span, [dir=rtl] li.homepage-form-wrapper .input-label span, [dir=rtl] ol.homepage-form-wrapper .input-label span, [dir=rtl] ul.homepage-form-wrapper .input-label span, [dir=rtl] h1.homepage-form-wrapper .input-label span, [dir=rtl] h2.homepage-form-wrapper .input-label span, [dir=rtl] h3.homepage-form-wrapper .input-label span, [dir=rtl] h4.homepage-form-wrapper .input-label span, [dir=rtl] h5.homepage-form-wrapper .input-label span, [dir=rtl] h6.homepage-form-wrapper .input-label span {
    --tw-text-opacity: 1;
    color: rgb(21 13 48 / var(--tw-text-opacity, 1));
    opacity: .65
}

.form-icon {
    height: 1.5rem;
    width: 1.5rem
}

.form-icon img {
    height: 100%;
    width: 100%
}

.homepage-form-btn-wrapper {
    margin-top: 1rem;
    display: flex;
    flex-direction: column;
    gap: 1rem
}

@media (min-width: 1024px) {
    .homepage-form-btn-wrapper {
        margin-top: 0
    }
}

.homepage-form-rightside {
    display: none;
    flex-direction: column;
    gap: 2.5rem
}

@media (min-width: 1024px) {
    .homepage-form-rightside {
        display: flex;
        width: 38.875rem
    }
}

.homepage-form-rightside-header {
    display: flex;
    width: 100%;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: .5rem;
    text-align: center
}

@media (min-width: 1024px) {
    .homepage-form-rightside .instagram-reel {
        height: 11.53969rem;
        border-radius: .375rem
    }

    .homepage-form-rightside .instagram-reels-overlay-white {
        height: 18.13838rem
    }

    .homepage-form-rightside .instagram-reels-wrapper {
        gap: .25rem
    }
}

.homepage-form-rightside .instagram-reel {
    cursor: default
}

@media (min-width: 1024px) {
    .homepage-form-rightside .instagram-reel {
        width: calc(25% - .2rem);
        border-width: 2px
    }
}

@media (min-width: 1200px) {
    .homepage-form-rightside .instagram-reel {
        width: calc(20% - .2rem)
    }
}

.btn-primary.cta-btn svg:where([dir=rtl],[dir=rtl] *) {
    --tw-rotate: 180deg;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.country-code-wrapper {
    margin-top: 0;
    display: flex;
    height: -moz-fit-content;
    height: fit-content;
    width: -moz-fit-content;
    width: fit-content;
    min-width: 5rem;
    cursor: pointer;
    align-items: center;
    gap: .25rem;
    border-radius: 9999px;
    border-width: 1px;
    border-color: #1b1d1e1f;
    padding: .5rem
}

.country-code-wrapper ~ input {
    width: calc(100% - 9rem)
}

.country-code-wrapper {
    --tw-bg-opacity: 1 !important;
    background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1)) !important
}

.country-img {
    height: 1.5rem;
    width: 1.5rem;
    border-radius: 9999px
}

.country-code {
    font-size: .875rem;
    line-height: 1.25rem;
    font-weight: 500;
    line-height: 150%;
    letter-spacing: -.0105rem
}

[dir=rtl] .values-wrapper .country-code {
    font-weight: 400
}

.country-code {
    color: #150d30d9
}

.country-code-dropdown-icon {
    height: 1rem;
    width: 1rem
}

.form-info-block {
    position: relative;
    display: flex;
    flex-direction: column;
    gap: .5rem
}

.custom-dropdown {
    position: static;
    padding-left: 0;
    padding-right: 0
}

.dropdown-selected-wrapper {
    display: flex;
    height: 100%;
    width: 100%;
    cursor: pointer;
    align-items: center;
    justify-content: space-between;
    padding-left: .75rem;
    padding-right: .75rem
}

.country-code-wrapper .dropdown-selected-wrapper {
    gap: .25rem;
    padding-left: .5rem;
    padding-right: .5rem
}

.dropdown-selected {
    display: flex;
    align-items: center;
    gap: .5rem
}

.custom-dropdown-icon {
    height: 1.5rem;
    width: 1.5rem
}

.dropdown-options {
    pointer-events: none;
    position: absolute;
    top: calc(100% + .5rem);
    inset-inline-start: 0px;
    z-index: 20;
    display: flex;
    max-height: 18rem;
    width: 100%;
    --tw-translate-y: -2rem;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
    flex-direction: column;
    overflow-y: auto;
    border-radius: .5rem;
    border-width: 1px;
    border-color: #1b1d1e1f;
    padding: .75rem .5rem;
    opacity: 0;
    transition-duration: .5s;
    scrollbar-width: thin
}

.dropdown-options::-webkit-scrollbar {
    width: 6px
}

.dropdown-options::-webkit-scrollbar-track {
    background: transparent
}

.dropdown-options::-webkit-scrollbar-thumb {
    background-color: #f6f0ea;
    border-radius: 3px
}

.dropdown-options.active {
    pointer-events: auto;
    --tw-translate-y: 0px;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
    opacity: 1;
    transition-duration: .5s
}

.dropdown-options.light {
    --tw-bg-opacity: 1;
    background-color: rgb(246 240 234 / var(--tw-bg-opacity, 1))
}

.dropdown-options.dark {
    --tw-bg-opacity: 1;
    background-color: rgb(38 41 41 / var(--tw-bg-opacity, 1))
}

.dropdown-options a, .dropdown-options div {
    font-size: .875rem;
    line-height: 1.25rem;
    font-weight: 500;
    line-height: 150%;
    letter-spacing: -.0105rem
}

[dir=rtl] .values-wrapper .dropdown-options a, [dir=rtl] .values-wrapper .dropdown-options div {
    font-weight: 400
}

.dropdown-options a, .dropdown-options div {
    display: flex;
    cursor: pointer;
    align-items: center;
    gap: .5rem;
    border-radius: .25rem;
    padding-top: .5rem;
    padding-bottom: .75rem;
    padding-inline-start: 1rem;
    padding-inline-end: .375rem
}

.dropdown-options a:last-child, .dropdown-options div:last-child {
    padding-bottom: .5rem
}

.dropdown-options.light .option {
    --tw-text-opacity: 1;
    color: rgb(21 13 48 / var(--tw-text-opacity, 1));
    transition-duration: .3s
}

.dropdown-options.light .option:hover {
    background-color: #bab7ab26
}

.dropdown-options.dark .option {
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity, 1));
    transition-duration: .3s
}

.dropdown-options.dark .option:hover {
    background-color: #14141540
}

.homepage-close-btn {
    height: 3rem;
    width: 3rem;
    cursor: pointer
}

.step-indicator-wrapper {
    display: flex;
    align-items: center;
    gap: 1rem
}

.form-step-header {
    display: flex;
    flex-direction: column;
    gap: .125rem
}

@media (min-width: 1024px) {
    .form-step-header {
        gap: .375rem
    }
}

.form-checkbox-wrapper {
    display: flex;
    align-items: center;
    gap: .75rem
}

.form-checkbox {
    height: 2.5rem;
    width: 2.5rem;
    border-radius: .375rem;
    border-width: 1.5px;
    border-color: #1b1d1e40;
    --tw-bg-opacity: 1;
    background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1))
}

@media (min-width: 1024px) {
    .form-checkbox {
        height: 2rem;
        width: 2rem
    }
}

.checkbox-text-wrapper {
    display: flex;
    flex-direction: column;
    gap: .125rem
}

.checkbox-heading {
    font-size: 1.25rem;
    line-height: 1.75rem;
    font-weight: 500;
    line-height: 150%;
    letter-spacing: -.01875rem
}

[dir=rtl] .values-wrapper .checkbox-heading {
    font-weight: 400
}

.checkbox-heading {
    --tw-text-opacity: 1;
    color: rgb(21 13 48 / var(--tw-text-opacity, 1))
}

.checkbox-subheading {
    font-size: .875rem;
    line-height: 1.25rem;
    font-weight: 500;
    line-height: 150%;
    letter-spacing: -.0105rem
}

[dir=rtl] .values-wrapper .checkbox-subheading {
    font-weight: 400
}

.checkbox-subheading {
    color: #150d30a6
}

[dir=rtl] p.checkbox-subheading, [dir=rtl] span.checkbox-subheading, [dir=rtl] a.checkbox-subheading, [dir=rtl] li.checkbox-subheading, [dir=rtl] ol.checkbox-subheading, [dir=rtl] ul.checkbox-subheading, [dir=rtl] h1.checkbox-subheading, [dir=rtl] h2.checkbox-subheading, [dir=rtl] h3.checkbox-subheading, [dir=rtl] h4.checkbox-subheading, [dir=rtl] h5.checkbox-subheading, [dir=rtl] h6.checkbox-subheading {
    --tw-text-opacity: 1;
    color: rgb(21 13 48 / var(--tw-text-opacity, 1));
    opacity: .65
}

.homepage-form-block {
    display: flex;
    flex-direction: column;
    gap: 1rem
}

.homepage-form-block-heading {
    font-size: 1.25rem;
    line-height: 1.75rem;
    font-weight: 700;
    line-height: 150%;
    letter-spacing: -.01875rem
}

[dir=rtl] .values-wrapper .homepage-form-block-heading {
    font-weight: 600
}

.homepage-form-block-heading {
    --tw-text-opacity: 1;
    color: rgb(21 13 48 / var(--tw-text-opacity, 1))
}

#health-message.homepage-form-message {
    display: none;
    --tw-bg-opacity: 1;
    background-color: rgb(246 240 234 / var(--tw-bg-opacity, 1))
}

@media (min-width: 1024px) {
    #health-message.homepage-form-message {
        display: flex
    }
}

#health-info-form.homepage-form-wrapper {
    gap: 2.5rem
}

.input-country-code {
    font-size: 1.125rem;
    line-height: 1.75rem;
    font-weight: 500;
    line-height: 150%;
    letter-spacing: -.0135rem
}

[dir=rtl] .values-wrapper .input-country-code {
    font-weight: 400
}

.input-country-code {
    color: #150d30d9
}

.thanks-page-wrapper {
    display: none;
    flex-direction: column;
    align-items: center;
    gap: 12rem;
    padding-top: 6rem
}

@media (min-width: 1024px) {
    .thanks-page-wrapper {
        padding-top: 8rem;
        padding-bottom: 12rem
    }
}

.thanks-page-header {
    margin-left: auto;
    margin-right: auto;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 1.5rem;
    text-align: center
}

@media (min-width: 1024px) {
    .thanks-page-header {
        width: 50%
    }

    .thanks-page-header p {
        width: 80%
    }
}

.tabs-slider-wrapper {
    display: flex !important;
    align-items: center;
    gap: .5rem
}

.tabs-container {
    padding: .5rem !important
}

.tabs-container .swiper-slide {
    width: auto !important
}

.tabs-slider-wrapper .swiper-button-next, .tabs-slider-wrapper .swiper-button-prev {
    display: none;
    height: 3.5rem;
    width: 3.5rem
}

@media (min-width: 1024px) {
    .tabs-slider-wrapper .swiper-button-next, .tabs-slider-wrapper .swiper-button-prev {
        display: block
    }
}

.tabs-links {
    min-width: -moz-fit-content;
    min-width: fit-content
}

input:-webkit-autofill, input:-webkit-autofill:focus {
    --tw-bg-opacity: 1;
    background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1))
}

.whatsapp-icon-wrapper {
    position: fixed;
    left: -6rem;
    bottom: 1.5rem;
    z-index: 20;
    width: 4.3125rem;
    border-radius: 9999px;
    border-width: 1px;
    border-color: #1b1d1e1f;
    --tw-bg-opacity: 1;
    background-color: rgb(251 251 248 / var(--tw-bg-opacity, 1));
    padding: .375rem .75rem;
    transition-duration: .7s
}

@media (min-width: 1024px) {
    .whatsapp-icon-wrapper {
        width: auto;
        padding-left: .875rem;
        padding-right: .875rem
    }
}

.whatsapp-icon-wrapper.active {
    left: .5rem;
    transition-duration: .7s
}

@media (min-width: 1024px) {
    .whatsapp-icon-wrapper.active {
        left: 1.5rem
    }
}

.whatsapp-icon {
    height: 3rem;
    width: 3rem
}

.cta-btn.glass-effect {
    position: relative;
    overflow: hidden
}

.cta-btn.glass-effect:before {
    content: "";
    position: absolute;
    top: 0;
    left: -100%;
    width: 50%;
    height: 100%;
    background: linear-gradient(90deg, transparent, rgba(255, 255, 255, .2), transparent);
    transform: skew(-25deg);
    animation: glassShine 4s infinite
}

@keyframes glassShine {
    0% {
        left: 0
    }
    20%, to {
        left: 100%
    }
}

.tabs-container.swiper {
    overflow: auto
}

@media (min-width: 1024px) {
    .tabs-container.swiper {
        overflow: hidden
    }
}

.tabs-container.swiper {
    -webkit-overflow-scroll: touch
}

.why-dtzok-tour-link svg:where([dir=rtl],[dir=rtl] *), .cta-circle-arrow:where([dir=rtl],[dir=rtl] *), .feature-treatment-link-arrow:where([dir=rtl],[dir=rtl] *), .btn-tertiary-icon svg:where([dir=rtl],[dir=rtl] *), .instagram-footer-wrapper .btn-primary svg:where([dir=rtl],[dir=rtl] *), .swiper-button-prev:where([dir=rtl],[dir=rtl] *), .swiper-button-next:where([dir=rtl],[dir=rtl] *), .other-treatments-button-prev:where([dir=rtl],[dir=rtl] *), .other-treatments-button-next:where([dir=rtl],[dir=rtl] *), .reels-button-prev:where([dir=rtl],[dir=rtl] *), .reels-button-next:where([dir=rtl],[dir=rtl] *), .sidebar-reels-button-next:where([dir=rtl],[dir=rtl] *), .sidebar-reels-button-prev:where([dir=rtl],[dir=rtl] *), .sidebar-mobile-reels-button-prev:where([dir=rtl],[dir=rtl] *), .sidebar-mobile-reels-button-next:where([dir=rtl],[dir=rtl] *), .smile-gallery-hero-reels-wrapper a.btn-primary svg:where([dir=rtl],[dir=rtl] *) {
    --tw-rotate: 180deg;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

[dir=rtl] .total-reviews-illustration, [dir=rtl] .international-patients-illustration, [dir=rtl] .doctors-header svg {
    transform: rotateY(180deg)
}

.image-comparison-tabs-slider-wrapper .arrows-wrapper .swiper-button-prev:where([dir=rtl],[dir=rtl] *), .image-comparison-tabs-slider-wrapper .arrows-wrapper .swiper-button-next:where([dir=rtl],[dir=rtl] *) {
    --tw-rotate: 0deg;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.pagination-prev svg:where([dir=rtl],[dir=rtl] *) {
    --tw-rotate: 0deg;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.doctors-arrow:where([dir=rtl],[dir=rtl] *) {
    --tw-rotate: -90deg;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.other-treatments-button-prev:where([dir=ltr],[dir=ltr] *), .other-treatments-button-next:where([dir=ltr],[dir=ltr] *), .reels-button-prev:where([dir=ltr],[dir=ltr] *), .reels-button-next:where([dir=ltr],[dir=ltr] *), .sidebar-reels-button-next:where([dir=ltr],[dir=ltr] *), .sidebar-reels-button-prev:where([dir=ltr],[dir=ltr] *) {
    align-items: flex-start
}

.other-treatments-button-prev:where([dir=rtl],[dir=rtl] *), .other-treatments-button-next:where([dir=rtl],[dir=rtl] *), .reels-button-prev:where([dir=rtl],[dir=rtl] *), .reels-button-next:where([dir=rtl],[dir=rtl] *), .sidebar-reels-button-next:where([dir=rtl],[dir=rtl] *), .sidebar-reels-button-prev:where([dir=rtl],[dir=rtl] *) {
    align-items: flex-end
}

.btn-tertiary-icon.dropdown-menu-links {
    font-size: 1rem;
    line-height: 1.5rem;
    font-weight: 600;
    line-height: 150%;
    letter-spacing: -.012rem
}

.btn-tertiary-icon.dropdown-menu-links:hover {
    --tw-text-opacity: 1;
    color: rgb(53 144 122 / var(--tw-text-opacity, 1));
    text-decoration-line: underline;
    text-decoration-style: solid;
    text-decoration-thickness: 6.5%;
    text-underline-offset: 13%;
    transition-duration: .3s
}

nav.dark .btn-tertiary-icon.dropdown-menu-links .arrow-dark {
    display: block
}

nav.dark .btn-tertiary-icon.dropdown-menu-links .arrow-light {
    display: none
}

nav.light .btn-tertiary-icon.dropdown-menu-links .arrow-dark {
    display: none
}

nav.light .btn-tertiary-icon.dropdown-menu-links .arrow-light {
    display: block
}

[dir=rtl] p.text-darkest\/65, [dir=rtl] span.text-darkest\/65, [dir=rtl] a.text-darkest\/65, [dir=rtl] li.text-darkest\/65, [dir=rtl] ol.text-darkest\/65, [dir=rtl] ul.text-darkest\/65, [dir=rtl] h1.text-darkest\/65, [dir=rtl] h2.text-darkest\/65, [dir=rtl] h3.text-darkest\/65, [dir=rtl] h4.text-darkest\/65, [dir=rtl] h5.text-darkest\/65, [dir=rtl] h6.text-darkest\/65 {
    --tw-text-opacity: 1;
    color: rgb(21 13 48 / var(--tw-text-opacity, 1));
    opacity: .65
}

[dir=rtl] p.text-white\/65, [dir=rtl] span.text-white\/65, [dir=rtl] a.text-white\/65, [dir=rtl] li.text-white\/65, [dir=rtl] ol.text-white\/65, [dir=rtl] ul.text-white\/65, [dir=rtl] h1.text-white\/65, [dir=rtl] h2.text-white\/65, [dir=rtl] h3.text-white\/65, [dir=rtl] h4.text-white\/65, [dir=rtl] h5.text-white\/65, [dir=rtl] h6.text-white\/65 {
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity, 1));
    opacity: .65
}

@media (min-width: 1024px) {
    .lg\:h3 {
        text-transform: capitalize
    }

    .lg\:h3:where([dir=ltr],[dir=ltr] *) {
        font-size: 2rem;
        line-height: 105%;
        letter-spacing: -.05rem
    }

    .lg\:h3:where([dir=ltr],[dir=ltr] *) {
        font-size: 2.875rem;
        letter-spacing: -.10063rem
    }

    .lg\:h3:where([dir=rtl],[dir=rtl] *) {
        font-size: 1.875rem;
        line-height: 2.25rem;
        line-height: 110%;
        letter-spacing: -.0375rem
    }

    .lg\:h3:where([dir=rtl],[dir=rtl] *) {
        font-size: 2.75rem;
        line-height: 108%;
        letter-spacing: -.0825rem
    }

    .lg\:h3 {
        font-feature-settings: "ss01" on, "ss02" on, "ss03" on, "cv01" on, "cv02" on, "cv04" on, "cv09" on, "cv12" on
    }

    .lg\:container {
        width: 100%;
        margin-right: auto;
        margin-left: auto
    }

    @media (min-width: 100%) {
        .lg\:container {
            max-width: 100%
        }
    }@media (min-width: 1536px) {
    .lg\:container {
        max-width: 1536px
    }
}.lg\:container {
     padding-left: 1.25rem;
     padding-right: 1.25rem
 }

    @media (min-width: 640px) {
        .lg\:container {
            padding-left: 2rem;
            padding-right: 2rem
        }
    }@media (min-width: 768px) {
    .lg\:container {
        padding-left: 3rem;
        padding-right: 3rem
    }
}@media (min-width: 1200px) {
    .lg\:container {
        padding-left: 5.5rem;
        padding-right: 5.5rem
    }
}.lg\:sub-heading1:where([dir=ltr],[dir=ltr] *) {
     font-size: 1.1875rem;
     line-height: 110%;
     letter-spacing: -.02969rem
 }

    .lg\:sub-heading1:where([dir=ltr],[dir=ltr] *) {
        font-size: 1.4375rem;
        letter-spacing: -.03594rem
    }

    .lg\:sub-heading1:where([dir=rtl],[dir=rtl] *) {
        font-size: 1.125rem;
        line-height: 120%;
        letter-spacing: -.0225rem
    }

    .lg\:sub-heading1:where([dir=rtl],[dir=rtl] *) {
        font-size: 1.375rem;
        line-height: 110%;
        letter-spacing: -.03438rem
    }

    .lg\:btn-primary {
        display: flex;
        align-items: center;
        justify-content: center;
        gap: .75rem;
        border-radius: 9999px;
        --tw-bg-opacity: 1;
        background-color: rgb(53 144 122 / var(--tw-bg-opacity, 1));
        --tw-text-opacity: 1;
        color: rgb(255 255 255 / var(--tw-text-opacity, 1));
        transition-duration: .3s
    }

    .lg\:btn-primary:hover {
        --tw-bg-opacity: 1;
        background-color: rgb(29 107 88 / var(--tw-bg-opacity, 1))
    }

    .lg\:text-bold-large {
        font-size: 1.25rem;
        line-height: 1.75rem;
        font-weight: 700;
        line-height: 150%;
        letter-spacing: -.01875rem
    }

    [dir=rtl] .values-wrapper .lg\:text-bold-large {
        font-weight: 600
    }

    .lg\:text-bold-medium {
        font-size: 1.125rem;
        line-height: 1.75rem;
        font-weight: 700;
        line-height: 150%;
        letter-spacing: -.0135rem
    }

    [dir=rtl] .values-wrapper .lg\:text-bold-medium {
        font-weight: 600
    }

    .lg\:text-semi-large {
        font-size: 1.25rem;
        line-height: 1.75rem;
        font-weight: 600;
        line-height: 150%;
        letter-spacing: -.01875rem
    }

    .lg\:text-semi-regular {
        font-size: 1rem;
        line-height: 1.5rem;
        font-weight: 600;
        line-height: 150%;
        letter-spacing: -.012rem
    }

    .lg\:text-medium-large {
        font-size: 1.25rem;
        line-height: 1.75rem;
        font-weight: 500;
        line-height: 150%;
        letter-spacing: -.01875rem
    }

    [dir=rtl] .values-wrapper .lg\:text-medium-large {
        font-weight: 400
    }

    .lg\:text-medium-medium {
        font-size: 1.125rem;
        line-height: 1.75rem;
        font-weight: 500;
        line-height: 150%;
        letter-spacing: -.0135rem
    }

    [dir=rtl] .values-wrapper .lg\:text-medium-medium {
        font-weight: 400
    }

    .lg\:text-medium-regular {
        font-size: 1rem;
        line-height: 1.5rem;
        font-weight: 500;
        line-height: 150%;
        letter-spacing: -.012rem
    }

    [dir=rtl] .values-wrapper .lg\:text-medium-regular {
        font-weight: 400
    }

    .lg\:text-medium-tiny {
        font-size: .75rem;
        line-height: 1rem;
        font-weight: 500;
        line-height: 150%;
        letter-spacing: -.009rem
    }

    [dir=rtl] .values-wrapper .lg\:text-medium-tiny {
        font-weight: 400
    }

    .lg\:text-normal-large {
        font-size: 1.25rem;
        line-height: 1.75rem;
        font-weight: 400;
        line-height: 150%;
        letter-spacing: -.01875rem
    }

    .lg\:text-normal-regular {
        font-size: 1rem;
        line-height: 1.5rem;
        font-weight: 400;
        line-height: 150%;
        letter-spacing: -.012rem
    }
}

.hover\:underline:hover {
    text-decoration-line: underline
}

.group:hover .group-hover\:fill-\[\#402893\] {
    fill: #402893
}

@media (min-width: 640px) {
    .sm\:block {
        display: block
    }

    .sm\:h-auto {
        height: auto
    }

    .sm\:w-fit {
        width: -moz-fit-content;
        width: fit-content
    }
}

@media (min-width: 1024px) {
    .lg\:-ml-7 {
        margin-left: -1.75rem
    }

    .lg\:-mt-36 {
        margin-top: -9rem
    }

    .lg\:-mt-6 {
        margin-top: -1.5rem
    }

    .lg\:mb-0 {
        margin-bottom: 0
    }

    .lg\:me-10 {
        margin-inline-end: 2.5rem
    }

    .lg\:me-6 {
        margin-inline-end: 1.5rem
    }

    .lg\:ms-0 {
        margin-inline-start: 0px
    }

    .lg\:ms-6 {
        margin-inline-start: 1.5rem
    }

    .lg\:mt-0 {
        margin-top: 0
    }

    .lg\:mt-12 {
        margin-top: 3rem
    }

    .lg\:block {
        display: block
    }

    .lg\:flex {
        display: flex
    }

    .lg\:\!hidden {
        display: none !important
    }

    .lg\:hidden {
        display: none
    }

    .lg\:h-14 {
        height: 3.5rem
    }

    .lg\:h-\[22\.125rem\] {
        height: 22.125rem
    }

    .lg\:h-\[396px\] {
        height: 396px
    }

    .lg\:w-1\/2 {
        width: 50%
    }

    .lg\:w-14 {
        width: 3.5rem
    }

    .lg\:w-2\/3 {
        width: 66.666667%
    }

    .lg\:w-3\/4 {
        width: 75%
    }

    .lg\:w-\[11\.0625rem\] {
        width: 11.0625rem
    }

    .lg\:w-\[calc\(32\.25\%-2\.5rem\)\] {
        width: calc(32.25% - 2.5rem)
    }

    .lg\:w-fit {
        width: -moz-fit-content;
        width: fit-content
    }

    .lg\:max-w-\[60\%\] {
        max-width: 60%
    }

    .lg\:flex-row {
        flex-direction: row
    }

    .lg\:gap-6 {
        gap: 1.5rem
    }

    .lg\:font-extrabold {
        font-weight: 800
    }

    .lg\:font-semibold {
        font-weight: 600
    }

    .lg\:text-darkest {
        --tw-text-opacity: 1;
        color: rgb(21 13 48 / var(--tw-text-opacity, 1))
    }

    .lg\:text-darkest\/65 {
        color: #150d30a6
    }

    .lg\:text-darkest\/85 {
        color: #150d30d9
    }

    .lg\:text-white {
        --tw-text-opacity: 1;
        color: rgb(255 255 255 / var(--tw-text-opacity, 1))
    }

    nav.lg\:container {
        padding-left: 2rem;
        padding-right: 2rem
    }

    @media (min-width: 1200px) {
        nav.lg\:container {
            padding-left: 4.5rem;
            padding-right: 4.5rem
        }
    }@media (min-width: 1536px) {
    nav.lg\:container {
        padding-left: 5.5rem;
        padding-right: 5.5rem
    }
}[dir=rtl] .values-wrapper .lg\:font-extrabold {
     font-weight: 700
 }

    .cta-section-container .lg\:btn-primary {
        --tw-bg-opacity: 1;
        background-color: rgb(4 57 54 / var(--tw-bg-opacity, 1))
    }

    .footer-header-wrapper .cta-btn .lg\:btn-primary {
        --tw-bg-opacity: 1;
        background-color: rgb(53 144 122 / var(--tw-bg-opacity, 1))
    }

    .lg\:btn-primary.cta-btn svg:where([dir=rtl],[dir=rtl] *) {
        --tw-rotate: 180deg;
        transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
    }

    .instagram-footer-wrapper .lg\:btn-primary svg:where([dir=rtl],[dir=rtl] *), .smile-gallery-hero-reels-wrapper a.lg\:btn-primary svg:where([dir=rtl],[dir=rtl] *) {
        --tw-rotate: 180deg;
        transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
    }

    [dir=rtl] p.lg\:text-darkest\/65, [dir=rtl] span.lg\:text-darkest\/65, [dir=rtl] a.lg\:text-darkest\/65, [dir=rtl] li.lg\:text-darkest\/65, [dir=rtl] ol.lg\:text-darkest\/65, [dir=rtl] ul.lg\:text-darkest\/65, [dir=rtl] h1.lg\:text-darkest\/65, [dir=rtl] h2.lg\:text-darkest\/65, [dir=rtl] h3.lg\:text-darkest\/65, [dir=rtl] h4.lg\:text-darkest\/65, [dir=rtl] h5.lg\:text-darkest\/65, [dir=rtl] h6.lg\:text-darkest\/65 {
        --tw-text-opacity: 1;
        color: rgb(21 13 48 / var(--tw-text-opacity, 1));
        opacity: .65
    }
}

@media (min-width: 1200px) {
    .xl\:w-\[57\.5\%\] {
        width: 57.5%
    }
}

@font-face {
    font-family: swiper-icons;
    src: url(data:application/font-woff;charset=utf-8;base64,\ d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA);
    font-weight: 400;
    font-style: normal
}

:root {
    --swiper-theme-color: #007aff
}

:host {
    position: relative;
    display: block;
    margin-left: auto;
    margin-right: auto;
    z-index: 1
}

.swiper {
    margin-left: auto;
    margin-right: auto;
    position: relative;
    overflow: hidden;
    list-style: none;
    padding: 0;
    z-index: 1;
    display: block
}

.swiper-vertical > .swiper-wrapper {
    flex-direction: column
}

.swiper-wrapper {
    position: relative;
    width: 100%;
    height: 100%;
    z-index: 1;
    display: flex;
    transition-property: transform;
    transition-timing-function: var(--swiper-wrapper-transition-timing-function, initial);
    box-sizing: content-box
}

.swiper-android .swiper-slide, .swiper-ios .swiper-slide, .swiper-wrapper {
    transform: translateZ(0)
}

.swiper-horizontal {
    touch-action: pan-y
}

.swiper-vertical {
    touch-action: pan-x
}

.swiper-slide {
    flex-shrink: 0;
    width: 100%;
    height: 100%;
    position: relative;
    transition-property: transform;
    display: block
}

.swiper-slide-invisible-blank {
    visibility: hidden
}

.swiper-autoheight, .swiper-autoheight .swiper-slide {
    height: auto
}

.swiper-autoheight .swiper-wrapper {
    align-items: flex-start;
    transition-property: transform, height
}

.swiper-backface-hidden .swiper-slide {
    transform: translateZ(0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

.swiper-3d.swiper-css-mode .swiper-wrapper {
    perspective: 1200px
}

.swiper-3d .swiper-wrapper {
    transform-style: preserve-3d
}

.swiper-3d {
    perspective: 1200px
}

.swiper-3d .swiper-slide, .swiper-3d .swiper-cube-shadow {
    transform-style: preserve-3d
}

.swiper-css-mode > .swiper-wrapper {
    overflow: auto;
    scrollbar-width: none;
    -ms-overflow-style: none
}

.swiper-css-mode > .swiper-wrapper::-webkit-scrollbar {
    display: none
}

.swiper-css-mode > .swiper-wrapper > .swiper-slide {
    scroll-snap-align: start start
}

.swiper-css-mode.swiper-horizontal > .swiper-wrapper {
    scroll-snap-type: x mandatory
}

.swiper-css-mode.swiper-vertical > .swiper-wrapper {
    scroll-snap-type: y mandatory
}

.swiper-css-mode.swiper-free-mode > .swiper-wrapper {
    scroll-snap-type: none
}

.swiper-css-mode.swiper-free-mode > .swiper-wrapper > .swiper-slide {
    scroll-snap-align: none
}

.swiper-css-mode.swiper-centered > .swiper-wrapper:before {
    content: "";
    flex-shrink: 0;
    order: 9999
}

.swiper-css-mode.swiper-centered > .swiper-wrapper > .swiper-slide {
    scroll-snap-align: center center;
    scroll-snap-stop: always
}

.swiper-css-mode.swiper-centered.swiper-horizontal > .swiper-wrapper > .swiper-slide:first-child {
    margin-inline-start: var(--swiper-centered-offset-before)
}

.swiper-css-mode.swiper-centered.swiper-horizontal > .swiper-wrapper:before {
    height: 100%;
    min-height: 1px;
    width: var(--swiper-centered-offset-after)
}

.swiper-css-mode.swiper-centered.swiper-vertical > .swiper-wrapper > .swiper-slide:first-child {
    margin-block-start: var(--swiper-centered-offset-before)
}

.swiper-css-mode.swiper-centered.swiper-vertical > .swiper-wrapper:before {
    width: 100%;
    min-width: 1px;
    height: var(--swiper-centered-offset-after)
}

.swiper-3d .swiper-slide-shadow, .swiper-3d .swiper-slide-shadow-left, .swiper-3d .swiper-slide-shadow-right, .swiper-3d .swiper-slide-shadow-top, .swiper-3d .swiper-slide-shadow-bottom {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    pointer-events: none;
    z-index: 10
}

.swiper-3d .swiper-slide-shadow {
    background: #00000026
}

.swiper-3d .swiper-slide-shadow-left {
    background-image: linear-gradient(to left, #00000080, #0000)
}

.swiper-3d .swiper-slide-shadow-right {
    background-image: linear-gradient(to right, #00000080, #0000)
}

.swiper-3d .swiper-slide-shadow-top {
    background-image: linear-gradient(to top, #00000080, #0000)
}

.swiper-3d .swiper-slide-shadow-bottom {
    background-image: linear-gradient(to bottom, #00000080, #0000)
}

.swiper-lazy-preloader {
    width: 42px;
    height: 42px;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -21px;
    margin-top: -21px;
    z-index: 10;
    transform-origin: 50%;
    box-sizing: border-box;
    border: 4px solid var(--swiper-preloader-color, var(--swiper-theme-color));
    border-radius: 50%;
    border-top-color: transparent
}

.swiper:not(.swiper-watch-progress) .swiper-lazy-preloader, .swiper-watch-progress .swiper-slide-visible .swiper-lazy-preloader {
    animation: swiper-preloader-spin 1s infinite linear
}

.swiper-lazy-preloader-white {
    --swiper-preloader-color: #fff
}

.swiper-lazy-preloader-black {
    --swiper-preloader-color: #000
}

@keyframes swiper-preloader-spin {
    0% {
        transform: rotate(0)
    }
    to {
        transform: rotate(360deg)
    }
}