/*
* 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
*/


/*Fonts*/

/* @import url('https://fonts.googleapis.com/css2?family=Vollkorn:ital,wght@0,400..900;1,400..900&display=swap'); */
@font-face {
    font-family: 'Nantes';
    src: url('Nantes-Bold.eot');
    src: local('Nantes Bold'), local('Nantes-Bold'),
        url('/wp-content/themes/generatepress-child/assets/fonts/Nantes-Bold.eot?#iefix') format('embedded-opentype'),
        url('/wp-content/themes/generatepress-child/assets/fonts/Nantes-Bold.woff2') format('woff2'),
        url('/wp-content/themes/generatepress-child/assets/fonts/Nantes-Bold.woff') format('woff'),
        url('/wp-content/themes/generatepress-child/assets/fonts/Nantes-Bold.ttf') format('truetype');
    font-weight: bold;
}

@font-face {
    font-family: 'Nantes';
    src: url('/wp-content/themes/generatepress-child/assets/fonts/Nantes-Light.eot');
    src: local('Nantes Light'), local('Nantes-Light'),
        url('/wp-content/themes/generatepress-child/assets/fonts/Nantes-Light.eot?#iefix') format('embedded-opentype'),
        url('/wp-content/themes/generatepress-child/assets/fonts/Nantes-Light.woff2') format('woff2'),
        url('/wp-content/themes/generatepress-child/assets/fonts/Nantes-Light.woff') format('woff'),
        url('/wp-content/themes/generatepress-child/assets/fonts/Nantes-Light.ttf') format('truetype');
    font-weight: 300;
}
@font-face {
    font-family: 'Nantes';
    src: url('/wp-content/themes/generatepress-child/assets/fonts/Nantes-Regular.eot');
    src: local('Nantes Regular'), local('Nantes-Regular'),
        url('/wp-content/themes/generatepress-child/assets/fonts/Nantes-Regular.eot?#iefix') format('embedded-opentype'),
        url('/wp-content/themes/generatepress-child/assets/fonts/Nantes-Regular.woff2') format('woff2'),
        url('/wp-content/themes/generatepress-child/assets/fonts/Nantes-Regular.woff') format('woff'),
        url('/wp-content/themes/generatepress-child/assets/fonts/Nantes-Regular.ttf') format('truetype');
    font-weight: normal;
}



:root {
    --Nantes: "Nantes";
    --patio-stone: #42464D;
    --sapphire-blue: #6DB4B3;
    --rookwood-amber: #192533;
    --body-font-color:  #4D4942;
    --white: #ffffff;
    --title-black: #152B52;
    --light-bg: #ECECEC;
    --blue-light-bg:#E4F1F1;
}


* {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    font-family: var(--Nantes);
}
html{
    scroll-behavior: smooth;
    scroll-padding: 100px;
}
body {
    overflow-x: hidden !important;
}
body ul {
    list-style: none;
    padding: 0;
    margin: 0;
}
body a {
    text-decoration: none;
    display: inline-block;
    vertical-align: middle;
}
h1, h2, h3{
    font-family: var(--Nantes);
}
h1,
h2,
h3,
h4,
h5,
h6,
body p {
    margin-bottom: 0;
    padding: 0;
}
body p{
    font-size: 18px;
    font-weight: 400;
    line-height: 1.4;
    color: var(--body-font-color);
    font-family: var(--Nantes);
}
p:not(:last-of-type) {
    margin-bottom: 16px;
}
p:empty {
    display: none;
}
p a{
    color: var(--sapphire-blue);
    font-weight: 500;
    vertical-align: top;
}
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;
}
section {
    display: inline-block;
    vertical-align: top;
    width: 100%;
}
img{
    display: block;
}
label.label1 {
    font-family: var(--Nantes) !important;
    font-weight: 600 !important;
    font-size: 12px !important;
    color: red !important;
    margin: 0 !important;
    position: absolute;
    bottom: -18px;
    left: 0;
}
body h2 {
    font-size: 30px;
    font-weight: bold;
    line-height: 1.4;
    color: var(--rookwood-amber);
    margin-bottom: 15px;
}
body .light-bg h2{
    color: var(--title-black);
}
body h3 {
    font-size: 26px;
    font-weight: 400;
    line-height: 1.4;
    color: var(--title-black);
    margin-bottom: 0;
}
body h4 {
    font-size: 22px;
    font-weight: 400;
    line-height: 1.3;
    color: var(--body-font-color);
    margin-bottom: 20px;
}
.text_rookwood {
    color: var(--sapphire-blue);
}
.title-black {
    color: var(--title-black);
}
@media only screen and (max-width: 1199px){
    body h2{
        font-size: 24px;
    }
    body h3{
        font-size: 22px;
    }
    body h4{
        font-size: 20px;
    }
}
@media only screen and (max-width: 991px){
    body h2{
        font-size: 22px;
    }
    body h3{
        font-size: 20px;
    }
    body h4{
        font-size: 18px;
    }
}
@media only screen and (max-width: 767px){
    body p{
        font-size: 16px;
    }
    br{
        display: none;
    }
}
@media only screen and (max-width:375px){
    body h2{
        word-wrap: normal;
    }
}
/****** Container css ******/
body .container-fluid{
    padding: 0 30px;
}
@media only screen and (max-width: 991px) and (min-width: 767px) {
    body .container , body .grid-container, .full_img_wrapper .container-fluid{
        padding: 0 30px;
    }
}
@media only screen and (min-width: 576px){
   body .container, body .grid-container{
        max-width: 100%;
        width: 100%;
    }
}
@media only screen and (min-width: 650px){
   body .container, body .grid-container{
        max-width: 100%;
        width: 100%;
    }
}
@media only screen and (min-width: 768px){
    body .container, body .grid-container{
        max-width: 920px;
        width: 100%;
    }
}
@media only screen and (min-width: 992px){
    body .container, body .grid-container{
        max-width: 960px;
        width: 100%;
    }
}
@media only screen and (min-width: 1200px){
    body .container, body .grid-container{
        max-width: 1140px;
        width: 100%;
    }
}
@media only screen and (min-width: 1300px){
    body .container, body .grid-container{
        max-width: 1210px;
        width: 100%;
    }
}
@media only screen and (min-width: 1400px){
    body .container, body .grid-container{
        max-width: 1320px;
        width: 100%;
    }
}
@media only screen and (min-width: 1600px){
    body .container, body .grid-container{
        max-width: 1540px;
        width: 100%;
    }
}
/* @media only screen and (min-width: 1800px){
    body .container, body .grid-container{
        max-width: 1720px;
        width: 100%;
    }
} */
@media only screen and (min-width: 1200px){
    body .mxw-1140{
        max-width: 1140px;
        margin: 0 auto;
    }
}
@media only screen and (min-width: 1400px){
    body .mxw-1464{
        max-width: 1300px;
        margin: 0 auto;
    }
    body .mxw-1140{
        max-width: 1140px;
        margin: 0 auto;
    }
}
@media only  screen and (min-width : 1600px){
    body .mxw-1600{
        max-width: 1600px;
        margin: 0 auto;
    }
}
@media only  screen and (min-width : 1600px){
    body .mxw-1500{
        max-width: 1500px;
        margin: 0 auto;
    }
    /*body .mxw-1464{
        max-width: 1464px;
        margin: 0 auto;
    }*/
}
@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;
    }
}

.light-bg{
    background-color: var(--light-bg);
}
.blue-light-bg{
    background-color: var(--blue-light-bg);
}
.number-listing{
    margin: 0;
}
.service-menu li,
.common-listing li {
    position: relative;
    padding-left: 24px;
    display: inline-block;
    width: 100%;
    font-size: 18px;
}
.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(--sapphire-blue);
    border-radius: 50%;
    top: 8px;
}
@media only screen and (max-width: 768px){
    .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: 100px 0;
}
.section_margin{
    margin: 100px 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: 25px;
    margin: 0 auto;
    width: 100%;
}
.common-title h2 {
    text-transform: capitalize;
}
/*.common-title h4{
    font-size: 18px;
}*/
.common-title h4, 
.common-title h3{
    font-weight: 600;
}
.common-title h3{
	line-height: 1.3;
    color: var(--body-font-color);
	font-size: 22px;
}
.common-title p {
    font-size: 16px;
    font-weight: 400;
    line-height: 1.6;
    color: var(--body-font-color);
    position: relative;
    width: 100%;
    display: block;
    margin-top: 5px;
}
.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;
}
.default-btn {
    color: #fff !important;
    font-family: var(--Nantes);
    font-size: 18px;
    font-style: normal;
    font-weight: 700 !important;
    line-height: 120%;
    padding: 12px 24px;
    border-radius: 50px;
    background: var(--sapphire-blue);
    margin-top: 32px;
    border: 2px solid var(--sapphire-blue);
	text-align: center;
}
.default-btn:hover{
    color: var(--sapphire-blue) !important;
    background-color: transparent;
}
.default-btn span{
    font-family: inherit;
}
.white-border-btn {
    border-color: #fff;
    background-color: transparent;
}
.white-border-btn:hover {
    background-color: #fff;
    color: var(--sapphire-blue) !important;
}
.white-btn{
    background-color: #fff;
    border-color: #fff;
    color: var(--sapphire-blue) !important;
}
.white-btn:hover{
    border-color: #fff;
    background-color: transparent;
}
.default-btn.border-btn {
    color: var(--sapphire-blue) !important;
    background-color: transparent;
    border-color: var(--sapphire-blue);
}
.default-btn.border-btn:hover, .default-btn.border-btn:focus{
    color: #fff !important;
    background-color: var(--sapphire-blue);
}
.default-btn.blue-border-btn {
    color: var(--sapphire-blue) !important;
    background-color: transparent;
    border-color: var(--sapphire-blue);
}
.default-btn.blue-border-btn:hover, .default-btn.blue-border-btn:focus{
    color: #fff !important;
    background-color: var(--sapphire-blue);
}
@media only screen and (max-width: 768px){
    .common-title{
        padding-bottom: 30px;
    }
    .common-title p{
        font-size: 16px;
    }
}
@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 0 !important;
        width: 100%;
        margin-top: 20px;
    }
     body .default-btn span{
        display: none;
    }
}
/************Slider Arrow Design***********/
/*
.service-row-slider .slick-arrow, 
.before-after-slider .slick-arrow, 
.review-slider .slick-arrow,
.meet-doctor-slider .slick-arrow
 {
    z-index: 11;
    line-height: 1 !important;
    padding: 15px !important;
    font-size: 0 !important;
    background: var(--sapphire-blue) !important;
    width: 20px;
    height: 20px;
}
.service-row-slider .slick-arrow::before,
.review-slider .slick-arrow::before,
.before-after-slider .slick-arrow::before,
.meet-doctor-slider .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/08/arrow-left.svg");
    background-repeat: no-repeat;
    background-size: auto;
    background-position: center;
    opacity: 1;
    position: absolute;
    left: 50%;
    top: 50%;
    filter: brightness(0) invert(1);
}
.service-row-slider .slick-arrow.slick-next::before,
.review-slider .slick-arrow.slick-next::before,
.before-after-slider .slick-arrow.slick-next::before,
.meet-doctor-slider .slick-arrow.slick-next::before {
    content: "";
    background-image: url("/wp-content/uploads/2024/08/arrow-right.svg");
}
.meet-doctor-slider .slick-prev {
    left: 25px;
}
.meet-doctor-slider .slick-next {
    right: 25px;
} 
@media only screen and (min-width: 1200px){
    .service-row-slider .slick-prev,
    .review-slider .slick-prev,
    .before-after-slider .slick-prev{
        left: -25px;
    }
    .service-row-slider .slick-next,
    .review-slider .slick-next,
    .before-after-slider .slick-next{
        right: -25px;
    }
       
}
@media only screen and (min-width:1500px) {
    .service-row-slider .slick-arrow,
    .service-row-slider .slick-arrow::before,
    .before-after-slider .slick-arrow,
    .before-after-slider .slick-arrow::before,
    .review-slider .slick-arrow,
    .review-slider .slick-arrow::before,
    .meet-doctor-slider .slick-arrow,
    .meet-doctor-slider .slick-arrow::before {
        width: 50px;
        height: 50px;
    }
}
@media only screen and (min-width:1199px) and (min-width:1499px) {
    .service-row-slider .slick-arrow,
    .service-row-slider .slick-arrow::before,
    .before-after-slider .slick-arrow,
    .before-after-slider .slick-arrow::before,
    .review-slider .slick-arrow,
    .review-slider .slick-arrow::before,
    .meet-doctor-slider .slick-arrow,
    .meet-doctor-slider .slick-arrow::before {
        width: 40px;
        height: 40px;
    }
}
@media only screen and (max-width: 1024px){
    .service-row-slider .slick-prev,
    .review-slider .slick-prev,
    .before-after-slider .slick-prev,
    .meet-doctor-slider .slick-prev {
        left: 5px;
    }
    .service-row-slider .slick-next,
    .review-slider .slick-next,
    .before-after-slider .slick-next,
    .meet-doctor-slider .slick-next{
        right: 5px;
    }
    .before-after-slider .slick-prev{
        left: -5px;
    }
    .before-after-slider .slick-next{
        right: -5px;
    }
}
@media only screen and (max-width: 767px){
    /* .meet-doctor-slider .slick-prev {
        left: -14px;
    }
    .meet-doctor-slider .slick-next{
        right: -14px;
    }
    
}


@media only screen and (max-width: 576px){
    .meet-doctor-slider .slick-arrow {
        padding: 13px !important;
        width: 15px;
        height: 15px;
    }
}
*/
/*Slider Arrow Design*/
/* =========================================================
== Header Css Start
============================================================ */
.site-header{
    z-index: 999;
    position: relative;
    /* overflow: hidden; */
    background-color: #fff;
}
.site-header.fixed {
    position: fixed;
    width: 100%;
    top: 0;
    background-color: #fff;
    -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;
}
.inside-header{
    -ms-flex-wrap: nowrap !important;
        flex-wrap: nowrap !important;
}
.main-navigation.sub-menu-right {
    width: 100%;
   /* margin-right: 24px;*/
}
.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;
    font-weight: 400 !important;
    line-height: 1.2;
    padding: 10px;
    font-family: var(--Nantes);
    font-size: 16px;
    width: 100%;
    color: var(--rookwood-amber);
}
.main-navigation .main-nav ul.sub-menu li.current_page_item:not(.menu-item-2109) a {
    color: #fff !important;
    background-color: var(--sapphire-blue);
}
.main-navigation #menu-primary-menu-header-menu > li.current-menu-item > a {
    color: var(--sapphire-blue)!important;
    font-weight: 500;
}
.main-navigation .why-choose-us ul li a {
    color: var(--patio-stone) !important;
}
.main-navigation .why-choose-us ul .active-submenu a , .main-navigation .why-choose-us ul .active-submenu:hover a{
    background: var(--sapphire-blue);
    color: #fff !important;
}
.main-navigation .why-choose-us ul li:hover a{
    color: var(--sapphire-blue) !important;
}
.main-navigation #menu-primary-menu-header-menu ul.sub-menu li.current_page_item a:hover{
	color: #fff !important;
}
.current-menu-ancestor{
    color: inherit;
}
.mobile-menu-control-wrapper .menu-toggle,
.mobile-menu-control-wrapper .menu-toggle:hover,
.mobile-menu-control-wrapper .menu-toggle:focus,
.main-navigation{
    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(--sapphire-blue);
    border-radius: 4px;
}
button.menu-toggle .gp-icon svg {
    height: 1.5em;
    width: 1.5em;
    margin-bottom: 4px;
    color: var(--sapphire-blue);
}
.mobile-menu-control-wrapper .menu-toggle {
    padding-right: 0 !important;
}
nav#site-navigation.toggled {
    position: absolute;
    top: 100%;
    margin-top: 0 !important;
    width: calc(100% - 100px);
    left: 50px;
    background-color: #fff !important;
    border-radius: 16px;
    -webkit-box-shadow: 0 0 12px rgba(0, 0, 0, .1);
            box-shadow: 0 0 12px rgba(0, 0, 0, .1);
    padding: 12px;
    max-height: 70vh;
    height: -webkit-fit-content;
    height: -moz-fit-content;
    height: fit-content;
    overflow-y: auto;
    display: block;
}

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(--sapphire-blue); 
    border-radius: 10px;
}
.main-navigation .inside-navigation{
    max-width: 100%;
    width: 100% !important;
}
.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;
} */
.menu-item-has-children .dropdown-menu-toggle{
    padding-right: 5px;
    padding-left: 2px;
    line-height: 1;
}
.main-navigation .main-nav ul li ul li:not(:last-child) {
    border-bottom: 1px solid #d6d3d3;
}
.main-navigation .main-nav ul.sub-menu li a{
    font-size: 16px !important;
    width: 100%;
}
.inside-header{
    padding: 28px 40px;
    justify-content: space-between;
}
.inside-header .btn-wrap{
    flex-wrap: nowrap !important;
/*     margin-left: 12px; */
    gap: 12px;
}
div#primary-menu {
    margin-left: auto;
}
.header-btn.call-btn a:hover img {
    filter: brightness(0) invert(1);
}
/*body .main-navigation .main-nav ul ul li:hover {
    background: var(--sapphire-blue);
    color: #fff !important;
}
body .main-navigation .main-nav ul ul li:hover a , body .main-navigation .main-nav ul ul li:hover a{
    color: var(--white) !important;
}*/
/*@media only screen and (min-width: 1301px) and (max-width: 1400px){
    .menu-bar-items .btn-wrap{
        gap: 12px;
    }
    .header-btn.call-btn img{
        display: Block !important;
        width: 20px;
        height: 20px;
    }
    .header-btn.call-btn a{
        padding: 12px !important;
    }
    .header-btn.call-btn a span {
        display: none;
    }

}*/
@media only screen and (min-width: 1301px) {
    .main-navigation .menu-item-2814 ul li {
        width: 50%;
        float: left;
        border-right: 1px solid #d1d1d1;
        border-bottom: 1px solid #c5c5c5;
    }
    .main-navigation ul li ul {
        width: 310px;
    }
}
 @media only screen and (min-width: 992px){
    .header-btn.call-btn img{
        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 (min-width: 1301px) {
	.main-navigation ul li.menu-item-2837 ul {
		width: 280px;
	}

	.menu-item-has-children .dropdown-menu-toggle {
		padding-right: 0px !important;
	}

	.main-navigation .menu-item-2837 ul {
		width: 529px !important;
		left: -80px !important;
        top: 100%;
        
	}

	.main-navigation .menu-item-2837 ul li {
		width: 50%;
		float: left;
		border-right: 1px solid #d1d1d1;
        border-bottom: 1px solid #c5c5c5;
    }
    body .main-navigation .main-nav ul ul li a {
        padding: 12px 20px !important;
        font-size: 15px;
    }

}
/* @media only screen and (min-width:1301px) and (max-width:1600px){
    .header-number{
        display: none;
    }
} */
@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{
        display: none;
    }
    .main-navigation.sub-menu-right{
        margin: 0;
    }
    .has-inline-mobile-toggle #site-navigation.toggled ul.sub-menu.toggled-on {
       width: calc(100% - 40px);
        margin: auto;
    }
}
@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: 991.5px){
    button.menu-toggle .gp-icon:after,
    .header-left-content p {
        font-size: 16px;
    }
    .inside-header {
        padding: 10px 30px !important;
    }
    nav#site-navigation.toggled{
        left: 30px;
        width: calc(100% - 60px);
        border-radius: 6px;
        padding: 6px;
    }
    .main-navigation .main-nav ul li a{
        font-size: 16px;
    }
    .main-navigation .main-nav ul li a{
        padding: 8px 0;
        padding-left: 20px;  
    }
    /*.main-navigation .main-nav ul ul li a{
        padding-left: 44px;
    }*/
    .header-btn.call-btn a span {
        display: none;
    }
    .header-btn.call-btn img {
        width: 20px;
    }
    .header-btn.call-btn a {
        padding: 13px;
    }
}
@media only screen and (max-width: 768px){
    .header-btn.appointment-btn {
        display: none;
    }
    .header-btn.call-btn a{
        border-radius: 4px;
        padding: 12px !important;
    }
    .location-info p br {
        display: block;
    }
}
/* @media only screen and (max-width: 575px){
    .header-left-content {
        display: none;
    }
    nav#site-navigation.toggled{
        left: 10px;
        width: calc(100% - 20px);
    }
    .main-navigation .main-nav ul li a{
        padding: 8px 36px;
    }
    .inside-header .btn-wrap {
        flex-wrap: nowrap !important;
        margin-left: auto;
        max-width: fit-content;
        padding-left: 10px !important;
    }
    .header-btn.call-btn a {
        border-radius: 4px;
        padding: 8px !important;
    }
    button.menu-toggle .gp-icon{
        height: 40px;
    }
    .mobile-menu-control-wrapper .menu-toggle {
        padding-left: 8px !important;
    }
    .has-inline-mobile-toggle .mobile-menu-control-wrapper {
        margin-left: 0;
    }
} */
@media only screen and (max-width: 575px){
    .header-left-content {
        display: none;
    }
    nav#site-navigation.toggled{
        left: 10px;
        width: calc(100% - 20px);
    }
    .main-navigation .main-nav ul li a{
        padding: 8px 15px;
    }
    /*.main-navigation .main-nav ul ul li a{
        padding-left: 56px;
    }*/
    .inside-header .btn-wrap {
        flex-wrap: nowrap !important;
        margin-left: auto;
        max-width: fit-content;
        padding-left: 10px;
    }
    .header-btn.call-btn a {
        border-radius: 4px;
        padding: 8px !important;
    }
    button.menu-toggle .gp-icon{
        height: 40px;
    }
    .mobile-menu-control-wrapper .menu-toggle {
        padding-left: 8px !important;
    }
    .has-inline-mobile-toggle .mobile-menu-control-wrapper {
        margin-left: 0;
    }
    .main-navigation .main-nav ul ul li a {
        line-height: normal;
        padding: 10px 20px 10px 40px;
        font-size: 14px;
    }
    .has-inline-mobile-toggle #site-navigation.toggled ul.sub-menu.toggled-on{
         width: 100%;
    }
	.menu-item-has-children ul .dropdown-menu-toggle{
		margin-top: 0px;
	}
	.toggled .menu-item-has-children .dropdown-menu-toggle {
      padding: 0px 16px;
   }
}
@media only screen and (max-width: 480px){
	.site-logo {
		max-width: 150px;
		width: 100%;
	}
}
/* =========================================================
== Header Css Stop
============================================================ */
/*============================================
= Start Banner CSS
===============================================*/
.hero_bg_vd img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.hero-banner{
    background-color: #5E7872;
}
.banner-img, .banner-img img {
    width: 100%;
    height: 100%;
}
.banner-img img {
    object-fit: cover;
}
.hero-banner .banner-content {
    width: 100%;
    max-width: 1400px;
    margin: auto;
}
.page-template-common-template .hero-banner .banner-content {
    max-width: 800px;
    margin-left: 0;
}
.hero-banner .banner-content h1{
    font-size: 64px;
    font-weight: bold;
    line-height: 1.2;
    margin-bottom: 35px;
    text-transform: capitalize;
}
.hero-banner .banner-content h5{
    font-size: 20px;
    font-weight: 400;
    line-height: 1.2;
    color: var(--white);
    margin-bottom: 34px;
}
.hero-banner .banner-content p {
    font-size: 18px;
    font-weight: 400;
    line-height: 1.4;
    margin-bottom: 10px;
}
.hero-banner .banner-content p a{
    color: inherit;
}
.hero-banner .banner-content p:last-child{
    margin-bottom: 0 !important;
}
.banner-content .btn-wrap {
    margin: 34px 0;
}
.banner-content .btn-wrap .default-btn{
    margin-top: 0;
}
.vd-sec {
    position: relative;
    overflow: hidden;
}
.vd-sec iframe {
    display: block;
    aspect-ratio: 16 / 9;
	width: 100%;
}
@media only screen and (min-width: 768px){
    .vd-sec {
        aspect-ratio: 14.5 / 8.2;
    }
    .hero-banner {
        position: relative;
        min-height: 750px;
        display: flex;
        overflow: hidden;
    }
    .hero_bg_vd {
        position: absolute;
        width: 100%;
        height: 100%;
        left: 0;
        top: 0;
        bottom: 0;
    }
    .hero_bg_vd-sec {
        padding-bottom: 56%;
        position: relative;
        width: 100%;
    }
    .hero_bg_vd-sec iframe {
        position: absolute;
        z-index: 0;
        left: 50%;
        top: 50%;
        transform: translate(-50%, -50%);
        aspect-ratio: 1;
        width: auto;
        height: auto;
        min-width: 100%;
        min-height: 100%;
    }
    .hero-banner .banner-content {
        z-index: 1;
        position: relative;
    }
    .hero-banner .row {
        height: 100%;
    }
    .hero-banner .banner-content h1 {
        color: var(--white);
    }
    .hero-banner .banner-content p, .hero-banner .banner-content .default-btn a:hover {
        color: var(--white);
    }
    .hero-banner:before {
        position: absolute;
        width: 100%;
        height: 100%;
        left: 0;
        top: 0;
        bottom: 0;
        background: rgb(0 0 0 / 45%);
        content: "";
        z-index: 1;
    }
}
@media only screen and (max-width: 1600px) {
    .hero-banner {
        min-height: 630px;
    }
    .hero-banner .banner-content h1{
        font-size: 50px;
    }
    .page-template-common-template .hero-banner .banner-content {
        max-width: 640px;
        margin-left: 0;
    }
}
@media only screen and (max-width: 1441px){
    .hero-banner {
        min-height: 540px;
    }
    .hero-banner .banner-content h1{
        font-size: 50px;
    }
}
@media only screen and (min-width: 768px) and (max-width: 1199px) {
    .hero-banner {
        min-height: 500px;
    }
    .hero_bg_vd-sec iframe {
        min-width: 135%;
    }
}
@media only screen and (max-width: 991px){
    .hero-banner .banner-content{
        max-width: 100%;
    }
    .hero-banner .banner-content h1{
        font-size: 40px;
    }
    .hero-banner .banner-content p{
        font-size: 16px;
    }
    .banner-content .btn-wrap {
        margin: 20px 0;
    }
}
@media only screen and (max-width: 767px){
    .hero-banner{
        padding-top: 0 !important;
    }
    .hero-banner .container, .hero-banner .row > div {
        padding: 0;
    }
    .hero-banner .row {
        margin: 0;
    }
    .hero-banner .banner-content h1{
        font-size: 28px;
        color: var(--white);
    }
    .hero-banner .banner-content p{
        color: var(--white);
    }
    .hero-banner .banner-content {
        padding: 30px 30px 0;
    }
}
@media only screen and (max-width: 767.98px) {
    .hero-banner {
        min-height: auto;
    }
    
    .hero-banner .banner-content p,
    .hero-banner .banner-content h1,
    .hero-banner .banner-content h5{
        margin-bottom: 16px;
    }
}
@media only screen and (max-width: 575px){
    .banner-img img {
        min-height: 200px;
    }
}
/*============================================
= End Banner CSS
===============================================*/

/*===============================================
= Start Information Guide Section CSS
===============================================*/

.information-section{
    background-color: #E4F1F1;
}
.information-section .container{
    max-width: 1312px;
}
.information-section .common-title{
    max-width: 1024px;
    width: 100%;

}
/*.form-field, .information-guide {
    height: 100%;
}*/

/*
.form-field {
    background-color: #fff;
    padding: 24px;
    margin-right: 32px;
    background-image: repeating-linear-gradient(-17deg, #525252, #525252 9px, transparent 9px, transparent 18px, #525252 18px), repeating-linear-gradient(73deg, #525252, #525252 9px, transparent 9px, transparent 18px, #525252 18px), repeating-linear-gradient(163deg, #525252, #525252 9px, transparent 9px, transparent 18px, #525252 18px), repeating-linear-gradient(253deg, #525252, #525252 9px, transparent 9px, transparent 18px, #525252 18px);
    background-size: 2px calc(100% + 18.82px),calc(100% + 18.82px) 2px,2px calc(100% + 18.82px),calc(100% + 18.82px) 2px;
    background-position: 0 0,0 0,100% 0,0 100%;
    background-repeat: no-repeat;
    animation: borderAnimation 1s infinite linear;
}

@keyframes borderAnimation {
    from {
        background-position: 0 0,-18.82px 0,100% -18.82px,0 100%
    }

    to {
        background-position: 0 -18.82px,0 0,100% 0,-18.82px 100%
    }
}
.input-field {
    margin-bottom: 24px;
    position: relative;
}
.input-field label {
    color: #515C5C;
    font-family: var(--Nantes);
    font-size: 18px;
    font-weight: 500;
    line-height: 1.4;
    letter-spacing: 0.36px;
    margin-bottom: 6px;
}
.input-field input::placeholder {
    color: #B7B7B7;
}
.input-field input {
    padding: 16px;
    width: 100%;
    background-color: #F3F8FB;
    color: var(--body-font-color);
    font-family: var(--Nantes);
    font-size: 16px;
    font-weight: bold;
    line-height: 1.35;
}
.submit-field {
    margin-top: 32px;
    position: relative;
}
.submit-field button {
    background: var(--sapphire-blue);
    padding: 14px 24px;
    text-align: center;
    width: 100%;
    color: #FFF;
    font-size: 16px;
    font-weight: 500;
    line-height: 1.4;
    letter-spacing: 1px;
    font-family: var(--Nantes);
    border-radius: 80px;
}
.information-guide{
    margin-left: 32px;
}
.information-guide .info-content {
    margin-left: 9%;
}
.information-guide img {
    max-width: 400px;
    width: 100%;
    object-fit: cover;
    object-position: center;
    width: 100%;
}
.information-guide h3 {
    color: var(--patio-stone);
    font-size: 22px;
    font-weight: 600;
    line-height: 1.4;
    letter-spacing: 0.44px;
    margin-bottom: 20px;
}
.info-content {
    padding: 24px;
}
/*ul.golden-check-list li {
    color: var(--patio-stone);
    font-size: 16px;
    font-weight: 400;
    line-height: 1.8;
    margin-bottom: 12px;
    padding-left: 28px;
    position: relative;
}
ul.golden-check-list li:before {
    position: absolute;
    content: "";
    background-image: url(/wp-content/uploads/2024/07/blue-check-icon.svg);
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    width: 22px;
    height: 22px;
    left: 0;
    top: 4px;
}
*/

/*
@media only screen and (max-width: 1440px){
    .form-field{
        margin-right: 12px;
    }
    .information-guide{
        margin-left: 12px;
    }
}
@media only screen and (max-width: 1399px){
    .information-section .container {
        padding: 0px 30px;
    }
}
@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 About Section
======================================= */
.about-sec {
    position: relative;
    z-index: 1;
}
.about-sec::before {
    position: absolute;
    content: "";
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #EFEDE9;
    z-index: -1;
    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);
}
/*.about2_sec::before{
    background-color: var(--light-bg);
}
.about2_sec h4{
    font-size: 24px;
    font-weight: 300;
}
.about-sec:not(.about2_sec) .common-title {
    max-width: 991px;
}*/
/*.about2_sec{
    margin-bottom: 50px;
}*/
.about-sec h3.sub-title{
    padding-bottom: 10px;
}
.about-sec span.sub-title {
    font-size: 40px;
    line-height: 1.2;
    color: #23263E;
    margin-bottom: 0;
    text-transform: uppercase;
    font-family: var(--Nantes);
}
.about-sec .common-title h2 {
    color: var(--title-black);
}
.about2_sec .about-btn .default-btn {
    margin-top: 15px;
}
.about-description {
    margin-bottom: 70px;
}

.about-image {
    margin-right: 36px;
}
.about2-image {
    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);
}
.about-image img {
    width: 100%;
    height: 100%;
    display: block;
}

.about-description ul {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr 10px 1fr 10px 1fr 10px 1fr;
    -webkit-column-gap: 10px;
       -moz-column-gap: 10px;
            column-gap: 10px;
    margin-top: 20px;
}
.about-description p {
    color: var(--patio-stone);
    font-family: var(--Nantes);
    font-size: 18px;
    font-weight: 400;
    line-height: 1.6;
}
ul.golden-check-list li {
    color: #0A0A09;
    font-size: 18px;
    font-weight: 500;
    line-height: 1.8;
    margin-bottom: 12px;
    padding-left: 28px;
    position: relative;
}
ul.golden-check-list li:before {
    position: absolute;
    content: "";
    background-image: url(/wp-content/uploads/2024/10/blue-check-icon.svg);
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    width: 18px;
    height: 18px;
    left: 0;
    top: 6px;
}
.information-guide ul.golden-check-list li {
    font-size: 16px;
}
@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 (min-width: 1400px){
    .about-sec::before{
        max-height: 89%;
    }
    .about-description p:not(:last-of-type) {
        margin-bottom: 20px;
    }
    .about2-image img {
        height: 400px;
        object-fit: cover;
    }
}
@media only screen and (max-width: 1399px){
    .about2-image img {
        width: 100%;
        height: 100%;
        object-fit: cover;
    }
    .about2-image {
        height: 100%;
    }
}
@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{
        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 (min-width: 1024px){
    .about-description {
        max-width: 500px;
        margin-left: auto;
    }
}
@media only screen and (max-width: 991px){
    .patient-story-slider {
        margin-bottom: 10px;
    }
    .about-description p{
        font-size: 16px;
    }
    ul.golden-check-list li{
        font-size: 16px;
    }
}
@media only screen and (max-width: 767px){
    .patient-story-slider {
        margin-bottom: 0 !important;
    }
    .about-image {
        margin-right: 0;
    }
    .about-description {
        margin-top: 30px;
            margin-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;
   }
   .about-sec::before{
        box-shadow: none;
   }
}
/* ====================================
== End About Section
======================================= */
/*============================================
= Start Clinical Rated CSS
===============================================*/
.choose_us_container_section {
    width: 100%;
    display: flex;
    background: var(--blue-light-bg);
}

.clinical_team_row {
    padding: 0 0 12px;
}
.clinical_teams_row_block {
    display: flex;
    justify-content: center;
    gap: 100px;
    flex-wrap: wrap;
}
.clinical_teams_col_one {
    max-width: calc(25% - 75px);
    width: 100%;
}

.clinical_team_para h3 {
    font-weight: 600;
    font-size: 22px;
    color: #333333;
    border-top: 2px solid #6db4b3;
    padding-top: 14px;
    margin-bottom: 16px;
    text-transform: capitalize;
    width: 100%;
}
.clinical-team-content p{
    font-size: 16px;
}

@media only screen and (max-width: 1699px){
    .clinical_teams_row_block {
        gap: 60px;
    }
    .clinical_teams_col_one {
        max-width: calc(25% - 45px);
    }
}
@media only screen and (max-width: 1399px) and (min-width: 1200px) {
    .clinical_team_para {
        max-width: 250px !important;
    }
}
@media only screen and (max-width: 1099px){
    .clinical_teams_row_block {
        gap: 40px;
    }
    .clinical_teams_col_one {
        max-width: calc(50% - 20px);
    }
}
@media only screen and (min-width: 992px) {
    .clinical_team_para {
        display: flex;
        flex-wrap: wrap;
        max-width: 370px;
        margin: auto;
    }

    .clinical_teams_col_para:last-child .clinical_team_para {
        margin-right: 0;
        margin-left: auto;
    }

    .clinical_teams_col_para:first-child .clinical_team_para {
        margin-left: 0;
        margin-right: auto;
    }
}
@media only screen and (min-width: 1024px) {

    .clinical_team_col_one {
        padding: 0 12px !important;
    }
}

@media only screen and (min-width: 1300px) {
    body .clinical_team_container {
        max-width: 1200px;
        margin: auto !important;
    }
}

@media only screen and (min-width: 1600px) {
    .clinical_team_para {
        max-width: 445px;
    }

    .container1540 {
        max-width: 1540px !important;
    }
}

@media only screen and (max-width: 1440px) {
    .clinical_team_row {
        padding: 0 0 30px;
    }
}

@media only screen and (max-width: 991px) {
    .clinical_team_para {
        padding-bottom: 10px !important;
    }

    .clinical_team_para h3 {
        font-size: 20px;
    }

    .clinical_team_container {
        max-width: 100% !important;
    }

    .choose_us_container_section .container1540 {
        padding: 0 30px;
        max-width: 100%;
    }
}

@media only screen and (max-width: 767px) {
    .clinical_teams_col_para {
        max-width: 100% !important;
        flex: 0 0 100% !important;
        padding: 0;
    }

    .clinical_team_para {
        border-bottom: 2px solid #6db4b3;
    }

    .clinical_team_para h3 {
        border-top: none;
        padding-top: 0;
    }
    .clinical_teams_row_block {
        gap: 30px;
    }
    .clinical_teams_col_one {
        max-width:100%;
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .clinical_teams_col_one {
        padding-left: 0;
    }

    .clinical_teams_col_two {
        padding-right: 0;
    }

    .clinical_teams_col_three {
        padding-left: 0;
    }
}


/*============================================
= End Clinical Rated CSS
===============================================*/
/*============================================
= Start Options Schedule CSS
===============================================*/
.options_schedule_col_one {
    max-width: 828px;
}
.options_schedule_section .common-title h2 {
    width: 100%;
    max-width: 886px;
    color: var(--body-font-color);
}
.options_schedule_section .common-title h2,
.options_schedule_section .common-title h4,
.options_schedule_section .common-title h3{
    font-weight: 400;

}
.options_schedule_section .common-title.btm-line hr {
    margin: 32px 0px 30px !important;
}
.options_schedule_section .common-title p {
    font-size: 24px;
    color: var(--title-black);
}
.small_cta_sec {
    background: #EBC892;
    padding: 35px 0px;
}

.options_btn_group {
    display: flex;
    flex-direction: column;
    align-items: end;
    justify-content: center;
    row-gap: 20px;
}
.options_btn_group a {
    width: 100%;
    max-width: 280px;
    margin-top: 0;
}
@media only screen and (max-width: 1500px){
    .options_schedule_txt_block span{
        font-size: 22px;
    }
}
@media only screen and (max-width: 991px){
    .options_schedule_txt_block br{
        display: none;
    }
}
@media screen and (max-width: 767px) {
    .options_schedule_button_block .default-btn.btn-group {
        margin: 0;
    }
    .options_schedule_section .common-title p {
        font-size: 18px;
        color: var(--title-black);
    }
    .options_schedule_section .common-title {
        text-align: center;
    }
    .options_schedule_section .common-title.btm-line hr {
        margin: 32px auto 30px auto !important;
    }
	.text-wrap{
		text-align: center !important;
	}
	.options_btn_group a:first-child{
		margin-top: 20px;
	}
	.options_btn_group{
		align-items:center;
	}
}
@media screen and (min-width: 768px) {
    .btn_mt0 {
        margin-top: 0px;
    }
}   
/*============================================
= End Options Schedule CSS
===============================================*/
/*===============================================
= Start Home Content CSS
===============================================*/
.home-content-section .content-info {
    max-width: 850px;
    margin: 0 auto;
}
.home-content-section .content-info p{
    font-size: 16px;
}
/*===============================================
= End Home Content CSS
===============================================*/

/*===============================================
= start New Dental; Care CSS
===============================================*/
.new-dental-care-section {
    background: linear-gradient(0deg, rgba(239, 237, 233, 0.85) 0%, rgba(239, 237, 233, 0.85) 100%), 
    url(/wp-content/uploads/2024/08/new-dental-care-provider-img.jpg) 100% no-repeat;
    background-size: cover;
}
.new-dental-care-section .common-title {
    max-width: 1400px;
    margin: 0 auto;
}
.dental-care-img img {
    margin-bottom: 28px;
}
/*===============================================
= End New Dental; Care CSS
===============================================*/

/*===============================================
= End Service Listing CSS
===============================================*/
/*.service-listing-section .common-title {
    max-width: 985px;
}
.subtitle_dec {
    margin-top: 32px;
}
ul.service-list {
    max-width: 860px;
    margin: 0 auto;
    width: 100%;
    column-count: 2;
}
ul.service-list li {
    color: var(--body-font-color);
    font-size: 18px;
    font-weight: 400;
    line-height: 1.6;
    margin-bottom: 12px;
    position: relative;
    padding-left: 20px;
}
ul.service-list li:before {
    position: absolute;
    content: "";
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background-color: var(--sapphire-blue);
    left: 0;
    top: 11px;
}
@media only screen and (max-width: 768px) {
    ul.service-list {
        column-count: 1;
        max-width: 575px;
    }
}
@media only screen and (max-width: 768px) {
    ul.service-list li{
        font-size: 16px;
    }
}*/
/*===============================================
= End Service Listing CSS
===============================================*/

/*===============================================
= Start Teeth Table CSS
===============================================*/
.teeth-table {
    background-color: #fff;
    border: 1px solid #FAFAFA;
    box-shadow: rgba(191, 191, 191, 0.25) 0px 4px 12px;
    height: 100%;
}
.teeth-table h3{
    padding: 24px 0;
    border-bottom: 1px solid #F3F3F3;
    text-align: center;
    font-size: 24px;
    font-weight: 600;
    line-height: 1.5;
	color: var(--body-font-color);
}
.teeth-table h3.gold-color {
    color: var(--sapphire-blue);
    padding: 20px 0;
    height: 84px;
    display: flex;
    justify-content: center;
}
.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: 1200px;
        margin: 0 auto;
    }
    .teeth-sec{
        margin-top: 140px;
    }
}
@media only screen and (mix-width: 768px){
    .teeth-table-sec .row > div:nth-child(2) .teeth-table h4{
        padding: 44px 0;
    }
}
@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;
    }
    .btn-wrap .default-btn:last-child {
        margin-top: 0px;
    }
    .teeth-sec {
        margin-top: 0px;
    }
}
/*===============================================
= End Teeth Table CSS
===============================================*/
/* ====================================
== Start Services Section
======================================= */
.services-row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: center;
    text-align: -webkit-center;
}
.services-sec .services-col {
    width: 100%;
    padding: 0 24px;
}
.services-sec .services-row.slick-slider{
    margin-bottom: 0px;
}
.services-content img {
    width: 100%;
}
/* .services-content p{
    text-align: center;
    font-size: 20px;
    font-weight: 500;
} */
.services-content h3, .services-content img {
    margin-bottom: 20px;
}
.services-content h3{
    font-size: 24px;
    font-weight: 700;
}
.services-content span {
    display: block;
    font-size: 24px;
    font-weight: 300;
    margin-top: 16px;
    color: var(--sapphire-blue);
}
@media only screen and (max-width: 991px){
    .services-content h3, .services-content img {
        margin-bottom: 16px;
    }
    .services-content p{
        font-size: 16px;
    }
}
@media only screen and (max-width: 575px){
    .services-content h3, .services-content img {
        margin-bottom: 20px;
    }
}
/* ====================================
== End Services Section
======================================= */

/*===============================================
= logo Section CSS
============================================*/
/*.logo_sec {
    overflow: hidden;
}
.logo_slider .slick-track {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
.logo-image img {
    margin: auto;
    text-align: center;
}
.logo_slider .logo-main-wrapper {
    padding: 0 10px;
}
.slick-dots li, .slick-dots li button, .slick-dots li button::before {
    width: 10px;
    height: 10px;
    padding: 0;
}
.slick-dots li.slick-active button::before {
    opacity: 1;
}
.slick-dots li button::before {
    font-size: 10px !important;
    line-height: 12px !important; 
    color: var(--sapphire-blue) !important;
}*/
/*===============================================
= End Logo  Section CSS
============================================*/
/* ====================================
== End Logo Section
======================================= */
/*===============================================
= Start Welcome CSS
===============================================*/
/* video image and model */
/*.meet-dr-sec {
    background-color: var(--blue-light-bg);
}
.meet-dr-sec .container {
    position: relative;
}
.full_img {
    position: relative;
    text-align: center;
}
.full_img.meet-dr-video {
    height: 100%;
}
.full_img > img,
.full_img > picture > img {
    width: 100%;
}
.full_img img {
    width: 100%;
    height: 100%;
    object-fit: cover
}
.vd-testimonial-content .full_img {
    position: relative;
    padding-top: 56.60%;
}
.full_img iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 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: #ffffff;
}
.modal-dialog {
    max-width: 800px !important;
    margin: auto !important;
    height: 100%;
    display: block !important;
}
.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: #ffffff !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;
}
.meet-doctor-slider .slick-slide > div > div {
    display: block !important;
}
@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-doctor-slider .row {
    background-color: #192533;
}
.meet-dr-content {
    padding: 100px;
    background-color: #FFF9F9;
}
.dr-inner-content {
    max-width: 670px;
    width: 100%;
}
.meet-dr-content h2 {
/*    color: var(--sapphire-blue);*/
    text-transform: capitalize;
}
.meet-dr-content h3 {
    margin-bottom: 15px;
    font-size: 18px;
    color: var(--patio-stone);
}
body .meet-doctor-slider{
    margin-bottom: 0 !important;
}
.meet-doctor-slider .full_img img {
    aspect-ratio: 1 / .8;
    object-fit: cover;
}
.meet-doctor-slider ul.slick-dots {
    bottom: -140px;
}
.meet-doctor-slider .slick-dots li button:before {
    opacity: 1;
    font-size: 12px;
    color: #fff;
}
.meet-doctor-slider .slick-dots li.slick-active button:before {
    opacity: 1;
    color: #C49530;
}
@media only screen and (min-width: 768px){
	.meet-doctor-slider .slick-list{
      height: 100% !important;
  }
}
@media only screen and (min-width: 1300px){
    .meet-dr-content {
        max-width: calc(100% + 100px);
        width: auto;
        margin-left: -100px;
        z-index: 1;
        position: relative;
        padding-left: 100px;
    }
}
@media only screen and (max-width: 1800px){
    .dr-row{
        align-items: center !important;
    }
    .meet-dr-sec::before {
        max-width: 96%;
        max-height: 100%;
    }
}
@media only screen and (max-width: 1400px){
    .meet-dr-content p{
        font-size: 16px;
    }
}
@media only screen and (max-width: 1199px){
    .meet-doctor-slider ul.slick-dots {
        bottom: -120px;
    }
    .meet-dr-content {
        padding: 20px 30px 20px 20px;
        height: 100%;
    }
}
@media only screen and (max-width: 991px){
    .meet-dr-content h3{
        margin-bottom: 14px;
    }
    .meet-doctor-slider ul.slick-dots {
        bottom: -90px;
    }
    .meet-doctor-slider .slick-dots li button:before{
        font-size: 10px;
    }
}
@media only screen and (max-width: 767px){
    .meet-doctor-slider ul.slick-dots {
        bottom: -30px;
    }
    .meet-doctor-slider .slick-dots li button:before{
        font-size: 8px;
    }
    .meet-dr-content h2{
        padding-bottom: 8px;
    }
    .meet-dr-content{
        padding: 20px 30px 0px 30px;
    }
    .meet-dr-content h3{
        font-size: 16px;
    }
/* 	.meet-doctor-slider .slick-list{
		height: auto !important;
	} */
}

/*===============================================
= End Welcome CSS
===============================================*/
/*===============================================
= Start two-side-section CSS
===============================================*/
.two-side-box {
    padding: 100px;
    height: 100%;
}
.two-side-section h3{
	font-size: 22px;
    font-weight: 400;
    line-height: 1.3;
    color: var(--body-font-color);
    margin-bottom: 20px;
}
.left-side {
    background-color: var(--blue-light-bg);
}
.right-side {
    background-color: var(--rookwood-amber);
}
.right-side *:not(.default-btn){
    color: var(--white);
}
.two-side-box h2{    
    margin-bottom: 8px;
}
@media only screen and (max-width:1200px){
    .two-side-box {
        padding: 50px;
    }
}
@media only screen and (max-width: 575px){
    .two-side-box {
        padding: 30px;
    }
    .two-side-box h2{    
        margin-bottom: 16px;
    }
}
/*===============================================
= End two-side-section 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: #FFF;
    -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: var(--body-font-color);
    font-family: var(--Nantes);
    font-size: 32px;
    font-weight: 400;
    line-height: 1.2;
    margin-bottom: 16px;
}
.promotion-box p {
    color: var(--body-font-color);
    font-family: var(--Nantes);
    font-size: 18px;
    font-weight: 400;
    line-height: 1.7;
}
.promotion-box p.amount-value {
    color: var(--sapphire-blue);
    font-family: var(--Nantes);
    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.jpg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}
.treat-now-content {
    padding: 50px;
}
.treat-now-content h2 {
    color: #23263E;
}
.treat-now-content p {
    color: var(--body-font-color);
    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
============================================================ */
.footer_logo {
    filter: brightness(0) invert(1);
}
.menu-footer-menu-container #menu-footer-menu li a:hover {
    color: #ffffff;
}
.site-footer {
    position: relative;
	background-color: #141E29;
}
.footer-widgets-container {
    padding: 0;
}
.footer-widgets{
    background-color: #141E29;
}
.site-info{
    background-color: #556C67;
}
footer .inside-site-info {
    padding: 19px 15px 19px;
}
footer .footer-bar {
    margin: 0 !important;
}
.site-footer p {
    font-size: 16px;
}
.site-footer .inside-footer-widgets>* .inner-padding, footer.site-info {
    padding: 0 15px;
}
.site-footer .footer-widgets-container .inside-footer-widgets {
    margin: 0 -15px;
}
.footer-widgets-container.grid-container {
    padding: 80px 15px 40px 15px;
}
.footer-widget-2 img {
	margin: 0 auto;
}
.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; */
	color: #C2C4C7;
    transition: all .3s ease-in-out;
}
.title-review p a {
    text-transform: uppercase;
    font-weight: 600;
    color: var(--sapphire-blue);
}
.footer-widget-2 .footer-links p span {
    margin: 0 14px;
}
.location-info span {
    font-weight: 600;
    display: block;
    margin-bottom: 10px;
    color: #EBC892;
}
.footer-social-media {
    display: flex;
    justify-content: end;
    align-items: center;
    gap: 14px;
	color: #fff;
}
.site-footer p {
    color: #C2C4C7;
    font-size: 16px;
}
.social-icon p {
    font-size: 20px;
    margin-right: 15px;
}   
.social-icon {
    display: flex;
}
.social-icon a:not(:last-of-type) {
    margin-right: 10px;
}
footer.site-info {
    position: relative;
    background-image: url(/wp-content/uploads/2025/05/Footer-copy-bg.webp);
}
.inside-footer-widgets {
    padding-bottom: 40px;
/*    border-bottom: 1px solid #2368B5;*/
}
.widget-title {
    color: #fff;
    margin-bottom: 20px;
}
.site-footer .inside-footer-widgets {
    justify-content: space-between;
}
.inside-footer-widgets a:hover, .footer-copy-info a:hover {
    color: #fff;
}
.widget_nav_menu ul#menu-footer-menu a {
    color: #C2C4C7;
}
.copyright-bar {
    display: block;
    width: 100%;
}
ul#menu-footer-menu li {
    margin-bottom: 15px;
}
.location-info p, .contact-info p {
    margin-bottom: 14px;
}
.location-info a {
    color: #fff;
}
.copy-right-sec {
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
    row-gap: 15px;
    column-gap: 15px;
}
@media only screen and (max-width: 1200px) and (min-width: 769px){    
    .site-footer .footer-widgets-container .inside-footer-widgets {
        display: grid;
        grid-template-columns: repeat(2, 50%);
        row-gap: 30px;
    }
    .footer-widgets-container.grid-container {
        padding: 60px 20px 30px 20px;
    }
    footer .inside-site-info {
        padding: 19px 5px 19px;
    }
}
@media only screen and (max-width: 768px){
    .inside-footer-widgets>div:not(:last-child) {
        margin-bottom: 30px;
    }
    .footer-widgets-container.grid-container {
        padding: 50px 30px 20px;
    }
    .copy-right-sec {
        justify-content: center;
    }
}
@media only screen and (max-width:767px){
	.site-footer p a{
		white-space: unset;
	}
}
@media only screen and (min-width: 768px) {
    /*.site-footer .inside-footer-widgets>* {
        max-width: 33.33%;
    }*/
}
.footer-form-info h4 a {
    color: #fff;
}
.footer-form-info h4 a:hover {
    color: var(--sapphire-blue);
}
.footer-icon {
    color: #fff;
    padding-top: 15px;
}
.footer-icon a:first-of-type {
    padding-left: 5px;
}
@media only screen and (min-width: 1300px) {
    .footer-widget-1 {
        max-width: 30%;
    }
    .site-footer .inside-footer-widgets {
        justify-content: space-between;
    }
    .footer-widget-2 {
        max-width: 16.33%;
    }
    .footer-widget-3{
        max-width: 20.33%;
    }
    .footer-widget-4 {
        max-width: 22.33%;
    }
    .footer-widget-1 aside#text-2 .textwidget {
        padding-right: 9%;
    }
}
/* =========================================================
== 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 {
    font-size: 18px;
    font-weight: 400;
    line-height: 1.4;
    color: var(--body-font-color);
    position: relative;
    padding-left: 40px;
    padding-bottom: 12px;
}
/*.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;
}*/
.content-box ul.common-listing {
    padding-left: 32px;
}
@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;
    }
}
@media only screen and (max-width: 1024px){
    .content-box ul li{
        font-size: 16px;
    }
}
/* =========================================================
== End Sub Page Css
============================================================ */
.patient-img .video-content {
    margin-bottom: 0;
}
/* =====================================
== Sub Page CSS Start
===================================== */
/* ========== big content Css ==========*/
@media only screen and (min-width: 992px){
    .big_content .row {
        display: inline-block;
        width: 100%;
        max-width: 100%;
    }
    .big_content .video-content img {
            margin-bottom: 20px;
        }
    .big_content .row .col-lg-6 {
        width: 100%;
    }
    .big_content .row .col-lg-6 .video-content {
        max-width: 100%;
    }
    .big_content .row .col-lg-6 .video-content img {
        width: 620px;
        float: left;
        margin-right: 30px;
    }
    .big_content .row .col-lg-6 .default-content {
        max-width: 100%;
    }
}
@media only screen and (min-width: 992px) and (max-width: 1200px) {
    .big_content .row .col-lg-6 .video-content img {
        width: 456px;
        float: left;
        margin-right: 40px;
    }
}
@media screen and (min-width: 1600px) {
    .big_content .video-content img {
        height: 585px;
        object-fit: cover;
    }
}
/* ========== 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 h3,
.left-side-img-section .default-content h3{
    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 p,
.right-side-img-section .default-content p ,
.left-side-img-section .default-content p {
    font-size: 18px;
    line-height: 1.7;
}
.left-side-img-section .contact-bar {
    padding-bottom: 15px;
    margin-bottom: 15px;
}
.small_h2{
    font-size: 30px;
    margin-bottom: 15px;
}

/*.page-template-common-template .default-content h2, .page-template-common-template .default-content h4{
    color:  var(--sapphire-blue);
}
.page-template-common-template .default-content h2 {
    font-size: 40px;
}
@media only screen and (max-width: 1199px){
    .page-template-common-template .default-content h2{
        font-size: 32px;
    }
}
@media only screen and (max-width: 1024px){
    .page-template-common-template .default-content h2{
        font-size: 28px;
    }
}
@media only screen and (max-width: 991px){
    .page-template-common-template .default-content h2{
        font-size: 25px;
    }
}*/
@media only screen and (max-width: 767px){
    .small_h2{
        font-size: 24px;
    }
}


@media only screen and (max-width: 991.98px){
    .simple-text-section p,
    .right-side-img-section .default-content p, 
    .left-side-img-section .default-content p {
        font-size: 16px;
    }
    .video-content {
        margin-bottom: 30px;
    }
}


.simple-text-section .common-title {
    padding-bottom: 15px;
}
section#flexible-financing {
    margin-bottom: 0px;
}
/*.simple-text-section *{
    color: #fff !important;
}*/
.ul_2column {
    -webkit-column-count: 2;
       -moz-column-count: 2;
            column-count: 2;
}
p + .common-listing {
    margin-top: 16px;
}
.common-listing + 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;
    }
    .ul_2column {
        -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 h3 {
    margin-bottom: 24px;
}
.content-box p {
    font-size: 18px;
    line-height: 1.6;
    margin-top: 0px;
}
.content-box p:not(:last-child) {
    margin-bottom: 16px;
}
.content-box:not(:last-child) {
    margin-bottom: 40px !important;
}
.content-box h5 a {
    color: var(--sapphire-blue);
    transition : all .3s;
}
.content-box h5 a:hover {
    color: #222222;
}
.content-box a {
    display: inline;
}
@media only screen and (max-width: 768px){
    .content-box p {
        font-size: 16px;
    }
    .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;
}
.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(--sapphire-blue);
}
.doctor-content a.read-more{
    color: var(--sapphire-blue);
}
.scrollbar-inner {
    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(--sapphire-blue); 
    border-radius: 10px;
}

/* Handle on hover */
.scrollbar-active::-webkit-scrollbar-thumb:hover {
    background: var(--sapphire-blue); 
}
.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-slider {
    margin: 0 -15px;
}
.review-slider.slick-slider{
    margin-bottom: 0px;
}
.review-tab-navigation {
    max-width: 1410px;
    margin: 0 auto;
    padding: 0 15px;
}
.review-tab-navigation ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    border-bottom: 1px solid var(--title-black);
    position: relative;
    align-items: center;
    justify-content: left;
    width: fit-content;
    margin: 0 auto;
}
.responsive-tabs > i {
    display: none;
}
.review-tab-navigation ul li a {
    font-size: 18px;
    line-height: 1.66;
    color: var(--title-black);
    font-weight: 400;
    display: inline-block;
    padding-bottom: 18px;
}
.review-tab-navigation ul li a.active {
    border-bottom: 2px solid var(--title-black);
}
.review-tab-navigation ul li:not(:last-child) {
    margin-right: 30px;
}
.review-slider .slick-track {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 100% !important;
}
.review-slider .slick-track > div {
    height: auto;
    display: flex;
}
.review-slider-content {
    background: #EFEDE9;
    padding: 40px 30px 100px;
    /*margin: 0 15px;*/
    height: inherit;
    position: relative;
/*     margin-top: 35px; */
    border: 1px solid #F4F4F4;
    transition: all 0.4s;
}
.review-slider-content.slick-slide{
    height: inherit;
}
.review-slider-content h3 {
    font-size: 20px;
    color: var(--title-black);
    font-weight: 700;
    margin-bottom: 10px;
    text-transform: capitalize;
}
.review-slider .tesimonial_revire_sec{
    margin-bottom: 30px;
}
.review-rating ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}
.review-rating ul li:not(:last-child) {
    margin-right: 6px
}
.review-rating img {
    filter: brightness(0) saturate(100%) invert(23%) sepia(85%) saturate(72%) hue-rotate(360deg) brightness(93%) contrast(84%);
}
.review-description p {
    font-size: 16px;
    font-weight: 400;
    line-height: 1.85;
/*    padding: 0 15px 0 0!important;*/
    display: inline-block;
}
.review-slider .slick-slide > div {
    padding: 0px 15px;
    height: -webkit-fill-available;
    width: -webkit-fill-available;
}
.review-description p:not(:last-child) {
    margin-bottom: 10px;
}
.google-review {
    position: absolute;
    bottom: 0;
    padding: 30px 0;
}
.morecontent span {
    display: none;
}
.more-text{
    display: none;
}
.review-section-content {
    position: relative;
}
.review-arrows {
    position: absolute;
    top: 50%;
    left: 0;
    right: 0;
    display: flex;
    justify-content: space-between;
}
.review-prev::before {
    background-image: url("/wp-content/uploads/2023/09/chevron-left.svg");
}
.review-next::before {
    background-image: url("/wp-content/uploads/2023/09/chevron-right.svg");
}
.review-prev:hover, .review-next:hover, .review-prev:focus, .review-next:focus {
    background-color: rgb(255 255 255 / 60%);
}
.review-slider .slick-list{
    height: 100% !important;
}
@media only screen and (max-width: 1199px) {
    .review-tab-navigation ul li a {
        font-size: 17px;
    }
    .google-review {
        padding: 30px 0;
    }
}
@media only screen and (max-width: 991px) {
    .review-slider-content{
        /*margin: 0 16px;*/
        padding: 40px 30px 90px;
    }
    .review-slider-content:hover{
        border-bottom: unset;
    }
    .review-tab-navigation ul {
        border: none;
        width: 100%;
    }
    .review-tab-navigation ul li {
        display: none;
        width: 100%;
        padding: 8px 0;
        margin: 0 !important;
        border-bottom: 1px solid var(--title-black);
    }
    .review-tab-navigation ul li a {
        padding-bottom: 0;
        width: 100%;
        font-size: 16px;
    }
    .review-tab-navigation ul li a.active {
        border: none;
    }
    .review-tab-navigation ul.open li {
        display: block;
    }
    .review-tab-navigation ul li.active {
        display: block;
        border-bottom: 1px solid rgba(0, 0, 0, .5);
    }
    .responsive-tabs > i {
        position: absolute;
        top: 10px;
        font-size: 20px;
        right: 0px;
        display: block;
        padding: 0 5px;
        color: var(--sapphire-blue);
    }
}
@media only screen and (max-width: 767px) {
    .review-section > .container-fluid {
        padding: 0;
    }
    .review-tab-navigation ul{
        margin-top: 0px;
    }
}
@media only screen and (max-width: 640px) {
    /*.review-slider-content {
        margin: 0 10px;
    }*/
}
@media only screen and (max-width:575px){
    .review-slider-content {
        padding: 20px 20px 90px;
    }
}
@media only screen and (max-width: 425px) {
    .review-btn .default-cta {
        margin: 0 0 0 15px;
    }
}
.review-description .more-text{
    display: none;
}
.review-description .moreless-button{
    display: inline-block;
    font-weight: 600;
    color: #676769;
}
.read_more_txt p {
    color: #515b5b;
    margin-bottom: 20px;
}
.review-section-content .review-description .scrollbar-active {
     max-height: 150px!important;
}
.review-description .read-more{
    display: inline-block;
    font-weight: 600;
    color: var(--title-black);
    font-size: 16px;
    line-height: 1.6;
    transition: all .3s;
}
.review-slider-tab .review-description .read-more{
    position: absolute;
    width: 100%;
    bottom: 0;
}
@media only screen and (min-width: 768px){
    .review-section-content .container{
        max-width: 920px;
    }
    .tab-content {
        padding: 0 36px !important; 
    }
}
@media only screen and (min-width: 992px){
    .review-section-content .container{
        max-width: 960px;
    }
}
@media only screen and (min-width: 1200px){
    .review-section-content .container{
        max-width: 1200px;
    }
}
@media only screen and (min-width: 1400px){
    .review-section-content .container{
        max-width: 1300px;
    }
}
@media only screen and (min-width: 1700px){
    .review-section-content .container{
        max-width: 1600px;
    }
}
/*
.slick-arrow {
    z-index: 11;
    border: none !important;
    width: 40px;
    height: 40px;
    line-height: 40px !important;
    background-color: var(--cameo_color) !important;
    border-radius: 50px !important;
    border: 1px solid var(--cameo_color) !important;
    padding: 0 !important;
    font-size: 0 !important;
}
.slick-arrow::before {
    transform: translate(-50%, -50%);
    content: "";
    background-image: url("/wp-content/uploads/2024/07/arrow-left.svg");
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    width: 17px;
    height: 17px;
    opacity: 1;
    position: absolute;
    left: 50%;
    top: 50%;
}
.slick-arrow.slick-next::before {
    content: "";
    background-image: url("/wp-content/uploads/2024/07/arrow-right.svg");
}
@media only screen and (max-width: 575px){
    .slick-arrow{
        width: 30px;
        height: 30px;
    }
    .slick-arrow::before{
        width: 14px;
        height: 14px;
    }
}
*/
.image-container {
    margin-top: 60px;
}
.reviews-img img {
    border-radius: 18px;
}
@media only screen and (max-width: 767px){
    .first-col .reviews-img {
        padding-bottom: 20px;
    }
}
/*===============================================
= End Review CSS
===============================================*/
/*============================================
= Start 404 page CSS
===============================================*/

.error-404 h1 {
    color: var(--sapphire-blue);
    text-shadow: 0px 2px 55px rgba(0, 0, 0, 0.20);
    font-family: var(--Nantes);
    font-size: 100px;
    font-weight: 700;
    line-height: 1;
    letter-spacing: 6px;
    text-transform: uppercase;
    margin-bottom: 32px;
}
.error-404 .common-title h3 {
    color: var(--sapphire-blue);
}
/*============================================
= End 404 page CSS
===============================================*/
/*-----------------  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 16px 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 ----------------*/
/*============================================
= Start After Before CSS
===============================================*/
.before_after_box {
    position: relative;
    width: 100%;
    height: 100%;
    display: inline-block;
}
.before_img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: block;
    z-index: 1;
    opacity: 1;
    transition: all 0.5s;
}
.before_after_box img {
    width: 100%;
    object-fit: cover;
}
.before_after_box:hover .before_img{
    opacity: 0;
}
@media only screen and (max-width: 991px){
    .before_after_box{
        margin-bottom: 25px;
    }
    .ba_col:last-of-type .before_after_box, .ba_col:nth-child(3) .before_after_box{
        margin-bottom: 0;
    }
}
@media only screen and (max-width: 575px){
    .ba_col:nth-child(3) .before_after_box{
        margin-bottom: 25px;
    }
}
/*.defult-heading {
    text-align: center;
}
.defult-heading h3 {
    color: var(--brown_color);
}
.after-before-image img {
    width: 100%;
    height: 100%;
}*/
/* .after-before-image img:first-child {
    padding-bottom: 5px;
} */
/* .after_before-col:not(:last-child) .after-before-image{
    padding-bottom: 30px;
} */
/*.after-before-image{
    padding-bottom: 30px;
}
.after-before-cta{
    text-align: center;
}
.after_before-col {
    padding: 0px 15px;
}
.before-after-slider {
    margin: 0px -12px !important;
}
.slick-slide div:nth-child(2) .after-before-image {
    padding-bottom: 0px;
}*/
/*============================================
= End After Before CSS
===============================================*/
/*---------------- 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;
}
.doctor-content.scrollbar-inner .scrollbar-active {
    max-height: 330px !important;
}
/*---------------- 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 #EEE9E7;
}
.faq-list h4{
    padding: 15px 15px 15px 22px;
    margin-bottom: 0px;
    font-size: 22px;
    font-weight: 500;
    line-height: 1.1;
    width: 100%;
    color: #2E373C;
    text-align: left;
    border: none;
    background: #FFFFFF;
    position: relative;
    cursor: pointer;
    font-family: var(--Nantes);
    transition: all 0.3s;
}
.faq-box.active h4.faq-title {
    color: var(--rookwood-amber);
}
.faq-list h4::before{
    content: "";
    position: absolute;
    right: 20px;
    top: 50%;
    transform: translateY(-50%);
    font-size: 14px;
    color: #3E3823;
    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 h4::after {
    position: absolute;
    content: "";
    top: 22px;
    left: 0;
    width: 8px;
    height: 8px;
    background-color: #2E373C;
    border-radius: 100%;
}
.faq-box.active h4::after{
    background-color: var(--rookwood-amber);
}
.faq-list .faq-content{
    padding: 15px 15px 15px 22px;
}
@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 18px;
    }
    .faq-list h4:before{
        right: 10px;
    }
    .faq-list h4::after{
        width: 6px;
        height: 6px;
    }
    .faq-content p{
        font-size: 16px;
    }
}
@media only screen and (max-width:575px){
    .faq-list h4 {
        font-size: 16px;
    }
}
/*  =======================   FAQs Section Stop  ===================== */
/* =========================================================
Pricing section Css Start
============================================================= */
.pricing-row {
    display: flex;
    flex-wrap: wrap;
    gap: 42px;
}
.pricing-col {
    background-image: url("/wp-content/uploads/2024/06/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: #3E3823;
    font-family: var(--Nantes);
}
.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: 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;
}
.linear-subtitle {
    font-size: 20px;
}
.linear-section .common-title {
    padding-bottom: 20px;
}
.linear-section .common-content {
    padding-left: 30px;
    position: relative;
}
.linear-section .common-content h3 {
    color: var(--bs-body-color);
    font-weight: 600;
}
.common-content h3 {
    font-size: 24px;
    font-weight: 400;
    line-height: 1.3;
    color: var(--patio-stone);
    margin-bottom: 20px;
}
.linear-section .common-content:before {
    position: absolute;
    content: "";
    left: 0;
    width: 10px;
    aspect-ratio: 1;
    background-color: var(--sapphire-blue);
    border-radius: 50%;
    top: 10px;
}
/**************** 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: 48px;
}
.box-text-section .default-content {
    margin-bottom: 40px;
}
.singular-box {
    padding: 24px;
    border: 1px solid #2368B530;
    box-shadow: 0px 0px 24px 0px #D6D5C02E;
    max-width: calc(33.33% - 32px);
    width: 100%;
}
.singular-box .box-title {
    font-size: 22px;
    margin-bottom: 16px;
    font-weight: 600;
    color: #6db4b3;
}
.box-text-section .box-caption {
    max-width: 1024px;
    padding: 0 12px;
    margin: 24px auto 0;
    text-align: center;
}
section#big_content_box .singular-box h4 {
    font-size: 20px;
}
section#big_content_box .singular-box h3 {
    font-size: 27px;
    margin-bottom: 15px;
}
#small_sub_Description h4 {
    font-size: 20px;
}
@media only screen and (max-width: 1200px){
    .box-text-section .box-row{
        gap: 32px;
    }
    .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;
    }
}
@media only screen and (max-width: 767px){
    .common-content h3 {
        font-size: 20px;
    }
    .linear-section .common-content {
        padding-left: 24px;
    }
    section#big_content_box .singular-box h3 {
        font-size: 22px;
    }
}
@media only screen and (min-width: 992px){
    section#big_content_box .singular-box {
        max-width: calc(50% - 30px);
    }
    section#big_content_box .box-text-section .box-row {
        display: flex;
        justify-content: center;
        flex-wrap: wrap;
        gap: 25px;
    }
}
@media only screen and (max-width: 991px){
    section#big_content_box .singular-box {
        max-width: 100%;
    }
}
/**************** box section css end ****************/
/*===============================================
= Start Dental Table CSS
================================================*/
.container1240 {
    max-width: 1240px !important;
}
.table-row-content {
    padding: 40px 16px 16px;
    display: inline-block;
    vertical-align: top;
    background-color: #fff;
}

.table-row-content.middle {
    background: #E4F1F1;
}

.table-row-content h2 {
    width: 100%;
    margin: 5px 0 10px;
    padding: 0px;
    text-align: center;
    color: var(--title-black);
/*    font-family: Poppins;*/
    font-size: 24px;
    font-weight: 400;
    line-height: 1.4; /* 33.6px */
}

.table-row-content h3 {
    width: 100%;
    margin-bottom: 30px;
    padding: 0px;
    text-align: center;
    color: var(--body-font-color);
/*    font-family: Poppins;*/
    font-size: 18px;
    font-style: normal;
    font-weight: 500;
    line-height: 1.4; /* 25.2px */
/*    letter-spacing: 2.16px;*/
    text-transform: uppercase;
}

.table-row-content ul li {
    width: 100%;
    margin: 0;
    padding: 10px 0;
    text-align: center;
    list-style: none;
    border-bottom: 1px solid #cccccc;
    color: #5A595E;
    font-family: Poppins;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 1.4; /* 22.4px */
}
.home-table-img {
    padding-bottom: 24px;
    width: 100%;
    height: 100%;
    display: inline-block;
    vertical-align: top;
    text-align: center;
}
.home-table-img img {
    margin: auto;
}
.pricing-btn {
    display: flex;
    vertical-align: top;
    width: 100%;
    justify-content: center;
    margin-top: 24px;
}

.home-table-img p span {
    font-size: 14px;
    font-weight: 400;
    line-height: 1.5;
    padding-top: 12px;
    color: #8C8C8C;
    display: inline-block;
}

.teeth-common-content ul {
    max-width: 850px;
    width: fit-content;
    margin: 10px auto 0;
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    column-gap: 4%;
    row-gap: 8px;
}

.teeth-common-content .dental-doctor-info-ul-li li {
    position: relative;
    padding-left: 25px;
}

.teeth-common-content .dental-doctor-info-ul-li li:before {
    position: absolute;
    content: "";
    width: 6px;
    height: 6px;
    left: 0;
    right: 0;
    background: #B1841D;
    top: 8px;
    border-radius: 50%;
}

.single-data {
    padding: 40px 0 16px;
}
.conclusion-price h3 {
    color: #201D2A;
    font-family: Poppins;
    font-size: 28px;
    font-weight: 400;
    line-height: 1.6;
    text-align: center;
}
@media only screen and (max-width: 767.98px) {
    .table-row-content {
        padding: 40px 10px 20px;
    }

    .table-row-content h2 {
        font-size: 26px;
    }

    .table-row-content h3 {
        font-size: 16px;
        margin-bottom: 20px;
    }

    .home-table-img {
        height: auto;
    }

    .teeth-common-content ul {
        grid-template-columns: repeat(1, 1fr);
    }
    .conclusion-price h3{
        font-size: 24px;
    }
    .pricing-btn{
        margin-top: 20px;
    }
    .dental-table-section .common-title{
        margin-bottom: 26px;
    }
    .res-col {
        margin-bottom: 20px;
    }
}

@media only screen and (max-width: 575px) {
    .table-row-content {
        padding: 20px 0;
    }

    .table-row-content h2 {
        font-size: 24px;
    }

    .home-table-img {
        padding: 0;
    }

    .pricing-btn {
        display: inherit;
        vertical-align: top;
        width: 100%;
        padding: 0px 20px;
        margin-top: 16px;
    }

    .pricing-btn a {
        padding: 15px;
        width: 100%;
        text-align: center;
    }
    .conclusion-price h3{
        font-size: 24px;
    }
    .conclusion-price h3{
        font-size: 20px;
    }
    .dental-table-section .common-title{
        margin-bottom: 24px;
    }
}
/*===============================================
= End Dental Table CSS
================================================*/
/*===============================================
= start full_img_wrapper CSS
================================================*/
.full_img_wrapper .default-image-content {
    width: 100%;
    max-width: 650px;
    margin: 0 auto;
}
.our_team_content h2 {
    font-size: 30px;
    font-weight: bold;
    margin-bottom: 20px;
}
.full_img_wrapper .vd-sec-img img {
    width: 100%;
    object-fit: cover;
    height: auto;
}
.vd-sec-video iframe {
    aspect-ratio: 16 / 9;
}
@media only screen and (max-width: 1024px) {
    .our_team_content h2 {
        font-size: 25px;
    }
}
@media only screen and (min-width: 992px) and (max-width: 1100px) {
    .full_img_wrapper .default-image-content {
        width: 100%;
        max-width: 465px;
        margin: 0 auto;
        padding: 0 15px;
    } 
}
@media only screen and (min-width: 992px) {
    .full_img_wrapper .container-fluid,.full_img_wrapper .col_pad_inner>* {
        padding-left: 0;
        padding-right: 0
    }
    .full_img_wrapper .col_pad_inner {
        margin-left: 0;
        margin-right: 0
    }
    .full_img_wrapper .default-image-content {
        padding: 0 15px;
    } 
}
@media only screen and (max-width: 991px) {
    .full_img_wrapper .default-image-content{
        max-width: 100%;
    }
}
/*===============================================
= End full_img_wrapper CSS
================================================*/
/*------------------ T-style.css  ---------------------------*/
.common-title hr {
    width: 150px;
    margin: 32px auto 0;
}
.common-title hr {
    border-top: 2px solid #152B5280;
    opacity: 1;
}
.common-title hr + p {
    margin-top: 24px;
}
@media only screen and (max-width: 767px) {
    .common-title hr + p {
        margin-top: 20px;
    }
}
/*============================================
= Start Teeth CSS
===============================================*/
.teeth-sec{
    background-color: #ECECEC;
}
.teeth-content{
    text-align: center;
}
.teeth-sec h2 {
    margin-bottom: 0;
    font-size: 28px;
}
/*.teeth-sec h4{*/
/*    font-weight: 700;*/
/*    margin-bottom: 0;*/
/*    font-size: 28px;*/
/*}*/
.teeth-content img {
    margin: -14% auto 0;
}
@media only screen and (max-width: 767px){
    .teeth-content img{
        margin: auto;
    }
}
/*============================================
= End Teeth CSS
===============================================*/
/*============================================
= Review section CSS
===============================================*/
p.client_name {
    font-size: 28px;
    color: var(--patio-stone);
}
p.small_txt {
    font-size: 17px;
    margin-top: 30px;
    max-width: 600px;
    margin: 15px auto 20px;
}
@media screen and (max-width: 991px) {
    p.client_name {
        font-size: 22px;
    }
} 
/*============================================
= End Review section 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;
    align-items: center;
    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,
.team-img img {
    height: 100%;
    object-fit: cover;
}
.team-img img {
    width: 100%;
    border-top-left-radius: 14px;
    border-bottom-left-radius: 14px;
}
.team-content {
    padding: 20px;
}
.team-content h3 {
    font-weight: 600;
    padding-bottom: 15px;
}
.team-content h4 {
    font-size: 20px;
    font-weight: 600;
    margin-bottom: 0;
    color: var(--sapphire-blue);
}
.team-content button.team-btn {
    padding: 0;
    display: flex;
    align-items: center;
    transition: all 0.4s;
    text-align: left;
}
.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 {
    background-color: transparent !important;
    border: 0 !important;
    outline: none !important;
    color: var(--sapphire-blue);
}
button.btn-close {
    box-shadow: none !important;
}
.team-btn {
    border: none !important;
}
.team-content button.team-btn img {
    filter: brightness(0) saturate(100%) invert(12%) sepia(0%) saturate(1%) hue-rotate(18deg) brightness(93%) contrast(95%);
    transition: all 0.4s;
}
.team-content button.team-btn:hover img {
    transform: translateX(8px);
    filter: brightness(0) saturate(100%) invert(20%) sepia(80%) saturate(2876%) hue-rotate(191deg) brightness(98%) contrast(101%);
}
.our-team-section .default-content {
    margin-bottom: 40px;
}
@media only screen and (max-width: 1200px){
    .our-team-section .default-content {
        margin-bottom: 30px;
    }
}
@media only screen and (max-width: 767px){
    .team-box h4{
        font-size: 18px;
    }
     .our-team-section .default-content {
        margin-bottom: 20px;
    }
}
@media only screen and (max-width: 575px){
    .team-box h4{
        font-size: 16px;
    }
}
@media only screen and (max-width: 475px){
    .team-box{
        display: block;
        height: auto;
    }
    .team-img, .team-content {
        width: 100%;
    }
    .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;
    }
}
/* Modal CSS */
.modal-open .modal {
  background-color: rgb(0 0 0 / 70%);
  z-index: 99999;
}
.modal-dialog {
    max-width: 800px !important;
    height: 100%;
    display: block !important;
}
.page-id-6 .modal-body {
    padding: 0 !important;
    background: #000;
}
.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;
}
.close {
    position: absolute;
    right: 10px;
    top: 10px;
    z-index: 999;
    font-size: 2rem !important;
    font-weight: 400 !important;
    color: #ffffff !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-header .btn-close {
    background-color: transparent;
}
@media only screen and (max-width: 991px){
    .modal-dialog {
        padding: 20px;
    }
}
/*============================================
= End Team Section CSS
=============================================*/
/*============================================
= Before And After Images page CSS
=============================================*/
.product-tab-content {
    display: none;
}

.product-tab-content.current {
    display: block;
}
.portfolio-box-info-content, .portfolio-box-info-content .portfolio-box-info {
    height: 100%;
}
.portfolio-box-info-content .portfolio-box-info img {
    height: inherit;
    width: 100%;
    object-fit: cover;
}
ul.product-tabs {
    margin-bottom: 20px;
    margin-left: 0;
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    list-style-type: none;
    padding: 0;
    margin: 0;
    padding-bottom: 30px;
    margin-bottom: 20px;
    justify-content: center;
}

ul.product-tabs li.product-tab-link {
    background: var(--sapphire-blue);
    padding: 12px 30px;
    color: #FFF;
    cursor: pointer;
    transition: all 0.3s;
    text-align: center;
    font-size: 1.29vw;
}

ul.product-tabs li.product-tab-link.current, ul.product-tabs li.product-tab-link:hover {
    background: var(--sapphire-blue);
    color: #fff;
}

.portfolio-box-info img {
    box-shadow: rgba(50, 50, 93, 0.25) 0px 2px 5px -1px, rgba(0, 0, 0, 0.3) 0px 1px 3px -1px;
    border-radius: 5px;
}

.portfolio-tab-content {
    padding: 15px;
    box-shadow: rgba(50, 50, 93, 0.25) 0px 2px 5px -1px, rgba(0, 0, 0, 0.3) 0px 1px 3px -1px;
    border-radius: 10px;
}

.portfolio-box-row {
    display: grid;
    grid-template-columns: repeat(3, minmax(0px, 1fr));
    gap: 10px;
}

@media screen and (min-width: 1440px) {
    ul.product-tabs li.product-tab-link {
        font-size: 1vw;
    }
}

@media screen and (max-width: 991px) {
    ul.product-tabs li.product-tab-link {
        font-size: 1.8vw;
        padding: 10px 20px;
    }
}

@media screen and (max-width: 767px) {
    ul.product-tabs {
        /*flex-direction: column;*/
        justify-content: center;
        align-items: center;
        position: relative;
        padding-bottom: 10px;
        margin-bottom: 20px;
    }

    ul.product-tabs li.product-tab-link {
        /*width: calc(30vw + 60px);*/
        justify-content: center;
        align-items: center;
        font-size: 2.5vw;
        display: flex;
        padding: 6px 13px;
    }
}

@media screen and (max-width: 640px) {
    .portfolio-box-row {
        grid-template-columns: repeat(2, minmax(0px, 1fr));
    }

    .portfolio-tab-content {
        padding: 10px;
    }
}

@media screen and (max-width: 479px) {
    ul.product-tabs li.product-tab-link {
        /*width: calc(49vw + 60px);*/
        font-size: 3.5vw;
    }
}
/*============================================
= Before And After Images page CSS
=============================================*/
/*===============================================
= Start Location Section CSS
===============================================*/
/*.location-tab-navigation ul li a {
    font-size: 16px;
    line-height: 1.66;
    color: var(--title-black) !important;
    font-weight: 500;
}
.location-sec {
    background: #EBC892;
}
.nav-tabs .nav-link:hover {
    border-color: transparent;
    color: var(--body_text_color) !important;
}
.location-right-side {
    width: fit-content;
}
.location-text li:not(:last-child){
    padding-bottom: 12px;
}
.location-text {
    padding-bottom: 30px;
    border-bottom: 2px solid #8AC3EF;
    margin-bottom: 30px;
}
.location-right-side p {
    color: var(--title-black);
    font-weight: 600;
    font-size: 22px;
    padding-bottom: 5px;
        margin-bottom: 10px;
}
.location-right-side .location-right-title {
    font-size: 30px;
}
.location-hour li:not(:last-child){
    padding-bottom: 5px;
}
.contact-bar.location-text li {
    max-width: 100% !important;
    margin-left: 0;
    word-break: break-word;
    display: block;
    white-space: break-spaces;
    min-width: auto;
}
.location_title h5 {
    margin-bottom: 20px;
    font-weight: 600;
    color: var(--title-black);
}
.palm_location {
    margin-bottom: 45px;
}
.sub_title  {
    text-transform: capitalize;
}
.location-tab-navigation ul li a:focus-visible {
    box-shadow: none;
}
.nav-link:focus, .nav-link:hover{
    border: none;
}
.contact-bar.location-text li a {
    color: var(--body-font-color);
}
.contact-bar.location-text li a:hover {
    color: var(--sapphire-blue);
}
.contact-bar li {
    padding-left: 32px;
    position: relative;
    width: fit-content;
}
.contact-bar li::before {
    position: absolute;
    content: "";
    top: 3px;
    left: 0;
    width: 20px;
    height: 20px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
}
.contact-bar li.address{
    text-align: left;
}
.contact-bar li.address::before {
    background-image: url("/wp-content/uploads/2024/08/address-icon.svg");
}
.contact-bar li.phone::before {
    background-image: url("/wp-content/uploads/2024/08/phone-icon.svg");
}
@media only screen and (min-width: 768px) {
    .nav-tabs .nav-link:focus, .nav-tabs .nav-link:hover {
    border: unset !important;
}
    .location-tab-navigation .nav-tabs .nav-link.active, .location-tab-navigation ul.nav-tabs .nav-link:hover {
        border: 0;
        border-bottom: 2px solid var(--title-black) !important;
        color: var(--title-black) !important;   
        border-radius: 0;
    }
    .location-tab-navigation ul {
        justify-content: space-around;
        align-items: center;
        width: auto;
        flex-wrap: nowrap;
        margin: 0 auto 48px;
        width: fit-content;
        border-bottom-color: #b8b6b3;
    }
    .location-tab-navigation ul li {
        display: block;
        text-align: center;
        height: 100%;
        outline: none !important;
    }
    .location-tab-navigation ul li a {
        color: #B4B4B4;
        font-weight: 500;
        font-size: 18px;
        line-height: 1.4;
        outline: none !important;
    }
}
@media only screen and (max-width: 991px) {
    .location-right-side .location-right-title{
            font-size: 25px;
    }
}
@media only screen and (max-width: 767px) {
    .location-tab-navigation ul {
        border: none;
        width: 100%;
        position: relative;
        margin-bottom: 30px;
    }
    .location-tab-navigation ul li {
        display: none;
        width: 100%;
        padding: 10px;
        margin: 0 !important;
        border-bottom: 1px solid rgb(81 81 83 / 20%);
    }
    .location-tab-navigation ul li a {
        padding: 0;
        width: 100%;
        font-size: 16px;
        padding-left: 0px;
    }
    .location-tab-navigation ul li a.active {
        border: none;
        background: transparent !important;
        color: var(--title-black) !important;
    }
    .location-tab-navigation ul.open li {
        display: block;
    }
    .location-tab-navigation ul li.active {
        display: block;
    }
    .location-right-side .location-right-title{
        font-size: 22px;
    }
    .location-text{
        margin-bottom: 40px;
    }
}
@media only screen and (max-width: 575px){
    .location-right-side{
        padding: 0px 0px 29px 0px;
    }
    .location-text{
        margin-bottom: 30px;
    }
}*/
/*===============================================
= End Location Section CSS
===============================================*/
@media only screen and (min-width: 1600px){
    .page-id-973 .content-box h2 , .page-id-1372 .content-box h2 {
        font-size: 40px;
    }
}
/*===============================================
= Simple image Section CSS
===============================================*/
.image_link img {
    box-shadow: 0px 0px 10px 10px #cfcfcf91;
}
.image_link {
    position: relative;
}
.image_link img {
    box-shadow: 0px 0px 10px 10px #cfcfcf91;
}
.image_link a {
    width: 100%;
    height: 100%;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
    cursor: pointer;
}
/*===============================================
= End Simple image Section CSS
===============================================*/
/*===============================================
= Why Choose Us page CSS
===============================================*/

/*.financing_logo img {
    width: auto;
    height: 50px;
    object-fit: cover;
}
.financing_logo_main {
    box-shadow: 0px 3px 10px 0px rgba(.9999999999999964, 64.99999999999999, 140, .2);
    transition: background .3s, border .3s, border-radius .3s, box-shadow .3s;
    background: #fff;
    padding: 20px 20px;
    width: 100%;   
}
.financing_logo .logo_link {
    display: flex;
    width: 100%;
    margin-bottom: 15px;
    justify-content: center;
}
.financing_logo {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
}
.proceed-calculator-iframe {
    height: 645px;
}
@media only screen and (min-width: 992px){
    .padding-box-left {
        padding-left: 35px;
    }
}
@media only screen and (min-width: 768px){
    .financing_logo_main {
        display: flex;
        justify-content: center;
        margin-top: 15px;
        align-items: center;
        height: 100%;
    }
    .financing_logo img {
        height: 45px;
    }
}
@media only screen and (min-width: 1024px){
    .financing_logo img {
        height: 50px;
    }
    .financing_logo .carecredit-img {
        height: 65px;
    }
}
@media only screen and (min-width: 636px) and (max-width: 991px){
    .proceed-calculator-iframe {
        height: 520px !important;
    }
    .financing_logo a.default-btn {
        font-size: 15px;
    }
}
@media only screen and (min-width: 409px) and (max-width: 491px){
    .proceed-calculator-iframe {
        height: 693px !important;
    }

}
@media only screen and (max-width: 767.98px){
    .financing_logo_main a {
        width: 100%;
    }
    .financing_logo_main .financing_logo img {
        text-align: center;
        margin: auto;
    }
    .financing_logo {
        margin-top: 20px;
    }
    .financing_logo_main {
        margin-bottom: 20px;
    }
    .financing_logo a.default-btn {
        font-size: 15px;
    }
}
@media only screen and (max-width: 376px){
    .proceed-calculator-iframe {
        height: 797px !important;
    }
}*/
/*===============================================
= start Why Choose Us 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(--sapphire-blue);
    margin: 0;
}
.post-box-title a:hover h3 {
    color: var(--sapphire-blue);
}
.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: 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 Stop
============================================================= */
/*=============================================
= Start Team Grid Section CSS
=============================================*/
/*.image_grid_component {
    display: grid;
    grid-template-areas:
        "one two"
        "three three";
    grid-template-rows: 174px 301px;
    gap: 2px;
}
.image_grid_component .image_grid_wrapper {
    background: var(--blue-light-bg);
}
.image_grid_component .image_grid_wrapper:nth-of-type(1){
    grid-area: one / one / one / one;
}
.image_grid_component .image_grid_wrapper:nth-of-type(2){
    grid-area: two / two / two / two;
}
.image_grid_component .image_grid_wrapper:nth-of-type(3){
    grid-area: three / three / three / three;
}
.mui-box{
    position: relative;
    height: 100%;
}
.image-box{
    box-sizing: border-box;
    display: block;
    overflow: hidden;
    width: initial;
    height: initial;
    background: none;
    opacity: 1;
    border: 0px;
    margin: 0px;
    padding: 0px;
    position: absolute;
    inset: 0px;
}
.image-box img{
    position: absolute;
    inset: 0px;
    box-sizing: border-box;
    padding: 0px;
    border: none;
    margin: auto;
    display: block;
    width: 0px;
    height: 0px;
    min-width: 100%;
    max-width: 100%;
    min-height: 100%;
    max-height: 100%;
    object-fit: cover;
    object-position: center top;
    z-index: 9;
}
.image-animated{
    animation-name: imageanimation1;
    animation-timing-function: ease-in-out;
    animation-iteration-count: infinite;
    animation-duration: 10s;
}
.image-animated1{
    animation-duration: 15s;
}
.image-animated2{
    animation-duration: 20s;
}
.image-animated3{
    animation-duration: 25s;
}
.image-animated4{
    animation-duration: 30s;
}
@keyframes imageanimation1{
    0%{
        opacity:1;
    }
    25%{
        opacity: 1;
    }
    50%{
        opacity:0;
    }
    75%{
        opacity: 0;
    }
    100%{
        opacity:1;
    }
}
@media only screen and (min-width: 576px){
    .image_grid_component{
        grid-template-rows: 250px 350px;
    }
}
@media only screen and (min-width: 768px) {
    .image_grid_component{
        grid-template-areas:
        "one one two two four four six six six nine nine nine"
        "three three three three four four six six six nine nine nine"
        "three three three three five five seven seven eight eight eight eight";
        gap: 4px;
        grid-template-rows: 105px 60px 135px;
    }
    .image_grid_component .image_grid_wrapper:nth-of-type(4){
        display: block;
        grid-area: four / four / four / four;
    }
    .image_grid_component .image_grid_wrapper:nth-of-type(5){
        display: block;
        grid-area: five / five / five / five;
    }
    .image_grid_component .image_grid_wrapper:nth-of-type(6){
        display: block;
        grid-area: six / six / six / six;
    }
    .image_grid_component .image_grid_wrapper:nth-of-type(7){
        display: block;
        grid-area: seven / seven / seven / seven;
    }
    .image_grid_component .image_grid_wrapper:nth-of-type(8){
        display: block;
        grid-area: eight / eight / eight / eight;
    }
    .image_grid_component .image_grid_wrapper:nth-of-type(9){
        display: block;
        grid-area: nine / nine / nine / nine;
    }
}
@media only screen and (min-width: 992px) {
    .image_grid_component{
        grid-template-rows: 125px 90px 175px;
    }
}
@media only screen and (min-width: 1100px) {
    .image_grid_component{
        grid-template-rows: 145px 90px 200px;
    }
}
@media only screen and (min-width: 1250px) {
    .image_grid_component{
        grid-template-rows: 200px 140px 260px;
    }
}
@media only screen and (min-width: 1600px){
    .image_grid_component{
        grid-template-rows: 266px 190px 345px;
        gap: 8px;
    }
}
@media only screen and (min-width: 2050px) {
    .image_grid_component .image_grid_wrapper:nth-of-type(8) .image-box img {
        min-width: 79%;
    }
}
@media only screen and (min-width: 2700px) {
    .image_grid_component .image_grid_wrapper:nth-of-type(8) .image-box img {
        min-width: 60%;
    }
    .image_grid_component .image_grid_wrapper:nth-of-type(3) .image-box img {
        min-width: 80%;
    }
}
@media only screen and (min-width: 3400px) {
    .image_grid_component .image_grid_wrapper:nth-of-type(8) .image-box img {
        min-width: 48%;
    }
}
@media only screen and (max-width: 767px) {
    @keyframes imageanimation1{
    0% {
        opacity:1;
      }
      17% {
        opacity:1;
      }
      25% {
        opacity:0;
      }
      83% {
        opacity:0;
      }
      100% {
        opacity:1;
      }
    }
}*/
/*=============================================
= End Team Grid Section CSS
=============================================*/
/*=============================================
= Start Simple Text Section CSS
=============================================*/
.call_to_action_sec .common-title h2,
.call_to_action_sec .common-title h4{
    font-weight: 400;

}
.call_to_action_sec h2 {
    color: var(--body-font-color) !important;
}
.simple_text_main{
    padding-bottom: 0;
}
body .simple_text_main h2{
    margin-bottom: 0;
}
@media only screen and (min-width: 575px) and (max-width: 604px){
    .simple_text_btn{
        margin-top: 30px;
    }
    .simple_text_btn a{
        margin-top: 0;
        max-width: 277px;
        width: 100%;
    }
}
/*=============================================
= End Simple Text Section CSS
=============================================*/
.simple_text_main h2 {
    color: var(--title-black);
}
.page-id-3958 .faq-list h4{
    padding: 15px;
}
.page-id-3958 .faq-list h4::after{
    position: unset;
}
.content-box h2 {
    text-align: center;
}
.page-id-1372 .content-box h2, .page-id-973 .content-box h2{
    text-align: left;
}
/* .page-id-3987 .left-side-img-section .row{
	align-items: start !important;
} */


.comparison-content {
    margin: 0 25px
}

.repid-smile-bg .comparison-main .comparison {
    padding-bottom: 92%
}

.repid-smile-bg .comparison-main>* {
    padding: 0
}

.comparison {
    width: 100%;
    padding-bottom: 58.66%;
    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,.3);
    box-shadow: 0 5px 10px -2px rgba(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,.3);
    box-shadow: 0 -3px 8px 1px rgba(0,0,0,.3)
}

.divisor:after {
    bottom: 0;
    -webkit-box-shadow: 0 3px 8px 1px rgba(0,0,0,.3);
    box-shadow: 0 3px 8px 1px rgba(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%
}

.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 #fff;
    left: 50%;
    margin-left: -17px
}

.handle:after {
    border-left: 6px solid #fff;
    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: 0
}

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: 0 0;
    border: 3px solid #fff;
    -webkit-box-shadow: 0 0 8px 1px rgba(0,0,0,.3);
    box-shadow: 0 0 8px 1px rgba(0,0,0,.3)
}

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
}

@media only screen and (max-width: 1400px) {
    .comparison-content {
        margin:0 15px
    }
}

@media only screen and (max-width: 991px) {
    .comparison-content {
        margin:0 10px
    }
}

@media only screen and (max-width: 480px) {
    .comparison-content {
        padding:0 8px !important
    }
}

/*============================================
= Testimonial Css Start
===============================================*/
/*
.patients-srories-container{
    max-width: 1630px;
    margin: 0 auto !important;
    padding: 0 30px;
}
.patients-stories-content {
    position: relative;
}
.patients-stories-content .full_img {
    position: relative;
    padding-top: 56%;
}
.full_img iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
		display: block;
}
@media only screen and (min-width: 768.5px){
    .patients-stories-slider .slick-current.slick-active.slick-center .patients-stories-slide, 
    .patients-stories-slider .slick-slide:nth-child(2) .patients-stories-slide {
        margin: 0 -95px !important;
        position: relative !important;
        z-index: 11 !important;
        transition: none !important;
    }
}
.video-btn {
    background-color: rgba(0, 0, 0, .8);
    width: 100%;
    height: 100%;
    border: none !important;
    padding: inherit;
    position: absolute;
    transform: translate(-50%, -50%);
    left: 50%;
    top: 50%;
    opacity: 0;
}
.video-btn i {
    color: #ffffff;
}
.patients-srories-container .hp-section-text h2{
    text-align: center;
}
.modal-dialog {
    max-width: 800px;
    margin: auto;
    height: 100%
}
.modal-body {
    position: relative;
    padding: 0
}
.modal-content {
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background: #000;
    border-radius: 0;
    border: none;
}
.video_modal .close {
    padding: 0;
    background-color: transparent;
    border: 0;
}
.close {
    position: absolute;
    right: 10px;
    top: 5px;
    z-index: 999;
    font-size: 2rem;
    font-weight: 400;
    color: #ffffff !important;
    opacity: 1;
    background: transparent;
    border: none;
    line-height: 1;
}
.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: 56.25%;
    display: block;
}
.video_modal .modal-content .embed-responsive iframe {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
}
.patients-stories-slider.vd-dots .slick-dots li,
.patients-stories-slider.vd-dots .slick-dots li button,
.patients-stories-slider.vd-dots .slick-dots li button::before {
    width: 12px;
    height: 12px;
    border-radius: 100%
}
.patients-stories-slider.vd-dots .slick-dots li {
    margin: 0 4px
}
.patients-stories-slider.vd-dots .slick-dots li.slick-active button::before {
    background: #e5c160;
}
.patients-stories-slider.vd-dots .slick-dots li button::before {
    font-size: 0;
    background: #C4CDDC;
    border-radius: 100%;
    line-height: 12px;
    opacity: 1
}
.patients-stories-slider .slick-prev {
    left: -20px;
}
.patients-stories-slider .slick-next {
    right: -20px;
}
.patients-stories-slider .slick-arrow {
    z-index: 11;
    border: none !important;
    width: 40px;
    height: 40px;
    line-height: 40px !important;
    background-color: #6db4b3 !important;
    border-radius: 50px !important;
    border: 1px solid #6db4b3 !important;
    padding: 0 !important;
    font-size: 0 !important;
}
.patients-stories-slider .slick-arrow::before {
    transform: translate(-50%, -50%);
    content: "";
    background-image: url("/wp-content/uploads/2024/12/left-arrow.svg");
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    width: 17px;
    height: 17px;
    opacity: 1;
    position: absolute;
    left: 50%;
    top: 50%;
}
.patients-stories-slider .slick-arrow.slick-next::before {
    content: "";
    background-image: url("/wp-content/uploads/2024/12/right-arrow.svg");
}
.patients-stories-slider .slick-next.slick-arrow::before {
    content: ""
}
.patient-content {
    padding: 10px 24px;
    background-color: #6db4b3;
    text-align: center;
}
.patient-content p{
    color: #fff;
    
}
@media screen and (min-width: 992px){
    .patients-stories-slider .slick-track {
        display: flex;
        align-items: center;
    }
    .full_img, .full_img div {
        height: 100%;
    }
}
@media only screen and (max-width:864px) {
    .modal-dialog {
        margin-right: 30px;
        margin-left: 30px
    }
}
@media only screen and (max-width: 767px){
    .patient-stories{
        padding-top: 0;
    }
}
*/
/* vd-slider */
.vd-slider .slick-dots {
    bottom: -35px;
}
@media screen and (max-width: 991px) {
    .vd-slider {
        margin-bottom: 55px !important;
    }   
}


/*============================================
= Testimonial Css End
===============================================*/