@import url('https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap');
/* @font-face {
    font-family: 'IvyOra Display';
    src: url('/lp-asset/fonts/IvyOraDisplay-LightItalic.eot') format('embedded-opentype'),
        url('/lp-asset/fonts/IvyOraDisplay-LightItalic.woff2') format('woff2'),
        url('/lp-asset/fonts/IvyOraDisplay-LightItalic.woff') format('woff'),
        url('/lp-asset/fonts/IvyOraDisplay-LightItalic.ttf') format('truetype');
    font-weight: 300;
    font-style: italic;
}
@font-face {
    font-family: 'Agenda';
    src: url('/lp-asset/fonts/Agenda-Light.eot');
    src: url('/lp-asset/fonts/Agenda-Light.eot?#iefix') format('embedded-opentype'),
        url('/lp-asset/fonts/Agenda-Light.woff2') format('woff2'),
        url('/lp-asset/fonts/Agenda-Light.woff') format('woff'),
        url('/lp-asset/fonts/Agenda-Light.ttf') format('truetype'),
        url('/lp-asset/fonts/Agenda-Light.svg#Agenda-Light') format('svg');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Agenda';
    src: url('/lp-asset/fonts/Agenda-Medium.eot');
    src: url('/lp-asset/fonts/Agenda-Medium.eot?#iefix') format('embedded-opentype'),
        url('/lp-asset/fonts/Agenda-Medium.woff2') format('woff2'),
        url('/lp-asset/fonts/Agenda-Medium.woff') format('woff'),
        url('/lp-asset/fonts/Agenda-Medium.ttf') format('truetype'),
        url('/lp-asset/fonts/Agenda-Medium.svg#Agenda-Medium') format('svg');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Agenda';
    src: url('/lp-asset/fonts/Agenda-Bold.eot');
    src: url('/lp-asset/fonts/Agenda-Bold.eot?#iefix') format('embedded-opentype'),
        url('/lp-asset/fonts/Agenda-Bold.woff2') format('woff2'),
        url('/lp-asset/fonts/Agenda-Bold.woff') format('woff'),
        url('/lp-asset/fonts/Agenda-Bold.ttf') format('truetype'),
        url('/lp-asset/fonts/Agenda-Bold.svg#Agenda-Bold') format('svg');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
} */

:root{
    --main_color: #0F173F;
    --secondary_color: #C79A91;
    --assets_color: #E6D5B8;
    --bg_color: #FAF9F7;
    --light_bg_color: #F7F7F7;
    --white_color: #fff;
    --primary_font:  "Inter", sans-serif;;
    --secondary_font:  "Inter", sans-serif;
}

*{
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    font-family: var(--primary_font);
}
a{
    display: inline-block;
    vertical-align: middle;
    text-decoration: none;
}
a:hover{
    text-decoration: none;
}
img{
    max-width: 100%;
    height: auto;
}
ul, ol{
    list-style: none;
    margin: 0;
    padding: 0;
}
h1, h2, h3, h4, h5, h6{
    font-family: var(--primary_font);
    color: var(--main_color);
    letter-spacing: 0.8px;
    position: relative;
}
h1 span, h2 span{
    font-family: var(--secondary_font);
    color: var(--secondary_color);
}
h1, h2, h3, h4, h5, h6, p{
    margin: 0;    
    font-weight: 300;
    line-height: 1.2;
}
li,
p{
    text-rendering: optimizeLegibility;
    font-weight: 400;
    font-size: 1rem;
    font-family: var(--primary_font);
    color: #333;
    line-height: 1.8;
    letter-spacing: 0.25px;
}
p:not(:last-of-type){
    margin-bottom: 12px;
}
.header_logo img, .footer_logo img {
    max-width: 250px;
    width: 100%;
}
.heading1, .heading2{
    font-size: 58px;
}
.heading3{
    font-size: 33px;
}

@media only screen and (max-width: 1699.5px){
    .heading1, .heading2{
        font-size: 54px;
    }
}
@media only screen and (max-width: 1399.5px){
    .heading1, .heading2{
        font-size: 48px;
    }
    .heading3{
        font-size: 28px;
    }
}
@media only screen and (max-width: 1024.5px){
    .heading1, .heading2{
        font-size: 44px;
    }
}
@media only screen and (max-width: 991.5px){
    .heading1, .heading2{
        font-size: 36px;
    }
    .heading3{
        font-size: 24px;
    }
}
@media only screen and (max-width: 767.5px){
    .heading1, .heading2{
        font-size: 32px;
    }
}
/****** Container css ******/
@media only screen and (max-width: 991.98px) {
    body .container, body .container-fluid {
        padding: 0 30px;
    }
}
@media only screen and (min-width: 576px) {
    body .container{
        max-width: 100%;
        width: 100%;
    }
}
@media only screen and (min-width: 650px) {
    body .container{
        max-width: 100%;
        width: 100%;
    }
}
@media only screen and (min-width: 768px) {
    body .container{
        max-width: 920px;
        width: 100%;
    }
}
@media only screen and (min-width: 992px) {
    body .container{
        max-width: 960px;
        width: 100%;
    }
}
@media only screen and (min-width: 1200px) {
    body .container{
        max-width: 1140px;
        width: 100%;
    }
}
@media only screen and (min-width: 1300px) {
    body .container{
        max-width: 1210px;
        width: 100%;
    }
}
@media only screen and (min-width: 1400px) {
    body .container{
        max-width: 1390px;
        width: 100%;
    }
}
@media only screen and (min-width: 1600px) {
    body .container{
        max-width: 1480px;
        width: 100%;
    }
}

/****** section_padding css ******/
.section_padding {
    padding: 100px 0;
}
.section_margin {
    margin: 100px 0;
}
@media only screen and (max-width: 1440.5px) {
    .section_padding {
        padding: 90px 0;
    }
    .section_margin {
        margin: 90px 0;
    }
}
@media only screen and (max-width: 1200.5px) {
    .section_padding {
        padding: 80px 0;
    }
    .section_margin {
        margin: 80px 0;
    }
}
@media only screen and (max-width: 1024.5px) {
    .section_padding {
        padding: 70px 0;
    }
    .section_margin {
        margin: 70px 0;
    }
}
@media only screen and (max-width: 991.98px) {
    .section_padding {
        padding: 60px 0;
    }
    .section_margin {
        margin: 60px 0;
    }
}
@media only screen and (max-width: 767.98px) {
    .section_padding {
        padding: 50px 0;
    }
    .section_margin {
        margin: 50px 0;
    }
}
@media only screen and (min-width: 1099px){
    .mxw-1024{
        max-width: 1024px !important;
    }
}
/* ------------------------------  Coomon-Button---------------------------- */
.top-space .default-btn {
    margin-top: 40px;
}
.default-btn {
    font-size: 18px;
    font-weight: 400;
    line-height: 1.2;
    letter-spacing: 0.8px;
    font-family: var(--primary_font);
    color: var(--white_color);
    background: var(--secondary_color);
    border: 2px solid var(--secondary_color);
    border-radius: 50px;
    padding: 16px 50px;
    transition: all 0.3s ease 0s;
    padding-left: 78px;
    text-align: center;
    background-image: url("/lp-asset/lp-images/white-flower-icon.svg");
    background-size: 9%;
    background-repeat: no-repeat;
    background-position: left 14px center;
    width: 100%;
    max-width: 326px;
}
.default-btn:hover,
.default-btn:focus {
    background-color: transparent;
    color: var(--secondary_color);
    transition: all 0.3s ease 0s;
    background-image: url("/lp-asset/lp-images/red-flower-icon.svg");
}
.default-btn.white-btn {
    color: var(--main_color);
    border-color: var(--white_color);
    background-color: var(--white_color);
    background-image: url("/lp-asset/lp-images/flower-icon.svg");
}
.default-btn.white-btn:hover {
    background-color: transparent;
    color: var(--white_color);
    background-image: url("/lp-asset/lp-images/white-flower-icon.svg");
}
.default-btn.call-btn {
    max-width: 265px;
}
@media only screen and (max-width: 991.5px){
    .top-space .default-btn {
        margin-top: 30px;
    }
}
@media only screen and (max-width: 575.5px) {
    .default-btn, .default-btn.call-btn {
        width: 100%;
        max-width: 100%;
    }
    body .default-btn span {
        display: none;
    }
    .top-space .default-btn {
        margin-top: 20px;
    }
}
@media only screen and (max-width: 575px) and (min-width: 450px){
    .default-btn{
        background-size: 5%;
    }
}
@media only screen and (max-width: 385.5px){
    .default-btn{
        padding: 14px 22px;
        padding-left: 45px;
    }
}
/*==================================================
Start Header Section Css
==================================================*/
.sticky-header {
    position: sticky;
    top: 0;
    display: inline-block;
    width: 100%;
    z-index: 999;
}
.header-section {
    padding: 22px 0;
    background-color: var(--white_color);
    box-shadow: rgba(20, 20, 20, 0.4) 0px 0px 15px -4px;
}
.header-section .container-fluid, .footer-section .container-fluid{
    padding: 0 80px;
}
.header-footer-btn {
    color: var(--main_color);
    font-size: 16px;
    font-weight: 500;
    font-style: normal;
    line-height: 1.2;
    font-family: var(--primary_font);
    padding: 12px 26px;
    background: transparent;
    border: 2px solid var(--main_color);
    text-align: center;
    transition: all 0.3s ease 0s;
    text-transform: capitalize;
    border-radius: 50px;
    /* letter-spacing: 1px; */
}
.header-footer-btn:hover, .header-footer-btn:focus {
    background-color: var(--main_color);
    color: var(--white_color);
}
@media only screen and (max-width: 1650.5px){
    .header-section .container-fluid, .footer-section .container-fluid{
        padding: 0 70px;
    }
}
@media only screen and (max-width: 1366.5px){
    .header-section .container-fluid, .footer-section .container-fluid{
        padding: 0 60px;
    }
}
@media only screen and (max-width: 1199.5px){
    .header-section .container-fluid, .footer-section .container-fluid{
        padding: 0 50px;
    }
}
@media only screen and (max-width: 1024.5px){
    .header-section .container-fluid, .footer-section .container-fluid{
        padding: 0 40px;
    }
}
@media only screen and (max-width: 991.5px){
    .header-section .container-fluid, .footer-section .container-fluid{
        padding: 0 30px;
    }
}
@media only screen and (max-width: 767.5px){
    .header-section{
        padding: 15px 0;
    }
}
@media only screen and (max-width: 575.5px){
    .header-section{
        padding: 10px 0;
    }
    .header-footer-btn{
        width: 100%;
    }
    .header-footer-btn span{
        display: none;
    }
}
@media only screen and (max-width: 375.5px){
    .header-btn .header-footer-btn{
        padding: 12px 20px;
    }
}
/*==================================================
End Header Section Css
==================================================*/
/*==================================================
Start Footer Section Css
==================================================*/
.footer-section{
    padding: 22px 0;
    background-color: var(--white_color);
}
@media only screen and (max-width: 767.5px){
    .footer-section{
        padding: 15px 0;
    }
}
@media only screen and (max-width: 575.5px){
    .footer_logo {
        text-align: center;
        padding-bottom: 15px;
    }
}
/*==================================================
End Footer Section Css
==================================================*/


h1, h2, h3, h4, h5, h6 {
    margin: 0 0 .6em 0;
    font-weight: 500;
    color: #333;
    line-height: 1.3;
    font-style: normal;
    text-rendering: optimizeLegibility;
    /* text-wrap: balance; */
}

/* Banner Section CSS */
.banner-section {
    /* height: min(100svh - 135px, 984px); */
    display: flex;
    flex-direction: column;
    justify-content: center;
    overflow: hidden;
    position: relative;
    height: 100vh;
}

.banner-section .row{
    max-width: 1840px;
    position: relative;
    z-index: 3;
    /* padding: 0 0 120px 0; */
    width: 100%;
    margin: 0 auto;
}

.banner-section .row .banner-content {
    margin-left: auto;
    text-align: left;
    /* padding-right: 100px; */
    max-width: 645px;
}

.banner-section .row .banner-content h1 {
    color: #0f173f;
    padding-bottom: 0;
    text-shadow: 0 0 16px rgba(255,255,255,.6);
    margin-bottom: 30px;
}

span.common-span{
    font-size: 20px;
    display: block;
    color: #0f173f;
    margin: 0 0 20px 0;
    text-transform: uppercase;
    letter-spacing: 0.8px;
    font-weight: 500;
}
body .white-content,
body .white-content *{
    color: #fff;
}
.banner-section .row .banner-content .banner-para p {
    margin-bottom: 25px;
    max-width: 425px;
    width: 100%;
}

.animate-btn{
    --animSpeed: .6s;
    display: inline-block;
    position: relative;
    margin: 0;
    padding: 22px 40px 22px 76px;
    text-decoration: none;
    text-align: center;
    font-size: 16px;
    font-weight: 500;
    line-height: 1.2;
    user-select: none;
    border-radius: 50px;
    background: #0F173F;
    color: #ffffff;
    outline: none !important;
    cursor: pointer;
    border: none;
    transition: padding var(--animSpeed) ease, color calc(var(--animSpeed) / 2.5) ease;
    text-rendering: optimizeLegibility;
}

.animate-btn::before {
    content: "";
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 36px;
    height: auto;
    aspect-ratio: 38/42;
    margin: 0 13px;
    background-size: cover;
    background-image: url('data:image/svg+xml,%3Csvg fill="none" width="38" height="42" xmlns="http://www.w3.org/2000/svg"%3E%3Cg clip-path="url(%23clip0_367_5749)" fill="%23fff"%3E%3Cpath d="M37.5 20.019c0-11.055-8.945-20.02-19.977-20.02H9.982c0 11.056 8.945 20.02 19.977 20.02H37.5zm0 1.962H29.96C18.927 21.981 9.982 30.94 9.982 42h7.541C28.555 42 37.5 33.036 37.5 21.981z"/%3E%3Cpath d="M24.808 20.992c-6.644-1.472-9.997-4.14-13.28-9.495a23.938 23.938 0 0 0-5.725 4.244L.5 21.052l5.306 5.317a23.78 23.78 0 0 0 5.612 4.179c3.294-5.404 6.874-8.056 13.39-9.555z"/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id="clip0_367_5749"%3E%3Cpath fill="%23fff" transform="matrix(1 0 0 -1 .5 42)" d="M0 0H37V42H0z"/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E');
    transition: left var(--animSpeed) ease;
}

.animate-btn::after {
    content: "";
    position: absolute;
    right: 67px;
    top: 50%;
    transform: translate(0, -50%);
    width: calc(100% - 140px);
    height: 16px;
    background-image: url('data:image/svg+xml,%3Csvg viewBox="0 0 408 16" fill="none" xmlns="http://www.w3.org/2000/svg"%3E%3Cpath d="M1 7C0.447715 7 4.82823e-08 7.44772 0 8C-4.82823e-08 8.55228 0.447715 9 1 9L1 7ZM407.707 8.70714C408.098 8.31662 408.098 7.68345 407.707 7.29293L401.343 0.928967C400.953 0.538443 400.319 0.538443 399.929 0.928967C399.538 1.31949 399.538 1.95266 399.929 2.34318L405.586 8.00004L399.929 13.6569C399.538 14.0474 399.538 14.6806 399.929 15.0711C400.319 15.4616 400.953 15.4616 401.343 15.0711L407.707 8.70714ZM1 9L407 9.00004L407 7.00004L1 7L1 9Z" fill="white"/%3E%3C/svg%3E%0A');
    background-repeat: no-repeat;
    background-size: cover;
    background-position: right center;
    border-radius: 100% 0 0 100%;
    opacity: 0;
    transition: opacity calc(var(--animSpeed)/2) ease;
}

.animate-btn:hover{
    color: #0f173f;
}

.animate-btn:hover::before{
    left: calc(100% - 36px - 25px);
}

.animate-btn:hover::after{
    opacity: 1;
    transition: opacity var(--animSpeed) calc(var(--animSpeed) / 2.5) ease;
}

@keyframes fadeInUp{
    0% {
        opacity: 0;
        transform: translate3d(0, 10%, 0);
    }
    
    100% {
        opacity: 1;
        transform: none;
    }
}


.banner-section .banner-img{
    z-index: 0;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100%;
    height: 100%;
    display: flex;
    padding: 0;
}

.banner-section .banner-img img{
    object-fit: cover;
    width: calc(100% + 2px);
    height: calc(100% + 2px);
    object-position: 40% 20%;
    transform-origin: left bottom;
    transform: scale(1.04);
    transition: transform 2s ease;
}

.in-viewport {
    animation-duration: 1s;
    animation-fill-mode: both;
}


/* Right Image Section CSS */
.right-image-section{
    /* padding: 120px 0 120px 30px; */
    overflow: hidden;
}
.horizontal-tab-content p,
.right-image-section p{
    max-width: 500px;
    width: 100%;
}

.left-sided-container{
    margin-left: calc((100% - 1480px) / 2);
}

.right-image-section .container-fluid{
    padding: 0;
}

.right-image-section .row{
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
    justify-content: space-between;
    gap: 0;
}

.right-image-section .right-img-col{
    overflow: hidden;
    border-radius: 45px 0 0 45px;
    display: flex;
}

.right-image-section .right-img-col img {
    /* border-radius: 45px 0 0 45px; */
    transform: scale(1.2);
    object-fit: cover;
    width: calc(100% + 2px);
    height: calc(100% + 2px);
    transition: all 1.25s ease;
}

.right-image-section.in-viewport.is-in-viewport .right-img-col img {
    transform: scale(1);
}

.right-image-section .left-content-col {
    max-width: 650px;
    margin-left: 0;
}
.tmj-specialist-content .animate-btn,
.right-image-section .left-content-col .animate-btn{
    margin-top: 30px !important;
}

.right-image-section .left-content-col .inner-links{
    display: flex;
    flex-wrap: wrap;
    margin: 40px 0 40px 0;
    gap: 35px;
}

.right-image-section .left-content-col .inner-links span {
    position: relative;
    display: inline-flex;
    align-items: center;
    font-weight: 600;
    padding-bottom: 20px;
    font-size: 16px;
    line-height: 26px;
    color: #0f173f;
    letter-spacing: 0.25px;
}

.right-image-section .left-content-col .inner-links span::before {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 0;
    height: 4px;
    border-radius: 4px;
    background: #eb984c;
    transition: width .2s ease;
}

.right-image-section .left-content-col .inner-links span::after {
    content: "";
    display: inline-block;
    width: 7px;
    height: 11px;
    margin-left: 8px;
    background-size: cover;
    background-image: url("/lp-asset/lp-images/list-arrow.svg");
}

.right-image-section .left-content-col .inner-links span:hover:before {
    width: 100%;
}

.right-image-section .left-content-col .inner-links span:hover:after {
    background-image: url("/lp-asset/lp-images/list-orange-arrow.svg");
}

/* Container Slider Section CSS */
.container-slider-section{
    overflow: hidden;
    background-color: #0f173f;
    position: relative;
}

.container-slider-section::after {
    content: "";
    position: absolute;
    z-index: 0;
    inset: 0;
    opacity: .1;
    background-size: auto 120%;
    background-position: -20vw center;
    background-repeat: no-repeat;
    background-image: url("data:image/svg+xml,%3Csvg width='38' height='42' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_367_5749)' fill='%23fff'%3E%3Cpath d='M37.5 20.019c0-11.055-8.945-20.02-19.977-20.02H9.982c0 11.056 8.945 20.02 19.977 20.02H37.5zm0 1.962H29.96C18.927 21.981 9.982 30.94 9.982 42h7.541C28.555 42 37.5 33.036 37.5 21.981z'/%3E%3Cpath d='M24.808 20.992c-6.644-1.472-9.997-4.14-13.28-9.495a23.938 23.938 0 0 0-5.725 4.244L.5 21.052l5.306 5.317a23.78 23.78 0 0 0 5.612 4.179c3.294-5.404 6.874-8.056 13.39-9.555z'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_367_5749'%3E%3Cpath fill='%23fff' transform='matrix(1 0 0 -1 .5 42)' d='M0 0H37V42H0z'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
}

.container-slider-section .content-col{
    position: relative;
    z-index: 1;
}

.container-slider-section .content-col h2::before {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 98px;
    height: 4px;
    border-radius: 4px;
    background: #eb984c;
}

.container-slider-section .content-col h2::after {
    content: "";
    position: absolute;
    right: 0;
    top: calc(50% + 20px);
    transform: translateY(-50%);
    width: 104px;
    height: auto;
    aspect-ratio: 38/42;
    background-size: cover;
    background-image: url("data:image/svg+xml,%3Csvg width='38' height='42' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_367_5749)' fill='%23EB984C'%3E%3Cpath d='M37.5 20.019c0-11.055-8.945-20.02-19.977-20.02H9.982c0 11.056 8.945 20.02 19.977 20.02H37.5zm0 1.962H29.96C18.927 21.981 9.982 30.94 9.982 42h7.541C28.555 42 37.5 33.036 37.5 21.981z'/%3E%3Cpath d='M24.808 20.992c-6.644-1.472-9.997-4.14-13.28-9.495a23.938 23.938 0 0 0-5.725 4.244L.5 21.052l5.306 5.317a23.78 23.78 0 0 0 5.612 4.179c3.294-5.404 6.874-8.056 13.39-9.555z'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_367_5749'%3E%3Cpath fill='%23fff' transform='matrix(1 0 0 -1 .5 42)' d='M0 0H37V42H0z'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
    pointer-events: all;
    z-index: -1;
}

.container-slider-section .slider-col{
    position: relative;
    z-index: 1;
    /* padding-left: 30px; */
    gap: 32px;
}

.container-slider-section .slider-col .slider-image{
    border-radius: 40px;
    max-height: 500px;
}

.container-slider-section .slider-col .slider-image img{
    object-position: center top;
    object-fit: cover;
    border-radius: 40px;
}

.container-slider-section .slider-col .service-card{
    position: relative;
    width: fit-content;
    border-radius: 40px;
}

.container-slider-section .slider-col .service-card::after {
    content: "";
    position: absolute;
    inset: 0;
    opacity: .25;
    background: #000;
    transition: opacity .3s ease;
    will-change: opacity;
    border-radius: 40px;
}

.container-slider-section .slider-col .service-card:hover:after {
    opacity: .6;
}

.container-slider-section .slider-col .slider-content{
    padding: 20px 40px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 2;
}

.container-slider-section .slider-col .slider-content h3{
    color: #fff;
    font-size: 24px;
    margin-bottom: 15px;
}

.container-slider-section .slider-col .slider-content .expander{
    display: grid;
    grid-template-rows: 0fr;
    overflow: hidden;
    transition: grid-template-rows .3s ease;
}

.container-slider-section .slider-col .slider-content .expander .expander-content {
    min-height: 0;
    visibility: hidden;
    opacity: 0;
    transition: visibility .3s ease,opacity .3s ease;
    will-change: visibility,opacity;
}

.container-slider-section .slider-col .slider-content .expander .expander-content p{
    color: #fff;
    text-rendering: optimizeLegibility;
    font-weight: 400;
    font-size: 16px;
    font-family: var(--primary_font);
    line-height: 1.8;
    margin-bottom: 20px;
}

.container-slider-section .slider-col .slider-content .expander .expander-content .arrow-link {
    color: #fff;
    font-weight: 600;
    padding-bottom: 20px;
    font-family: var(--primary_font);
    font-size: 16px;
    line-height: 1;
    letter-spacing: 0.25px;
    width: fit-content;
    position: relative;
}

.container-slider-section .slider-col .slider-content .expander .expander-content .arrow-link::before {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 0;
    height: 4px;
    border-radius: 4px;
    background: #ffffff;
    transition: width .2s ease;
}

.container-slider-section .slider-col .slider-content .expander .expander-content .arrow-link::after {
    content: "";
    display: inline-block;
    width: 7px;
    height: 11px;
    margin-left: 8px;
    background-size: cover;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='7' height='11' fill='none'%3E%3Cpath stroke='%23fff' stroke-linecap='round' stroke-width='1.5' d='m1 9.5 4-4.21L1 1.5'/%3E%3C/svg%3E");
}

.container-slider-section .slider-col .service-card:hover .slider-content .expander {
    grid-template-rows: 1fr;
}

.container-slider-section .slider-col .service-card:hover .slider-content .expander .expander-content {
    visibility: visible;
    opacity: 1;
}

.container-slider-section .slider-col .slider-content .expander .expander-content .arrow-link:hover::before {
    width: 100%;
}

.container-slider-section .slick-slider .slick-track, .container-slider-section .slick-slider .slick-list {
    display: flex;
    gap: 32px;
    order: 1;
    margin: 0;
}

.container-slider-section .slick-prev{
    position: static;
    order: 2;
    transform: unset;
    opacity: 1;
    transform: rotate(180deg);
    width: 20px;
    height: 17px;
}

.container-slider-section .slick-next{
    position: static;
    order: 3;
    transform: unset;
    opacity: 1;
    width: 20px;
    height: 17px;
}

.container-slider-section .slick-prev:before, .container-slider-section .slick-next:before {
    background-size: cover;
    background-image: url("/lp-asset/lp-images/right-arrow.svg");
    background-repeat: no-repeat;
    content: '';
    width: 20px;
    height: 17px;
    display: block;
    opacity: 1;
}

.container-slider-section .slick-prev.slick-disabled:before, .container-slider-section .slick-next.slick-disabled:before {
    opacity: .35;
}

.slider-container {
    position: relative;
}

.lp_service_content_slider{
    margin-top: 35px;
}
.lp_service_content_slider .slick-dots {
    max-width: 340px;
    width: 100%;
    height: 10px;
    background-color: #cbd4ff;
    overflow: hidden;
    position: absolute;
    bottom: 5px;
    left: 150px;
    border-radius: 10px;
    z-index: 1;
    line-height: 0;
}
.lp_service_content_slider li{
    width: 25%;
    position: relative;
    margin: 0 !important;
    height: 100%;
}
.lp_service_content_slider li button{
    display: none;
}
.lp_service_content_slider .slick-active {
    width: 50%;
    height: 100%;
    background: #0f173f;
    top: 0;
    border-radius: 10px;
}

@keyframes fadeInRight{
    0% {
        opacity: 0;
        transform: translate3d(10%, 0, 0);
    }

    100% {
        opacity: 1;
        transform: none;
    }
}

/* Appointment section CSS */
.appointment-section{
    background-color: #0f173f;
    position: relative;
}

.appointment-section::before {
    content: "";
    position: absolute;
    inset: 0;
    z-index: 0;
    background-repeat: no-repeat;
    background-position: 0 center;
    background-size: auto;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='1268' height='354' fill='none'%3E%3Cg fill='%23F4F7FD' clip-path='url(%23a)' opacity='.1'%3E%3Cpath d='M1268 225.595C1268 604.092 961.445 911 583.384 911H324.942c0-378.496 306.556-685.405 684.618-685.405H1268ZM1268 158.405h-258.44c-378.062 0-684.618-306.704-684.618-685.405h258.442C961.445-527 1268-220.092 1268 158.405Z'/%3E%3Cpath d='M833.041 192.256C605.347 242.674 490.427 334 377.959 517.368c-70.587-37.43-136.883-85.906-196.232-145.324L0 190.21 181.829 8.172c58.43-58.498 123.194-106.053 192.35-143.074 112.877 185.004 235.56 275.819 458.862 327.158Z'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='a'%3E%3Cpath fill='%23fff' d='M0 0H1268V1438H0z' transform='translate(0 -527)'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
}


.animate-btn.white-btn{
    background: #fff;
    color: #0f173f;
}

.animate-btn.white-btn:hover{
    color: #fff;
}

.animate-btn.white-btn::before {
    background-image: url('data:image/svg+xml,%3Csvg fill="none" width="38" height="42" xmlns="http://www.w3.org/2000/svg"%3E%3Cg clip-path="url(%23clip0_367_5749)" fill="%23EB984C"%3E%3Cpath d="M37.5 20.019c0-11.055-8.945-20.02-19.977-20.02H9.982c0 11.056 8.945 20.02 19.977 20.02H37.5zm0 1.962H29.96C18.927 21.981 9.982 30.94 9.982 42h7.541C28.555 42 37.5 33.036 37.5 21.981z"/%3E%3Cpath d="M24.808 20.992c-6.644-1.472-9.997-4.14-13.28-9.495a23.938 23.938 0 0 0-5.725 4.244L.5 21.052l5.306 5.317a23.78 23.78 0 0 0 5.612 4.179c3.294-5.404 6.874-8.056 13.39-9.555z"/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id="clip0_367_5749"%3E%3Cpath fill="%23fff" transform="matrix(1 0 0 -1 .5 42)" d="M0 0H37V42H0z"/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E');
}

.animate-btn.white-btn::after {
    background-image: url('data:image/svg+xml,%3Csvg viewBox="0 0 408 16" fill="none" xmlns="http://www.w3.org/2000/svg"%3E%3Cpath d="M1 7C0.447715 7 4.82823e-08 7.44772 0 8C-4.82823e-08 8.55228 0.447715 9 1 9L1 7ZM407.707 8.70714C408.098 8.31662 408.098 7.68345 407.707 7.29293L401.343 0.928967C400.953 0.538443 400.319 0.538443 399.929 0.928967C399.538 1.31949 399.538 1.95266 399.929 2.34318L405.586 8.00004L399.929 13.6569C399.538 14.0474 399.538 14.6806 399.929 15.0711C400.319 15.4616 400.953 15.4616 401.343 15.0711L407.707 8.70714ZM1 9L407 9.00004L407 7.00004L1 7L1 9Z" fill="%230F173F"/%3E%3C/svg%3E%0A');
}

.appointment-section .appointment-section-col{
    gap: 15px;
}


/* Four Col Section CSS */
.four-col-section{
    padding: 60px 0;
}

.four-col-section .container-fluid{
    padding: 0 80px;
}

.four-col-section .four-cols{
    display: grid;
    grid-template-columns: repeat(4,1fr);
    gap: 35px;
}

.four-col-section .four-cols .img-text-col{
    position: relative;
    border-radius: 40px;
    overflow: hidden;
}

.four-col-section .four-cols .img-text-col span{
    padding: 0 10px 30px 10px;
    font-family: var(--primary_font);
    font-size: 32px;
    line-height: 1.2;
    color: #fff;
    font-weight: 600;
    transition: padding .4s ease;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 5;
    width: 100%;
}

.four-col-section .four-cols .img-text-col span::after {
    content: "";
    position: absolute;
    left: 50%;
    bottom: 0;
    transform: translateX(-50%);
    width: 98px;
    height: 4px;
    border-radius: 40px;
    background: #fff;
}

.four-col-section .four-cols .img-text-col::after {
    content: "";
    position: absolute;
    z-index: 1;
    inset: 0;
    background: #000;
    opacity: .4;
    transition: opacity .6s ease;
    border-radius: 40px;
}

.four-col-section .four-cols .img-text-col:hover:after {
    opacity: .6;
}

.four-col-section .four-cols .img-text-col img{
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 40px;
    transition: transform .6s ease;
}

.four-col-section .four-cols .img-text-col:hover img{
    transform: scale(1.05);
}

.four-col-section .four-cols .img-text-col:hover a{
    padding: 0 10px 40px 10px;
}


/* TMJ Specialist Section CSS */
.tmj-specialist-section{
    /* padding-top: 85px; */
    background-color: #0f173f;
    position: relative;
}

.tmj-specialist-section::after {
    content: "";
    position: absolute;
    z-index: 0;
    inset: 0;
    opacity: .1;
    background-size: auto 200%;
    background-position: 65vw center;
    background-repeat: no-repeat;
    background-image: url("data:image/svg+xml,%3Csvg width='38' height='42' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_367_5749)' fill='%23fff'%3E%3Cpath d='M37.5 20.019c0-11.055-8.945-20.02-19.977-20.02H9.982c0 11.056 8.945 20.02 19.977 20.02H37.5zm0 1.962H29.96C18.927 21.981 9.982 30.94 9.982 42h7.541C28.555 42 37.5 33.036 37.5 21.981z'/%3E%3Cpath d='M24.808 20.992c-6.644-1.472-9.997-4.14-13.28-9.495a23.938 23.938 0 0 0-5.725 4.244L.5 21.052l5.306 5.317a23.78 23.78 0 0 0 5.612 4.179c3.294-5.404 6.874-8.056 13.39-9.555z'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_367_5749'%3E%3Cpath fill='%23fff' transform='matrix(1 0 0 -1 .5 42)' d='M0 0H37V42H0z'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
}

.tmj-specialist-section .container{
    max-width: 920px;
    margin: 0 auto;
}

.tmj-specialist-section .tmj-specialist-content{
    position: relative;
    z-index: 1;
}

.tmj-specialist-section .tmj-specialist-content p{
    color: #ffffff;
}

.tmj-specialist-section .tmj-specialist-content .animate-btn.white-btn{
    margin: 0 auto;
}

.tmj-specialist-section.sleep-apnea-section .tmj-specialist-content p.links-title {
    position: relative;
    font-size: 20px;
    text-transform: uppercase;
    font-weight: 500;
    margin: 30px auto 0 auto;
    padding-left: 30px;
    max-width: 600px;
    width: 100%;
}

.tmj-specialist-section.sleep-apnea-section .tmj-specialist-content p.links-title::before {
    content: "";
    position: absolute;
    left: 0;
    /* top: 50%; */
    /* transform: translateY(-50%); */
    top: 7px;
    aspect-ratio: 38/42;
    width: clamp(16px,1.1458333333vw,22px);
    height: auto;
    background-size: cover;
    background-image: url('data:image/svg+xml,%3Csvg fill="none" width="38" height="42" xmlns="http://www.w3.org/2000/svg"%3E%3Cg clip-path="url(%23clip0_367_5749)" fill="%23fff"%3E%3Cpath d="M37.5 20.019c0-11.055-8.945-20.02-19.977-20.02H9.982c0 11.056 8.945 20.02 19.977 20.02H37.5zm0 1.962H29.96C18.927 21.981 9.982 30.94 9.982 42h7.541C28.555 42 37.5 33.036 37.5 21.981z"/%3E%3Cpath d="M24.808 20.992c-6.644-1.472-9.997-4.14-13.28-9.495a23.938 23.938 0 0 0-5.725 4.244L.5 21.052l5.306 5.317a23.78 23.78 0 0 0 5.612 4.179c3.294-5.404 6.874-8.056 13.39-9.555z"/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id="clip0_367_5749"%3E%3Cpath fill="%23fff" transform="matrix(1 0 0 -1 .5 42)" d="M0 0H37V42H0z"/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E');
}

.tmj-specialist-section.sleep-apnea-section .tmj-specialist-content ul{
    display: grid;
    grid-template-columns: 1fr 1fr;
    max-width: 600px;
    width: 100%;
    margin: 20px auto 0 auto;
    gap: 20px 35px;
}

.tmj-specialist-section.sleep-apnea-section .tmj-specialist-content ul li{
    padding-left: 30px;
}

.tmj-specialist-section.sleep-apnea-section .tmj-specialist-content ul li span {
    position: relative;
    font-weight: 600;
    padding-bottom: 20px;
    letter-spacing: 0.25px;
    display: inline-block;
}

.tmj-specialist-section.sleep-apnea-section .tmj-specialist-content ul li span::before {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 0;
    height: 4px;
    border-radius: 4px;
    background: #ffffff;
    transition: width .2s ease;
}

.tmj-specialist-section.sleep-apnea-section .tmj-specialist-content ul li span::after {
    content: "";
    display: inline-block;
    width: 7px;
    height: 11px;
    margin-left: 8px;
    background-size: cover;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='7' height='11' fill='none'%3E%3Cpath stroke='%23fff' stroke-linecap='round' stroke-width='1.5' d='m1 9.5 4-4.21L1 1.5'/%3E%3C/svg%3E");
}

.tmj-specialist-section.sleep-apnea-section .tmj-specialist-content ul li span:hover::before{
    width: 100%;
}


/* Our Locations Section CSS */
.our-location-section{
    position: relative;
}

.our-location-section .our-location-column{
    position: relative;
    z-index: 5;
}

.our-location-section .our-location-column .location-list{
    margin: 15px 0;
    gap: 56px;
}

.our-location-section .our-location-column .location-list li p{
    position: relative;
    text-transform: uppercase;
    font-weight: 600;
    padding-left: 30px;
    margin-bottom: 10px;
    font-size: 22px;
    font-family: var(--primary_font);
    line-height: 1.3;
    color: #333;
    letter-spacing: 0.25px;
}

.our-location-section .our-location-column .location-list li p::before {
    content: "";
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    aspect-ratio: 38/42;
    width: clamp(16px,1.1458333333vw,22px);
    height: auto;
    background-size: cover;
    background-image: url('data:image/svg+xml,%3Csvg fill="none" width="38" height="42" xmlns="http://www.w3.org/2000/svg"%3E%3Cg clip-path="url(%23clip0_367_5749)" fill="%23EB984C"%3E%3Cpath d="M37.5 20.019c0-11.055-8.945-20.02-19.977-20.02H9.982c0 11.056 8.945 20.02 19.977 20.02H37.5zm0 1.962H29.96C18.927 21.981 9.982 30.94 9.982 42h7.541C28.555 42 37.5 33.036 37.5 21.981z"/%3E%3Cpath d="M24.808 20.992c-6.644-1.472-9.997-4.14-13.28-9.495a23.938 23.938 0 0 0-5.725 4.244L.5 21.052l5.306 5.317a23.78 23.78 0 0 0 5.612 4.179c3.294-5.404 6.874-8.056 13.39-9.555z"/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id="clip0_367_5749"%3E%3Cpath fill="%23fff" transform="matrix(1 0 0 -1 .5 42)" d="M0 0H37V42H0z"/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E');
}

.our-location-section .our-location-column .location-list li .inner-list{
    gap: 80px;
    margin: 0 0 0 32px;
}

.our-location-section .our-location-column .location-list li .inner-list li{
    position: relative;
}

.our-location-section .our-location-column .location-list li .inner-list li {
    display: block;
    font-size: 30px;
    line-height: 36px;
    color: #0f173f;
    font-family: var(--primary_font);
    font-weight: 600;
    transition: color .3s ease;
}

.our-location-section .our-location-column .location-list li .inner-list li::before {
    content: "";
    position: absolute;
    top: 50%;
    left: -28px;
    transform: translateY(-50%);
    width: 22px;
    height: 25px;
    opacity: 0;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='22' height='25' fill='none'%3E%3Cg fill='%23EB984C' clip-path='url(%23a)'%3E%3Cpath d='M22 13.084C22 19.664 16.68 25 10.122 25H5.638c0-6.58 5.319-11.916 11.878-11.916H22ZM22 11.916h-4.484C10.956 11.916 5.638 6.584 5.638 0h4.484C16.682 0 22 5.336 22 11.916Z'/%3E%3Cpath d='M14.453 12.504c-3.95.877-5.944 2.464-7.895 5.652a14.238 14.238 0 0 1-3.405-2.526L0 12.469l3.155-3.165a14.14 14.14 0 0 1 3.337-2.488c1.958 3.217 4.087 4.796 7.961 5.688Z'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='a'%3E%3Cpath fill='%23fff' d='M0 0H22V25H0z'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
    transition: opacity .3s ease;
}

.our-location-section .our-location-column .location-list li .inner-list li:hover {
    opacity: 1;
    color: #eb984c;
}

.our-location-section .our-location-column .location-list li .inner-list li:hover::before{
    opacity: 1;
}

.our-location-section .location-img{
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.4s ease, visibility 0.4s ease;
}

.our-location-section .location-img img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.location-img.active {
    opacity: 1;
    visibility: visible;
}


/* Horizontal Tab Section CSS */
.horizontal-tab-section{
    overflow: hidden;
}

.horizontal-tab-section .horizontal-tab-content {
    position: relative;
    padding-bottom: 27px;
    z-index: 5;
}

.horizontal-tab-content .tab-container{
    width: 100%;
    max-width: 1480px;
    margin: 0 auto;
}

.horizontal-tab-section .tab-content{
    max-width: 510px;
    margin-right: 30px;
    width: 100%;
    margin-left: auto;
    padding-bottom: 65px;
    display: grid;
    grid-template-columns: 1fr;
    grid-template-rows: 1fr;
}

.horizontal-tab-section .tab-content .tab-inner-content{
    transition: all 1.25s ease;
    position: relative;
    top: 20px;
}


.horizontal-tab-section .tab-content .tab-inner-content ul{
    margin: 40px 0;
    gap: 20px 35px;
}

.horizontal-tab-section .tab-content .tab-inner-content ul li{
    padding-bottom: 20px;
    color: #0f173f;
    font-family: var(--primary_font);
    font-size: 16px;
    line-height: 25px;
    font-weight: 600;
    position: relative;
    letter-spacing: 0.25px;
}

.horizontal-tab-section .tab-content .tab-inner-content ul li::before{
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 0;
    height: 4px;
    border-radius: 4px;
    background: #eb984c;
    transition: width .2s ease;
}

.horizontal-tab-section .tab-content .tab-inner-content ul li::after{
    content: "";
    display: inline-block;
    width: 7px;
    height: 11px;
    margin-left: 8px;
    background-size: cover;
    background-image: url("/lp-asset/lp-images/list-arrow.svg");
}

.horizontal-tab-section .tab-content .tab-inner-content ul li:hover::before {
    width: 100%;
}

.horizontal-tab-section .tab-content .tab-inner-content ul li:hover::after{
    background-image: url("/lp-asset/lp-images/list-orange-arrow.svg");
}

.horizontal-tab-section .horizontal-tab-content .tab-image{
    position: absolute;
    left: 0;
    top: 0;
}

.horizontal-tab-section .horizontal-tab-content .tab-image img{
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: all 1.25s ease;
    transform: scale(1.2);
}

.horizontal-tab-section .horizontal-tab-content .tab-inner-content{
    position: relative;
    z-index: 5;
}

.tab-content .tab-pane {
    opacity: 0;
    transition: opacity 0.5s ease;
    display: block;
    overflow: hidden;
    visibility: hidden;
    grid-column-start: 1;
    grid-row-start: 1;
}

.tab-content .tab-pane.active.show {
    opacity: 1;
    visibility: visible;
}

.nav-tabs {
    position: relative;
    z-index: 5;
    border: unset;
    width: fit-content;
    padding: 8px 10px;
    background: #0f173f;
    border-radius: 100px;
    margin: 0 30px;
    gap: 5px;
}

.nav-tabs .nav-item button{
    border-radius: 100px;
    padding: 13px 30px;
    color: #ffffff;
    background-color: #0f173f;
    border: unset !important;
    font-family: var(--primary_font);
    font-size: 18px;
    font-weight: 600;
    line-height: 1;
    outline: unset !important;
}

.nav-tabs .nav-item button.active{
    background-color: #ffffff;
    color: #0f173f;
}

.horizontal-tab-section.in-viewport.is-in-viewport .horizontal-tab-content .tab-image img{
    width: 100%;
    height: 100%;
    object-fit: cover;
    transform: scale(1);
}

/* Founder Section CSS */
.horizontal-tab-section.founder-section .tab-container{
    max-width: 100%;
}

.horizontal-tab-section.founder-section .tab-container .tab-image{
    position: static;
    width: 50%;
    border-radius: 0 40px 40px 0;
    overflow: hidden;
    max-height: 765px;
}

.horizontal-tab-section.founder-section .tab-container .tab-image img{
    border-radius: 0 40px 40px 0;
    object-position: center 10%;
}

.horizontal-tab-section.founder-section .tab-pane .tab-inner-content{
    max-width: 580px;
    margin-left: 275px;
    margin-right: 30px;
    width: 50%;
}

.horizontal-tab-section.founder-section .tab-content {
    max-width: 100%;
    margin-right: 0;
    width: 100%;
    margin-left: 0;
    padding-bottom:0;
}

.horizontal-tab-section.founder-section .tab-content .tab-pane{
    padding: 80px 0;
}

.horizontal-tab-section.founder-section .tab-content .tab-inner-content p{
    margin-bottom: 40px;
}

.horizontal-tab-section.founder-section .nav-tabs {
    border: 6px solid #fff;
    margin-block: -36px 40px;
}

.horizontal-tab-section.founder-section .horizontal-tab-content {
    padding-bottom: 0;
}

.horizontal-tab-section.founder-section .tab-content .tab-pane.second-tab{
    background: #0f173f;
}

.horizontal-tab-section.founder-section .tab-content .tab-pane.second-tab .tab-inner-content h2 span, .horizontal-tab-section.founder-section .tab-content .tab-pane.second-tab .tab-inner-content h2, .horizontal-tab-section.founder-section .tab-content .tab-pane.second-tab .tab-inner-content p{
    color: #ffffff;
}

.testimonial-section-content h2 {
    padding-bottom: 12px;
}
.testimonial-section .testimonial-section-content h2::before {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 98px;
    height: 4px;
    border-radius: 4px;
    background: #0f173f;
}

.testimonial-section .testimonial-section-content h2::after {
    content: "";
    position: absolute;
    right: 0;
    bottom: 0;
    width: 104px;
    height: auto;
    aspect-ratio: 38/42;
    background-size: cover;
    background-image: url("data:image/svg+xml,%3Csvg width='38' height='42' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_367_5749)' fill='%230F173F'%3E%3Cpath d='M37.5 20.019c0-11.055-8.945-20.02-19.977-20.02H9.982c0 11.056 8.945 20.02 19.977 20.02H37.5zm0 1.962H29.96C18.927 21.981 9.982 30.94 9.982 42h7.541C28.555 42 37.5 33.036 37.5 21.981z'/%3E%3Cpath d='M24.808 20.992c-6.644-1.472-9.997-4.14-13.28-9.495a23.938 23.938 0 0 0-5.725 4.244L.5 21.052l5.306 5.317a23.78 23.78 0 0 0 5.612 4.179c3.294-5.404 6.874-8.056 13.39-9.555z'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_367_5749'%3E%3Cpath fill='%23fff' transform='matrix(1 0 0 -1 .5 42)' d='M0 0H37V42H0z'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
}

.testimonial-section .testimonial-section-content .slider-img-content{
    gap: 60px;
    padding: 40px 0;
}

.testimonial-section .testimonial-section-content .slider-img{
    max-width: 305px;
    border-radius: 20px;
}

.testimonial-section .testimonial-section-content .slider-img img{
    object-fit: cover;
    border-radius: 20px;
}

.testimonial-section .testimonial-section-content .slider-columns::before {
    content: "";
    display: block;
    width: 48px;
    height: auto;
    aspect-ratio: 48/35;
    margin-bottom: 20px;
    background-size: cover;
    background-image: url("/lp-asset/lp-images/blue-quote.svg");
}

.testimonial-section .testimonial-section-content .slider-columns .review{
    margin-top: auto;
}

.testimonial-section .testimonial-section-content .slider-columns span.review-stars{
    margin-top: 20px;
}

.testimonial-section .testimonial-section-content .slider-columns span.review-stars i {
    font-size: 16px;
    color: #eb984c;
}

.testimonial-section .testimonial-section-content .slider-columns .icon-star:before {
    content: "";
}

.testimonial-section .testimonial-section-content .slider-columns [class^=icon-]:before, .testimonial-section .testimonial-section-content .slider-columns [class*=" icon-"]:before, .testimonial-section .testimonial-section-content .slider-columns .tns-controls button:before {
    font-family: "FIconFont"; 
    font-style: normal;
    font-weight: normal;
    font-display: swap;
    speak: never;
    display: inline-block;
    text-decoration: inherit;
    width: 1em;
    margin-right: .2em;
    text-align: center;
    font-variant: normal;
    text-transform: none;
    line-height: 1em;
    margin-left: .2em;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.testimonial-section .testimonial-section-content .sliders{
    width: 100%;
}

.testimonial-section .testimonial-section-content .sliders .slider-columns p{
    line-height: 1.8;
    letter-spacing: 0.25px;
}

.testimonial-section .testimonial-section-content .sliders .slider-columns .name{
    display: block;
    margin: 18px 0;
    font-weight: 600;
    font-family: var(--primary_font);
    font-size: 16px;
}

.slick-slider .slick-track, .slick-slider .slick-list {
    margin: 0 -15px;
    height: 100%;
}

.slick-slider .slick-track::before, .slick-slider .slick-track::after{
    display: none !important;
}

.sliders .slider-columns {
    padding: 0 30px;
    height: 100%;
}


.slider .slider-columns {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  height: 100%;
}


@media (min-width: 992px){
    /* Banner Section CSS */
    .banner-section.in-viewport .banner-img img {
        transform: scale(1);
    }

    .banner-section.in-viewport .row {
        animation-duration: 2s; 
        animation-name: fadeInUp;
    }

    /* Right Image Section CSS */
    .right-image-section.in-viewport .left-content-col {
        animation-duration: 2s; 
        animation-name: fadeInUp;
    }

    .right-image-section.in-viewport .right-img-col {
        animation-duration: 2s; 
        animation-name: fadeInRight;
    }

    /* Appointment section CSS */
    .appointment-section.in-viewport{
        animation-duration: 2s; 
        animation-name: fadeInUp;
    }

    /* Four Col Section CSS */
    .four-col-section.in-viewport{
        animation-duration: 2s; 
        animation-name: fadeInUp;
    }

    /* TMJ Specialist Section CSS */
    .tmj-specialist-section.in-viewport{
        animation-duration: 2s; 
        animation-name: fadeInUp;
    }

    .horizontal-tab-section .tab-pane.active.show .tab-inner-content{
        top: 0;
    }
}

@media (max-width: 1650px){
    .left-sided-container {
        margin-left: 55px;
    }

    /* Four Col Section CSS */
    .four-col-section .container-fluid {
        padding: 0 70px;
    }

    /* Founder Section CSS */
    .horizontal-tab-section.founder-section .tab-pane .tab-inner-content {
        max-width: 580px;
        margin-left: 100px;
        margin-right: 30px;
    }
}

@media (max-width: 1440px){

    /* Banner Section CSS */
    .banner-section::before {
        display: block;
        content: "";
        position: absolute;
        z-index: 1;
        inset: 0;
        background: linear-gradient(to left, rgba(255, 255, 255, 0.6) 10%, rgba(255, 255, 255, 0) 80%);
    }

    .banner-section .row .banner-content h1 {
        margin-bottom: 25px;
    }

    .banner-section .row .banner-content .banner-para p {
        margin-bottom: 25px;

    }

    .banner-section .row .banner-content {
        /* padding-right: 60px; */
        /* width: 645px; */
        max-width: 575px;
    }

    .banner-section .row {
        padding: 0 0 90px 0;
    }

    .animate-btn {
        padding: 20px 30px 20px 65px;
        font-size: 16px;
        line-height: 1.2;
    }

    /* Right Image Section CSS */
    .right-image-section {
        /* padding: 90px 0 90px 30px; */
    }


    .right-image-section .left-content-col {
        max-width: 500px;
        /* padding-top: 100px; */
        /* padding-bottom: 100px; */
    }

    .right-image-section .left-content-col p {
        max-width: 491px;
    }

    .right-image-section .left-content-col .inner-links {
        margin: 30px 0 30px 0;
        gap: 30px;
    }

    /* Four Col Section CSS */
    .four-col-section .four-cols .img-text-col span {
        padding: 0 10px 30px 10px;
        font-size: 30px;
    }


    /* Sleep Apnea Section CSS */
    .tmj-specialist-section.sleep-apnea-section .tmj-specialist-content p.links-title {
        font-size: 18px;
        margin: 20px auto 0 auto;
        padding-left: 30px;
    }


    .our-location-section .our-location-column .location-list {
        margin: 15px 0;
        gap: 50px;
    }

    .our-location-section .our-location-column .location-list li p {
        font-size: 20px;
    }

    .our-location-section .our-location-column .location-list li .inner-list li {
        font-size: 27px;
        line-height: 33px;
    }

    .our-location-section .our-location-column .location-list li .inner-list {
        gap: 30px 50px;
        margin: 0 0 0 30px;
    }

    /* Horizontal Tab Section CSS */


    .horizontal-tab-section .tab-content .tab-inner-content ul {
        margin: 30px 0;
        gap: 15px 25px;
    }

    .horizontal-tab-section .tab-content {
        max-width: 510px;
        margin-right: 30px;
        padding-bottom: 50px;
    }

    .nav-tabs .nav-item button {
        padding: 13px 25px;
        font-size: 16px;
    }

    /* Founder Section CSS */
    .horizontal-tab-section.founder-section .tab-pane .tab-inner-content {
        max-width: 580px;
        margin-left: 100px;
        margin-right: 30px;
    }


    .testimonial-section .testimonial-section-content .slider-img-content {
        gap: 50px;
        padding: 40px 0;
    }

    .testimonial-section .testimonial-section-content h2::after {
        width: 80px;
    }
}

@media (max-width: 1366px){
    /* Four Col Section CSS */
    .four-col-section .container-fluid {
        padding: 0 60px;
    }
}

@media (max-width: 1200px){

    /* Banner Section CSS */
    .banner-section .row .banner-content {
        /* padding-right: 50px; */
        /* width: 600px; */
        max-width: 500px;
    }

    .banner-section .row {
        padding: 0 0 80px 0;
    }

    /* Right Image Section CSS */
    .right-image-section {
        /* padding: 80px 0; */
    }

    .right-image-section .row {
        gap: 50px;
    }


    /* Four Col Section CSS */
    .four-col-section .four-cols .img-text-col span {
        padding: 0 10px 30px 10px;
        font-size: 28px;
    }

    .four-col-section .four-cols {
        grid-template-columns: repeat(4,1fr);
        gap: 30px;
    }


}

@media (max-width: 1024px){

    /* Banner Section CSS */
    .banner-section .row {
        padding: 0 0 70px 0;
    }

    .banner-section .row .banner-content {
        /* padding-right: 40px; */
        /* width: 50%; */
        max-width: 43%;
    }

    .banner-section .row .banner-content h1 {
        margin-bottom: 20px;
    }


    /* Right Image Section CSS */
    .left-sided-container {
        margin-left: 30px;
    }

    .right-image-section {
        /* padding: 70px 0; */
    }

    .right-image-section .left-content-col {
        max-width: 450px;
        /* padding-top: 50px; */
        /* padding-bottom: 50px; */
    }

    .right-image-section .left-content-col p {
        max-width: 100%;
    }

    .right-image-section {
        /* padding: 70px 0 70px 30px; */
    }

    .right-image-section .left-content-col .inner-links {
        margin: 30px 0 30px 0;
        gap: 15px 20px;
    }

    /* Four Col Section CSS */
    .four-col-section .container-fluid {
        padding: 0 40px;
    }

    .four-col-section .four-cols .img-text-col span {
        font-size: 25px;
    }

    .four-col-section .four-cols {
        grid-template-columns: repeat(2,1fr);
        gap: 25px;
    }


    .tmj-specialist-section .tmj-specialist-content p {
        margin: 0 auto 25px auto;
    }

    .our-location-section .our-location-column .location-list li .inner-list {
        gap: 20px 40px;
        margin: 0 0 0 30px;
    }

    .our-location-section .our-location-column .location-list li .inner-list li {
        font-size: 25px;
        line-height: 30px;
    }

    .our-location-section .our-location-column .location-list {
        margin: 15px 0;
        gap: 40px;
    }

    /* Founder Section CSS */
    .horizontal-tab-section.founder-section .tab-pane .tab-inner-content {
        max-width: 580px;
        margin-left: 60px;
        margin-right: 30px;
    }

    .horizontal-tab-section.founder-section .tab-content .tab-inner-content p {
        margin-bottom: 30px;
    }

    .horizontal-tab-section.founder-section .tab-content .tab-pane {
        padding: 70px 0;
    }

    .testimonial-section .testimonial-section-content .slider-img {
        max-width: 30%;
    }

    .testimonial-section .testimonial-section-content .slider-img-content {
        gap: 30px;
        padding: 30px 0;
    }

    .testimonial-section .testimonial-section-content .sliders {
        max-width: 65%;
        display: flex;
        flex-wrap: wrap;
        margin-bottom: 70px;
        gap: 10px;
    }

    .testimonial-section .testimonial-section-content .sliders .slick-slider .slick-track, .testimonial-section .testimonial-section-content .sliders .slick-slider .slick-list {
        order: 1;
    }

    .testimonial-section .testimonial-section-content .sliders .slick-prev {
        position: static;
        transform: unset;
        order: 2;
        border-radius: 100%;
        background: #0f173f;
        padding: 14px;
        width: 34px;
        height: 34px;
        background-image: url("/lp-asset/lp-images/right-arrow.svg");
        background-repeat: no-repeat;
        background-position: center center;
        background-size: 10px !important;
        transform: rotate(180deg);
    }

    .testimonial-section .testimonial-section-content .sliders .slick-next{
        position: static;
        transform: unset;
        order: 3;
        border-radius: 100%;
        background: #0f173f;
        padding: 14px;
        width: 34px;
        height: 34px;
        background-image: url("/lp-asset/lp-images/right-arrow.svg");
        background-repeat: no-repeat;
        background-position: center center;
        background-size: 10px !important;
    }

    .testimonial-section .testimonial-section-content .sliders .slick-prev::before , .testimonial-section .testimonial-section-content .sliders .slick-next::before {
        display: none;
    }

    .sliders .slider-columns {
        padding: 0 20px;
        height: 100%;
    }

    .slick-slider .slick-track, .slick-slider .slick-list {
        margin: 0 -10px;
        height: 100%;
    }

    .testimonial-section .testimonial-section-content h2::after {
        width: 60px;
    }
}

@media (max-width: 991px){

    /* Banner Section CSS */
    .banner-section{
        visibility: visible;
        flex-direction: column-reverse;
        height: auto;
    }

    .banner-section .container-fluid{
        padding: 0;
    }

    .banner-section .banner-img{
        position: static;
        transform: unset;
    }

    .banner-section .banner-img img {
        object-position: 0% 20%;
        transform: unset;
        /* aspect-ratio: 3 / 2.4; */
    }

    .banner-section .row .banner-content {
        margin-left: 0;
        max-width: 100%;
        padding: 60px 15px 0 15px;
    }

    .animate-btn {
        margin-bottom: 0;
    }

    .banner-section .row {
        padding: 0;
    }

    .banner-section .row .banner-content h1 {
        margin-bottom: 15px;
    }

    .animate-btn {
        margin-bottom: 0;
        padding: 15px 20px 15px 50px;
        font-size: 15px;
    }

    .animate-btn::before {
        width: 27px;
    }
    span.common-span{
        font-size: 18px;
    }

    /* Right Image Section CSS */
    .right-image-section {
        /* padding: 60px 0; */
        margin-right: 30px;
    }

    .right-image-section .row {
        gap: 40px;
        flex-direction: column-reverse;
        align-items: flex-end;
    }

    .right-image-section .right-img-col {
        /* width: 70%; */
        align-self: flex-end;
        border-radius: 30px;
    }

    .right-image-section .left-content-col {
        max-width: 100%;
        /* padding: 0 45px 0 0; */
        padding-right: 15px;
        padding-top: 0;
        padding-bottom: 0;
        margin-left: 0;
    }

    .right-image-section .left-content-col .inner-links {
        margin: 20px 0 20px 0;
        gap: 15px 20px;
    }

    .right-image-section .left-content-col .inner-links span {
        padding-bottom: 15px;
        font-size: 14px;
        line-height: 22px;
        display: inline-block;
    }

    /* Four Col Section CSS */
    .four-col-section .container-fluid {
        padding: 0px 30px;
    }

    .four-col-section .four-cols .img-text-col span {
        font-size: 23px;
        padding: 0 10px 25px 10px;
    }

    .four-col-section .four-cols .img-text-col:hover a{
        padding: 0 10px 35px 10px;
    }

    .tmj-specialist-section {
        /* padding-top: 60px; */
    }

    


    /* Sleep Apnea Section CSS */
    .tmj-specialist-section.sleep-apnea-section .tmj-specialist-content ul li span {
        padding-bottom: 15px;
        font-size: 14px;
        line-height: 1.6;
    }

    .tmj-specialist-section.sleep-apnea-section .tmj-specialist-content ul {
        margin: 20px auto 0 auto;
        gap: 15px 30px;
    }
    
    .our-location-section .our-location-column .location-list li .inner-list li {
        font-size: 23px;
        line-height: 27px;
    }

    .our-location-section .our-location-column .location-list {
        margin: 0;
        gap: 35px;
    }


    /* Horizontal Tab Section CSS */
    .horizontal-tab-section .horizontal-tab-content .tab-image:before {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        z-index: 2;
        display: block;
        background: #fff;
        opacity: .85;
    }

    .horizontal-tab-section .tab-content {
        max-width: 100%;
        margin-right: 0;
        padding: 0 30px 30px 30px;
    }

    .horizontal-tab-section .tab-content .tab-inner-content ul {
        margin: 25px 0;
        gap: 10px 20px;
    }

    .horizontal-tab-section .tab-content .tab-inner-content ul li {
        padding-bottom: 15px;
        font-size: 14px;
        line-height: 23px;
    }

    .nav-tabs {
        border-radius: 30px;
    }

    .horizontal-tab-section .tab-content .tab-inner-content {
        top: 0;
    }


    /* Founder Section CSS */
    .horizontal-tab-section.founder-section .tab-content {
        padding: 0
    }

    .horizontal-tab-section.founder-section .horizontal-tab-content .tab-image:before {
        display: none;
    }

    .horizontal-tab-section.founder-section .tab-pane .tab-inner-content {
        max-width: 100%;
        margin-left: 0;
        margin-right: 0;
        width: 100%;
        padding: 30px 30px 0 30px;
    }

    .horizontal-tab-section.founder-section .tab-container .tab-image {
        width: 100%;
        border-radius: 0;
    }

    .horizontal-tab-section.founder-section .tab-container .tab-image img {
        border-radius: 0;
    }

    .horizontal-tab-section.founder-section .nav-tabs {
        margin-block: -26px 30px;
    }

    .horizontal-tab-section.founder-section .tab-content .tab-pane {
        padding: 0 0 60px 0;
    }

    .testimonial-section .testimonial-section-content .sliders .slider-columns .name {
        font-size: 14px;
    }
}

@media (max-width: 767px){

    /* Banner Section CSS */
    .banner-section .row .banner-content {
        padding: 30px 15px 0;
    }

    .banner-section .banner-img img {
        aspect-ratio: 3 / 2;
    }

    .animate-btn {
        font-size: 14px;
    }
    span.common-span{
        font-size: 16PX;
    }
    

    .right-image-section {
        /* padding: 50px 0; */
    }

    .right-image-section .row {
        gap: 30px;
    }


    /* Four Col Section CSS */
    .four-col-section {
        padding: 50px 0;
    }

    .four-col-section .four-cols .img-text-col span {
        font-size: 22px;
    }

    .four-col-section .four-cols .img-text-col span::after {
        width: 85px;
    }

    .four-col-section .four-cols {
        grid-template-columns: repeat(2,1fr);
        gap: 20px;
    }


    .tmj-specialist-section .tmj-specialist-content p {
        margin: 0 auto 20px auto;
    }



    /* Sleep Apnea Section CSS */
    .tmj-specialist-section.sleep-apnea-section .tmj-specialist-content ul {
        margin: 20px auto 0 auto;
        gap: 15px 20px;
    }


    .our-location-section .our-location-column .location-list li .inner-list li::before {
        display: none;
    }

    .our-location-section .our-location-column .location-list li .inner-list li {
        font-size: 20px;
        line-height: 23px;
    }

    .our-location-section .our-location-column .location-list li .inner-list {
        gap: 15px 25px;
        margin: 0 0 0 30px;
    }

    .our-location-section .our-location-column .location-list {
        gap: 30px;
    }
    


    /* Founder Section CSS */
    .horizontal-tab-section.founder-section .tab-content .tab-pane {
        padding: 0 0 50px 0;
    }

    

    .testimonial-section .testimonial-section-content .slider-img-content {
        gap: 20px;
        padding: 20px 0;
    }

    .testimonial-section .testimonial-section-content .sliders {
        max-width: 100%;
        margin-bottom: 0px;
    }

    .testimonial-section .testimonial-section-content .slider-img {
        display: none;
    }

    .testimonial-section .testimonial-section-content h2::after {
        display: none;
    }

    .testimonial-section .testimonial-section-content .slider-columns .review {
        margin-top: 20px;
    }

    .testimonial-section .testimonial-section-content .slider-img-content {
        gap: 20px;
        padding: 0 0 20px 0;
    }

    .container-slider-section .left-sided-container{
        margin-left: 0 !important;
    }
}
@media (max-width: 600.5px){
    .container-slider-section .left-sided-container .slick-track{
        gap: 0 !important;
    }
}

@media (max-width: 575px){
    h2 br {
        display: none;
    }

    /* Banner Section CSS */
    /* .banner-section .row .banner-content {
        padding: 30px 30px;
    } */
    /* span.common-span{
        font-size: 14px;
    } */

    /* Right Image Section CSS */
    .right-image-section .left-content-col .inner-links {
        margin: 20px 0 00px 0;
        gap: 10px 15px;
    }


    .right-image-section .left-content-col .inner-links span {
        padding-bottom: 10px;
    }

    /* Four Col Section CSS */
    .four-col-section .four-cols .img-text-col span {
        font-size: 20px;
    }

    .four-col-section .four-cols {
        grid-template-columns: repeat(1,1fr);
    }


    /* Sleep Apnea Section CSS */
    .tmj-specialist-section.sleep-apnea-section .tmj-specialist-content ul {
        margin: 15px auto 0 auto;
        gap: 0px 20px;
        grid-template-columns: 1fr;
    }

    .our-location-section .our-location-column .location-list li .inner-list li {
        font-size: 18px;
        line-height: 22px;
    }

    /* Horizontal Tab Section CSS */
    .horizontal-tab-section .tab-content .tab-inner-content ul {
        margin: 20px 0;
        gap: 10px 15px;
    }

    .nav-tabs .nav-item button {
        padding: 10px 20px;
        font-size: 14px;
    }
    .animate-btn{
        max-width: 100%;
        width: 100%;
    }
}



/*Readmore Design*/
.read-more-btn {
    color: var(----main_color);
    background: none;
    border: none;
    padding: 0px;
    font-size: 16px;
    font-weight: 700;
    cursor: pointer;
    margin-top: 10px;
    text-transform: capitalize;
    text-align: left;
}
.review-content {
    display: -webkit-box;
    line-clamp: 6;
    -webkit-line-clamp: 6;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}
.review-content.clamped {
    -webkit-line-clamp: unset;
    overflow: auto;
    height: 170px;
    padding-right: 8px;
}
.review-content::-webkit-scrollbar {
    width: 6px;
}
.review-content::-webkit-scrollbar-track {
    box-shadow: inset 0 0 5px grey; 
    border-radius: 10px;
}
.review-content::-webkit-scrollbar-thumb {
    background: var(--main_color); 
    border-radius: 10px;
}
/*Readmore Design*/


.awaits-slide {
    padding: 0 15px;
}
@media oonly screen and (max-width: 575.5px){
    .awaits-slide {
        padding: 0;
    }
    .slick-slider .slick-track, 
    .slick-slider .slick-list{
        margin: 0;
    }
}


.awaits-slider .slick-next,
.awaits-slider .slick-prev{
    top: calc(100% + 48px);
    width: 52px;
    height: 52px;
    background: #fff;
    box-shadow: 7px 7px 20px 0px #554C4C33;
    border-radius: 50%;
}
.awaits-slider .slick-next{
    right: 50%;
    transform: translateX(calc(100% + 20px));
}
.awaits-slider .slick-prev {
    left: 50%;
    transform: translateX(calc(-100% - 20px));
}
.awaits-slider .slick-next:before,
.awaits-slider .slick-prev:before {
    content: "" !important;
    background-image: url(/lp-asset/lp-images/arrow-left-icon.svg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: 24px;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
        filter: brightness(0) invert(10%) sepia(83%) saturate(718%) hue-rotate(195deg) brightness(97%) contrast(104%);
}
.awaits-slider .slick-next:before{
    transform: rotate(180deg)
}

@media only screen and (max-width: 991px) {
    .awaits-slider .slick-next,
    .awaits-slider .slick-prev{
        top: calc(100% + 20px);
    }
}

@media only screen and (max-width: 575px) {
    .awaits-slider .slick-next,
    .awaits-slider .slick-prev {
        width: 40px;
        height: 40px;
    }
    .awaits-slider .slick-prev {
        transform: translateX(calc(-100% - 10px));
    }
    .awaits-slider .slick-next {
        transform: translateX(calc(100% + 10px));
    }
}

.bottom_arrow_sec {
    padding-bottom: 200px;
}

@media only screen and (max-width: 1199.5px) {
    .bottom_arrow_sec {
        padding-bottom: 190px;
    }
}

@media only screen and (max-width: 1024.5px) {
    .bottom_arrow_sec {
        padding-bottom: 180px;
    }
}

@media only screen and (max-width: 991.5px) {
    .bottom_arrow_sec {
        padding-bottom: 140px;
    }
}

@media only screen and (max-width: 767.98px) {
    .bottom_arrow_sec {
        padding-bottom: 120px;
    }
}