/*
* Prefixed by https://autoprefixer.github.io
* PostCSS: v8.4.14,
* Autoprefixer: v10.4.7
* Browsers: last 4 version
*/
/*
Theme Name:   GeneratePress Child
Theme URI:    http://example.com/generatepress-child/
Description:  GeneratePress Child Theme
Author:       Tom Usborne
Author URI:   https://tomusborne.com/
Template:     generatepress
Version:      3.4.0
Text Domain:  generatepresschild
*/
@import url('https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap');
/*Fonts*/
@font-face {
    font-family: 'Avenir';
    font-display: swap;
    src: url('/wp-content/themes/generatepress-child/assets/fonts/Avenir-Black.eot');
    src: url('/wp-content/themes/generatepress-child/assets/fonts/Avenir-Black.eot?#iefix') format('embedded-opentype'),
        url('/wp-content/themes/generatepress-child/assets/fonts/Avenir-Black.woff2') format('woff2'),
        url('/wp-content/themes/generatepress-child/assets/fonts/Avenir-Black.woff') format('woff'),
        url('/wp-content/themes/generatepress-child/assets/fonts/Avenir-Black.ttf') format('truetype'),
        url('/wp-content/themes/generatepress-child/assets/fonts/Avenir-Black.svg#Avenir-Black') format('svg');
    font-weight: 900;
}
:root {
    --source_sans_pro: 'Source Sans Pro', sans-serif;
    --poppins: 'Poppins', sans-serif;
    --gelasio: 'Gelasio', serif;
    --avenir: 'Avenir';
    --black: #161A1B;
    --yellow: #AD842F;
    --body_text: #686764;
    --white: #FFFFFF;
    --yellow_filter: brightness(0) saturate(100%) invert(47%) sepia(73%) saturate(432%) hue-rotate(2deg) brightness(98%) contrast(83%);
}
* {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    font-family: var(--poppins);
}
body {
    overflow-x: hidden !important;
}
body ul {
    list-style: none;
    padding: 0;
    margin: 0;
}
body ol {
    margin: 0;
}
body a {
    text-decoration: none;
    display: inline-block;
    vertical-align: middle;
    color: var(--body_text);
}
a:hover {
    color: var(--yellow);
}
h1, h2, h3{
    font-family: var(--gelasio);
}
h1,
h2,
h3,
h4,
h5,
h6,
body p {
    margin-bottom: 0;
    padding: 0;
}
body p,
ul li,
ol li {
    font-size: 18px;
    font-weight: 400;
    line-height: 1.6;
    color: var(--body_text);
    font-family: var(--poppins);
}
a{
    cursor: pointer !important;
    -webkit-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
    color: inherit;
}
p:not(:last-of-type) {
    margin-bottom: 16px;
}
p:empty {
    display: none;
}
p a{
    color: var(--yellow);
    font-weight: 500;
    vertical-align: top;
}
section {
    display: inline-block;
    vertical-align: top;
    width: 100%;
}
img{
    display: block;
}
label.label1 {
    font-family: var(--poppins) !important;
    font-weight: 500 !important;
    font-size: 11px !important;
    color: red !important;
    margin: 0 !important;
    position: absolute;
    bottom: -18px;
    left: 0;
}
body h2 {
    font-size: 48px;
    font-weight: 500;
    line-height: 1.4;
    color: var(--black);
    margin-bottom: 0;
    text-transform: uppercase;
    letter-spacing: 0.02rem;
}
body h3 {
    font-size: 40px;
    font-weight: 400;
    line-height: 1.2;
    color: var(--black);
    margin-bottom: 0;
    text-transform: uppercase;
}
body h4 {
    font-size: 30px;
    font-weight: 400;
    line-height: 1.3;
    color: var(--black);
    margin-bottom: 20px;
}
@media only screen and (max-width: 1600px){
    body h2{
        font-size: 40px;
    }
}
@media only screen and (max-width: 1200px){
    body h2{
        font-size: 40px;
    }
    body h3{
        font-size: 32px;
    }
    body h4{
        font-size: 28px;
    }
    body p,
    ul li,
    ol li {
        font-size: 16px;
    }
}
@media only screen and (max-width: 1024px){
    body h2{
        font-size: 35px;
    }
    body h3{
        font-size: 28px;
    }
    body h4{
        font-size: 24px;
    }
}
@media only screen and (max-width: 991px){
    body h2{
        font-size: 30px;
    }
    body h3{
        font-size: 25px;
    }
    body h4{
        font-size: 23px;
    }
}
@media only screen and (max-width: 767px){
    body h2{
        font-size: 24px;
    }
    body h3{
        font-size: 22px;
    }
    body h4{
        font-size: 20px;
    }
    .simple-textbg-section .common-title h2 br{
        display: none;
    }
}
@media only screen and (max-width:375px){
    body h2{
        word-wrap: normal;
    }
}
/****** Container css ******/
body .container-right{
    max-width: 100%;
    margin-right: 0 !important;
}
@media only screen and (max-width: 991px) and (min-width: 767px) {
    body .container{
        padding: 0 20px;
    }
}
@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%;
    }
    body .container-right{
        max-width: calc(50% + calc(960px / 2));
    }
}
@media only screen and (min-width: 1200px){
    body .container{
        max-width: 1140px;
        width: 100%;
    }
    body .container-right{
        max-width: calc(50% + calc(1140px / 2));
    }
}
@media only screen and (min-width: 1300px){
    body .container{
        max-width: 1210px;
        width: 100%;
    }
    body .container-right{
        max-width: calc(50% + calc(1210px / 2));
    }
}
@media only screen and (min-width: 1400px){
    body .container{
        max-width: 1320px;
        width: 100%;
    }
    body .container-right{
        max-width: calc(50% + calc(1320px / 2));
    }
}
@media only screen and (min-width: 1600px){
    body .container{
        max-width: 1520px;
        width: 100%;
    }
    body .container-right{
        max-width: calc(50% + calc(1520px / 2));
    }
}
@media only screen and (min-width: 1800px){
    body .container{
        max-width: 1720px;
        width: 100%;
    }
    body .container-right{
        max-width: calc(50% + calc(1720px / 2));
    }
    
}
@media only  screen and (min-width: 1660px){
    body .mxw-1620{
        max-width: 1620px !important;
        margin: 0 auto;
    }
    body .container-right{
        max-width: calc(50% + calc(1620px / 2));
    }
}
@media only  screen and (min-width: 1560px){
    body .mxw-1520{
        max-width: 1500px;
        margin: 0 auto;
    }
    body .container-right{
        max-width: calc(50% + calc(1520px / 2));
    }
}
@media only  screen and (min-width: 1400px){
    body .mxw-1320{
        max-width: 1320px;
        margin: 0 auto;
    }
}
@media only screen and (min-width: 1024px){
    body .mxw-1024{
        max-width: 1024px;
    }
}

.number-listing{
    margin: 0;
}
.service-menu li,
.common-listing li {
    position: relative;
    padding-left: 24px;
    display: inline-block;
    width: 100%;
    font-size: 18px;
    color: var(--body_text);
}
.number-listing li{
    font-size: 18px;
    padding-left: 6px;
}
.service-menu li:not(:last-child),
.number-listing li:not(:last-child),
.common-listing li:not(:last-child){
    margin-bottom: 16px;
}
.service-menu li::marker,
.number-listing li::marker {
    width: 20px;
    font-size: 20px;
}
.service-menu li:before,
.common-listing li:before {
    position: absolute;
    content: "";
    left: 0;
    width: 10px;
    aspect-ratio: 1;
    background-color: var(--yellow);
    border-radius: 50%;
    top: 8px;
}
@media only screen and (max-width: 991px){
    .service-menu li
    .number-listing li,
    .common-listing li{
        font-size: 16px;
    }
}
/****** Container css ******/
.site-content{
    display: inherit;
}
.site-content .content-area {
    width: 100%;
}
.section_padding{
    padding: 80px 0;
}
.section_margin{
    margin: 80px 0;
}
/* @media only screen and (max-width: 1200px){
    .section_padding{
        padding: 80px 0;
    }
    .section_margin{
        margin: 80px 0;
    }
} */
@media only screen and (max-width: 991px){
    .section_padding{
        padding: 60px 0;
    }
    .section_margin{
        margin: 60px 0;
    }
}
@media only screen and (max-width: 767px){
    .section_padding{
        padding: 50px 0;
    }
    .section_margin{
        margin: 50px 0;
    }
    body .container-fluid,
    body .container {
        padding: 0 30px;
        max-width: 100%;
    }
}
@media only screen and (max-width: 575px){
    .section_padding{
        padding: 40px 0;
    }
    .section_margin{
        margin: 40px 0;
    }
}
.site.grid-container.container {
    padding: 0;
    max-width: 100% !important;
}
/* default-typeing */
.common-title {
    padding-bottom: 40px;
}
.common-title p{
    font-size: 18px;
    font-weight: 400;
    line-height: 1.6;
    color: var(--black);
    /* padding-top: 40px;*/
    position: relative;
    width: 100%;
    max-width: 1140px;
    margin: 15px auto 0;
    display: block;
}
.btn-wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 24px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    flex-wrap: wrap;
}
.white-btn,
.default-btn {
    background: var(--yellow);
    padding: 12px 24px;
    color: var(--white);
    font-size: 16px !important;
    font-weight: 600;
    line-height: 1.4;
    letter-spacing: 1px;
    text-transform: uppercase !important;
    border: 2px solid var(--yellow);
    font-family: var(--avenir);
    white-space: nowrap;
    margin-top: 32px;
    text-align: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    gap: 8px;
}
.default-btn:hover, .default-btn:focus {
    background-color: transparent;
    color: var(--yellow);
}
.white-btn img{
    filter: invert(40%) sepia(64%) saturate(350%) hue-rotate(6deg) brightness(93%) contrast(85%) !important;
}
.white-btn{
    background: var(--white) !important;
    color: var(--yellow) !important;
    border: 2px solid var(--white) !important;
}
.white-btn:hover, .white-btn:focus{
    background: transparent !important;
    border: 2px solid var(--yellow) !important;
}
.white-border-btn {
    border-color: var(--white);
    background-color: transparent;
}
.white-border-btn:hover {
    background-color: var(--white);
    color: var(--yellow);
}
.default-btn:hover img, .default-btn:focus img {
    filter: var(--yellow_filter);
}
.default-btn.border-btn {
    color: var(--yellow);
    background-color: transparent;
    /* margin-left: 32px; */
}
.default-btn.border-btn img:not(:hover, :focus) {
    filter: var(--yellow_filter);
}
.default-btn.border-btn:hover, .default-btn.border-btn:focus {
    color: var(--white);
    background-color: var(--yellow);
}
.default-btn.border-btn:hover img, .default-btn.border-btn:focus img {
    filter: brightness(100);
}
.default-btn:hover svg g path , .default-btn:focus svg g path {
    fill: var(--yellow);
}
.header-btn .default-btn {
    font-weight: 600 !important;
}
.header-btn .default-btn:not(:hover) {
    color: var(--white) !important;
}
.header-btn .border-btn:not(:hover) {
    color: var(--yellow) !important;
}
.banner-section .default-btn:hover, .banner-section .default-btn:focus {
    color: var(--white);
    border-color: var(--white);
}
@media only screen and (max-width: 991px){
    .common-title{
        padding-bottom: 35px;
    }
}
@media only screen and (max-width: 768px){
    .common-title{
        padding-bottom: 30px;
    }
    .common-title p{
        font-size: 16px;
/*        padding-top: 20px;*/
    }
}
@media only screen and (max-width:767px){
    .common-title {
        padding-bottom: 20px;
    }
}
@media only screen and (max-width: 575px){
    .common-title p{
        padding-top: 0;
    }
    .default-btn {
        letter-spacing: unset;
        font-size: 14px !important;
        padding: 12px 5px !important;
        width: 100%;
        margin-top: 20px;
    }
}
/*Slider Arrow Design*/
body .slick-arrow {
    z-index: 11;
    width: 50px;
    height: 25px;
    line-height: 1 !important;
    padding: 0 !important;
    font-size: 0 !important;
}
body .slick-arrow::before {
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    content: "";
    background-image: url("/wp-content/uploads/2024/06/arrow-left.svg");
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    width: 50px;
    height: 25px;
    opacity: 1;
    position: absolute;
    left: 50%;
    top: 50%;
}
body .slick-arrow.slick-next::before {
    content: "";
    background-image: url("/wp-content/uploads/2024/06/arrow-right.svg");
}
@media only screen and (min-width: 1200px){
    body .slick-prev {
        left: -35px;
    }
    body .slick-next {
        right: -35px;
    }    
}
@media only screen and (max-width:1199px) {
    body .slick-arrow,
    body .slick-arrow::before{
        width: 40px;
        height: 20px;
    }
}
@media only screen and (max-width: 1024px){
    body .slick-arrow,
    body .slick-arrow::before{
        width: 25px;
        height: 15px;
    }
    body .slick-prev {
        left: -16px;
    }
    body .slick-next {
        right: -16px;
    }
}
/*Slider Arrow Design*/
/* =========================================================
== Header Css Start
========================================================== */
.site-header{
    z-index: 999;
    position: relative;
    /* overflow: hidden; */
}
.sticky-enabled .main-navigation.is_stuck,
.site-header {
    box-shadow: 0 4px 16px -4px rgba(0, 0, 0, .2);
}
.site-header,
.navigation-stick{
    background-color: var(--white);
}
.navigation-branding img{
    padding: 0 !important;
}
.inside-header.fixed {
    position: fixed;
    width: 100%;
    top: 0;
    background-color: var(--white);
    -webkit-box-shadow: 0 1px 24px rgba(0, 0, 0, .1);
            box-shadow: 0 1px 24px rgba(0, 0, 0, .1);
    -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
}
/* .main-navigation, .main-navigation ul ul{
    background-color: unset !important;
} */
.inside-header .site-logo {
    max-width: 120px;
    width: 100%;
}

.navigation-branding img{
    height: 75px !important;
    width: auto;
}

.main-navigation.sub-menu-right {
    width: 100%;
}
.main-navigation .inside-navigation {
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
    gap: 16px;
}
.main-navigation .main-nav ul li a {
    position: relative;
    /* color: var(--white) !important; */
    font-family: var(--poppins);
    font-size: 16px;
    font-weight: 400;
    line-height: 1.2;
    padding: 10px;
}
.main-navigation .main-nav ul li.menu-item-has-children>a {
    padding-right: 8px;
}
.top-bar-appointment-btn{
    display: none !important;
}
/*.main-navigation .main-nav ul li.current-menu-item a:before {
    position: absolute;
    content: "";
    background-color: var(--yellow);
    width: 60%;
    height: 2px;
    border-radius: 1px;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    transform-origin: centre bottom;
    transition: all .5s;
    animation : menuHover 1s linear;
}
@keyframes menuHover {
    0%{
        transform: translateX(-50%) scale(0);
    }
    100%{
        transform: translateX(-50%) scale(1);
    }
}*/
.main-navigation .main-nav ul.sub-menu li.current_page_item a {
    color: var(--white) !important;
    background-color: var(--yellow);
}
.main-navigation #menu-primary-menu-header-menu > li.current-menu-item > a {
    color: var(--yellow) !important;
    /* font-weight: 500; */
}
/* .main-navigation #menu-primary-menu-header-menu > li.current-menu-item.review-class > a,
.main-navigation ul > li.current-menu-item.review-class > a {
    font-weight: 400;
} */
.main-navigation #menu-primary-menu-header-menu > li.current-menu-item.review-class > a,
.main-navigation ul > li.current-menu-item.review-class > a:not(:hover) {
    color: var(--contrast) !important;
}
.mobile-menu-control-wrapper .menu-toggle,
.mobile-menu-control-wrapper .menu-toggle:hover,
.mobile-menu-control-wrapper .menu-toggle:focus {
    background-color: unset !important;
}
button.menu-toggle .gp-icon {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    gap: 16px;
    height: 48px;
    aspect-ratio: 1;
    border: 2px solid var(--yellow);
}
button.menu-toggle .gp-icon svg {
    height: 1.5em;
    width: 1.5em;
    margin-bottom: 4px;
    color: var(--yellow);
}
.main-navigation .menu-toggle {
    padding-right: 0 !important;
}
nav#site-navigation.toggled::-webkit-scrollbar {
    width: 8px;
}
nav#site-navigation.toggled::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 5px rgb(212, 212, 212);
    box-shadow: inset 0 0 5px rgb(212, 212, 212); 
    border-radius: 10px;
}
nav#site-navigation.toggled::-webkit-scrollbar-thumb {
    background: var(--yellow); 
    border-radius: 10px;
}
.main-navigation.toggled .main-nav li:not(:last-child) {
    margin-bottom: 6px;
}
.main-navigation .inside-navigation{
    max-width: 100%;
    width: 100% !important;
}
.main-navigation a{
    display: inline-block !important;
    width: 100%;
}
.toggled .menu-item-has-children .dropdown-menu-toggle{
    padding: 0 16px;
}
.main-navigation.toggled .main-nav ul ul{
    border: 0;
}
.header-btn .default-btn{
    margin-top: 0;
}
.main-navigation ul ul.sub-menu{
    width: 250px;
    background-color: #000 !important;
}
.menu-item-has-children .dropdown-menu-toggle{
    padding-right: 0;
    padding-left: 2px;
    padding-bottom: 0 !important;
}
.main-navigation .main-nav ul.sub-menu li a{
    font-size: 16px !important;
}
.inside-header{
    padding: 24px 40px;
}
@media only screen and (min-width: 1301px) and (max-width: 1700px){
    .top-bar-appointment-btn{
        display: flex !important;
    }
}
/* @media only screen and (max-width: 1600px){
    .header-btn.appointment-btn {
        display: none;
    }
} */
@media only screen and (max-width: 1400px){
    button.menu-toggle .gp-icon:after,
    .header-left-content p {
        font-size: 20px;
    }
    .inside-header{
        padding: 12px 30px;
    }
}
@media only screen and (max-width: 1400px) and (min-width: 1301px){
    .main-navigation .main-nav ul li a{
        font-size: 15px;
    }
    .header-btn .default-btn{
        font-size: 14px !important;
        padding: 12px 14px;
    }
}
@media only screen and (max-width: 1300px){
    .inside-header .btn-wrap {
        width: 100%;
        -webkit-box-pack: end;
        -ms-flex-pack: end;
        justify-content: flex-end;
    }
    .header-btn.call-btn {
        display: block;
    }
    .main-navigation{
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1;
    }
    /* nav#site-navigation.toggled {
        position: absolute;
        top: 100%;
        left: 0;
        width: 100%;
        padding: 20px;
        background-color: var(--contrast) !important;
        -webkit-box-shadow: 0 0 12px rgba(0, 0, 0, .1);
        box-shadow: 0 0 12px rgba(0, 0, 0, .1);
        max-height: 70vh;
        height: -webkit-fit-content;
        height: -moz-fit-content;
        height: fit-content;
        overflow-y: auto;
    } */
    .main-navigation .inside-navigation {
        gap: unset;
    }
    .main-navigation .main-nav ul li a {
        padding: 10px 20px !important;
    }
    .offside--right.is-open .grid-container {
        padding: 0;
    }
    .mobile-menu-open.slide-opened .offside-js--is-open {
        overflow: hidden;
    }
    .navigation-branding {
        margin-left: 0 !important;
    }
}
@media only screen and (max-width: 1200px){
    button.menu-toggle .gp-icon:after,
    .header-left-content p {
        font-size: 18px;
    }
}
@media only screen and (max-width: 991px){
    button.menu-toggle .gp-icon:after,
    .header-left-content p {
        font-size: 16px;
    }
    .main-navigation .main-nav ul li a{
        font-size: 16px;
    }
    .main-navigation .main-nav ul ul li a{
        padding: 0;
        padding-left: 24px;
    }
    .header-btn.call-btn a span {
        display: none;
    }
    .header-btn.call-btn a {
        padding: 12px !important;
    }
    .header-btn.call-btn img {
        width: 20px;
    }
    .btn-wrap {
        gap: 20px;
    }
}
@media only screen and (max-width: 768px){
    .inside-header .header-btn.appointment-btn {
        display: none;
    }
}
@media only screen and (max-width: 575px){
    .header-left-content {
        display: none;
    }
    .main-navigation .main-nav ul li a{
        padding: 6px 10px;
    }
    .main-navigation .menu-toggle {
        padding-left: 8px !important;
    }
}
@media only screen and (max-width: 480px){
    button.menu-toggle .gp-icon {
        height: 40px;
    }
    .header-btn.call-btn a {
        padding: 8.4px !important;
    }
}
@media only screen and (min-width: 991px) {
    .header-btn.call-btn img {
        display: none;
    }
}
/* =========================================================
== Header Css Stop
============================================================ */
/* =========================================================
== Banner Css Start
============================================================ */
.home .banner-section {
    padding-bottom: 0;
}
.banner-video-content {
    position: relative;
    aspect-ratio: 14.5 / 6.2;
    overflow: hidden;
}
.banner-video-content iframe {
    display: block;
    aspect-ratio: 16 / 9;
    transform: scale(1.35);
}
.bg-video{
    position: relative;
}
.banner-img img{
    width: 100%;
    object-fit: cover;
}
.banner-content {
    position: absolute;
    padding: 48px 0px 130px;
    bottom: 0;
    max-width: 1575px;
    width: 100%;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    z-index: 2;
}
.banner-content h1 {
    color: var(--white);
    text-shadow: 0px 2px 55px rgba(0, 0, 0, 0.20);
    font-family: var(--gelasio);
    font-size: 64px;
    font-weight: 500;
    line-height: 1.2; /* 115.2px */
    letter-spacing: 5.76px;
    text-transform: uppercase;
    margin-bottom: 16px;
}
.banner-content p {
    color: var(--white);
    text-shadow: 0px 2px 55px rgba(0, 0, 0, 0.20);
    font-family: var(--gelasio);
    font-size: 32px;
    font-style: normal;
    font-weight: 700;
    line-height: 1.5;
    text-transform: uppercase;
    letter-spacing: 0.02rem;
}
@media only screen and (max-width: 1600px){
    .banner-content h1{
        font-size: 50px;
    }
    .banner-content{
        max-width: 1300px;
    }
}
@media only screen and (max-width:1440px){
    .banner-content{
        padding-bottom: 80px;
    }
}
@media only screen and (max-width: 1200px){
    /* .banner-content h1{
        font-size: 56px;
    } */
    /*.banner-content p{
        font-size: 32px;
    }*/
    .banner-content{
        max-width: 991px;
        padding-bottom: 60px;
    }
}
@media only screen and (max-width: 991px){
    .banner-content h1{
        font-size: 44px;
        margin-bottom: 10px;
    }
    .banner-content p{
        font-size: 24px;
    }
    .banner-content {
        max-width: 100%;
        padding: 30px;
    }
}
@media only screen and (max-width: 768px){
    .banner-content {
        position: unset;
        background: url('/wp-content/uploads/2025/04/dark-bg-image.webp');
        -webkit-transform: unset;
        -ms-transform: unset;
        transform: unset;
        background-position: center;
        background-size: cover;
        background-repeat: no-repeat;
    }
    .banner-content h1 {
        font-size: 35px;
        letter-spacing: 3px;
        margin-bottom: 6px;
    }
    .banner-content p {
        font-size: 20px;
    }
}
@media only screen and (max-width: 575px){
    .banner-content h1 {
        font-size: 28px;
        letter-spacing: 1px;
    }
    .banner-content p {
        font-size: 16px;
    }
    .banner-content .btn-wrap{
        gap: 0px;
    }
    .banner-content h1 br {
        display: none;
    }
}
@media only screen and (min-width: 769px) {
    .banner-video-content::before {
        position: absolute;
        content: "";
        width: 100%;
        height: 100%;
        background: rgb(0 0 0 / 50%);
        z-index: 1;
    }
}
/* =========================================================
== Banner Css Stop
============================================================ */
/* ====================================
== Start About Section
======================================= */
.about-sec {
    position: relative;
    z-index: 1;
}
.about-sec::before {
    position: absolute;
    content: "";
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: url("/wp-content/uploads/2025/04/light-bg-img.webp") no-repeat center;
    background-size: cover;
    z-index: -1;
    -webkit-box-shadow: rgba(100, 100, 111, 0.2) 0px 12px 35px 0px;
            box-shadow: rgba(100, 100, 111, 0.2) 0px 12px 35px 0px;
}
.about2_sec h4{
    font-size: 24px;
    font-weight: 300;
}
.about2_sec{
    margin-bottom: 50px;
}
h3.sub-title{
    padding-bottom: 10px;
}
span.sub-title {
    font-size: 32px;
    line-height: 1.2;
    font-weight: 500;
    letter-spacing: 0.02rem;
    color: var(--black);
    margin-bottom: 20px;
    display: inline-block;
    vertical-align: top;
    text-transform: uppercase;
    font-family: var(--gelasio);
}
.about2_sec .about-image img {
    aspect-ratio: 1 / 0.52;
    object-fit: cover;
}
.about-description {
    padding-bottom: 10%;
}
.about-image {
    margin-right: 36px;
}
.about-image img {
    width: 100%;
    height: 100%;
    display: block;
    -webkit-box-shadow: rgb(0 0 0 / 10%) 0px 41px 33px 0px;
    box-shadow: rgb(0 0 0 / 10%) 0px 41px 33px 0px;
}
.about-description p {
    font-size: 16px;
}
.about-description ul {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr 10px 1fr 10px 1fr 10px 1fr;
/*    grid-template-columns: repeat(4, 1fr);*/
    -webkit-column-gap: 10px;
       -moz-column-gap: 10px;
            column-gap: 10px;
    margin-bottom: 20px;
}
.about-description ul li {
    font-size: 16px;
    font-weight: 400;
    line-height: 1.4;
    color: var(--body_text);
    position: relative;
    padding-left: 15px;
    margin-bottom: 8px;
}
.about-description ul li::before {
    position: absolute;
    content: "";
    width: 4px;
    aspect-ratio: 1;
    background-color: var(--body_text);
    border-radius: 50%;
    left: 0;
    top: 8px;
}
@media only screen and (min-width: 1200px){
    .about-sec::before{
        max-height: 95%;
    }
    .about-description p:not(:last-of-type) {
        margin-bottom: 20px;
    }
}
@media only screen and (max-width: 1400px){
    .about-image {
        margin-right: 26px;
    }
    .about-description ul{
        -ms-grid-columns: (1fr);
    }
    .about2_sec .about-description ul {
        height: 220px;
        overflow-y: auto;
   }
}
@media only screen and (max-width: 1199px){
    .about-image {
        margin-right: 16px;
    }
    .about-description ul{
        /*-ms-grid-columns: (1fr);
        grid-template-columns: repeat(2, 1fr);*/
        margin-bottom: 16px;
    }
    .patient-story-slider {
        margin-bottom: 20px;
    }
    .about-sec span.sub-title {
      font-size: 30px;
    }
    .about2_sec{
        margin-bottom: 0px;
    }
}
@media only screen and (max-width: 991px){
    .patient-story-slider {
        margin-bottom: 10px;
    }
}
@media only screen and (max-width: 767px){
    .patient-story-slider {
        margin-bottom: 0 !important;
    }
    .about-image {
        margin-right: 0;
    }
    .about-description {
        margin-top: 30px;
        padding-bottom: 0px;
    }
    .about-sec span.sub-title {
     font-size: 20px;
   }
   .about2_sec .about-description ul{
     height: auto;
     overflow-y: unset;
     margin-bottom: 0px;
   }
   .about2_sec{
    margin-bottom: 0px;
   }
}
/* ====================================
== End About Section
======================================= */
/*===============================================
= Start Teeth Table CSS
===============================================*/
.teeth-table {
    background-color: var(--white);
    border: 1px solid #FAFAFA;
    box-shadow: rgba(191, 191, 191, 0.15) 0px 4px 12px;
    height: 100%;
}
.teeth-table h4{
    padding: 24px 0;
    border-bottom: 1px solid #F3F3F3;
    text-align: center;
    font-size: 24px;
    font-weight: 600;
    list-style: 1.7;
}
.teeth-table h4.gold-color {
    color: #DAA520;
}
.teeth-table-list {
    padding: 0 24px;
}
.teeth-table-list li {
    padding-left: 34px;
    position: relative;
    font-weight: 400;
    text-transform: capitalize;
    padding-top: 17px;
    padding-bottom: 17px;
}
.teeth-table-list li::before {
    position: absolute;
    content: "";
    top: 50%;
    left: 0;
    background-image: url("/wp-content/uploads/2024/07/check-icon-1.svg");
    width: 22px;
    height: 22px;
    background-position: left;
    background-repeat: no-repeat;
    background-size: contain;
    transform: translateY(-50%);
}
.cros-list li::before{
    background-image: url("/wp-content/uploads/2024/07/cros-icon.svg");
}
@media only screen and (min-width: 1200px){
    .teeth-table-sec .row{
        max-width: 1042px;
        margin: 0 auto;
    }
}
@media only screen and (max-width:991px){
    .top-less > *:first-child > *{
        padding-top: 0px;
    }
    .top-less > *:last-child > *{
        padding-bottom: 0px;
    }
}
@media only screen and (max-width: 767px){
    .teeth-table h4{
        font-size: 22px;
    }
    .teeth-table{
        height: auto;
    }
    .res-pad-bottom{
        margin-bottom: 24px;
    }
}
@media only screen and (max-width: 575px){
    .teeth-table h4{
        font-size: 20px;
        padding: 20px 0;
    }
    .teeth-table-list{
        padding: 0 15px;
    }
    .teeth-table-list li {
        padding-top: 8px;
        padding-bottom: 8px;
    }
}
/*===============================================
= End Teeth Table CSS
===============================================*/
/*===============================================
= Start Information Guide Section CSS
===============================================*/
.information-section{
    background-color: #F8F5ED;
}
.information-section .container{
    max-width: 1312px;
}
.form-field, .information-guide {
    height: 100%;
}
.form-field {
    /* border: 2px dashed rgba(181, 153, 76, 0.50);
    background: var(--white);
    padding: 24px; */
    margin-right: 24px;
}
.input-field {
    margin-bottom: 24px;
    position: relative;
}
.input-field label {
    color: var(--black);
    font-family: var(--gelasio);
    font-size: 18px;
    font-weight: 600;
    line-height: 1.4;
    letter-spacing: 0.36px;
    margin-bottom: 6px;
}
.input-field input {
    padding: 16px;
    width: 100%;
    background-color: #F2F2F2;
    color: #222222;
    font-family: var(--gelasio);
    font-size: 16px;
    font-weight: 600;
    line-height: 1.35;
    letter-spacing: 0.32px;
}
.submit-field {
    margin-top: 32px;
    position: relative;
}
.submit-field button {
    background: var(--yellow);
    padding: 14px 24px;
    text-align: center;
    width: 100%;
    color: var(--white);
    font-size: 16px;
    font-weight: 900;
    line-height: 1.4;
    letter-spacing: 1px;
    font-family: var(--avenir);
    text-transform: uppercase;
}
.information-guide{
    margin-left: 32px;
}
.information-guide img {
    max-width: 400px;
    width: 100%;
    object-fit: cover;
    object-position: center;
}
.information-guide h3 {
    color: var(--black);
    font-size: 18px;
    font-weight: 600;
    line-height: 1.4;
    letter-spacing: 0.44px;
    margin-bottom: 20px;
}
.info-content {
    padding: 24px;
}
ul.golden-check-list li {
    /* font-size: 16px; */
    /* font-weight: 400; */
    line-height: 1.5;
    margin-bottom: 12px;
    padding-left: 34px;
    position: relative;
}
ul.golden-check-list li::before {
    position: absolute;
    content: "";
    background-image: url('/wp-content/uploads/2025/04/check-icon.svg');
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    width: 20px;
    height: 20px;
    left: 0;
    top: 3px;
    filter: var(--yellow_filter);
}
@media only screen and (max-width: 1440px){
    .form-field{
        margin-right: 12px;
    }
    .information-guide{
        margin-left: 12px;
    }
}
@media only screen and (max-width: 991px){
    .form-field,
    .information-guide{
        margin: 0px;
    }
    .input-field input {
        padding: 8px 12px;
    }
    .input-field label{
        font-size: 16px;
    }
    .input-field {
        margin-bottom: 12px;
    }
    .information-guide h3{
        margin-bottom: 16px;
    }
}
@media only screen and (max-width: 767px){
    .form-field {
        margin-bottom: 24px !important;
        height: auto;
    }
}
@media only screen and (max-width: 575px){
    /* .form-field{
        padding: 16px;
    } */
    .submit-field button{
        padding: 9px 24px;
    }
    .info-content{
        padding: 20px 0px 0px 0px;
    }
}
/*===============================================
= End Information Guide Section CSS
===============================================*/
/* ====================================
== Start Two Side Text Section
======================================= */
.blue-white-sec {
    height: 100%;
    padding: 60px 100px;
    background-position: center right;
    background-repeat: no-repeat;
    background-size: cover;
    -webkit-box-shadow: rgba(100, 100, 111, 0.2) 0px 12px 35px 0px;
    box-shadow: rgba(100, 100, 111, 0.2) 0px 12px 35px 0px;
}
.bg-text-left {
    background-image: url("/wp-content/uploads/2025/04/light-bg-img.webp");
}
.bg-text-right {
    background-image: url("/wp-content/uploads/2025/04/dark-bg-image.webp");
}
.bg-text-right .bg-text-content > * {
    color: var(--white);
}
.two-side-text .bg-text-right .bg-text-content p,
.two-side-text .bg-text-left .bg-text-content p {
    font-size: 18px;
}
.two-side-text .bg-text-left .bg-text-content p {
    color: var(--body_text);
}
.bg-text-content h3 {
    padding-bottom: 36px;
}
.content-btn{
    transition: all .3s;
}
.content-btn:hover a img {
    filter: invert(100%) sepia(0%) saturate(7495%) hue-rotate(298deg) brightness(104%) contrast(102%);
}
@media only screen and (max-width: 1200px){
    .blue-white-sec{
        padding: 80px 50px;
    }
}
@media only screen and (max-width: 991px){
    .blue-white-sec{
        padding: 60px;
    }
    .bg-text-content h3{
        padding-bottom: 26px;
    }
}
@media only screen and (max-width: 767px){
    .blue-white-sec{
        padding: 50px 30px;
    }
    .bg-text-content h3{
        padding-bottom: 20px;
    }
    .two-side-text .bg-text-right .bg-text-content p,
    .two-side-text .bg-text-left .bg-text-content p {
    font-size: 16px;
}
}
@media only screen and (max-width: 575px){
    .blue-white-sec{
        padding: 40px 30px;
    }
}
@media only screen and (max-width:375px){
    .content-btn a {
     white-space: break-spaces;
     gap: 0px;
   }
   .content-btn a img{
    display: none;
   }
}
/* ====================================
== End Two Side Text Section
======================================= */
/* ====================================
== Start Services Section
======================================= */
.services-sec .common-title p {
    max-width: 750px;
}
.services-row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: center;
    /*-ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-column-gap: 80px;
    -moz-column-gap: 80px;
    column-gap: 80px;
    row-gap: 30px;*/
}
/* .services-sec .services-row{
    text-align: center;
    text-align: -webkit-center;
    text-align: -moz-center;
} */
.services-sec .services-col {
    width: 100%;
    padding: 0 24px;
}
.home-transformation-slider.slick-slider,
.services-sec .services-row.slick-slider{
    margin-bottom: 0px;
}
.services-content img {
    width: 100%;
}
.services-content p{
    font-size: 16px;
}
.services-content h3 {
    font-size: 30px;
    font-weight: 400;
    color: var(--yellow);
    font-family: var(--poppins);
    text-transform: capitalize;
}
.services-content h3, .services-content img {
    margin-bottom: 28px;
}
.services-content span {
    display: block;
    font-size: 24px;
    font-weight: 300;
    margin-top: 16px;
}
@media only screen and (max-width: 1600px){
    .services-content h3 {
         font-size: 25px; 
    }
}
@media only screen and (max-width:1366px){
    .services-content span{
        font-size: 22px;
    }
}
@media only screen and (max-width: 1200px){
    .services-content span,
    .services-content h3 {
        font-size: 18px;
    }
}
@media only screen and (max-width: 991px){
    .services-content h3, .services-content img {
        margin-bottom: 24px;
    }
    .services-sec .services-col{
        padding: 0px 14px;
    }
}
@media only screen and (max-width:767px){
    .services-content span {
        font-size: 16px;
    }
}
@media only screen and (max-width: 575px){
    .services-col {
        max-width: 100%;
    }
    .services-content h3, .services-content img {
        margin-bottom: 20px;
    }
}
/* ====================================
== End Services Section
======================================= */
/* ====================================
== start Services2 Section
======================================= */
/*.services-sec2 .services-row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-column-gap: 60px;
       -moz-column-gap: 60px;
            column-gap: 60px;
    row-gap: 30px;
}
.services-sec2 .services-content p{
    font-size: 24px;
    text-align: center;
}
.services-sec2 .services-col{
    max-width: calc(33.33% - 50px);
    width: 100%;
}
.services-sec2 .common-title h4 {
    font-size: 30px;
    font-weight: 300;
    max-width: 1630px;
    width: 100%;
    padding-top: 6px;
    padding-bottom: 20px;
    margin: 0 auto;
    position: relative;
    text-transform: uppercase;
}
.services-sec2 .common-title p::before{
    position: unset;
}
.services-sec2 .common-title h4::after {
    position: absolute;
    content: "";
    bottom: 0;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    width: 140px;
    height: 2px;
    background-color: var(--yellow);
}
.services-sec2 .services-content img{
    margin-bottom: 20px;
}
@media only screen and (max-width: 1400px){
    .services-sec2 .services-row{
        -webkit-column-gap: 60px;
           -moz-column-gap: 60px;
                column-gap: 60px;
    }
    .services-sec2 .services-col {
        max-width: calc(33.33% - 40px);
    }
}
@media only screen and (max-width:1366px){
    .services-sec2 .common-title h4{
        font-size: 26px;
    }
    .services-sec2 .services-content p br{
        display: none;
    }
    .services-sec2 .services-content p{
        font-size: 22px;
    }
}
@media only screen and (max-width: 1199px){
    .services-sec2 .services-row{
        -webkit-column-gap: 40px;
           -moz-column-gap: 40px;
                column-gap: 40px;
    }
    .services-sec2 .services-col {
        max-width: calc(33.33% - 26.66px);
    }
}
@media only screen and (max-width:1024px){
    .services-sec2 .common-title h4{
        font-size: 22px;
    }
    .services-sec2 .services-content img {
     margin-bottom: 16px;
   }
   .services-sec2 .services-content p {
        font-size: 18px;
    }
}
@media only screen and (max-width: 991px){
    .services-sec2 .services-row{
        -webkit-column-gap: 30px;
           -moz-column-gap: 30px;
                column-gap: 30px;
    }
    .services-sec2 .services-col {
        max-width: calc(50% - 20px);
    }
}
@media only screen and (max-width:767px){
    .services-sec2 .services-content img {
        margin-bottom: 10px;
    }
    .services-sec2 .common-title h4{
        font-size: 16px;
    }
}
@media only screen and (max-width: 575px){
    .services-sec2 .services-row{
        -webkit-column-gap: 0px;
           -moz-column-gap: 0px;
                column-gap: 0px;
    }
    .services-sec2 .services-col {
        max-width: 100%;
    }
}*/
/* ====================================
== End Services2 Section
======================================= */
/* ====================================
== Start Logo Section
======================================= */
.logo-section .container {
    max-width: 1110px;
    margin: 0 auto;
}
.logo-image {
    background: url("/wp-content/uploads/2024/03/logo-bg.webp") no-repeat center;
    background-size: cover;
    padding: 55px 60px;
    display: block;
    height: 100%;
    -webkit-box-shadow: rgba(0, 0, 0, 0.1) 0px 10px 30px 0px;
            box-shadow: rgba(0, 0, 0, 0.1) 0px 10px 30px 0px;
    text-align: center;
}
.logo-image img {
    text-align: center;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
       object-fit: cover;
    -o-object-position: center;
       object-position: center;
}
@media only screen and (max-width: 1024px){
    .logo-image{
        padding: 45px 50px;
    }
}
@media only screen and (max-width: 991px){
    .logo-image{
        padding: 35px 40px;
    }
}
@media only screen and (max-width: 767px){
    .logo-image{
        padding: 25px 30px;
    }
}
@media only screen and (max-width: 650px){
    .logo-image{
        padding: 25px 30px;
    }
}
@media only screen and (max-width: 575px){
    .logo-col:first-child .logo-image, .logo-col:nth-child(2) .logo-image {
        margin-bottom: 0px !important;
    }
    .logo-image {
        padding: 0px;
        background-image: unset;
        box-shadow: unset;
    }
    .logo-image img{
        max-width: 100px;
        margin: 0 auto;
    }
}
/* ====================================
== End Logo Section
======================================= */
/*===============================================
= Start Welcome CSS
===============================================*/
/* video image and model */
.full_img {
    position: relative;
    text-align: center;
}
.full_img > img,
.full_img > picture > img {
    width: 100%;
}
.video-btn {
    position: absolute;
    -webkit-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
    left: 50%;
    top: 50%;
    width: 100%;
    height: 100%;
    border: none !important;
    padding: inherit !important;
    background-image: unset !important;
    background-color: transparent;
}
.video-btn:hover, .video-btn:focus{
    background-color: transparent;
}
.video-btn img {
    margin: 0 auto;
}
.video-btn i {
    color: var(--white);
}
.modal-dialog {
    max-width: 800px !important;
    margin: auto !important;
    height: 100%;
    display: block !important;
}
.modal-body {
    position: relative;
    padding: 0
}
.modal-content {
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
    background: #000;
    border-radius: 0 !important;
    border: none !important;
}
.video_modal .close {
    padding: 0;
    background-color: transparent;
    border: 0;
}
.close {
    position: absolute;
    right: 10px;
    top: 10px;
    z-index: 999;
    font-size: 2rem !important;
    font-weight: 400 !important;
    color: var(--white) !important;
    opacity: 1;
    background: transparent;
    border: none !important;
    line-height: 1 !important;
    background-image: unset !important;
}
.close:hover {
    opacity: 1 !important;
    background: transparent !important;
    border: none !important;
    outline: none !important;
    color: #e5c160 !important
}
.modal-open .modal {
  background-color: rgb(0 0 0 / 70%);
}
.video_modal .modal-content .embed-responsive::before {
    content: "";
    padding-top: 55%;
    display: block;
}
.video_modal .modal-content .embed-responsive iframe {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
}
@media only screen and (max-width: 575px){
    .video-btn img{
        width: 50px;
        height: 50px;
    }
}
/* video image and model */
.meet-dr-sec {
    position: relative;
    z-index: 1;
}
.meet-dr-sec::before {
    position: absolute;
    content: "";
    top: auto;
    bottom: 0;
    left: auto;
    right: 0;
    width: 100%;
    max-width: calc(100% - 30px);
    min-height: calc(100% - 40px);
    background-image: url("/wp-content/uploads/2025/04/dark-bg-image.webp");
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    box-shadow: 0px 2.767px 2.214px 0px rgba(0, 0, 0, 0.02), 0px 6.65px 5.32px 0px rgba(0, 0, 0, 0.03), 0px 12.522px 10.017px 0px rgba(0, 0, 0, 0.04), 0px 22.336px 17.869px 0px rgba(0, 0, 0, 0.04), 0px 41.778px 33.422px 0px rgba(0, 0, 0, 0.05), 0px 100px 80px 0px rgba(0, 0, 0, 0.07);
    z-index: -1;
}
.meet-dr-video img {
    box-shadow: 0px 100px 80px 0px #00000012,0px 41.78px 33.42px 0px #0000000D,0px 22.34px 17.87px 0px #0000000B,0px 12.52px 10.02px 0px #00000009,0px 6.65px 5.32px 0px #00000007,0px 2.77px 2.21px 0px #00000005;
}
.meet-dr-content {
    padding-top: 80px;
    padding-left: 26px;
}
.meet-dr-content h2 {
    color: #fff;
    padding-bottom: 8px;
    text-transform: capitalize;
}
.meet-dr-content h2 span {
    display: block;
    font-family: var(--gelasio);
    font-size: 80px;
}
.meet-dr-content h3 {
    color: #fff;
    margin-bottom: 8px;
    font-size: 32px;
    font-weight: 500;
}
.meet-dr-content p {
    color: #FFF;
    line-height: 1.6;
}
body .meet-doctor-slider{
    margin-bottom: 0 !important;
}
.meet-doctor-slider ul.slick-dots {
    bottom: -140px;
}
.meet-doctor-slider .slick-dots li button:before {
    opacity: 1;
    font-size: 12px;
    color: #C4BFD4;
}
.meet-doctor-slider .slick-dots li.slick-active button:before {
    opacity: 1;
    color: var(--yellow);
}
/* .meet-doctor-slider .slick-arrow::before, .meet-doctor-slider .slick-arrow::before {
    filter: brightness(0) invert(1);
} */
.meet-doctor-slider .slick-next, .meet-doctor-slider .slick-prev {
    top: 60%;
}
@media only screen and (max-width: 1800px){
    .dr-row{
        align-items: center !important;
    }
}
@media only screen and (max-width: 1600px){
    .meet-dr-content h3 {
        font-size: 24px;
    }
    .meet-dr-content p {
        font-size: 16px;
    }
}
@media only screen and (max-width: 1400px){
    .meet-dr-content{
        padding-left: 0;
    }
}
@media only screen and (max-width: 1199.98px){
    .meet-dr-sec::before{
        min-height: 100%;
    }
    .meet-dr-content{
        padding-top: 0;
        padding-right: 20px;
    }
    .meet-doctor-slider ul.slick-dots {
        bottom: -120px;
    }
}
@media only screen and (max-width: 991.98px){
    .modal-dialog {
        margin-right: 30px !important;
        margin-left: 30px !important
    }
    .meet-doctor-slider .slick-dots li button:before{
        font-size: 10px;
    }
    .meet-dr-sec .container-fluid {
        max-width: 100%;
        padding: 0 30px;
    }
    .meet-doctor-slider .meet-dr-video img {
        max-width: 500px;
        margin: 0 auto;
    }
    .meet-dr-sec::before {
        max-width: 100%;
    }
    .meet-dr-video{
        padding-left: 0;
    }
    .meet-dr-content {
        margin-top: 30px;
        padding-right: 0;
    }
    .meet-doctor-slider ul.slick-dots {
        bottom: -30px;
    }
    .meet-dr-sec {
        margin: 0px !important;
    }
}
@media only screen and (max-width: 767px){
    .meet-dr-content h2 span{
        display: inline-block;
    }
    .meet-doctor-slider .slick-dots li button:before{
        font-size: 8px;
    }
}
@media only screen and (max-width:575px){
    .meet-dr-content h3{
        font-size: 20px;
    }
}
@media only screen and (min-width: 992px){
    .meet-doctor-slider.slick-slider{
        max-width: calc(100% - 60px);
        margin: 0 auto;
    }
    .meet-doctor-slider .slick-prev {
        left: -30px;
    }
    .meet-doctor-slider .slick-next {
        right: -30px;
    }
    .meet-doctor-slider .slick-slide {
        padding: 0 5px;
    }
}
@media only screen and (min-width: 1025px) {
    .meet-doctor-slider.slick-slider{
        max-width: calc(100% - 80px);
    }
    .meet-doctor-slider .slick-prev {
        left: -40px;
    }
    .meet-doctor-slider .slick-next {
        right: -40px;
    }
}
@media only screen and (min-width: 1200px){
   .meet-doctor-slider.slick-slider{
       max-width: calc(100% - 120px);
       margin: 0 auto;
   }
   .meet-doctor-slider .slick-prev {
       left: -60px;
   }
   .meet-doctor-slider .slick-next {
       right: -60px;
   }
}
@media only screen and (min-width: 1441px) {
    .meet-dr-sec::before {
        max-width: calc(100% - 40px);
    }
}
@media only screen and (min-width: 1600px) {
    .meet-dr-content {
        padding-top: 140px;
    }
    .meet-dr-sec::before {
        min-height: calc(100% - 67px);
    }
    .dr-location {
        margin-bottom: 24px !important;
    }
}
@media only screen and (min-width: 1801px){
    .meet-dr-sec.section_padding{
        padding-top: 0 !important;
    }
    .meet-dr-sec::before {
        max-width: calc(100% - 75px);
    }
    .meet-dr-content h2 {
        font-size: 56px;
    }
    .meet-dr-content p {
        font-size: 20px;
        line-height: 1.7;
    }
}
@media only screen and (min-width: 1921px){
    .meet-dr-sec::before {
        max-width: calc(100% - 5%);
    }
}
/*===============================================
= End Welcome CSS
===============================================*/
/*===============================================
= Start Partners CSS
===============================================*/
.partners-slider {
    margin-bottom: 0 !important;
}
.partners-logo {
    padding: 0 15px;
}
.partners-logo img {
    text-align: center;
    margin: 0 auto;
}
/*===============================================
= End Partners CSS
===============================================*/
/* =========================================================
== Pramotion Section CSS Start
============================================================ */
.promotion-row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    gap: 50px;
}
.promotion-col {
    max-width: calc(50% - 25px);
    width: 100%;
}
.promotion-box {
    padding: 50px;
    background: var(--white);
    -webkit-box-shadow: 0px 10px 30px 0px rgba(0, 0, 0, 0.16);
            box-shadow: 0px 10px 30px 0px rgba(0, 0, 0, 0.16);
    height: 100%;
}
.promotion-box h3 {
    color: #44616E;
    font-family: var(--poppins);
    font-size: 32px;
    font-weight: 400;
    line-height: 1.2;
    margin-bottom: 16px;
}
.promotion-box p {
    color: #44616E;
    font-family: var(--poppins);
    font-size: 18px;
    font-weight: 400;
    line-height: 1.7;
}
.promotion-box p.amount-value {
    color: var(--yellow);
    font-family: var(--poppins);
    font-size: 40px;
    font-weight: 500;
    line-height: 1.2;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: baseline;
        -ms-flex-align: baseline;
            align-items: baseline;
    gap: 2px;
}
p.amount-value span {
    font-size: 24px;
    margin-bottom: 0;
}
@media only screen and (max-width: 1400px){
    .promotion-box h3{
        font-size: 24px;
    }
    .promotion-box p.amount-value{
        font-size: 32px;
    }
    p.amount-value span {
        font-size: 18px;
    }
    .promotion-box p{
        font-size: 16px;
    }
}
@media only screen and (max-width: 1200px){
    .promotion-box {
        padding: 30px;
    }
    .promotion-row{
        gap: 30px;
    }
}
@media only screen and (max-width: 991px){
    .promotion-col {
        max-width: 100%;
    }
}
@media only screen and (max-width: 575px){
    .promotion-row{
        gap: 16px;
    }
    .promotion-box{
        padding: 16px;
    }
    .promotion-box h3{
        font-size: 20px;
    }
    .promotion-box p.amount-value{
        font-size: 24px;
    }
    p.amount-value span {
        font-size: 14px;
    }
}
/* =========================================================
== Pramotion Section CSS Stop
============================================================ */
/* =========================================================
== Treat Now Section CSS Start
============================================================ */
.treat-now-box {
    max-width: 1322px;
    margin: 0 auto;
    -webkit-box-shadow: 0px 100px 80px 0px rgba(0, 0, 0, 0.07), 0px 41.778px 33.422px 0px rgba(0, 0, 0, 0.05), 0px 22.336px 17.869px 0px rgba(0, 0, 0, 0.04), 0px 12.522px 10.017px 0px rgba(0, 0, 0, 0.04), 0px 6.65px 5.32px 0px rgba(0, 0, 0, 0.03), 0px 2.767px 2.214px 0px rgba(0, 0, 0, 0.02);
            box-shadow: 0px 100px 80px 0px rgba(0, 0, 0, 0.07), 0px 41.778px 33.422px 0px rgba(0, 0, 0, 0.05), 0px 22.336px 17.869px 0px rgba(0, 0, 0, 0.04), 0px 12.522px 10.017px 0px rgba(0, 0, 0, 0.04), 0px 6.65px 5.32px 0px rgba(0, 0, 0, 0.03), 0px 2.767px 2.214px 0px rgba(0, 0, 0, 0.02);
    background-image: url('/wp-content/uploads/2024/03/about-bg-image.webp');
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}
.treat-now-content {
    padding: 50px;
}
.treat-now-content h2 {
    color: var(--black);
}
.treat-now-content p {
    color: #44616E;
    font-size: 24px;
    font-weight: 400;
    line-height: 1.6;
    margin-top: 16px;
}
.treat-now-img, .treat-now-img img {
    height: 100%;
    -o-object-fit: cover;
       object-fit: cover;
}
@media only screen and (max-width: 768px){
    .treat-now-content {
        padding: 36px;
    }
    .treat-now-content p{
        font-size: 20px;
    }
}
@media only screen and (max-width: 575px){
    .treat-now-content {
        padding: 24px;
    }
}
/* =========================================================
== Treat Now Section CSS Stop
============================================================ */
/* =========================================================
== Footer CSS Start
============================================================ */
.site-footer {
    padding: 80px 100px;
    position: relative;
}
.site-footer::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-image: url('/wp-content/uploads/2025/04/light-bg-img.webp');
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    opacity: 0.8;
    z-index: -1;
}
.footer-widgets-container {
    padding: 0;
}
.footer-widgets, .site-info{
    background-color: transparent;
}
.footer-widget-2 .widget img {
    width: 100%;
    max-width: 180px !important;
}
footer .copyright-bar {
    display: none;
}
footer .inside-site-info {
    padding: 15px 15px 0;
}
footer .footer-bar {
    margin: 0 !important;
}
.current-year p {
    color: #263C4B;
}
.site-footer .inside-footer-widgets {
    margin: 0 !important;
    flex-wrap: wrap;
    align-items: center;
}
.site-footer .inside-footer-widgets>* {
    width: 100%;
    max-width: 100%;
    flex: 0 0 auto;
}
.site-footer .inside-footer-widgets>* .inner-padding {
    padding: 0 15px;
}
/*.footer-widget-2 img {
    width: 300px;
}*/
.footer-widget-3 {
    text-align: right;
}
.footer-widget-2, .footer-widget-5 {
    text-align: center;
}
.site-footer .footer-widget-2 p {
    color: #272727;
    font-size: 16px;
    letter-spacing: 0.16px;
    margin-bottom: 6px !important;
}
.site-footer p a {
    all: inherit;
    display: inline;
    margin: 0 !important;
    white-space: nowrap;
    transition: all 0.3s ease 0s;
}
.site-footer p a:hover {
    color: var(--yellow);
}
.title-review p a {
    text-transform: uppercase;
    font-weight: 600;
    color: var(--yellow);
}
.footer-widget-2 .footer-links p span {
    margin: 0 14px;
}
.location-info p {
    color: #272727;
    font-family: var(--poppins);
    font-size: 18px;
    font-weight: 400;
    letter-spacing: 0.18px;
}
.average-review {
    display: flex;
    align-items: center;
}
.average-review h5 {
    color: var(--yellow);
    font-family: var(--poppins);
    font-size: 70px;
    font-weight: 300;
}
.average-star-img {
    display: flex;
    gap: 2px;
    margin-bottom: 5px;
}
.average-review-content p {
    color: #272727;
    font-size: 12px;
    font-weight: 400;
    letter-spacing: 0.12px;
}
.contact-info p {
    color: #272727;
    font-size: 18px;
    font-weight: 400;
    letter-spacing: 0.18px;
    margin-bottom: 28px;
}
.footer-review-item p a {
    color: var(--yellow);
    font-weight: 600;
    text-transform: uppercase;
}
.footer-review-item p a:hover {
    color: var(--black);
}
.footer-social-media {
    display: flex;
    justify-content: end;
    align-items: center;
    gap: 24px;
}
.footer-social-media img {
    min-width: 30px;
    height: 30px;
    object-fit: contain;
}
@media only screen and (min-width: 1440px){
    .footer-widget-3,
    .footer-widget-4,
    .footer-widget-1 {
        max-width: 370px !important;
    }
    .footer-widget-5,
    .footer-widget-2 {
        max-width: calc(100% - 740px) !important;
    }
}
@media only screen and (max-width: 1200px) and (min-width: 769px){    
    .site-footer .inside-footer-widgets>* {
        max-width: 100% !important;
        display: inline-block;
        padding-bottom: 32px;
    }
    .site-footer .footer-widgets-container .inside-footer-widgets{
        column-count: 2;
        display: block;
    }
    .contact-info p, .location-info p{
        text-align: center;
    }
    .footer-social-media,
    .footer-review-item p {
      text-align: center;
    }
    .average-review{
        justify-content: center;
    }    
    .title-review {
        text-align: center;
    }
    footer.site-info{
        display: none;
    }
    .footer-widget-5 .footer-social-media {
        display: flex;
        margin: 0 0 32px;
    }
    .footer-widget-1, .footer-widget-2, .footer-widget-3{
        border-right: 1px solid rgba(39, 39, 39, .2);
    }
}
/*@media only screen and (max-width: 1200px){
    .contact-info p,
    .location-info p{
        font-size: 16px;
    }
    .site-footer{
        padding: 60px;
    }
}
@media only screen and (max-width: 768px){
    .footer-widget-1,
    .footer-widget-3 {
        text-align: center;
    }
    .average-review,
    .footer-social-media{
        justify-content: center;
    }
    .inside-footer-widgets>div:not(:last-child) {
        margin-bottom: 30px;
    }
    .footer-widget-2{
        gap: 0;
    }
    .footer-social-media {
        margin-top: 20px;
    }
    .site-footer {
        padding: 40px 30px;
    }
    .title-review p {
        text-align: center;
    }
}
@media only screen and (max-width: 575px){
    .inside-footer-widgets>div:not(:last-child) {
        margin-bottom: 20px;
    }
}*/
@media only screen and (max-width: 992px) {
    .site-footer p a {
        white-space: wrap;
    }
}
@media only screen and (max-width: 768px){
    .footer-widget-1,
    .footer-widget-3 {
        text-align: center;
    }
    .average-review,
    .footer-social-media{
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
    }
    .inside-footer-widgets>div:not(:last-child) {
        margin-bottom: 30px;
    }
    .footer-widget-2{
        gap: 0;
    }
    .site-footer {
        padding: 40px 30px;
    }
    .title-review p a {
        font-size: 16px;
        font-weight: 500;
    }
    .footer-widget-2 {
        order: -1;
    }
    .footer-review-item p,
    .title-review {
        text-align: center;
    }
    /* footer.site-info{
        display: none;
    } */
    .footer-widget-5 .footer-social-media {
        display: flex;
        margin: 0 0 24px;
    }
    .footer-widget-5 {
      order: 1;
    }
    .footer-social-media {
        margin-top: 20px;
    }
}
@media only screen and (min-width: 769px) {
    .site-footer .inside-footer-widgets>* {
        max-width: 33.33%;
    }
}
.footer-form-info h4 a {
    color: var(--white);
}
.footer-form-info h4 a:hover {
    color: var(--yellow);
}
/* =========================================================
== Footer CSS Stop
============================================================ */
/* =========================================================
== Start Sub Page Css
============================================================ */
p.video-caption {
    text-align: center;
    padding-top: 5px;
}
.page-id-507 .page-image-slider{
    max-width: 1140px;
}
.page-id-716 .page-image-slider{
    max-width: 1200px;
}
.page-image-slider{
    margin: 0 auto !important;
}
.page-image-slider,
.page-image-slider .slick-track{
    margin: 0 auto !important;
}
.page-slider-img {
    text-align: center;
    padding: 0 15px;
}
.page-slider-img img {
    margin: 0 auto;
}
.linear-section .common-title,
.linear-section .linear-repeater{
    text-align: center;
}
/*gallery template*/
.patient-img {
    width: 100%;
    height: 100%;
}
.patient-img img {
    width: 100%;
    aspect-ratio: 1;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center;
    object-position: center;
}
/*gallery template*/
.page-id-716 .video-content img {
    aspect-ratio: 1;
    width: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    height: 100%;
}
.page-id-898 .smile-gallery-img img {
    margin: 0 auto;
    width: 100%;
    aspect-ratio: 3/1.3;
    -o-object-fit: contain;
    object-fit: contain;
    -o-object-position: center;
    object-position: center;
}
/* .content-box ul li {
    position: relative;
    padding-left: 40px;
}
.content-box ul li:not(:last-child) {
    padding-bottom: 20px;
}
.content-box ul li::before {
    position: absolute;
    content: "";
    width: 24px;
    aspect-ratio: 1;
    background: url("/wp-content/uploads/2024/03/pricing-check.svg") no-repeat center;
    left: 0;
    top: 4px;
}
@media only screen and (max-width: 1600px){
    .content-box ul li::before{
        width: 20px;
    }
}
@media only screen and (max-width: 1400px){
    .content-box ul li{
        padding-left: 30px;
    }
    .content-box ul li::before{
        width: 18px;
    }
} */
/* =========================================================
== End Sub Page Css
============================================================ */
ul.sub-menu.toggled-on {
    background-color: var(--white) !important;
}
.patient-img .video-content {
    margin-bottom: 0;
}
/* =====================================
== Sub Page CSS Start
===================================== */
/* ========== Left Side Css ==========*/
.video-content{
    max-width: 768px;
    width: 100%;
    margin: 0 auto;
    position: relative;
}
.video-content iframe,
.video-content img {
    -webkit-box-shadow: rgb(0 0 0 / 10%) 0px 30px 20px 0px;
            box-shadow: rgb(0 0 0 / 10%) 0px 30px 20px 0px;
}
.video-content iframe {
    aspect-ratio: 16 / 9;
    display: block;
}
.right-side-img-section .default-content,
.left-side-img-section .default-content {
    max-width: 768px;
    width: 100%;
    margin: 0 auto;
}
.right-side-img-section .default-content h2,
.left-side-img-section .default-content h2 {
    margin-bottom: 20px;
}
.right-side-img-section .default-content h3,
.left-side-img-section .default-content h3 {
    font-family: var(--poppins);
    font-size: 24px;
    text-transform: capitalize;
    margin-bottom: 20px;
}
.right-side-img-section .default-content h3:empty,
.left-side-img-section .default-content h3:empty{
    margin-bottom: 0px;
}
.simple-text-section .common-title p {
    color: var(--white);
    padding-top: 16px;
}
/* @media only screen and (max-width: 1200px) {
    .simple-text-section p,
    .simple-text-section li,
    .right-side-img-section .default-content p,
    .right-side-img-section .default-content li,
    .left-side-img-section .default-content p,
    .left-side-img-section .default-content li,
    .box-caption p,
    .box-caption li,
    .linear-section p,
    .linear-section li {
        font-size: 16px;
    }
} */
@media only screen and (max-width: 991px){
    .video-content {
        margin-bottom: 30px;
    }
    .right-side-img-section .default-content h3,
    .left-side-img-section .default-content h3 {
        font-size: 22px;
    }
}
@media only screen and (max-width: 767px) {
    .right-side-img-section .default-content h3,
    .left-side-img-section .default-content h3 {
        font-size: 20px;
    }
}
.simple-text-section {
    background-image: url("/wp-content/uploads/2024/03/blue-bg-2.webp");
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}
.simple-text-section .common-title {
    padding-bottom: 40px;
}
.simple-text-section * {
    color: var(--white);
}
.simple-text-section p a:hover,
.simple-text-section li a:hover {
    color: var(--yellow);
}
.simple-text-section ul.common-listing li {
    color: var(--white);
}
p + .common-listing,
p + .golden-check-list,
p + ol,
.content-box p + ul {
    margin-top: 16px;
}
.common-listing + p,
.golden-check-list + p,
ol + p,
.content-box ul + p {
    margin-top: 24px;
}
.common-listing li a {
    color: inherit;
    font-weight: 700;
}
ul.common-listing.column-2 {
    -webkit-column-count: 2;
       -moz-column-count: 2;
            column-count: 2;
}
ul.common-listing.column-3 {
    -webkit-column-count: 3;
       -moz-column-count: 3;
            column-count: 3;
}
@media only screen and (max-width: 991px){
    ul.common-listing.column-3 {
        -webkit-column-count: 2;
           -moz-column-count: 2;
                column-count: 2;
    }
}
@media only screen and (max-width: 600px){
    ul.common-listing.column-2,
    ul.common-listing.column-3 {
        -webkit-column-count: 1;
           -moz-column-count: 1;
                column-count: 1;
    }
}
.linear-section iframe {
    -webkit-box-shadow: 0 0 12px rgba(0, 0, 0, .1);
            box-shadow: 0 0 12px rgba(0, 0, 0, .1);
    margin-top: 16px;
}
/*  =======================   Smile Gallery Start ===================== */
.smile-gallery-row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    gap: 48px;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
}
.smile-gallery-row .smile-gallery-col {
    width: 100%;
    max-width: calc(33% - 32px);
    -webkit-box-shadow: 0 0 24px rgba(0, 0, 0, .1);
            box-shadow: 0 0 24px rgba(0, 0, 0, .1);
}
.smile-gallery-content {
    text-align: center;
    padding: 16px;
}
@media only screen and (max-width: 1200px){
    .smile-gallery-row .smile-gallery-col {
        max-width: calc(50% - 24px);
    }
}
@media only screen and (max-width: 768px){
    .smile-gallery-row .smile-gallery-col {
        max-width:100%;
    }
    .smile-gallery-row {
        gap: 24px;
    }
}
/*  =======================   Smile Gallery Stop ===================== */
.content-box:not(:last-child) {
    margin-bottom: 60px;
}
.content-box h2,
.content-box h3 {
    margin-bottom: 24px;
}
.content-box:not(.page-id-973 .content-box,.page-id-1372 .content-box) {
    text-align: center;
}
@media only screen and (max-width: 768px){
    .content-box:not(:last-child) {
        margin-bottom: 40px;
    }
}
.sub-page-pricing-col .pricing-body {
    padding: 20px 0px 0px;
}
/* =====================================
== Sub Page CSS Stop
===================================== */
.read-more-span {
    max-height: 400px !important;
    padding: 0 15px 0 0 !important;
   /*  display: inline-block; */
}
.dr_description {
    margin-top: 22px;
}
 .read-more-scroll p.read-more-span:not(:first-child) {
    margin-top: 10px;
}
.scrollbar-active .read-more-span {
    display: inline-block;
}
a.read-more {
    color: #32B6BA;
}
a.read-more:hover {
    color: var(--cameo_color);
}
.scrollbar-inner {
    padding: 0 15px 0 0 !important;
    max-height: -webkit-max-content !important;
    max-height: -moz-max-content !important;
    max-height: max-content !important;
}
.scrollbar-active{
    min-height: 120px;
    overflow-y: auto;
}
.scrollbar-inner .scrollbar-active {
    max-height: 150px !important;
}
.moreless-button {
    cursor: pointer;
    font-weight: 700;
}
.more-text{
    display: none;
}
@media only screen and (max-width: 767px){
    .col-md-6{
        padding: 0;
    }
    .scroll-content{
        height: auto !important;
    }
    .read-more-span {
        font-size: 16px;
    }
    .scrollbar-active {
        max-height: 300px !important;
    }
}
/* width */
.scrollbar-active::-webkit-scrollbar {
    width: 8px;
}
@media only screen and (max-width:480px){
    .scrollbar-inner,
    .read-more-span{
        padding: 0px !important;
    }
}
/* Track */
.scrollbar-active::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, .04);
    box-shadow: inset 0 0 5px rgba(0, 0, 0, .04); 
    border-radius: 10px;
}
/* Handle */
.scrollbar-active::-webkit-scrollbar-thumb {
    background: var(--yellow); 
    border-radius: 10px;
}
/* Handle on hover */
.scrollbar-active::-webkit-scrollbar-thumb:hover {
    background: #222222; 
}
.page-id-716 .common-title h2 {
    font-size: 40px;
    width: 100%;
    max-width: 1140px;
    margin: 0 auto;
}
@media only screen and (max-width: 1199px){
    .page-id-716 .common-title h2 {
        font-size: 32px;
    }
}
@media only screen and (max-width: 1024px){
    .page-id-716 .common-title h2 {
        font-size: 25px;
    }
}
@media only screen and (max-width: 991px){
    .page-id-716 .common-title h2 {
        font-size: 25px;
    }
}
body .image-slider-personal-class{
    position: relative;
    padding-top: 100px !important;
}
.image-slider-personal-class:before{
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-image: url(/wp-content/uploads/2024/03/light-marble-bg.webp);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    opacity: 0.4;
    z-index: -1;
}
.smile-gallery-img img {
    margin: 0 auto;
}
.sfHover > a {
    font-weight: 600 !important;
}
@media only screen and (max-width:1200px){
    body .image-slider-personal-class{
        padding-top: 80px !important;
    }
}
@media only screen and (max-width:991px){
    body .image-slider-personal-class{
        padding-top: 50px !important;
    }
}
@media only screen and (max-width:575px){
    body .image-slider-personal-class{
        padding-top: 40px !important;
    }
}
/*------------------- dental-technology-last card css -------------------------*/
@media only screen and (min-width:992px){
    .page-id-898 .smile-gallery-section .smile-gallery-col:nth-child(7) {
    max-width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}
.page-id-898 .smile-gallery-section .smile-gallery-col:nth-child(7) .smile-gallery-img img {
    -o-object-fit: cover;
       object-fit: cover;
    height: 100%;
    aspect-ratio: unset;
    min-width: 175px;
}
.page-id-898 .smile-gallery-section .smile-gallery-col:nth-child(7) .smile-gallery-content{
    text-align: left;
    padding: 20px 50px;
}
}
/*===============================================
= Start Review CSS
===============================================*/
.heading-transform{
    text-transform: capitalize;
}
.review-sec .common-title p {
    max-width: 858px;
}
/* .review-section-content {
    padding: 0 15px;
} */
.review-slider {
    margin: 0 -15px;
}
.review-slider{
    margin-bottom: 0 !important;
}
.review-slider .slick-track {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin: 0 auto;
}
.review-slider .slick-slide {
    padding: 10px 21px;
    height: auto;
}
.review-slider-content {
    background: url('/wp-content/uploads/2025/04/light-bg-img.webp');
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    padding: 36px;
    height: 100% !important;
    position: relative;
    transition: all 0.4s;
    box-shadow: 0px 2px 12px 0px #0000001F;
}
.review-slider-main-content {
    margin-bottom: 32px;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.review-slider-content h3 {
    font-size: 20px;
    color: #2E373C;
    font-weight: 500;
    margin-bottom: 16px;
    text-transform: capitalize;
    font-family: var(--poppins);
}
ul.review-rating {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    justify-content: left;
}
ul.review-rating li:not(:last-child) {
    margin-right: 6px
}
.review-description p {
    font-size: 18px;
    font-weight: 400;
    line-height: 1.85;
    display: inline-block;
    color: #666;
}
.review-description p:not(:last-child) {
    margin-bottom: 10px;
}
.morecontent span {
    display: none;
}
.more-text{
    display: none;
}
.review-section-content {
    position: relative;
}
.review-description .more-text{
    display: none;
}
.review-description .moreless-button{
    display: inline-block;
    font-weight: 600;
    color: #192530;
}
.read_more_txt p {
    color: #192530;
    margin-bottom: 20px;
}
.review-section-content .review-description .scrollbar-active {
     max-height: 150px!important;
}
.review-description .read-more{
    display: inline-block;
    font-weight: 500;
    color: var(--yellow);
    font-size: 16px;
    line-height: 1.6;
    margin-top: 12px;
}
.review-slider-tab .review-description .read-more{
    position: absolute;
    width: 100%;
    bottom: 0;
}
.image-container {
    margin-top: 60px;
}
.reviews-img img {
    border-radius: 18px;
}
@media only screen and (max-width: 1200px) {
    .review-slider .slick-slide{
        padding: 10px 12px;
    }
}
@media only screen and (max-width: 991px) {
    .review-slider-content{
        padding: 40px 30px;
    }
    .review-description p{
        font-size: 16px;
    }
    .review-tab-navigation ul{
        width: 100% !important;
        margin: 0 !important;
    }
}
@media only screen and (max-width: 767px) {
    .review-section > .container-fluid {
        padding: 0;
    } 
    .review-slider {
        margin: 20px 0 0 0 !important;
    }
}
@media only screen and (max-width:575px){
    .review-slider{
        margin: 0px !important;
    }
}
@media only screen and (max-width: 425px) {
    .review-btn .default-cta {
        margin: 0 0 0 15px;
    }
}
@media only screen and (max-width:375px){
    .review-slider-content{
        padding: 20px;
    }
    .review-section-content .review-description .scrollbar-active {
        max-height: 200px !important;
    }
}
/*===============================================
= End Review CSS
===============================================*/
/*============================================
= Start 404 page CSS
===============================================*/
.error-404 h1 {
    color: var(--yellow);
    text-shadow: 0px 2px 55px rgba(0, 0, 0, 0.20);
    font-family: var(--gelasio);
    font-size: 100px;
    font-weight: 700;
    line-height: 1;
    letter-spacing: 6px;
    text-transform: uppercase;
    margin-bottom: 32px;
}
/*============================================
= End 404 page CSS
===============================================*/
/*topbar start*/
.main-navigation.navigation-stick.has-sticky-branding .inside-navigation.grid-container {
    padding: 10px 40px;
}
.site-header .inside-header,
.top-bar .inside-top-bar,
.site-header .navigation-stick > .grid-container {
    max-width: 1824px;
    margin: 0 auto;
    flex-wrap: wrap;
}
.site-header .inside-navigation {
    max-width: 100%;
}
.site-header #site-navigation {
    width: 90%;
}
/**/
.top-bar .inside-top-bar {
    justify-content: end;
}
.inside-top-bar {
    padding: 24px 40px 15px;
}
.topbar{
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    padding: 24px 0 12px;
}
.topbar li {
    margin-bottom: 0 !important;
    display: flex;
    align-items: center;
}
.topbar li span{
    padding: 0 16px;
}
.topbar li img {
    display: inline-block;
    vertical-align: middle;
    margin-right: 8px;
}
.topbar li,
.topbar li a {
    font-family: var(--source_sans_pro);
    font-size: 18px;
    font-weight: 400;
    line-height: 1.3;
}
@media only screen and (max-width: 1400px) {
    .inside-top-bar {
        padding: 12px 30px 10px;
    }
    .main-navigation.navigation-stick.has-sticky-branding .inside-navigation.grid-container {
        padding: 10px 30px;
    }
}
/*topbar end*/
/*box-section start*/
.box-row {
    row-gap: 24px;
}
.box-col {
    padding: 18px;
    background-color: var(--white);
    border: 1px solid var(--yellow)1F;
    box-shadow: 0px 0px 24px 0px #D6D5C02E;
    height: 100%;
}
.box-title-wrap {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 10px;
    margin: 0 0 16px;
}
.box-title-wrap img {
    width: 40px;
    height: auto;
}
.box-title-wrap .box-title {
    width: calc(100% - 50px);
    font-family: var(--poppins);
    font-size: 18px;
    font-weight: 600;
    color: #555555;
}
@media only screen and (min-width: 768px) {
    .box-col {
        padding: 24px;
    }
    .box-title-wrap {
        gap: 18px;
    }
    .box-title-wrap img {
        width: 48px;
    }
    .box-title-wrap .box-title {
        width: calc(100% - 66px);
        font-size: 20px;
    }
}
@media only screen and (min-width: 1601px) {
    .box-row {
        row-gap: 32px;
        margin: 0 -16px;
    }
    .box-row>* {
        padding: 0 16px;
    }
    .box-title-wrap .box-title {
        font-size: 24px;
    }
    .box-content p {
        font-size: 18px;
    }
}
/*box-section end*/
/*-----------------  Ideal Patient Css start ----------------*/
.teeth-common-content h2{
    text-align: center;
/*    padding-bottom: 60px;*/
}
.teeth-common-content ul {
    max-width: 1230px;
    width: fit-content;
    margin: 10px auto 0;
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        column-gap: 6%;
        row-gap: 8px;
}
.teeth-common-content .dental-doctor-info-ul-li li:before{
    top: 8px;
}
.table-row-content{
    padding: 40px 0 16px;
}
@media only screen and (max-width:991px){
    .teeth-common-content h2{
        padding-bottom: 40px;
    }
}
@media only screen and (max-width: 768px){
    .teeth-common-content ul {
        grid-template-columns: repeat(1, 1fr)
    }
}
@media only screen and (max-width:767px){
    .teeth-common-content h2{
        padding-bottom: 16px;
    }
}
/*-----------------  Ideal Patient Css stop ----------------*/
/*----------------------  Before after Slider  ----------------*/
.home-transformation-slider .slick-slider{
    margin-bottom: 0px;
}
.before-after-slide {
    margin: 0 25px;
}
.before-after-img {
    width: 100%;
}
.before-after-img img {
    max-width: 500px;
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-width: 6px;
    border-style: solid;
    border-image: url('/wp-content/uploads/2024/07/ba-bg-img.png') 6;
}
@media only screen and (max-width: 991px){
    .before-after-slide {
        margin: 0 15px;
    }
}
/*------------------ T-style.css  ---------------------------*/
.common-title.btm-line hr {
    width: 150px;
    margin: 20px auto 0;
}
.common-title hr {
    border-top: 2px solid var(--yellow);
    opacity: 1;
}
.common-title hr + p {
    margin-top: 24px;
}
@media only screen and (max-width: 767px) {
    .common-title hr + p {
        margin-top: 20px;
    }
}
/*---------------- meet dr section css start  -----------------*/
.dr-content .scrollbar-active .maxlenth-text {
    margin-bottom: 16px !important;
}
.dr-content .read-more-span{
    max-height: unset !important;
}
.scrollbar-inner .scrollbar-active {
    max-height: 230px !important;
}
a.read-more {
    color: var(--yellow);
}
/*---------------- meet dr section css End  -----------------*/
/*  ======================= FAQs Section Start ===================== */
.faqs-title.default-content {
    display: none;
}
.faqs-title h3 {
    padding-bottom: 40px;
}
.faq-box:not(:first-of-type) .faq-content {
    display: none;
}
.faq-list{
    margin-bottom: 0px;
}
.faq-box{
    border-bottom: 1px solid var(--black);
}
.faq-list h4{
    padding: 15px 15px;
    margin-bottom: 0px;
    font-size: 22px;
    font-weight: 500;
    line-height: 1.1;
    width: 100%;
    color: #2E373C;
    text-align: left;
    border: none;
    background: var(--white);
    position: relative;
    cursor: pointer;
    font-family: 'Poppins', sans-serif;
    transition: all 0.3s;
}
.faq-box.active h4.faq-title {
    color: var(--yellow);
    background-color: rgba(100, 100, 111, 0.1);
}
.faq-list h4:before{
    content: "";
    position: absolute;
    right: 20px;
    top: 50%;
    transform: translateY(-50%);
    font-size: 14px;
    color: var(--black);
    transition: all 0.4s;
    background-image: url("/wp-content/uploads/2024/07/plus.svg");
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    width: 15px;
    height: 15px;
}
.faq-box.active h4:before {
    background-image: url("/wp-content/uploads/2024/07/minus.svg") !important;
}
.faq-list .faq-content{
    padding: 15px;
}
@media only screen and (min-width: 1200px){
    .faqs-section .container {
        max-width: 1140px;
    }
}
@media only screen and (max-width: 1024px){
    .faq-list h4{
        font-size: 20px;
    }
}
@media only screen and (max-width: 991px){
    .faq-list h4{
        font-size: 18px;
    }
}
@media only screen and (max-width: 767px) {
    .faq-list h4{
        padding: 15px 25px 15px 15px;
    }
    .faq-list h4:before{
        right: 10px;
    }
    .faq-content p{
        font-size: 16px;
    }
}
@media only screen and (max-width:575px){
    .faq-list h4 {
        font-size: 16px;
    }
}
/*  =======================   FAQs Section Stop  ===================== */
/*------------------- Simple text section css start -----------------------*/
.simple-text-section{
    background-image: url("/wp-content/uploads/2025/04/dark-bg-image.webp") !important;
}
/*------------------- simple text section End ---------------------*/
/* ---------------------  Pricing css start ----------------------- */
/* =========================================================
Pricing section Css Start
============================================================= */
.pricing-row {
    display: flex;
    flex-wrap: wrap;
    gap: 42px;
}
.pricing-col {
    background-image: url("/wp-content/uploads/2025/04/light-bg-img.webp");
    background-size: cover;
    max-width: calc(33.33% - 28px);
    width: 100%;
    box-shadow: 0 0 24px rgba(0, 0, 0, .2);
    padding: 24px;
}
.pricing-head p {
    margin-top: 12px;
    font-size: 18px;
}
.pricing-head h3 {
    font-size: 22px;
    font-weight: 500;
    text-align: center;
    padding-bottom: 12px;
}
.pricing-sec .common-title h5 {
    margin: 0px;
    margin-top: 20px;
    color: var(--black);
    font-family: var(--gelasio);
}
.pricing-img img{
    width: 100%;
}
@media only screen and (max-width: 1366px){
    .pricing-col {
        max-width: calc(50% - 21px);
    }
}
/*@media only screen and (max-width:1199px){
    .pricing-head h3{
        font-size: 22px;
    }
}*/
@media only screen and (max-width: 768px){
    .pricing-col{
        padding: 12px;
    }
    .pricing-sec .common-title p{
        margin-top: 0px;
    }
}
@media only screen and (max-width:767px){
    .pricing-col {
        max-width: 100%;
    }
    .service-menu li{
        font-size: 16px;
    }
    .pricing-head h3{
        font-size: 20px;
    }
    .pricing-row{
        gap: 30px;
    }
}
@media only screen and (max-width:575px){
    .pricing-head h3 {
        font-size: 18px;
    }
}
/* =========================================================
Pricing section Css End
============================================================= */
.site-content .simple-text-section:last-child {
    margin-bottom: 0;
}
.linear-section .common-title, .linear-section .linear-repeater {
    text-align: left;
}
.common-content {
    margin-bottom: 30px;
}
.linear-repeater .common-content:last-child {
    margin-bottom: 0px;
}
/**************** box section css start ****************/
.box-text-section .default-content p {
    padding-top: 20px;
}
.box-text-section .default-content p {
    width: 100%;
    max-width: 1024px;
    margin: 0px auto;
}
.box-text-section .box-row {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    gap: 32px;
}
.box-text-section .default-content {
    margin-bottom: 40px;
}
.singular-box {
    padding: 24px;
    background-color: var(--white);
    border: 1px solid rgb(173 132 47 / 12%);
    box-shadow: 0px 0px 24px 0px #D6D5C02E;
    max-width: calc(33.33% - 32px);
    width: 100%;
    background-image: url('/wp-content/uploads/2025/04/light-bg-img.webp');
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}
.singular-box .box-title {
    font-size: 24px;
    margin-bottom: 16px;
}
.singular-box .box-content p,
.singular-box .box-content li {
    font-size: 16px;
}
.box-text-section .box-caption {
    max-width: 1024px;
    padding: 0 12px;
    margin: 24px auto 0;
    text-align: center;
}
@media only screen and (max-width: 1200px){
    .box-text-section .box-row{
        gap: 30px;
    }
    .singular-box{
        max-width: calc(50% - 16px);
    }
    .box-text-section .default-content {
        margin-bottom: 30px;
    }
}
@media only screen and (max-width: 768px){
    .box-text-section .box-row{
        gap: 24px;
    }
    .singular-box{
        max-width: 100%;
        padding: 20px;
    }
    .singular-box .box-title {
        font-size: 20px;
    }
    .box-text-section .default-content {
        margin-bottom: 20px;
    }
}
/**************** box section css end ****************/
.default-content h5{
    margin-bottom: 20px;
}
.simple-textbg-section{
    background-color: #F8F5ED;
}
.simple-textbg-section .default-content p {
    text-align: center;
}
/*===============================================
= Start Dental Table CSS
================================================*/
.permanent-teeth {
    max-width: 1500px;
    margin: 0 auto;
}
/*.container1060{
    max-width: 1060px !important;
}*/
.table-row-content .btn-wrap {
    justify-content: center;
}
.table-row-content {
    padding: 40px 16px;
    display: inline-block;
    vertical-align: top;
}
.table-row-content.middle {
    background: #F8F5ED;
}
.table-row-content .default-btn{
    margin-top: 16px;
}
.table-row-content.middle .default-btn {
    width: 100%;
}
.table-row-content h2 {
    color: var(--body_text);
    font-size: 24px;
    width: 100%;
    margin: 0 0 10px;
    padding: 0px;
    font-weight: 400;
    font-family: var(--poppins_font);
    text-align: center;
}
.table-row-content h3 {
    color: var(--yellow);
    font-size: 18px;
    width: 100%;
    margin-bottom: 30px;
    padding: 0px;
    text-align: center;
    font-weight: 500;
    font-family: var(--poppins_font);
    line-height: 1.2;
    letter-spacing: 2px;
}
.table-row-content ul li {
    color: var(--body_text);
    font-size: 16px;
    width: 100%;
    margin: 0;
    padding: 10px;
    text-align: center;
    font-weight: 400;
    font-family: var(--poppins_font);
    list-style: none;
    border-bottom: 1px solid #cccccc;
    text-transform: capitalize;
}
/*.table-row-content ul li:last-child {
    border-bottom: 0px !important;
}*/
.home-table-img {
    padding: 0 10px;
    width: 100%;
    height: 100%;
    display: inline-block;
    vertical-align: top;
    text-align: -webkit-center;
}
.home-table-img p span{
    font-size: 16px;
    font-weight: 400;
    line-height: 1.5;
    padding-top: 12px;
    color: var(--body_text);
    display: inline-block;
}
.teeth-option-logo-img img {
    max-width: 100%;
    width: 100%;
    padding: 0 16px;
}
.teeth-option-logo-img {
    text-align: center;
    margin-bottom: 34px;
}
.side-line {
    border-left: 2px dashed #00000063;
}
@media only screen and  (max-width: 1500px){
    .dental-table-section .section-title h2{
        font-size: 38px;
    }
}
@media only screen and (max-width: 1200px){
    .dental-table-section .section-title h2 {
        font-size: 32px;
    }
}
@media only screen and (min-width: 576px){
    .teeth-option-logo-img img{
        height: 58px;
        object-fit: contain;
    }
}
@media only screen and (min-width: 768px) and (max-width: 950px){
    .table-row-content ul li {
        font-size: 14px;
    }
}
@media only screen and (max-width: 991px){
    .teeth-option-logo-img {
        margin: 0;
    }
    .permanent-teeth{
        max-width: 575px;
    }
}
@media only screen and (max-width: 767px){
    .table-row-content{
        padding: 40px 0 20px;
    }
    .table-row-content h2{
        font-size: 26px;
    }
    .table-row-content h3{
        font-size: 16px;
        margin-bottom: 20px;
    }
    .home-table-img{
        height: auto;
    }
    .dental-table-section .col-12:last-child .table-row-content {
        padding-bottom: 0px;
        margin-bottom: 0px;
    }
}
@media only screen and (max-width: 768px){
    section.dental-table-section.services-sec {
       width: 100%;
        margin: 0 auto;
    }
    .permanent-teeth .section-title{
        padding-bottom: 20px;
    }
    .side-line{
        border: none;
    }
}
@media only screen and (max-width: 575px){
    .res-col{
        margin-bottom: 20px;
    }
    .table-row-content{
        /* padding: 0;*/
        padding-bottom: 20px;
    }
    .table-row-content h2{
        font-size: 24px;
    }
    .home-table-img{
        padding: 0;
    }
}
@media only screen and (max-width:575px){
    .top-less .col-12 {
        margin-top: 0px;
    }
}
/*===============================================
= End Dental Table CSS
================================================*/
.page-id-1949 .pricing-sec .common-title p{
    max-width: 1150px;
}
/*===============================================
= Start sitemap CSS
================================================*/
/* .page-id-2944 h1.entry-title {
    background: linear-gradient(to right, #660000 0%, #943030 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
 */
.site-map-menu {
    margin: 0;
    padding: 0;
}
.site-map-menu li a {
    position: relative;
    padding-left: 20px;
    width: 100%;
}
.site-map-menu li a:hover {
    color: var(--yellow);
}
.site-map-menu li {
    list-style: none;
    padding-bottom: 10px;
    display: flex;
    flex-wrap: wrap;
    width: 100%;
}
.site-map-menu ul {
    padding-top: 15px;
    padding-left: 35px;
}
.site-map-menu li a:before {
    content: "\f101";
    font-family: "Font Awesome 6 Pro";
    font-weight: bold;
    position: absolute;
    left: 0;
    top: 0;
}
.page-id-2944 .inside-article{
    padding-top: 0px;
}
.page-id-2944 a:not([href]) {
    text-decoration: none !important;
    cursor: text !important;
}
@media only screen and (max-width: 767px){
    .page-id-2944 .ps-5{
        padding: 0px !important;
    }
}
@media (min-width: 1200px) {
    .page-id-2944 .site.container {
        max-width: 1140px !important;
    }
}
@media (min-width: 992px) {
    .page-id-2944 .site.container {
        max-width: 960px;
    }
}
@media (min-width: 768px) {
    .page-id-2944 .site.container {
            max-width: 720px;
    }
}
@media (min-width: 576px) {
    .page-id-2944 .site.container {
        max-width: 540px;
    }
}
/*===============================================
= End sitemap CSS
================================================*/
/* dark-bg section start */
.dark-bg {
    background-image: url('/wp-content/uploads/2025/04/dark-bg-image.webp');
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    background-color: #000000;
}
.dark-bg h2, .dark-bg h3,
.dark-bg p, .dark-bg li, .dark-bg a,
.dark-bg .input-field label {
    color: var(--white);
}
.dark-bg ul.golden-check-list li::before,
.simple-text-section ul.golden-check-list li::before {
    filter: unset;
}
/* dark-bg section end */
/* ====================================
== Start Reason Section
======================================= */
.specialties-section .common-title {
    max-width: 1024px;
    margin: 0 auto;
}
.specialties-row {
    row-gap: 24px;
}
.specialties-content {
    text-align: center;
    padding: 32px;
    background-image: url('/wp-content/uploads/2025/04/light-bg-img.webp');
    background-position: left bottom;
    background-size: cover;
    background-repeat: no-repeat;
    box-shadow: 0px 2px 12px 0px #0000000A;
    height: 100%;
}
.specialties-content img {
    margin: 0 auto 16px;
}
.specialties-content h3 {
    color: var(--black);
    font-size: 26px;
    line-height: 1.2;
    font-weight: 600;
    text-transform: capitalize;
    position: relative;
    padding-bottom: 16px;
    margin-bottom: 16px;
}
.specialties-content h3:after {
    position: absolute;
    content: "";
    width: 80px;
    height: 2px;
    background-color: var(--yellow);
    left: 50%;
    transform: translateX(-50%);
    bottom: 0;
}
.specialties-content p {
    font-size: 18px;
}
@media only  screen and (max-width: 1560px){
    .specialties-content p {
        font-size: 16px;
    }
}
@media only  screen and (max-width: 768px){
    .specialties-content{
        padding: 16px;
    }
}
@media only  screen and (max-width: 575px){
    .specialties-content h3{
        font-size: 22px;
    }
}
@media only  screen and (max-width: 480px){
    .specialties-content p {
        font-size: 15px;
    }
}
@media only screen and (min-width: 1600px) {
    .specialties-row {
        margin: 0 -16px;
        row-gap: 32px;
    }
    .specialties-col {
        padding: 0 16px;
    }
}
/* ====================================
== End Reason Section
======================================= */
body.home {
    position: relative;
    overflow-x: hidden;
}
/*===============================================
= Start Before After CSS
===============================================*/
.ba-image-sec .common-title p {
    max-width: 680px;
}
.before-after-slider {
    margin-bottom: 0 !important;
}
.repid-smile-bg .comparison-main > *{
    padding: 0;
}
.gallery-row {
    display: flex;
    gap: 32px;
    flex-wrap: wrap;
}
.gallery-col {
    max-width: calc(33.33% - 32px);
    width: 100%;
}
 .comparison {
    width: 100%;
    padding-bottom: 59%;
    overflow: hidden;
    position: relative;
}
.figure {
    position: absolute;
    left: 0;
    top: 0;
    background-size: cover;
    font-size: 0;
    width: 100%;
    height: 100%;
    margin: 0;
    background-image: var(--after-img);
}
.divisor{
    background-size: cover;
    position: absolute;
    width: 50%;
    -webkit-box-shadow: 0 5px 10px -2px rgba(0, 0, 0, 0.3);
    box-shadow: 0 5px 10px -2px rgba(0, 0, 0, 0.3);
    bottom: 0;
    height: 100%;
    background-image: var(--before-img);
}
.divisor::before,
.divisor::after{
    content: "";
    position: absolute;
    right: -2px;
    width: 4px;
    height: calc(50% - 20px);
    background: #fff;
    z-index: 3;
}
.divisor::before{
    top: 0;
    -webkit-box-shadow: 0 -3px 8px 1px rgba(0, 0, 0, 0.3);
    box-shadow: 0 -3px 8px 1px rgba(0, 0, 0, 0.3);
}
.divisor::after{
    bottom: 0;
    -webkit-box-shadow: 0 3px 8px 1px rgba(0, 0, 0, 0.3);
    box-shadow: 0 3px 8px 1px rgba(0, 0, 0, 0.3);
}
.divisor span{
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
}
.handle {
    position: absolute;
    height: 50px;
    width: 50px;
    top: 50%;
    left: 50%;
    -webkit-transform: translateY(-50%) translateX(-50%);
    -ms-transform: translateY(-50%) translateX(-50%);
    transform: translateY(-50%) translateX(-50%);
    z-index: 1;
    border-radius: 100%;
    background: #fff;
}
.handle::before, .handle::after{
    content: "";
    width: 0;
    height: 0;
    border: 6px inset transparent;
    position: absolute;
    top: 50%;
    margin-top: -6px;
}
.handle::before{
    border-right: 6px solid #BC8451;
    left: 50%;
    margin-left: -17px;
}
.handle::after{
    border-left: 6px solid #BC8451;
    right: 50%;
    margin-right: -17px;
}
.comparison input[type=range] {
      appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    position: absolute;
    top: 50%;
    left: -25px;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    background-color: transparent;
    width: calc(100% + 50px);
    z-index: 2;
    cursor: col-resize;
    border: none;
    max-width: inherit;
    padding: 0px;
}
input[type=range]:focus, input[type=range]:active {
    border: none;
    outline: none;
}
input[type=range]::-webkit-slider-thumb {
    -webkit-appearance: none;
    border: none;
    height: 40px;
    width: 40px;
    border-radius: 50%;
    background: transparent;
}
input[type=range]::-moz-range-track {
    -moz-appearance: none;
    height: 15px;
    width: 100%;
    background-color: transparent;
    position: relative;
    outline: none;
}
.comprison-before-after {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr 24px 1fr 24px 1fr;
    grid-template-columns: repeat(3, 1fr);
    gap: 24px;
}
.comprison-before-after > * {
    padding: 0;
    border-radius: 4px;
    overflow: hidden;
}
.case-name p {
    text-align: center;
    font-size: 14px;
    line-height: 1.6;
    padding: 24px 0 8px;
}
.before-after-slider .slick-track {
    display: flex;
}
.comparison-content {
    height: 100%;
}
.before-after-slider .comparison-main {
    height: auto;
    padding: 0 25px;
}
@media only screen and (max-width: 1200px){
    .gallery-col {
        max-width: calc(50% - 24px);
    }
    .before-after-slider .comparison-main {
        padding: 0 15px;
    }
}
@media only screen and (max-width:600px){
    .gallery-row{
        gap: 24px;
    }
    .gallery-col {
        max-width: calc(100%);
    }
    .before-after-slider .comparison-main {
        padding: 0 10px;
    }
}
@media only screen and (max-width: 480px){
    .comparison-content {
        padding: 0px !important;
    }
    .case-name p {
        padding: 24px 8px 8px;
    }
}
/*===============================================
= End Before After CSS
===============================================*/
/*===============================================
= Start Doctor Sub Page CSS
===============================================*/
@media only screen and (min-width: 992px) {
    .dr-main-row .video-content,
    .dr-main-row .default-content {
        max-width: 100%;
    }
    .dr-main-row .video-content {
        max-width: 45%;
        width: 100%;
        float: left;
        margin-right: 30px;
        margin-bottom: 30px;
    }
}
/*===============================================
= End Doctor Sub Page CSS
===============================================*/
/*============================================
= start Team Section CSS
=============================================*/
.common-team-image img {
    text-align: center;
    margin: 0 auto;
    width: 100%;
    height: 100%;
    max-width: 96%;
    max-height: 400px;
    min-height: 400px;
    object-fit: cover;
    object-position: top center;
}
.our-team-section .container{
    max-width: 1140px;
}

.team-col {
    margin-bottom: 24px;
}
.team-box {
    display: flex;
    background: #fff;
    box-shadow: 0 0 24px rgba(0, 0, 0, .15);
    border-radius: 14px;
    max-width: 546px;
    width: 100%;
    height: 100%;
    margin: 0 auto;
}
.team-img, .team-content {
    width: 50%;
}
.team-img img {
    width: 100%;
    height: 100%;
    border-top-left-radius: 14px;
    border-bottom-left-radius: 14px;
    object-fit: cover;
}
.team-content {
    padding: 20px;
    align-self: center;
    /* height: 100%;*/
}
.team-content h3 {
    font-weight: 600;
    padding-bottom: 15px;
    color: var(--yellow);
}
.team-content h4 {
    font-size: 20px;
    font-weight: 400;
    margin-bottom: 0;
}
.team-content button.team-btn {
    padding: 0;
    display: flex;
    align-items: center;
    transition: all 0.4s;
}
.team-content button.team-btn,
.team-content .modal-body h4 + p {
    margin-top: 15px;    
}
.team-content button.team-btn:hover, .team-content button.team-btn:focus {
    color: var(--yellow) !important;
    background-color: transparent !important;
    border: 0 !important;
    outline: none !important;
}
.team-content button.team-btn img {
    filter: brightness(0) saturate(100%) invert(62%) sepia(18%) saturate(1457%) hue-rotate(2deg) brightness(83%) contrast(89%);
    transition: all 0.4s;
}
.team-content button.team-btn:hover img {
    transform: translateX(8px);
}
.modal-header .btn-close {
    background-color: transparent;
}
@media only screen and (max-width: 767px){
    .team-box h4{
        font-size: 18px;
    }
}
@media only screen and (max-width: 575px){
    .team-box h4{
        font-size: 16px;
    }
}
@media only screen and (max-width: 475px){
    .team-box{
        display: block;
    }
    .team-img, .team-content {
        width: 100%;
        text-align: center;
    }
    .team-content button.team-btn {
        margin-left: auto;
        margin-right: auto;
    }
    .team-img img{
        border-bottom-left-radius: 0;
        border-top-right-radius: 14px;
    }
}
@media only screen and (min-width: 1025px) {
    .team-content h3 {
        font-size: 30px;
    }
}
/*============================================
= End Team Section CSS
=============================================*/
/*============================================
= Start Office Image Slider Section CSS
=============================================*/
.light-bg {
    background: url('/wp-content/uploads/2025/04/light-bg-img.webp') no-repeat center;
    background-size: cover;
}
.team-image{
    display: flex !important;
    align-items: center;
    justify-content: center;
}
.team-image img{
    max-width: 92%;
    width: 100%;
    height: auto;
    display: block;
}
.team-slider-sec .slick-track{
    display: flex;
    align-items: center;
}
.team-slider{
    margin-bottom: 0 !important;
}
@media only screen and (max-width: 767px){
    .team-image{
        justify-content: center;
    }
}
/*============================================
= End Office Image Slider Section CSS
=============================================*/
/*============================================
= Start Office Tour Page CSS
=============================================*/
.office-tour-sec .video-content {
    margin-bottom: 0;
}
.row.office-tour-row {
    row-gap: 30px;
}
@media only screen and (min-width: 1440px) {
    .office-tour-sec .video-content {
        max-width: 100%;
    }
    .row.office-tour-row {
        margin: 0 -20px;
        row-gap: 40px;
    }
    .row.office-tour-row>* {
        padding: 0 20px;
    }
}
/* Image Gallery Css Strat */
.all-image {
    column-count: 3;
    gap: 30px;
}
.image-box {
    padding-bottom: 30px;
}
#baguetteBox-overlay .full-image {
    max-height: 80vh;
    height: 100%;
    margin: 10vh 0;
    padding: 0 20px;
}
.image-box .lightbox {
    position: relative;
    box-shadow: 0 0 24px rgba(0, 0, 0, .1);
}
.image-box .lightbox,
.image-box .lightbox img {
    width: 100%;
}
.image-box .lightbox:hover{
    box-shadow: 0 0 24px 10px rgba(0, 0, 0, .1);
}
.image-box .lightbox:before {
    position: absolute;
    content: "";
    inset: 0;
    background-color: rgba(0, 0, 0, .3);
    transition: all .5s;
    width: 100%;
    height: 100%;
    opacity: 0;
}
.image-box .lightbox:hover:before{
    opacity: 1;
}
@media only screen and (max-width: 991px){
    .all-image {
        column-count: 2;
    }
}
@media only screen and (max-width: 575px){
    .all-image {
        column-count: 1;
    }
}
/* Image Gallery Css End */
/*============================================
= End Office Tour Page CSS
=============================================*/
/* ===========================================
= Services Page Css Start
=============================================*/
.box-content-info {
    margin-top: 30px !important;
}
.post-box-wrapper{
    background-color: #fff;
    box-shadow: 0 100px 80px 0 hsl(0deg 0% 0% / 5%), 0 42px 33px 0 rgb(0 0 0 / 5%), 0 22px 18px 0 rgb(0 0 0 / 5%), 0 13px 10px 0 rgb(0 0 0 / 5%), 0 7px 5px 0 rgb(0 0 0 / 5%), 0 3px 2px 0 rgb(0 0 0 / 5%);
    transition: all 0.5s;
    height: 100%;
    position: relative;
}
.post-box-img{
    margin-bottom: 24px;
}
.post-box-img img{
    width: 100%;
    display: inline-block;
    vertical-align: top;
    aspect-ratio: 9 / 6;
    object-fit: cover;
    object-position: top;
}
.service_page_box .post-box-body{
    padding-bottom: 70px;
}
.post-box-body{
    padding-left: 25px;
    padding-right: 25px;
    margin-bottom: 20px;
}
.post-box-title{
    margin-bottom: 15px;
}
.post-box-desc p{
    margin-bottom: 25px;
}
.post-box-cta{
    width: 100%;
    display: inline-block;
    vertical-align: top;
    position: absolute;
    bottom: 0;
    left: 0;
    height: 100%;
}
.post-box-cta a{
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 1;
}
.box-content-info {
    margin-top: 30px;
}
.post-box-body .default-button{
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    padding: 0 25px 30px;
}
.post-box-title h3 {
    font-size: 26px;
    transition: all 0.4s;
    color: var(--black);
    margin: 0;
}
.post-box-title a:hover h3 {
    color: var(--yellow);
}
.post-box-desc p {
    margin-bottom: 10px !important;
    display: -webkit-box;
    text-overflow: ellipsis;
    overflow: hidden;
    line-clamp: 3;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
}
/*.post-box-body .button a.default-cta {
    color: var(--white_color) !important;
}
.post-box-body .button a.default-cta:hover{
    color: var(--brown_color) !important;
}*/
@media screen and (max-width: 1199px) {
    .post-box-desc p {
        font-size: 16px;
    }
}
@media screen and (max-width: 1199px) and (min-width: 768px) {
    .post-box-title h3 {
        font-size: 22px;
    }
}
@media screen and (max-width: 991px) and (min-width: 576px) {
    .box-content-info:first-child, .box-content-info:nth-child(2) {
        margin-top: 10px !important;
    }
}
@media screen and (max-width: 576px) {
    .post-box-body .button .default-cta {
        width: 100% !important;
        max-width: 100%;
    }
    .post-box-title h3 {
        font-size: 20px;
    }
    .box-content-info:first-child {
        margin-top: 10px !important;
    }
}
/* ===========================================
= Services Page Css End
=============================================*/
/*============================================
= Start Blog CSS
=============================================*/
.blog-post-section .default-content h3 {
    margin: 0 0 32px;
}
ul.blog-post-list {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr 30px 1fr 30px 1fr;
    grid-template-columns: repeat(3, 1fr);
    gap: 30px;
}
ul.blog-post-list li {
    -webkit-box-shadow: 0 0 24px rgba(0, 0, 0, .1);
            box-shadow: 0 0 24px rgba(0, 0, 0, .1);
}
.blog-content {
    padding: 24px;
}
ul.blog-post-list li p{
    margin-bottom: 0;
}
ul.blog-post-list li p a{
    color: rgba(0, 0, 0, .5) !important;
    display: -webkit-box;
    line-clamp: 3;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    -o-text-overflow: ellipsis;
       text-overflow: ellipsis;
    margin: 15px 0 0;
}
ul.blog-post-list li p a.read-more {
    color: var(--yellow) !important;
    text-transform: capitalize;
}
ul.blog-post-list li a h2{
    color: var(--yellow) !important;
    font-size: 22px;
    font-weight: 600;
    line-height: 1.3;
    display: -webkit-box;
    line-clamp: 2;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    -o-text-overflow: ellipsis;
       text-overflow: ellipsis;
}
.single-post .site-content {
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 30px;
}
.single-post .site-content .inside-article{
    padding: 40px 0;
}
.single-post .site-content article a:not(.single-post .site-content article a.default-btn) {
    color: var(--yellow);
    font-weight: 600;
}
.single-post .entry-title {
    margin-bottom: 28px;
    font-weight: bold;
    color: var(--black);
}
.single-post .entry-content h2 {
    font-size: 30px;
    line-height: 1.2;
}
.single-post .entry-content h3 {
    font-size: 26px;
}
.single-post .entry-content h2,
.single-post .entry-content h3 {
    margin: 32px 0 16px;
    color: var(--yellow);
}
.single-post .entry-content p b, .single-post .entry-content p strong,
.single-post .entry-content ul li b, .single-post .entry-content ul li strong,
.single-post .entry-content ol li b, .single-post .entry-content ol li strong {
    color: var(--black);
}
.single-post .entry-content ul {
    margin: 0;
    padding: 0;
}
.single-post .entry-content ul li {
    color: #44616E;
}
.single-post .entry-content ul li b, .single-post .entry-content ul li strong {
    margin: 0 0 5px;
    display: inline-block;
    vertical-align: top;
}
.single-post .entry-content ul li:not(:last-child) {
    margin: 0 0 16px;
}
.single-post .entry-content ul.post-list {
    list-style: disc;
    padding-left: 18px;
}
.single-post .entry-content ul.post-list li::marker {
    color: var(--yellow);
}
.single-post .entry-content ul.post-list li:not(:last-child) {
    margin: 0 0 8px;
}
.single-post .entry-content ol.post-list-ol li::marker {
    font-weight: 600;
    color: var(--black);
}
.single-post .entry-content ol.post-list-ol li:not(:last-child) {
    margin-bottom: 12px;
}
.single-post .page-header-image-single img {
    margin: 0 auto;
}
.single-post .entry-content ul + p,
.single-post .entry-content p + ul {
    margin-top: 16px;
}
.single-post .site-content article a.default-btn {
    font-weight: 500 !important;
}
.single-post .site-content article a:hover{
    color: var(--body_text) !important;
}
.post-logo-slider-sec p.slick-slide {
    display: none;
}
.post-logo-slider-sec .logo-slider {
    margin-bottom: 0;
}
@media only screen and (max-width: 1200px) {
    .single-post .site-content .inside-article{
        padding: 10px 0 40px;
    }
}
@media only screen and (max-width: 991px){
    ul.blog-post-list {
        -ms-grid-columns: (1fr);
        grid-template-columns: repeat(2, 1fr);
    }
    .single-post .entry-content h2 {
        font-size: 26px;
    }
    .single-post .entry-content h3 {
        font-size: 22px;
    }
}
@media only screen and (max-width: 767px){
    ul.blog-post-list {
        -ms-grid-columns: (1fr);
        grid-template-columns: repeat(1, 1fr);
    }
    .single-post .entry-content h2 {
        font-size: 22px;
    }
    .single-post .entry-content h3 {
        font-size: 18px;
    }
    .blog-post-section .default-content h3 {
        margin: 0 0 22px;
    }
}
@media only screen and (max-width: 575px){
    ul.blog-post-list li a h2 {
        font-size: 19px;
    }
}
/*blog pagination*/
.pagination {
    margin: 40px 0 0;
}
.pagination .nav-links {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    gap: 5px;
}
.pagination .nav-links>* {
    padding: 5px 10px;
    display: inline-block;
    vertical-align: top;
    min-width: 32px;
    font-size: 14px;
    text-align: center;
    border-radius: 4px;
    background-color: var(--yellow);
    color: var(--white);
}
.pagination .nav-links .current,
.pagination .nav-links a:hover {
    background: var(--black);
    color: var(--white);
}
.pagination .nav-links .prev.page-numbers,
.pagination .nav-links .next.page-numbers {
    background-repeat: no-repeat;
    background-size: 7px;
    background-position: center;
    font-size: 0px;
}
.pagination .nav-links .prev.page-numbers {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='3.737' height='6.474' viewBox='0 0 3.737 6.474'%3E%3Cpath d='M3.03 5.767.5 3.237 3.03.707' fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
}
.pagination .nav-links .next.page-numbers {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='3.737' height='6.474' viewBox='0 0 3.737 6.474'%3E%3Cpath d='m.707 5.767 2.53-2.53L.707.707' fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
}
@media only screen and (max-width: 425px) {
    .pagination {
        margin: 25px 0 0;
    }
    .pagination .nav-links>* {
        font-size: 12px;
        min-width: 22px;
        padding: 4px 8px;
    }
    .pagination .nav-links .prev.page-numbers, .pagination .nav-links .next.page-numbers {
        background-size: 6px;
    }
}
/*Progress Bar Section*/
.progress-bar-all-datail {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr 32px 1fr;
    grid-template-columns: repeat(2, 1fr);
    gap: 32px;
    margin-top: 32px;
}
.progress-first-inner-box,
.progress-bar-detail-box {
    padding: 24px;
    -webkit-box-shadow: 0 0 24px rgba(0, 0, 0, .1);
            box-shadow: 0 0 24px rgba(0, 0, 0, .1);
    border-radius: 16px;
}
.progress-first-inner-box h4,
.progress-bar-detail-box.default-content h4{
    color: var(--yellow);
}
.progress-first-inner-box h5{
    color: #000;
    margin-bottom: 4px;
}
.progress-bar-bg {
    width: 100%;
    height: 16px;
    margin-top: 3px;
    margin-bottom: 16px;
    background-color: #eee;
    border-radius: 10px;
}
.progress-bar-fill {
    position: relative;
    height: 100%;
    width: var(--fill-bar);
    background-color: var(--yellow);
    border-radius: 10px;
}
.progress-bar-fill:after {
    position: absolute;
    content: attr(data-value);
    font-size: 14px;
    color: #fff;
    top: 50%;
    -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
            transform: translateY(-50%);
    right: 4px;
}
@media only screen and (max-width: 768px){
    .progress-bar-all-datail{
        -ms-grid-columns: (1fr);
        grid-template-columns: repeat(1, 1fr);
    }
}
/*============================================
= End Blog CSS
=============================================*/

/* Additional Css Start */

.review-btns {
    display: inline-flex;
    gap: 30px;
    justify-content: center;
    text-align: center;
    width: 100%;
}

@media only screen and (max-width:575px){
    .review-btns{
        flex-wrap: wrap;
        gap: 0px;
    }
    .review-btns .before-after-btn{
        width: 100%;
    }
}
/*------------------------- 05-05-2025  --------------------------*/
/* Gallry Video Css Start */

.vd-content{
    position: relative;
    margin-bottom: 35px;
    box-shadow: 0 0px 10px #d3d3d3;
}
.full-video{
    position: relative;
    padding-top: 56%;
}
.full-video iframe{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    aspect-ratio: 16/10;
    background-color: #000;
}
.vd-text{
    background: #45413d;
    padding: 15px 12px;
    text-align: center;
}
.vd-text h3{
    font-size: 21px;
    line-height: 1.5;
    color: #FFFFFF;
    font-weight: 400;
}
/* .vd-content .vd-text{
    box-shadow: 0 0px 10px #e3e3e3;
} */
@media only screen and (max-width: 767px){
    .vd-text{
        min-height: auto;
    }
}
@media only screen and (max-width: 320px){
    .vd-text h3 {
        font-size: 14px;
    }
    .vd-text {
        padding: 10px 10px;
    }
}
.video-gallery-section .vd-content {
    height: calc(100% - 35px);
    background-color: #45413d;
}

.yomi-logo {
    width: 100%;
    max-width: 180px;
    height: auto;
    margin-bottom: 15px;
}


.bg-white {
    background-image: unset;
    border: 1px solid #AD842F;
    border-radius: 5px;
}
.bg-white img{
    width: 100%;
    max-width: 85px;
}
.bg-white:hover{
    background-color: #AD8431 !important;
    color: white;
}
.bg-white:hover h3, .bg-white:hover p {
    color: white;
}
.hover-Change{
    display: none;
}
.bg-white:hover .hover-Change {
    display: block;
}
.bg-white:hover .ls-is-cached {
    display: none;
}

section.sixth_section {
    padding: 120px 0;
    background-image: url("/wp-content/uploads/2025/05/YomiWebBannerBackground-YomiSystem-Dark.webp");
    background-size: cover;
    background-repeat: no-repeat;
    background-position: right;
}
.dark-bg h4{
    color: white;
}
.sixth_section_module ul.golden-check-list{
    width: 100%;
    max-width: 1140px;
    margin: 0 auto;
    text-align: left;
    column-count: 2;
    margin-top: 10px;
}

.before-after-slider .comparison-main {
    height: auto;
    padding: 0 25px;
}
.mx-1000 p{
    max-width: unset !important;
}
 .full_video_btn_blk {
    position: relative;
    padding-top: 56%;
}
.full_video_btn_blk  iframe{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.video-content  iframe{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.sixth_section p{
    text-align: left;
}
@media only screen and (max-width:1440.5px){
    .bg-white h3 {
        font-size: 22px;
    }
}
@media only screen and (max-width:1366.5px){
    .bg-white h3 {
        font-size: 20px;
    }
    .sixth_section_module ul.golden-check-list{
        column-count: unset;
    }
}
@media only screen and (max-width:1024px){
    section.sixth_section{
        padding: 80px 0px;
    }
    .sixth_section h4{
        font-size: 18px;
    }
}
@media only screen and (max-width:575px){
    section.sixth_section{
        padding: 40px 0px;
    }
    .sixth_section h4{
        font-size: 14px;
    }
}
.patient_vd {
    position: relative;
    border-radius: 12px;
}
.patient_vd iframe {
    border-radius: 12px;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 100%;
    height: 100%;
}
.patient_vd iframe {
    position: unset;
    transform: unset;
    aspect-ratio: 9 / 6;
}
/* ---------------------  07-05-2025  --------------------------- */
body.page-id-3305 *{
    font-family: "Inter", sans-serif;
}
.post sup {
    font-size: 1.2em;
    top: -0.1em;
}

/* ========================================================
=== Robotic Implant Dentistry Section Start
============================================================*/

.dental-robotic-image img {
    box-shadow: -10px 7px 14px 0px #00000014;
}
.dental-robotic-description p {
    font-size: 16px;
}
.dental-robotic-box {
    border-radius: 12px;
    background: #F5F5F5;
    max-width: 591px;
    width: 100%;
    padding: 32px;
    display: flex;
    flex-direction: column;
    gap: 14px;
    margin-top: 20px;
}
.dental-robotic-box .common-listing li {
    color: #686764;
    font-size: 16px;
        padding-left: 15px;
}
.dental-robotic-box .common-listing li:before {
    width: 5px;
    height: 5px;
    background-color: #EE6718;
    top: 10px;
    aspect-ratio: unset;
    top: 10px;
}
.dental-robotic-box li:not(:last-child){
    margin-bottom: 6px !important;
}
.dental-robotic-box h3 {
    color: #686764;
    font-size: 20px;
    font-weight: 600;
}
.dental-robotic-btn .default-btn {
    background-color: #EE6718;
    border-color: #EE6718;
    margin-top: 20px;
}
.dental-robotic-btn .default-btn:hover{
    color: #EE6718;
    background-color: transparent;
} 
@media only screen and (max-width: 1024px){
    .dental-robotic-box{
        padding: 20px;
    }
}
/* ========================================================
=== Robotic Implant Dentistry Section End
============================================================*/

/* ========================================================
=== Robotic Implant Dentistry Page Start
============================================================*/
.light-img-bg{
    background: url(/wp-content/uploads/2025/04/light-bg-img.webp) no-repeat center;
    background-size: cover;
}
section.robotic-banner-section {
    position: relative;
    padding: 52px 0;
}
.yomi-banner-img img {
    width: 100%;
}
.robotic-banner-content {
    position: unset;
    transform: unset;
    padding: 0 30px;
    background: unset;
}
.robotic-banner-content h1 {
    color: #161A1B;
}
.robotic-banner-content p {
    color: #6D6E71;
    padding: 32px 0 16px;
}
@media only screen and (max-width: 991.5px){
    .robotic-banner-section{
        padding: 0 !important;
    }
    .robotic-banner-section .container{
        max-width: 100%;
        padding: 0;
    }
    .robotic-banner-content{
        padding: 30px !important;
    }
}

.contact-box {
    background-image: url(/wp-content/uploads/2025/04/dark-bg-image.webp);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    padding: 60px 80px;
    display: flex;
    align-items: flex-start;
    justify-content: center;
    flex-wrap: wrap;
}
.contact-box .contact-detail {
    max-width: 33.33%;
    width: 100%;
    text-align: center;
    padding: 0 24px;
    position: relative;
}
.contact-detail:not(:last-child):after {
    position: absolute;
    content: "";
    width: 2px;
    height: 80px;
    background: rgba(255, 255, 255, 0.40);
    right: 0;
    top: 50%;
    transform: translate(50%, -50%);
}
.contact-box .contact-detail .contact-icon {
    width: 56px;
    height: 56px;
    margin: 0 auto 12px;
    border-radius: 8px;
    background: rgba(255, 255, 255, 0.20);
    display: flex;
    align-items: center;
    justify-content: center;
}
.contact-detail p {
    color: #FFF;
    font-family: Gelasio;
    font-size: 22px;
    font-weight: 500;
    line-height: 120%;
    letter-spacing: 0.44px;
}
.contact-detail p a{
    color: #fff;
}
.bg-box-shadow{
box-shadow: 0 2.767px 2.214px 0 rgba(0, 0, 0, 0.02), 0 6.65px 5.32px 0 rgba(0, 0, 0, 0.03), 0 12.522px 10.017px 0 rgba(0, 0, 0, 0.04), 0 22.336px 17.869px 0 rgba(0, 0, 0, 0.04), 0 41.778px 33.422px 0 rgba(0, 0, 0, 0.05), 0 100px 80px 0 rgba(0, 0, 0, 0.07);
}
@media only screen and (max-width: 1460px){
    .contact-box{
        padding: 40px;
    }
    .contact-box .contact-detail{
        padding: 0 16px;
    }
    .contact-detail p{
        font-size: 20px;
    }
}
@media only screen and (max-width: 1199.5px){
    .contact-box{
        padding: 24px;
    }
    .contact-detail p{
        font-size: 16px;
    }
}
@media only screen and (max-width: 991.5px){
    .contact-box .contact-detail{
        max-width: 50%;
        padding: 16px;
    }
    .contact-detail:after {
        display: none;
    }
}
@media only screen and (max-width: 575.5px){
    .contact-box{
        gap: 32px;
    }
    .contact-box .contact-detail{
        max-width: 100%;
        padding: 0;
    }
    .contact-box{
        padding: 16px;
    }
}

.robotic-doctor-section .dr-row {
    display: flex;
    justify-content: space-evenly;
    flex-wrap: wrap;
    gap: 24px;
}
.robotic-doctor-section .dr-box {
    max-width: 360px;
    width: 100%;
}
.robotic-doctor-section .dr-content {
    padding: 24px 16px 0;
    text-align: center;
}
.robotic-doctor-section .dr-content h3 {
    font-size: 32px;
    font-weight: 500;
    letter-spacing: 0.64px;
    text-transform: capitalize;
}
.robotic-doctor-section .dr-content p {
    font-size: 16px;
}

@media only screen and (max-width: 575px){
    .robotic-doctor-section .dr-content h3 {
        font-size: 24px;
    }
}


.feature-row {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    gap: 28px;
}
.feature-box {
    display: flex;
    padding: 48px;
    flex-direction: column;
    align-items: center;
    gap: 18px;
    text-align: center;
    max-width: calc(25% - 21px);
    width: 100%;
}
.feature-box p {
    font-family: Gelasio;
    font-size: 22px;
}
.feature-box p b{
    all: inherit;
    font-weight: 600;
    display: inline;
}
@media only screen and (max-width: 1800px){
    .feature-box{
        padding: 32px;
    }
}
@media only screen and (max-width: 1400px){
    .feature-box{
        padding: 24px;
    }
    .feature-box p{
        font-size: 18px;
    }
}
@media only screen and (max-width: 1199.5px){
    .feature-row{
        gap: 24px;
    }
    .feature-box{
        max-width: calc(50% - 12px);
    }
}
@media only screen and (max-width: 600px){
    .feature-box{
        max-width: 100%;
    }
}
/* ========================================================
=== Robotic Implant Dentistry Page End
============================================================*/