/*
* Prefixed by https://autoprefixer.github.io
* PostCSS: v8.4.14,
* Autoprefixer: v10.4.7
* Browsers: last 4 version
*/

/*
Theme Name:   GeneratePress Child
Theme URI:    http://example.com/generatepress-child/
Description:  GeneratePress Child Theme
Author:       Tom Usborne
Author URI:   https://tomusborne.com/
Template:     generatepress
Version:      3.4.0
Text Domain:  generatepresschild
*/
/*@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700;800;900&display=swap');*/
/* font-family: "Poppins", sans-serif; */
/*@import url('https://fonts.googleapis.com/css2?family=Gelasio:wght@400;500;600;700&display=swap');*/
/*font-family: "Gelasio", serif;*/
@font-face {
    font-family: 'Avenir';
	font-display: swap;
    src: url('/wp-content/themes/generatepress-child/assets/fonts/Avenir-Black.eot');
    src: url('/wp-content/themes/generatepress-child/assets/fonts/Avenir-Black.eot?#iefix') format('embedded-opentype'),
        url('/wp-content/themes/generatepress-child/assets/fonts/Avenir-Black.woff2') format('woff2'),
        url('/wp-content/themes/generatepress-child/assets/fonts/Avenir-Black.woff') format('woff'),
        url('/wp-content/themes/generatepress-child/assets/fonts/Avenir-Black.ttf') format('truetype'),
        url('/wp-content/themes/generatepress-child/assets/fonts/Avenir-Black.svg#Avenir-Black') format('svg');
    font-weight: 900;
}
/*@font-face {
    font-family: 'Didot';
    src: url('/wp-content/themes/generatepress-child/assets/fonts/Didot.eot');
    src: url('/wp-content/themes/generatepress-child/assets/fonts/Didot.eot?#iefix') format('embedded-opentype'),
        url('/wp-content/themes/generatepress-child/assets/fonts/Didot.woff2') format('woff2'),
        url('/wp-content/themes/generatepress-child/assets/fonts/Didot.woff') format('woff'),
        url('/wp-content/themes/generatepress-child/assets/fonts/Didot.ttf') format('truetype'),
        url('/wp-content/themes/generatepress-child/assets/fonts/Didot.svg#Didot') format('svg');
    font-weight: normal;
}

@font-face {
    font-family: 'Didot';
    src: url('/wp-content/themes/generatepress-child/assets/fonts/Didot-Bold.eot');
    src: url('/wp-content/themes/generatepress-child/assets/fonts/Didot-Bold.eot?#iefix') format('embedded-opentype'),
        url('/wp-content/themes/generatepress-child/assets/fonts/Didot-Bold.woff2') format('woff2'),
        url('/wp-content/themes/generatepress-child/assets/fonts/Didot-Bold.woff') format('woff'),
        url('/wp-content/themes/generatepress-child/assets/fonts/Didot-Bold.ttf') format('truetype'),
        url('/wp-content/themes/generatepress-child/assets/fonts/Didot-Bold.svg#Didot-Bold') format('svg');
    font-weight: bold;
}*/



* {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    font-family: 'Poppins', sans-serif;
}
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: Gelasio;
}
h1,
h2,
h3,
h4,
h5,
h6,
body p {
    margin-bottom: 0;
    padding: 0;
}
body p{
    font-size: 16px;
    font-weight: 400;
    line-height: 1.6;
    color: #5E6569;
    font-family: 'Poppins'!important;
}
p:not(:last-of-type) {
    margin-bottom: 16px;
}
p:empty {
    display: none;
}
p a{
    color: #1D90CF;
    font-weight: 500;
}
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-weight: 600;
    color: red;
    position: absolute;
    bottom: -16px;
    font-size: 11px;
    left: 0;
}
body h2 {
    font-size: 48px;
    font-weight: 600;
    line-height: 1.4;
    color: #2E373C;
    margin-bottom: 0;
    text-transform: uppercase;
    letter-spacing: 0.02px;
}
body h3 {
    font-size: 40px;
    font-weight: 400;
    line-height: 1.2;
    color: #2E373C;
    margin-bottom: 0;
    text-transform: uppercase;
}
body h4 {
    font-size: 30px;
    font-weight: 400;
    line-height: 1.3;
    color: #1D90CF;
}
body h4 {
    color: #2E373C;
    font-family: Poppins;
    font-size: 24px;
    font-weight: 400;
    line-height: 1.4;
}
@media only screen and (max-width: 1400px){
    body h2{
        font-size: 52px;
    }
}
@media only screen and (max-width: 1199px){
    body h2{
        font-size: 48px;
    }
    body h3{
        font-size: 32px;
    }
    body h4{
        font-size: 28px;
    }
}
@media only screen and (max-width: 1024px){
    body h2{
        font-size: 40px;
    }
    body h3{
        font-size: 28px;
    }
    body h4{
        font-size: 24px;
    }
}
@media only screen and (max-width: 991px){
    body h2{
        font-size: 34px;
    }
    body h3{
        font-size: 25px;
    }
    body h4{
        font-size: 23px;
    }
}
@media only screen and (max-width: 767px){
    body h2{
        font-size: 26px;
    }
    body h3{
        font-size: 22px;
    }
    body h4{
        font-size: 20px;
    }
}
/****** Container css ******/
@media only screen and (max-width: 991px) and (min-width: 767px) {
    body .container{
        padding: 0 20px;
    }
}
@media only screen and (min-width: 576px){
   body .container{
        max-width: 100%;
        width: 100%;
    }
}
@media only screen and (min-width: 650px){
   body .container{
        max-width: 100%;
        width: 100%;
    }
}
@media only screen and (min-width: 768px){
    body .container{
        max-width: 920px;
        width: 100%;
    }
}
@media only screen and (min-width: 992px){
    body .container{
        max-width: 960px;
        width: 100%;
    }
}
@media only screen and (min-width: 1200px){
    body .container{
        max-width: 1140px;
        width: 100%;
    }
}
@media only screen and (min-width: 1300px){
    body .container{
        max-width: 1210px;
        width: 100%;
    }
}
@media only screen and (min-width: 1400px){
    body .container{
        max-width: 1320px;
        width: 100%;
    }
}
@media only screen and (min-width: 1600px){
    body .container{
        max-width: 1520px;
        width: 100%;
    }
}
@media only  screen and (min-width : 1500px){
    body .mxw-1500{
        max-width: 1500px;
        margin: 0 auto;
    }
}
@media only screen and (min-width: 1024px){
    body .mxw-1024{
        max-width: 1024px;
    }
}
.number-listing{
    margin: 0;
}
.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;
}
.number-listing li:not(:last-child),
.common-listing li:not(:last-child){
    margin-bottom: 16px;
}
.number-listing li::marker {
    width: 20px;
    font-size: 20px;
}
.common-listing li:before {
    position: absolute;
    content: "";
    left: 0;
    width: 10px;
    aspect-ratio: 1;
    background-color: #1D90CF;
    border-radius: 50%;
    top: 8px;
}
@media only screen and (max-width: 768px){
    .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: 60px;
}
.common-title p{
    font-size: 18px;
    font-weight: 400;
    line-height: 1.6;
    color: #5E6569;
    padding-top: 40px;
    position: relative;
    width: 100%;
    max-width: 1140px;
    margin: 15px auto 0;
    display: block;
}
.common-title p::before{
    position: absolute;
    content: "";
    top: 0;
    left: 50%;
    -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
            transform: translateX(-50%);
    width: 140px;
    height: 2px;
    background-color: #1D90CF;
}
.btn-wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 24px;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
}
.default-btn {
    background: #1D90CF;
    padding: 12px 24px;
    color: #FFF;
    font-size: 16px !important;
    font-weight: 900 !important;
    line-height: 1.4;
    letter-spacing: 1px;
    text-transform: uppercase;
    border: 2px solid #1D90CF;
    font-family: 'Avenir';
    white-space: nowrap;
    margin-top: 32px;
    text-align: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    gap: 8px;
}
a.default-btn:hover, a.default-btn:focus,
button.default-btn:hover, button.default-btn:focus {
    background-color: transparent;
    color: #1D90CF;
}
.default-btn:hover img, .default-btn:focus img {
    -webkit-filter: brightness(0) invert(48%) sepia(47%) saturate(910%) hue-rotate(157deg) brightness(92%) contrast(88%);
            filter: brightness(0) invert(48%) sepia(47%) saturate(910%) hue-rotate(157deg) brightness(92%) contrast(88%);
}
.default-btn.border-btn {
    color: #1D90CF;
    background-color: transparent;
}
.default-btn.border-btn:hover, .default-btn.border-btn:focus{
    color: #fff;
    background-color: #1D90CF;
}
@media only screen and (max-width: 1199px){
    .common-title{
        padding-bottom: 50px;
    }
}
@media only screen and (max-width: 991px){
    .common-title{
        padding-bottom: 40px;
    }
    .common-title p{
        padding-top: 30px;
    }
}
@media only screen and (max-width: 768px){
    .common-title{
        padding-bottom: 30px;
    }
    .common-title p{
        font-size: 16px;
        padding-top: 20px;
    }
}
@media only screen and (max-width: 575px){
    .common-title p{
        padding-top: 15px;
    }
    .default-btn {
        letter-spacing: unset;
        font-size: 14px !important;
        padding: 12px 0 !important;
        width: 100%;
        margin-top: 20px;
    }
}
/*Slider Arrow Design*/
.common-arrow .slick-arrow {
    z-index: 11;
    width: 50px;
    height: 25px;
    line-height: 1 !important;
    padding: 0 !important;
    font-size: 0 !important;
}
.common-arrow .slick-arrow::before {
    transform: translate(-50%, -50%);
    content: "";
    background-image: url("/wp-content/uploads/2024/06/arrow-left.svg");
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    width: 50px;
    height: 25px;
    opacity: 1;
    position: absolute;
    left: 50%;
    top: 50%;
}
.common-arrow .slick-arrow.slick-next::before {
    content: "";
    background-image: url("/wp-content/uploads/2024/06/arrow-right.svg");
}
@media only screen and (min-width: 1400px){
    .common-arrow .slick-prev {
        left: -40px;
    }
    .common-arrow .slick-next {
        right: -40px;
    }    
}
@media only screen and (max-width: 1399px){
    .common-arrow .slick-prev {
        left: -24px;
    }
    .common-arrow .slick-next {
        right: -24px;
    }    
}
@media only screen and (max-width:1199px) {
    .common-arrow .slick-arrow,
    .common-arrow .slick-arrow::before{
        width: 40px;
        height: 20px;
    }
}
@media only screen and (max-width: 991px){
    .common-arrow .slick-arrow,
    .common-arrow .slick-arrow::before{
        width: 25px;
        height: 15px;
    }
    .common-arrow .slick-prev {
        left: -24px;
    }
    .common-arrow .slick-next {
        right: -24px;
    }
}
/*Slider Arrow Design*/
/* =========================================================
== Header Css Start
============================================================ */
.site-header{
    z-index: 999;
    position: relative;
    /* overflow: hidden; */
}
.inside-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;
}
.inside-header .site-logo {
    max-width: 200px;
    width: 100%;
}
.main-navigation.sub-menu-right {
    width: 100%;
}
.main-navigation .inside-navigation {
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
    gap: 16px;
}
.main-navigation .main-nav ul li a {
    position: relative;
    color: #1D90CF !important;
    font-family: Poppins;
    font-size: 17px;
    font-weight: 400;
    line-height: 1.2;
    padding: 10px;
}
/*.main-navigation .main-nav ul li.current-menu-item a:before {
    position: absolute;
    content: "";
    background-color: #1D90CF;
    width: 60%;
    height: 2px;
    border-radius: 1px;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    transform-origin: centre bottom;
    transition: all .5s;
    animation : menuHover 1s linear;
}
@keyframes menuHover {
    0%{
        transform: translateX(-50%) scale(0);
    }
    100%{
        transform: translateX(-50%) scale(1);
    }
}*/
.main-navigation .main-nav ul.sub-menu li.current_page_item a {
    color: #fff !important;
    background-color: #1D90CF;
}
.main-navigation #menu-primary-menu-header-menu > li.current-menu-item > a {
    color: #2E373C !important;
    font-weight: 500;
}
.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 #1D90CF;
    border-radius: 4px;
}
button.menu-toggle .gp-icon svg {
    height: 1.5em;
    width: 1.5em;
    margin-bottom: 4px;
    color: #1D90CF;
}
.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: #1D90CF; 
    border-radius: 10px;
}
.main-navigation.toggled .main-nav li:not(:last-child) {
    margin-bottom: 6px;
}
.main-navigation .inside-navigation{
    max-width: 100%;
    width: 100% !important;
}
.main-navigation a{
    display: inline-block !important;
    width: 100%;
}
.toggled .menu-item-has-children .dropdown-menu-toggle{
    padding: 0 16px;
}
.main-navigation.toggled .main-nav ul ul{
    border: 0;
}
.header-btn .default-btn{
    margin-top: 0;
}
.main-navigation ul ul.sub-menu{
    width: 250px;
}
.menu-item-has-children .dropdown-menu-toggle{
    padding-right: 5px;
    padding-left: 2px;
}
.main-navigation .main-nav ul.sub-menu li a{
    font-size: 16px !important;
}
.inside-header{
        padding: 12px 40px;
    }
@media only screen and (max-width: 1600px){
    .header-btn.call-btn {
        display: none;
    }
}
@media only screen and (max-width: 1400px){
    button.menu-toggle .gp-icon:after,
    .header-left-content p {
        font-size: 20px;
    }
    .inside-header{
        padding: 12px 30px;
    }
}
@media only screen and (max-width: 1400px) and (min-width: 1301px){
    .main-navigation .main-nav ul li a{
        font-size: 15px;
    }
    .header-btn .default-btn{
        font-size: 14px !important;
        padding: 12px 14px;
    }
}
@media only screen and (min-width: 1301px){
    .main-navigation .main-nav>ul{
        margin-right: 30px;
    }
    .inside-navigation ul.menu > li.menu-item.menu-item-1971 ul.sub-menu {
        width: 620px;
        column-count: 3;
    }
}
@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;
    }
}
@media only screen and (max-width: 1200px){
    button.menu-toggle .gp-icon:after,
    .header-left-content p {
        font-size: 18px;
    }
}
@media only screen and (max-width: 991px){
    button.menu-toggle .gp-icon:after,
    .header-left-content p {
        font-size: 16px;
    }
    .inside-header {
        padding: 10px 20px;
    }
    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;
        border-radius: 4px;
    }
    .main-navigation .main-nav ul ul li a{
        padding: 0;
        padding-left: 24px;
    }
    .header-btn.call-btn {
        display: none;
    }
}
@media only screen and (max-width: 768px){
    .inside-header .btn-wrap{
        display: none;
    }
}
@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: 6px 16px;
    }
}

/* =========================================================
== Header Css Stop
============================================================ */
/* =========================================================
== Banner Css Start
============================================================ */
.home .banner-section {
    padding-bottom: 0;
}
.banner-video-content{
    position: relative;
}
.banner-video-content:before {
    position: absolute;
    content: "";
    width: 100%;
    height: 100%;
    background: -webkit-gradient(linear, left bottom, left top, color-stop(50%, rgb(0 0 0 / 50%)), to(transparent));
    background: -o-linear-gradient(bottom, rgb(0 0 0 / 50%) 50%, transparent);
    background: linear-gradient(0deg, rgb(0 0 0 / 50%) 50%, transparent);
}
.banner-video-content iframe {
    display: block;
    aspect-ratio: 16 / 7.1;
}
.bg-video{
    position: relative;
}
.banner-content {
    position: absolute;
    padding: 48px 0;
    bottom: 0;
    max-width: 1575px;
    width: 100%;
    left: 50%;
    -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
            transform: translateX(-50%);
}
.banner-content h1 {
    color: #FFF;
    text-shadow: 0px 2px 55px rgba(0, 0, 0, 0.20);
    font-family: Gelasio;
    font-size: 64px;
    font-weight: 500;
    line-height: 1.2; /* 115.2px */
    letter-spacing: 5.76px;
    text-transform: uppercase;
    margin-bottom: 16px;
}
.banner-content p {
    color: #FFF;
    text-shadow: 0px 2px 55px rgba(0, 0, 0, 0.20);
    font-family: Gelasio !important;
    font-size: 32px;
    font-style: normal;
    font-weight: 700;
    line-height: 120%; /* 48px */
    text-transform: uppercase;
}
@media only screen and (max-width: 1600px){
    .banner-content h1{
        font-size: 60px;
    }
    .banner-content{
        max-width: 1300px;
    }
}
@media only screen and (max-width: 1200px){
    .banner-content h1{
        font-size: 56px;
    }
    .banner-content p{
        font-size: 28px;
    }
    .banner-content{
        max-width: 991px;
    }
}
@media only screen and (max-width: 991px){
    .banner-content h1{
        font-size: 44px;
        margin-bottom: 10px;
    }
    .banner-content p{
        font-size: 24px;
    }
    .banner-content {
        max-width: 100%;
        padding: 30px;
    }
}
@media only screen and (max-width: 768px){
    .banner-content {
        position: unset;
        background: url(/wp-content/uploads/2024/03/dark-purple-marble-bg-img-1.webp);
        -webkit-transform: unset;
            -ms-transform: unset;
                transform: unset;
        background-position: center;
        background-size: cover;
        background-repeat: no-repeat;
    }
    .banner-content h1 {
        font-size: 32px;
        letter-spacing: 3px;
        margin-bottom: 6px;
    }
    .banner-content p {
        font-size: 20px;
    }
}
@media only screen and (max-width: 575px){
    .banner-content h1 {
        font-size: 26px;
        letter-spacing: 1px;
    }
    .banner-content p {
        font-size: 16px;
    }
}
/* =========================================================
== Banner Css Stop
============================================================ */
/* ====================================
== Start About Section
======================================= */
.about-sec {
    position: relative;
    z-index: 1;
}
.about-sec::before {
    position: absolute;
    content: "";
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: url("/wp-content/uploads/2024/03/about-bg-image.jpg") no-repeat center;
    background-size: cover;
    z-index: -1;
    -webkit-box-shadow: rgba(100, 100, 111, 0.2) 0px 12px 35px 0px;
            box-shadow: rgba(100, 100, 111, 0.2) 0px 12px 35px 0px;
}
.about-sec h3.sub-title{
    padding-bottom: 10px;
}
.about-description p {
    line-height: 1.6;
}
.about-sec span.sub-title {
    font-size: 40px;
    line-height: 1.2;
    color: #2E373C;
    margin-bottom: 0;
    text-transform: uppercase;
    font-family: Gelasio;
}
.about-image {
    margin-right: 36px;
}
.about-image img {
    width: 100%;
    height: 100%;
    display: block;
    -webkit-box-shadow: rgb(0 0 0 / 10%) 0px 41px 33px 0px;
            box-shadow: rgb(0 0 0 / 10%) 0px 41px 33px 0px;
}
.about-description ul {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr 10px 1fr 10px 1fr 10px 1fr;
    grid-template-columns: repeat(4, 1fr);
    row-gap: 16px;
    -webkit-column-gap: 10px;
       -moz-column-gap: 10px;
            column-gap: 10px;
    margin-bottom: 20px;
}
.about-description ul li {
    font-size: 16px;
    font-weight: 500;
    line-height: 1.4;
    color: #2E373C;
    position: relative;
    padding-left: 15px;
    text-decoration: underline;
}
.about-description ul li::before {
    position: absolute;
    content: "";
    width: 6px;
    aspect-ratio: 1;
    background-color: #2E373C;
    border-radius: 50%;
    left: 0;
    top: 8px;
}
@media only screen and (min-width: 1200px){
    .about-sec::before{
        max-height: 90%;
    }
    .about-description p:not(:last-of-type) {
        margin-bottom: 20px;
    }
}
@media only screen and (max-width: 1400px){
    .about-image {
        margin-right: 26px;
    }
    .about-description ul{
        -ms-grid-columns: (1fr);
        grid-template-columns: repeat(3, 1fr);
    }
}
@media only screen and (max-width: 1199px){
    .about-image {
        margin-right: 16px;
    }
    .about-description ul{
        -ms-grid-columns: (1fr);
        grid-template-columns: repeat(2, 1fr);
        margin-bottom: 16px;
    }
    /*.patient-story-slider {
        margin-bottom: 20px;
    }*/
	.about-sec span.sub-title {
        font-size: 30px;
    }
}
/*@media only screen and (max-width: 991px){
    .patient-story-slider {
        margin-bottom: 10px;
    }
}*/
@media only screen and (max-width: 767px){
    /*.patient-story-slider {
        margin-bottom: 0 !important;
    }*/
    .about-image {
        margin-right: 0;
    }
    .about-description {
        margin-top: 30px;
    }
	.about-sec span.sub-title {
        font-size: 20px;
    }
}
/* ====================================
== End About Section
======================================= */
/* ====================================
== Start Dental PArtner Section
======================================= */
.dental-partner-box {
    display: flex;
    /* align-items: center; */
    background: url(/wp-content/uploads/2024/03/about-bg-image.jpg) no-repeat center;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    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);
}
.dental-partner-box > *{
    max-width: 50%;
    width: 100%;
}
.dental-box-content {
    padding: 50px;
}
.dental-box-content h2 {
    margin-bottom: 20px;
}
.dental-partner-img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
@media only screen and (max-width: 1440px){
    .dental-box-content h2 {
        font-size: 32px;
    }
}
@media only screen and (max-width: 1200px){
    .dental-partner-img img{
        object-fit: contain;
    }
    .dental-box-content {
        padding: 24px;
    }
}
@media only screen and (max-width: 991px){
    .dental-partner-box{
        flex-direction: column-reverse;
    }
    .dental-partner-box > *{
        max-width: 100%;
    }
}
@media only screen and (max-width: 575px){
    .dental-box-content h2 {
        font-size: 24px;
    }
    .dental-box-content {
        padding: 16px;
    }
}
/* ====================================
== End Dental PArtner Section
======================================= */
/* ====================================
== Start Patient Story Section
======================================= */
/*.patient-story-slide{
    margin: 0 25px;
}
.patient-story-slide .patient_full_img {
    position: relative;
    padding-top: 56.50%;
}
.patient_full_img iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.patient-story-text {
    background: #326379;
    padding: 17px 15px;
    text-align: center;
}
.patient-story-text p {
    color: #fff;
}
@media only screen and (max-width: 1400px){
    .patient-story-slide {
        margin: 0 15px;
    }
}
@media only screen and (max-width: 991px){
    .patient-story-slide {
        margin: 0 10px;
    }
}*/
/* ====================================
== End Patient Story Section
======================================= */
/* ====================================
== Start Two Side Text Section
======================================= */
/*.blue-white-sec {
    height: 100%;
    padding: 100px;
    background-position: center right;
    background-repeat: no-repeat;
    background-size: cover;
    -webkit-box-shadow: rgba(100, 100, 111, 0.2) 0px 12px 35px 0px;
            box-shadow: rgba(100, 100, 111, 0.2) 0px 12px 35px 0px;
}
.bg-text-left {
    background-image: url("/wp-content/uploads/2024/03/white-bg.jpg");
}
.bg-text-right {
    background-image: url("/wp-content/uploads/2024/03/blue-bg-2.webp");
}
.bg-text-right .bg-text-content > * {
    color: #ffffff;
}
.two-side-text .bg-text-right .bg-text-content p {
    color: #C8C8C8;
}
.bg-text-content h3 {
    padding-bottom: 36px;
}
@media only screen and (max-width: 1200px){
    .blue-white-sec{
        padding: 80px 50px;
    }
}
@media only screen and (max-width: 991px){
    .blue-white-sec{
        padding: 60px;
    }
    .bg-text-content h3{
        padding-bottom: 26px;
    }
}
@media only screen and (max-width: 767px){
    .blue-white-sec{
        padding: 50px 30px;
    }
    .bg-text-content h3{
        padding-bottom: 20px;
    }
}
@media only screen and (max-width: 575px){
    .blue-white-sec{
        padding: 40px 30px;
    }
}*/
/* ====================================
== End Two Side Text Section
======================================= */
/* ====================================
== Start Services Section
======================================= */
.services-row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-column-gap: 60px;
       -moz-column-gap: 60px;
            column-gap: 60px;
    row-gap: 30px;
}
.services-col {
    width: 100%;
   padding: 0 30px;
}
.services-content h3 {
    margin-bottom: 28px;
    font-size: 1.25rem;
    font-weight: 500;
    line-height: 1.2;
    color: var(--bs-heading-color);
    font-family: 'Poppins', sans-serif;
    text-transform: capitalize;
}
.services-content h5, .services-content img {
    margin-bottom: 28px;
}
@media only screen and (max-width: 1200px){
    .services-col {
        padding: 0 15px;
     }
}
@media only screen and (max-width: 991px){
    .services-content h5, .services-content img {
        margin-bottom: 24px;
    }
    .services-col {
       padding: 0 10px;
    }
}
@media only screen and (max-width: 699px){
    .services-col {
        padding: 0;
     }
}
@media only screen and (max-width: 575px){
    .services-content h5, .services-content img {
        margin-bottom: 20px;
    }
}
/* ====================================
== End Services Section
======================================= */

/*===============================================
= Start Welcome CSS
===============================================*/
/* video image and model */
.full_img {
    position: relative;
    text-align: center;
}
.full_img > img,
.full_img > picture > img {
    width: 100%;
}
.video-btn {
    position: absolute;
    -webkit-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
    left: 50%;
    top: 50%;
    width: 100%;
    height: 100%;
    border: none !important;
    padding: inherit !important;
    background-image: unset !important;
    background-color: transparent;
}
.video-btn:hover, .video-btn:focus{
    background-color: transparent;
}
.video-btn img {
    margin: 0 auto;
}
.video-btn i {
    color: #ffffff;
}
.modal-dialog {
    max-width: 800px !important;
    margin: auto !important;
    height: 100%;
    display: block !important;
}
.modal-body {
    position: relative;
    padding: 0
}
.modal-content {
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
    background: #000;
    border-radius: 0 !important;
    border: none !important;
}
.video_modal .close {
    padding: 0;
    background-color: transparent;
    border: 0;
}
.close {
    position: absolute;
    right: 10px;
    top: 10px;
    z-index: 999;
    font-size: 2rem !important;
    font-weight: 400 !important;
    color: #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;
}
@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;
    /* padding-bottom: 80px; */
}
.meet-dr-sec::before {
    position: absolute;
    content: "";
    top: auto;
    bottom: 0;
    left: auto;
    right: 0;
    width: 100%;
    max-width: 94%;
    height: 100%;
    max-height: 93%;
    background-image: url("/wp-content/uploads/2024/03/meet-dr-image.webp");
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    -webkit-box-shadow: rgba(0, 0, 0, 0.3) 0px 10px 30px 0px;
            box-shadow: rgba(0, 0, 0, 0.3) 0px 10px 30px 0px;
    z-index: -1;
}
.meet-dr-video {
    padding-left: 6%;
}
.meet-dr-content {
    padding-top: 100px;
    padding-left: 30px;
}
.meet-dr-content h2 {
    color: #fff;
    padding-bottom: 10px;
    font-family: "Gelasio", serif;
}
.meet-dr-content h2 span {
    display: block;
    all: inherit;
    font-size: 0.9em;
    padding: 0;  
}
.meet-dr-content h4, .meet-dr-content h3 {
    color: #fff;
    margin-bottom: 24px;
    font-family: "Poppins", sans-serif;
    text-transform: uppercase;
    font-size: 24px;
}
.meet-dr-content p {
    font-size: 20px;
    color: #C8C8C8;
    text-align: left;
    line-height: 1.6;
}
@media only screen and (min-width: 1801px){
    .meet-dr-sec.section_padding{
        padding-top: 0 !important;
    }
}
@media only screen and (max-width: 1800px){
    .dr-row{
        -webkit-box-align: center !important;
            -ms-flex-align: center !important;
                align-items: center !important;
    }
    .meet-dr-sec::before{
        max-width: 96%;
        max-height: 100%;
    }
    /*.meet-dr-content h2 span{
        font-size: 70px;
    }*/
    .meet-dr-content{
        padding-top: 0;
    }
}
@media only screen and (max-width: 1600px){
    /*.meet-dr-content h2 span{
        font-size: 60px;
    }*/
    .meet-dr-content p{
        font-size: 18px;
    }
}
/*@media only screen and (max-width: 1599px) and (min-width: 1300px){
    .meet-dr-content h2{
        font-size: 55px;
    }
}*/
@media only screen and (max-width: 1400px){
    .meet-dr-content{
        padding-left: 0;
    }
    /*.meet-dr-content h2 span{
        font-size: inherit;
    }*/
    .meet-dr-content p{
        font-size: 16px;
    }
}
@media only screen and (max-width: 1299px) and (min-width: 1200px){
    .meet-dr-content h2{
        font-size: 50px;
    }
}
@media only screen and (max-width: 1199px){
    .meet-dr-sec::before{
        max-height: 100%;
    }
    .meet-dr-content{
        padding-top: 0;
    }
    .meet-dr-content h2{
        font-size: 45px;
    }
}
@media only screen and (max-width: 991px){
    .modal-dialog {
        margin-right: 30px !important;
        margin-left: 30px !important
    }
    .meet-dr-content h2{
        font-size: 34px;
    }
    .meet-dr-content h4{
        margin-bottom: 14px;
    }
}
@media only screen and (max-width: 767px){
    .meet-dr-sec::before {
        max-width: 100%;
    }
    .meet-dr-video{
        padding-left: 0;
    }
    .meet-dr-content {
        margin-top: 30px;
    }
    .meet-dr-content h2{
        font-size: 30px;
    }
    .meet-dr-content h2 span{
        display: inline-block;
    }
}
/*===============================================
= End Welcome CSS
===============================================*/
/*===============================================
= Start Before After CSS
===============================================*/
/*.before-after-slider {
    margin-bottom: 0 !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: 56.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, 0.3);
            box-shadow: 0 5px 10px -2px rgba(0, 0, 0, 0.3);
    bottom: 0;
    height: 100%;
    background-image: var(--before-img);
}
.divisor::before,
.divisor::after{
    content: "";
    position: absolute;
    right: -2px;
    width: 4px;
    height: calc(50% - 20px);
    background: #fff;
    z-index: 3;
}
.divisor::before{
    top: 0;
    -webkit-box-shadow: 0 -3px 8px 1px rgba(0, 0, 0, 0.3);
            box-shadow: 0 -3px 8px 1px rgba(0, 0, 0, 0.3);
}
.divisor::after{
    bottom: 0;
    -webkit-box-shadow: 0 3px 8px 1px rgba(0, 0, 0, 0.3);
            box-shadow: 0 3px 8px 1px rgba(0, 0, 0, 0.3);
}
.divisor span{
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
}
.handle {
    position: absolute;
    height: 50px;
    width: 50px;
    top: 50%;
    left: 50%;
    -webkit-transform: translateY(-50%) translateX(-50%);
        -ms-transform: translateY(-50%) translateX(-50%);
            transform: translateY(-50%) translateX(-50%);
    z-index: 1;
    border-radius: 100%;
}
.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 white;
    left: 50%;
    margin-left: -17px;
}
.handle::after{
    border-left: 6px solid white;
    right: 50%;
    margin-right: -17px;
}
.comparison input[type=range] {
      appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    position: absolute;
    top: 50%;
    left: -25px;
    -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
            transform: translateY(-50%);
    background-color: transparent;
    width: calc(100% + 50px);
    z-index: 2;
    cursor: col-resize;
    border: none;
    max-width: inherit;
    padding: 0px;
}
input[type=range]:focus, input[type=range]:active {
    border: none;
    outline: none;
}
input[type=range]::-webkit-slider-thumb {
    -webkit-appearance: none;
    border: none;
    height: 40px;
    width: 40px;
    border-radius: 50%;
    background: transparent;
    border: 3px solid white;
    -webkit-box-shadow: 0 0 8px 1px rgba(0, 0, 0, 0.3);
            box-shadow: 0 0 8px 1px rgba(0, 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;
    }
}*/
/*===============================================
= End Before After CSS
===============================================*/
/*===============================================
= Start Pricing CSS
===============================================*/
.pricing-row {
    display: flex;
    flex-wrap: wrap;
    gap: 42px;
}
.pricing-row > * {
    max-width: calc(33.33% - 28px);
    width: 100%;
}
.pricing-table {
    -webkit-box-shadow: rgba(0, 0, 0, 0.1) 0px 10px 30px 0px;
            box-shadow: rgba(0, 0, 0, 0.1) 0px 10px 30px 0px;
    height: 100%;
    width: 100%;
    display: block;
    position: relative;
}
.pricing-head {
    padding: 20px 20px 115px;
    background: url("/wp-content/uploads/2024/03/about-bg-image.jpg") no-repeat center;
    background-size: cover;
    width: 100%;
    height: 100%;
    display: block;
    position: relative;
}
.pricing-head h3 {
    color: #1D90CF;
    font-size: 26px;
    margin: 32px 0 16px;
}
.pricing-head p {
    font-size: 14px;
    font-weight: 400;
}
.pricing-head p.pricing-money{
    color: #2E373C;
    font-size: 18px;
    font-weight: 500;
}
.pricing-btn {
    position: absolute;
    left: 50%;
    bottom: 32px;
    top: auto;
    transform: translateX(-50%);
}
.pricing-btn a.default-btn {
    width: 100%;
}
@media only screen and (max-width: 1600px){
    .pricing-head h3{
        font-size: 24px;
    }
    .pricing-head p, .pricing-body ul li{
        font-size: 20px;
    }
    .pricing-body ul li::before{
        width: 20px;
    }
}
@media only screen and (max-width: 1400px){
    .pricing-head{
        padding: 25px 25px 100px;
    }
    .pricing-head h3 {
        font-size: 22px;
    }
    .pricing-head h3 sub{
        font-size: 20px;
    }
    .pricing-head p, .pricing-body ul li{
        font-size: 18px;
    }
    .pricing-body ul li::before{
        width: 18px;
    }
    /*.pricing-head p, .pricing-btn{
        max-width: calc(100% - 50px);
        left: 25px;
    }*/
    .pricing-body{
        padding: 25px 25px 130px;
    }
    .pricing-body ul li{
        padding-left: 30px;
    }
    .pricing-body ul li:not(:last-of-type) {
        padding-bottom: 15px;
    }
    .pricing-btn{
        bottom: 25px;
    }
}
@media only screen and (max-width: 1199px){
    .pricing-head {
        padding: 25px 25px 80px;
    }
    .pricing-body {
        padding: 25px 25px 100px;
    }
    .pricing-head p, .pricing-body ul li {
        font-size: 16px;
    }
}
@media only screen and (max-width: 991px){
    .pricing-row > * {
        max-width: calc(50% - 28px);
    }
    .pricing-head {
        padding: 25px 25px 40px;
    }
    .pricing-body {
        padding: 25px;
    }
    .pricing-btn{
        position: unset;
        transform: unset;
    }
}
@media only screen and (max-width: 767px){
    .pricing-row > * {
        max-width: 100%;
    }
}
@media only screen and (max-width: 575px){
    .pricing-head {
        padding: 20px 20px 40px;
    }
    .pricing-body {
        padding: 20px;
    }
}
/*===============================================
= End Pricing 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: #2E373C;
    font-family: Poppins;
    font-size: 32px;
    font-weight: 400;
    line-height: 1.2;
    margin-bottom: 16px;
}
.promotion-box p {
    color: #2E373C;
    font-family: Poppins;
    font-size: 18px;
    font-weight: 400;
    line-height: 1.7;
}
.promotion-box p.amount-value {
    color: #1D90CF;
    font-family: Poppins;
    font-size: 40px;
    font-weight: 500;
    line-height: 1.2;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: baseline;
        -ms-flex-align: baseline;
            align-items: baseline;
    gap: 2px;
}
p.amount-value span {
    font-size: 24px;
    margin-bottom: 0;
}
@media only screen and (max-width: 1400px){
    .promotion-box h3{
        font-size: 24px;
    }
    .promotion-box p.amount-value{
        font-size: 32px;
    }
    p.amount-value span {
        font-size: 18px;
    }
    .promotion-box p{
        font-size: 16px;
    }
}
@media only screen and (max-width: 1200px){
    .promotion-box {
        padding: 30px;
    }
    .promotion-row{
        gap: 30px;
    }
}
@media only screen and (max-width: 991px){
    .promotion-col {
        max-width: 100%;
    }
}
@media only screen and (max-width: 575px){
    .promotion-row{
        gap: 16px;
    }
    .promotion-box{
        padding: 16px;
    }
    .promotion-box h3{
        font-size: 20px;
    }
    .promotion-box p.amount-value{
        font-size: 24px;
    }
    p.amount-value span {
        font-size: 14px;
    }
}*/
/* =========================================================
== Pramotion Section CSS Stop
============================================================ */
/* =========================================================
== Treat Now Section CSS Start
============================================================ */
.treat-now-box {
    max-width: 1322px;
    margin: 0 auto;
    -webkit-box-shadow: 0px 100px 80px 0px rgba(0, 0, 0, 0.07), 0px 41.778px 33.422px 0px rgba(0, 0, 0, 0.05), 0px 22.336px 17.869px 0px rgba(0, 0, 0, 0.04), 0px 12.522px 10.017px 0px rgba(0, 0, 0, 0.04), 0px 6.65px 5.32px 0px rgba(0, 0, 0, 0.03), 0px 2.767px 2.214px 0px rgba(0, 0, 0, 0.02);
    box-shadow: 0px 100px 80px 0px rgba(0, 0, 0, 0.07), 0px 41.778px 33.422px 0px rgba(0, 0, 0, 0.05), 0px 22.336px 17.869px 0px rgba(0, 0, 0, 0.04), 0px 12.522px 10.017px 0px rgba(0, 0, 0, 0.04), 0px 6.65px 5.32px 0px rgba(0, 0, 0, 0.03), 0px 2.767px 2.214px 0px rgba(0, 0, 0, 0.02);
    background-image: url(/wp-content/uploads/2024/03/about-bg-image.jpg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}
.treat-now-content {
    padding: 50px;
}
.treat-now-content h2 {
    color: #2E373C;
}
.treat-now-content p {
    color: #2E373C;
    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 Form Section CSS Start
============================================================ */
.footer-form-sec {
    background-image: url('/wp-content/uploads/2024/03/dark-marble-bg.webp');
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}
.footer-form-sec h2,
.footer-form-sec h3,
.footer-form-sec h4,
.form-number p a {
    color: #FFFFFF;
}
.form-number p a:hover {
    color: #1D90CF;
}
.footer-form-info p {
    color: #E8E8E8;
}
.footer-form-info>*:not(:last-child) {
    margin: 0 0 40px;
}
.footer-form-info h3 {
    font-size: 40px;
    font-weight: 400;
    line-height: 1.2;
    text-transform: uppercase;
}
.footer-form-info h4,
.form-number p a {
    font-size: 30px;
    font-weight: 400;
    line-height: 1.2;
}
/*Form*/
.form-input {
    display: inline-block;
    vertical-align: top;
    width: 100%;
    position: relative;
    margin: 0 0 20px;
}
.form-input input,
.form-input select,
.form-input textarea {
    display: inline-block;
    vertical-align: top;
    width: 100%;
    background-color: #FFFFFF;
    border: 2px solid transparent;
    padding: 10px 16px !important;
    max-width: 100%;
    min-width: 100%;     
    -webkit-appearance: none;
   -moz-appearance:    none;
   appearance: none !important;
}
.form-input input[type="date"],
.form-input select{
    background-image: url("/wp-content/uploads/2024/03/down-arrow.svg");
    background-size: 12px;
    background-position: right 12px center;
    background-repeat: no-repeat;
}
.form-input input[type="date"]{
    background-image: url('/wp-content/uploads/2024/03/calander-icon.svg');
}
.form-input input,
.form-input select{
    height: 47px;
}
.form-input input::focus,
.form-input select::focus,
.form-input textarea::focus {
    border-color: #1D90CF;
}
.form-input input::-webkit-input-placeholder, .form-input select::-webkit-input-placeholder, .form-input textarea::-webkit-input-placeholder {
    font-size: 15px;
    font-weight: 500;
    color: #2E373C;
}
.form-input input::-moz-placeholder, .form-input select::-moz-placeholder, .form-input textarea::-moz-placeholder {
    font-size: 15px;
    font-weight: 500;
    color: #2E373C;
}
.form-input input:-ms-input-placeholder, .form-input select:-ms-input-placeholder, .form-input textarea:-ms-input-placeholder {
    font-size: 15px;
    font-weight: 500;
    color: #2E373C;
}
.form-input input::placeholder,
.form-input select::placeholder,
.form-input textarea::placeholder {
    font-size: 15px;
    font-weight: 500;
    color: #2E373C;
}
.form-input textarea {
    height: 80px;
}
.form-input input[type="date"] {
    position: relative;
    min-width: calc(100% - 15px);
}
.form-input input[type="date"]::-webkit-calendar-picker-indicator {
    position: absolute;
    right: 10px;
    /* width: calc(100% - 10px); */
    background-position: right;
}
.submit-btn.default-btn {
    background-color: #1D90CF;
    border-color: #1D90CF;
    margin-top: 0;
}
@media only screen and (max-width: 1200px){
    .footer-form-info h4, .form-number p a{
        font-size: 20px;
    }
}
@media only screen and (max-width: 991px){
    .footer-form {
        margin: 30px 0 0;
    }
    .footer-form-info h3{
        font-size: 32px;
    }
    .footer-form-info h4, .form-number p a{
        font-size: 24px;
    }
}
@media only screen and (max-width: 768px){
    .footer-form-info>*:not(:last-child) {
        margin: 0 0 20px;
    }
    .footer-form-info h4, .form-number p a{
        font-size: 24px;
    }
    .footer-form-info h3 {
        font-size: 24px;
    }
}
@media only screen and (max-width: 575px){
    .continue-btn button {
        width: 100%;
        margin: 0 0 10px;
    }
    .footer-form-info h4, .form-number p a{
        font-size: 18px;
    }
}

/* =========================================================
== Footer Form Section CSS End
============================================================ */
/* =========================================================
== Footer CSS Start
============================================================ */
.site-footer {
    padding: 80px 100px;
    position: relative;
}
.site-footer::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-image: url('/wp-content/uploads/2024/03/light-marble-bg.webp');
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    opacity: 0.4;
    z-index: -1;
}
.footer-widgets-container {
    padding: 0;
}
.footer-widgets, .site-info{
    background-color: transparent;
}
footer .copyright-bar {
    display: none;
}
footer .inside-site-info {
    padding: 15px 15px 0;
}
footer .footer-bar {
    margin: 0 !important;
}
.site-footer .inside-footer-widgets {
    margin: 0 !important;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
}
.site-footer .inside-footer-widgets>* {
    width: 100%;
    max-width: 100%;
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
}
.site-footer .inside-footer-widgets>* .inner-padding {
    padding: 0 15px;
}
.footer-widget-2 a img {
    max-width: 220px !important;
    height: auto;
}
.footer-widget-3 {
    text-align: right;
}
.footer-widget-2, .footer-widget-5 {
    text-align: center;
}
.site-footer .footer-widget-2 p {
    color: #272727;
    font-size: 16px;
    letter-spacing: 0.16px;
    margin-bottom: 6px !important;
}
.site-footer p a {
    all: inherit;
    display: inline;
    margin: 0 !important;
}
.site-footer p a:hover {
    color: #1D90CF;
}
.footer-widget-2 .footer-links p span {
    margin: 0 14px;
}
.location-info p {
    color: #272727;
    font-family: Poppins;
    font-size: 18px;
    font-weight: 400;
    letter-spacing: 0.18px;
}
.average-review {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
}
.average-review h5 {
    color: #1D90CF;
    font-family: "Poppins";
    font-size: 70px;
    font-weight: 400;
}
.average-star-img {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 2px;
    margin-bottom: 5px;
}
.average-review-content p {
    color: #272727;
    font-size: 12px;
    font-weight: 400;
    letter-spacing: 0.12px;
}
.contact-info p {
    color: #272727;
    font-size: 18px;
    font-weight: 400;
    letter-spacing: 0.18px;
    line-height: 1.7;
}
.footer-social-media {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    gap: 24px;
}
.footer-social-media img {
    min-width: 32px;
    height: 32px;
    object-fit: contain;
}
.title-review p a {
    color: #1D90CF;
    font-size: 18px;
    font-weight: 600;
    line-height: 1.2;
    text-transform: uppercase;
}
.footer-widget-5 .footer-social-media {
    display: none;
}
@media only screen and (max-width: 1200px){
    .contact-info p,
    .location-info p{
        font-size: 16px;
    }
    .site-footer{
        padding: 60px;
    }
}
@media only screen and (max-width: 1200px) and (min-width: 769px){    
    .site-footer .inside-footer-widgets>* {
        max-width: 100%;
        display: inline-block;
        padding-bottom: 32px;
    }
    .site-footer .footer-widgets-container .inside-footer-widgets{
        column-count: 2;
        display: block;
    }
    .contact-info p, .location-info p{
        text-align: center;
    }
    .average-review{
        justify-content: center;
    }    
    .title-review {
        text-align: center;
    }
    footer.site-info{
        display: none;
    }
    .footer-widget-5 .footer-social-media {
        display: flex;
        margin: 0 0 32px;
    }
    .footer-widget-1, .footer-widget-2, .footer-widget-3{
        border-right: 1px solid rgba(39, 39, 39, .2);
    }
}
@media only screen and (max-width: 768px){
    .footer-widget-1,
    .footer-widget-3 {
        text-align: center;
    }
    .average-review,
    .footer-social-media{
        -webkit-box-pack: center;
            -ms-flex-pack: center;
                justify-content: center;
    }
    .inside-footer-widgets>div:not(:last-child) {
        margin-bottom: 30px;
    }
    .footer-widget-2{
        gap: 0;
    }
    .footer-social-media {
        margin-top: 20px;
    }
    .site-footer {
        padding: 40px 30px;
    }
    .title-review p a {
        font-size: 16px;
        font-weight: 500;
    }
    .footer-widget-2 {
        order: -1;
    }
    .title-review {
        text-align: center;
    }
    footer.site-info{
        display: none;
    }
    .footer-widget-5 .footer-social-media {
        display: flex;
        margin: 0 0 24px;
    }
}
@media only screen and (max-width: 575px){
    .inside-footer-widgets>div:not(:last-child) {
        margin-bottom: 20px;
    }
}
@media only screen and (min-width: 1201px) {
    .site-footer .inside-footer-widgets>* {
        max-width: 33.33%;
    }
}
@media only screen and (min-width: 1400px) {
    .site-footer .inside-footer-widgets>*{
        max-width: 60%;
    }
    .site-footer .inside-footer-widgets .footer-widget-1,
    .site-footer .inside-footer-widgets .footer-widget-3,
    .site-footer .inside-footer-widgets .footer-widget-4{
        max-width: 20%;
    }
}
/* =========================================================
== 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 h3{
    text-align: center;
}
.content-box ul li {
    font-size: 18px;
    font-weight: 400;
    line-height: 1.4;
    color: #2E373C;
    position: relative;
    padding-left: 40px;
    padding-bottom: 20px;
}
.content-box ul li::before {
    position: absolute;
    content: "";
    width: 24px;
    aspect-ratio: 1;
    background: url("/wp-content/uploads/2024/03/pricing-check.svg") no-repeat center;
    left: 0;
    top: 4px;
}
@media only screen and (max-width: 1600px){
    .content-box ul li::before{
        width: 20px;
    }
}
@media only screen and (max-width: 1400px){
    .content-box ul li{
        padding-left: 30px;
    }
    .content-box ul li::before{
        width: 18px;
    }
}
/* =========================================================
== End Sub Page Css
============================================================ */
ul.sub-menu.toggled-on {
    background-color: #fff !important;
}
.patient-img .video-content {
    margin-bottom: 0;
}
/* =====================================
== Sub Page CSS Start
===================================== */
/* ========== Left Side Css ==========*/
.video-content{
    max-width: 768px;
    width: 100%;
    margin: 0 auto;
    position: relative;
}
.video-content iframe,
.video-content img {
    -webkit-box-shadow: rgb(0 0 0 / 10%) 0px 30px 20px 0px;
            box-shadow: rgb(0 0 0 / 10%) 0px 30px 20px 0px;
}
.video-content iframe {
    aspect-ratio: 16 / 9;
    display: block;
}
.right-side-img-section .default-content,
.left-side-img-section .default-content {
    max-width: 768px;
    width: 100%;
    margin: 0 auto;
}
.right-side-img-section .default-content 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 .default-content,
.right-side-img-section .video-content {
    padding-left: 25px;
}
.left-side-img-section .video-content,
.right-side-img-section .default-content {
    padding-right: 25px;
}
@media only screen and (max-width: 1366px){
    .left-side-img-section .default-content,
    .right-side-img-section .video-content {
        padding-left: 15px;
    }
    .left-side-img-section .video-content,
    .right-side-img-section .default-content {
        padding-right: 15px;
    }
}
@media only screen and (max-width: 991px){
    .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;
    }
    .left-side-img-section .default-content,
    .right-side-img-section .video-content {
        padding-left: 0;
    }
    .left-side-img-section .video-content,
    .right-side-img-section .default-content {
        padding-right: 0;
    }
}

.simple-text-section {
    background-image: url("/wp-content/uploads/2024/03/blue-bg-2.webp");
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}
.simple-text-section .common-title {
    padding-bottom: 40px;
}
.simple-text-section *{
    color: #fff !important;
}
.simple-text-section * p a {
    color: #1D90CF !important;
}
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;
    }
}
.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;
}
.content-box p:not(:last-child) {
    margin-bottom: 16px;
}
@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: 32px;
}
@media only screen and (max-width: 1400px){
    .sub-page-pricing-col .pricing-body {
        padding: 20px !important; 
    }
}
@media only screen and (max-width: 768px){
    .sub-page-pricing-col .pricing-head{
        padding: 20px !important;
    }
}
/* =====================================
== Sub Page CSS Stop
===================================== */

/* ==========================================================
Blog CSS Start
=========================================================== */
.blog-post-section .default-content h3 {
    margin: 0 0 32px;
}
ul.blog-post-list {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr 30px 1fr 30px 1fr;
    grid-template-columns: repeat(3, 1fr);
    gap: 30px;
}
ul.blog-post-list li {
    -webkit-box-shadow: 0 0 24px rgba(0, 0, 0, .1);
            box-shadow: 0 0 24px rgba(0, 0, 0, .1);
}
.blog-content {
    padding: 24px;
}
ul.blog-post-list li p{
    margin-bottom: 0;
}
ul.blog-post-list li p a{
    color: rgba(0, 0, 0, .5) !important;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    -o-text-overflow: ellipsis;
       text-overflow: ellipsis;
    margin: 15px 0 0;
}
ul.blog-post-list li p a.read-more {
    color: #1D90CF !important;
}
ul.blog-post-list li a h2{
    color: #1D90CF !important;
    font-size: 22px;
    font-weight: 600;
    list-style: 1.3;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    -o-text-overflow: ellipsis;
       text-overflow: ellipsis;
}
.single-post .site-content {
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 30px;
}
.single-post .site-content .inside-article{
    padding: 0;
    padding-bottom: 40px;
}
.single-post .site-content article a:not(.single-post .site-content article a.default-btn) {
    color: #1D90CF;
}
.single-post .entry-title {
    line-height: 1.1;
    margin-bottom: 28px;
    font-weight: bold;
}
.single-post .entry-content h2 {
    font-size: 30px;
    line-height: 1.2;
}
.single-post .entry-content h2,
.single-post .entry-content h3 {
    margin: 32px 0 16px;
    color: #1D90CF;
}
.single-post .entry-content p {
    letter-spacing: 0.7px;
    line-height: 1.5;
}
.single-post .entry-content ul {
    margin: 0;
    padding: 0;
}
.single-post .entry-content ul li {
    color: #2E373C;
}
.single-post .entry-content ul li b, .single-post .entry-content ul li strong {
    color: #2E373C;
    margin: 0 0 5px;
    display: inline-block;
    vertical-align: top;
}
.single-post .entry-content ul li:not(:last-child) {
    margin: 0 0 16px;
}
.single-post .entry-content ul.post-list {
    list-style: disc;
    padding-left: 18px;
}
.single-post .entry-content ul.post-list li::marker {
    color: #1D90CF;
}
.single-post .entry-content ul.post-list li:not(:last-child) {
    margin: 0 0 8px;
}
.single-post .page-header-image-single img {
    margin: 0 auto;
}
.single-post .entry-content ul + p,
.single-post .entry-content p + ul {
    margin-top: 16px;
}
.single-post .site-content article a.default-btn {
    font-weight: 500 !important;
}
.post-logo-slider-sec p.slick-slide {
    display: none;
}
.post-logo-slider-sec .logo-slider {
    margin-bottom: 0;
}
@media only screen and (max-width: 991px){
    ul.blog-post-list {
        -ms-grid-columns: (1fr);
        grid-template-columns: repeat(2, 1fr);
    }
    .single-post .entry-content h2 {
        font-size: 26px;
    }
}
@media only screen and (max-width: 767px){
    ul.blog-post-list {
        -ms-grid-columns: (1fr);
        grid-template-columns: repeat(1, 1fr);
    }
    .single-post .entry-content h2 {
        font-size: 22px;
    }
    .blog-post-section .default-content h3 {
        margin: 0 0 22px;
    }
}
@media only screen and (max-width: 575px){
    ul.blog-post-list li a h2 {
        font-size: 19px;
    }
}
/*blog pagination*/
.pagination {
    margin: 40px 0 0;
}
.pagination .nav-links {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    gap: 5px;
}
.pagination .nav-links>* {
    padding: 5px 10px;
    display: inline-block;
    vertical-align: top;
    min-width: 32px;
    font-size: 14px;
    text-align: center;
    border-radius: 4px;
    background-color: #1D90CF;
    color: #fff;
}
.pagination .nav-links .current,
.pagination .nav-links a:hover {
    background: #326379;
    color: #FFFFFF;
}
.pagination .nav-links .prev.page-numbers,
.pagination .nav-links .next.page-numbers {
    background-repeat: no-repeat;
    background-size: 7px;
    background-position: center;
    font-size: 0px;
}
.pagination .nav-links .prev.page-numbers {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='3.737' height='6.474' viewBox='0 0 3.737 6.474'%3E%3Cpath d='M3.03 5.767.5 3.237 3.03.707' fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
}
.pagination .nav-links .next.page-numbers {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='3.737' height='6.474' viewBox='0 0 3.737 6.474'%3E%3Cpath d='m.707 5.767 2.53-2.53L.707.707' fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
}
@media only screen and (max-width: 425px) {
    .pagination {
        margin: 25px 0 0;
    }
    .pagination .nav-links>* {
        font-size: 12px;
        min-width: 22px;
        padding: 4px 8px;
    }
    .pagination .nav-links .prev.page-numbers, .pagination .nav-links .next.page-numbers {
        background-size: 6px;
    }
}
/*Progress Bar Section*/
.progress-bar-all-datail {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr 32px 1fr;
    grid-template-columns: repeat(2, 1fr);
    gap: 32px;
    margin-top: 32px;
}
.progress-first-inner-box,
.progress-bar-detail-box {
    padding: 24px;
    -webkit-box-shadow: 0 0 24px rgba(0, 0, 0, .1);
            box-shadow: 0 0 24px rgba(0, 0, 0, .1);
    border-radius: 16px;
}
.progress-first-inner-box h4,
.progress-bar-detail-box.default-content h4{
    color: #1D90CF;
}
.progress-first-inner-box h5{
    color: #000;
    margin-bottom: 4px;
}
.progress-bar-bg {
    width: 100%;
    height: 16px;
    margin-top: 3px;
    margin-bottom: 16px;
    background-color: #eee;
    border-radius: 10px;
}
.progress-bar-fill {
    position: relative;
    height: 100%;
    width: var(--fill-bar);
    background-color: #1D90CF;
    border-radius: 10px;
}
.progress-bar-fill:after {
    position: absolute;
    content: attr(data-value);
    font-size: 14px;
    color: #fff;
    top: 50%;
    -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
            transform: translateY(-50%);
    right: 4px;
}
@media only screen and (max-width: 768px){
    .progress-bar-all-datail{
        -ms-grid-columns: (1fr);
        grid-template-columns: repeat(1, 1fr);
    }
}
/* ==========================================================
Blog CSS End
=========================================================== */
/* =========================================================
Contact PAge Css Start
============================================================= */
.contact-section .form-input input, 
.contact-section .form-input select, 
.contact-section .form-input textarea {
    border: 1px solid rgba(0, 0, 0, .1);
}
section.contact-section .caption {
    color: #f00 !important;
    font-size: 14px;
    margin-bottom: 12px;
    display: inline-block;
}

.location-info h3 {
    font-size: 24px;
    margin-bottom: 24px;
}
ul.connection-list li {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: start;
    margin-bottom: 16px;
    font-weight: 500;
}
ul.connection-list li img {
    width: 20px;
    margin-right: 12px;
}
ul.connection-list li a {
    color: inherit;
}
ul.Social-icon-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 10px;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    margin-top: 32px;
}
ul.Social-icon-list li img {
    width: 32px;
}
.location-map iframe {
    width: 100%;
    height: 100%;
    aspect-ratio: 16 / 9;
    display: block;
}
@media only screen and (max-width: 575px){
    .location-map iframe{
        aspect-ratio: 1;
    }
    .connection-list li br{
        display: none;
    }
    /*.footer-form{
        margin-top: 0px;
    }*/
}
/* =========================================================
Contact PAge Css Stop
============================================================= */
/*===============================================
= Start Review CSS
===============================================*/
.heading-transform{
    text-transform: capitalize;
}
.review-slider {
    margin: 0 -15px;
}
.tesimonial_revire_sec {
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.google-review img {
    max-width: 44px;
    width: 100%;
}
.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 #2E373C;
/*     margin-top: 25px; */
    position: relative;
    align-items: center;
    justify-content: center;
    width: 100%;
    margin-left: 0;
    margin-right: auto;
}
.responsive-tabs {
    border-bottom: 1px solid #1D90CF !important;
    width: fit-content !important;
    margin: 0 auto 40px !important;
}
.responsive-tabs > i {
    display: none;
}
.review-tab-navigation ul li a {
    font-size: 18px;
    line-height: 1.66;
    color: #2E373C;
    font-weight: 400;
    display: inline-block;
    padding-bottom: 8px;
    border-bottom: 2px solid transparent;
}
.review-tab-navigation ul li a.active {
    border-bottom: 2px solid #1D90CF;
    color: #1D90CF !important;
    font-weight: 600;
}
.review-tab-navigation ul li:not(:last-child) {
    margin-right: 30px;
}
.review-slider{
    margin-bottom: 0 !important;
}
.review-slider .slick-track {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin: 0 auto;
}
.review-slider-content {
    background: url("/wp-content/uploads/2024/06/review-bg.webp");
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    padding: 36px;
    margin: 0 15px 10px 16px;
    height: auto !important;
    position: relative;
    transition: all 0.4s;
    box-shadow: 0px 2px 12px 0px rgba(0, 0, 0, 0.12);
}
.review-slider-content h3 {
    font-size: 20px;
    color: #2E373C;
    font-weight: 700;
    margin-bottom: 10px;
    text-transform: capitalize;
    font-family: 'Poppins', sans-serif;
}
.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-description p {
    font-size: 18px;
    font-weight: 400;
    line-height: 1.85;
    display: inline-block;
    color: #666;
}
.review-description p:not(:last-child) {
    margin-bottom: 10px;
}
.morecontent span {
    display: none;
}
.more-text{
    display: none;
}
.review-section-content {
    position: relative;
}
.review-arrows {
    position: absolute;
    top: 50%;
    left: 0;
    right: 0;
    display: flex;
    justify-content: space-between;
}
.review-prev::before {
    background-image: url("/wp-content/uploads/2024/06/arrow-left.svg");
}
.review-next::before {
    background-image: url("/wp-content/uploads/2024/06/arrow-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;
    }
    
    .review-slider ul.slick-dots {
        position: unset;
        margin-top: 16px;
    }
    .review-slider .slick-dots li button:before {
        font-size: 10px;
        color: #1D90CF;
    }
    .review-slider .slick-dots li.slick-active button:before{
        opacity: 1  !important;
        color: #1D90CF;
    }
}
@media only screen and (max-width: 991px) {
    .review-slider-content{
        margin: 0 16px;
        padding: 40px 30px;
    }
    .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 #1D90CF;
    }
    .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: #1D90CF ;
    }
    .review-slider {
        margin: 30px 0 0 0 !important;
    }
    .review-description p{
        font-size: 16px;
    }
    .review-tab-navigation ul{
        width: 100% !important;
        margin: 0 !important;
    }
}
@media only screen and (max-width: 767px) {
    .review-section > .container-fluid {
        padding: 0;
    }
    .review-slider-content{
        margin: 0 !important;
    }  
}
@media only screen and (max-width: 640px) {
    .review-slider-content {
        margin: 0 10px;
    }
}
@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: #1D90CF;
    font-size: 16px;
    line-height: 1.6;
}
.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;
    }
}
@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: 41px !important;
    height: 28px !important;
    line-height: 28px !important;
    background-color: transparent  !important;
    border-radius: 50px !important;
    border: 1px solid transparent  !important;
    padding: 0 !important;
    font-size: 0 !important;
}
.slick-arrow::before {
    transform: translate(-50%, -50%);
    content: "" !important;
    background-image: url("/wp-content/uploads/2024/06/arrow-left.svg");
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    width: 41px;
    height: 28px;
    opacity: 1 !important;
    position: absolute;
    left: 50%;
    top: 50%;
}
.slick-arrow.slick-next::before {
    background-image: url("/wp-content/uploads/2024/06/arrow-right.svg");
}
.review-slider .slick-prev {
    left: -45px;
}
.review-slider .slick-next {
    right: -45px;
}
@media only screen and (max-width: 1636px){
    .review-slider .slick-prev {
        left: -35px;
    }
    .review-slider .slick-next {
        right: -35px;
    }
    .slick-arrow, .slick-arrow::before{
        width: 31px;
        height: 18px;
    }
}
@media only screen and (max-width: 1250px){
    .review-slider .slick-prev {
        left: -25px;
    }
    .review-slider .slick-next {
        right: -25px;
    }
}
/*===============================================
= End Review CSS
===============================================*/
/**************** 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 .container{
    max-width: 1140px;
}
.box-row {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    gap: 48px;
}
.box-text-section .default-content {
    margin-bottom: 40px;
}
.singular-box {
    background-image: url("/wp-content/uploads/2024/06/review-bg.webp");
    background-size: cover;
    border: 1px solid rgb(71 34 101 / 20%);
    border-radius: 12px;
    padding: 24px;
    box-shadow: 4px 4px 24px rgb(71 34 101 / 10%);
/*    max-width: calc(33.33% - 32px);*/
    max-width: calc(50% - 24px);
    width: 100%;
}
.singular-box .box-title {
    font-size: 24px;
    margin-bottom: 16px;
    font-weight: 400;
    color: #2E373C;
}
.box-text-section .box-caption {
    max-width: 1024px;
    padding: 0 12px;
    margin: 24px auto 0;
    text-align: center;
}
@media only screen and (max-width: 1200px){
    .box-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-row{
        gap: 24px;
    }
    .singular-box{
        max-width: 100%;
    }
    .singular-box .box-title {
        font-size: 20px;
    }
    .box-text-section .default-content {
        margin-bottom: 20px;
    }
}
/**************** box section css end ****************/

.read-more-span {
    max-height: 400px !important;
    padding: 0 15px 0 0 !important;
   /*  display: inline-block; */
}
.dr_description {
    margin-top: 22px;
}
/*.read-more-scroll p.read-more-span:not(:first-child) {
    margin-top: 10px;
}*/
.scrollbar-active .read-more-span {
    display: inline-block;
}
a.read-more {
    color: #1D90CF;
}
a.read-more:hover {
    color: var(--cameo_color);
}
.read-more-span.maxlenth-text {
    margin-bottom: 16px;
}
.scrollbar-inner {
    padding: 0 15px 0 0 !important;
    max-height: -webkit-max-content !important;
    max-height: -moz-max-content !important;
    max-height: max-content !important;
}
.scrollbar-active{
    min-height: 120px;
    overflow-y: auto;
}
.scrollbar-inner .scrollbar-active {
    max-height: 300px !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;
}
  
/* 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: #1D90CF; 
    border-radius: 10px;
}

/* Handle on hover */
.scrollbar-active::-webkit-scrollbar-thumb:hover {
    background: #3f6f80; 
}
.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;
    }
}
/*  ======================= FAQs Section Start ===================== */
.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 #003267;
}
.faq-list h4{
    padding: 15px 15px;
    margin-bottom: 0px;
    font-size: 22px;
    font-weight: 500;
    line-height: 1.1;
    width: 100%;
    color: #2E373C;
    text-align: left;
    border: none;
    background: #FFFFFF;
    position: relative;
    cursor: pointer;
    font-family: 'Poppins', sans-serif;
    transition: all 0.3s;
}
.faq-box.active h4.faq-title {
    color: #1D90CF;
    background-color: rgba(100, 100, 111, 0.1);
}
.faq-list h4:before{
    content: "";
    position: absolute;
    right: 20px;
    top: 50%;
    transform: translateY(-50%);
    font-size: 14px;
    color: #2E373C;
    transition: all 0.4s;
    background-image: url("/wp-content/uploads/2024/06/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/06/minus.svg") !important;
}
.faq-list .faq-content{
    padding: 15px;
}
@media only screen and (min-width: 1200px){
    .faqs-section .container {
        max-width: 1140px;
    }
}
@media only screen and (max-width: 1024px){
    .faq-list h4{
        font-size: 20px;
    }
}
@media only screen and (max-width: 991px){
    .faq-list h4{
        font-size: 18px;
    }
}
@media only screen and (max-width: 767px) {
    .faq-list h4{
        padding: 15px 25px 15px 15px;
    }
    .faq-list h4:before{
        right: 10px;
    }
}
@media only screen and (max-width:575px){
    .faq-list h4 {
        font-size: 16px;
    }
}
/*  =======================   FAQs Section Stop ===================== */
/* =========================================================
Services Page Css Start
============================================================= */
.box-content-info {
    margin-top: 30px !important;
}
.post-box-wrapper{
    background-color: var(--color-white);
    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: 16 / 9;
    object-fit: cover;
}
.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: 24px;
    transition: all 0.4s;
    margin: 0;
    color: #1D90CF;
}
.post-box-title a:hover h3 {
    color: #2E373C;
}
.post-box-desc p {
    margin-bottom: 10px !important;
    /*display: -webkit-box;
    text-overflow: ellipsis;
    overflow: hidden;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;*/
    line-height: 1.6;
}
/*.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
============================================================= */
.page-id-973 .content-box h3, .page-id-1372 .content-box h3{
    text-align: left;
}
.page-id-973 .content-box h4 a{
    color: #1e73be;
}
@media only screen and (min-width: 769px){
    .page-id-2016 .singular-box {
        max-width: calc(50% - 24px);
    }
}
/*============================================
= 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 {
    background: url(/wp-content/uploads/2024/03/about-bg-image.jpg) no-repeat center;
    background-size: cover;
}
.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;
    width: 100%;
    max-width: 546px;
    margin: 0 auto;
}
.team-img, .team-content {
    width: 50%;
}
.team-img img {
    width: 100%;
    height: 100%;
    border-top-left-radius: 14px;
    border-bottom-left-radius: 14px;
}
.team-content {
    padding: 20px;
    height: 100%;
}
.team-content h3 {
    font-weight: 600;
    padding-bottom: 15px;
    color: #1D90CF;
}
.team-content h4 {
    font-size: 20px;
    font-weight: 400;
    margin-bottom: 15px;
}
.team-content button.team-btn {
    padding: 0;
    display: flex;
    align-items: center;
    transition: all 0.4s;
}
.team-content button.team-btn:hover, .team-content button.team-btn:focus {
    color: #1D90CF !important;
    background-color: transparent !important;
    border: 0 !important;
    outline: none !important;
}
.team-content button.team-btn img {
    filter: brightness(0) saturate(100%) invert(10%) sepia(98%) saturate(3501%) hue-rotate(206deg) brightness(107%) contrast(89%);
    transition: all 0.4s;
}
.team-content button.team-btn:hover img {
    transform: translateX(8px);
}
.full_img {
    overflow: hidden;
}
.full_img  iframe.bg-video {
    transform: scale(4);
    filter: blur(2px);
}
@media only screen and (max-width: 767px){
    .team-box h4{
        font-size: 18px;
    }
}
@media only screen and (max-width: 575px){
    .team-box h4{
        font-size: 16px;
    }
}
@media only screen and (max-width: 475px){
    .team-box{
        display: block;
    }
    .team-img, .team-content {
        width: 100%;
    }
    .team-img img{
        border-bottom-left-radius: 0;
        border-top-right-radius: 14px;
    }
}
/*============================================
= End Team Section CSS
===============================================*/
.gallery-row > * {
    max-width: calc(50% - 30px);
    width: 100%;
    padding: 0;
}
.gallery_image {
    display: flex;
    column-gap: 15px;
    -webkit-box-shadow: rgba(0, 0, 0, 0.1) 0px 10px 30px 0px;
    box-shadow: rgba(0, 0, 0, 0.1) 0px 10px 30px 0px;
}
.gallery_image .gallery_image_inner {
    width: 50%;
}
.gallery_image .gallery_image_inner img{
    aspect-ratio: auto;
    object-fit: contain;
}
@media only screen and (max-width: 767px){
    .gallery-row > *{
        max-width: 100%;
    }
}

ul.payment {
    display: flex;
    justify-content: space-around;
    align-items: center;
    column-gap: 15px;
    flex-wrap: wrap;
}

.page-id-1849 .simple-text-section,
.page-id-1856 .simple-text-section,
.page-id-1820 .simple-text-section,
.page-id-1897 .simple-text-section{
    margin-bottom: 0 !important;
}
.page-id-1916 .faqs-section {
    padding-bottom: 0 !important;
}
@media only screen and (min-width: 1366px){

    .page-id-2174 .gallery-row > * {
        max-width: calc(33.33% - 40px);
    }
}
@media only screen and (min-width: 1201px){
    .page-id-1989 .singular-box,
    .page-id-1986 .singular-box,
    .page-id-2026 .singular-box,
    .page-id-1900 .singular-box,
    .page-id-1992 .singular-box,
    .page-id-1932 .singular-box{
        max-width: calc(33.33% - 32px);
    }
}
@media only screen and (min-width: 1300px){
    .page-id-1989 .box-text-section .container,
    .page-id-1986 .box-text-section .container,
    .page-id-2026 .box-text-section .container,
    .page-id-1900 .box-text-section .container,
    .page-id-1992 .box-text-section .container,
    .page-id-1932 .box-text-section .container{
        max-width: 1210px;
    }
}
@media only screen and (min-width: 1400px){
    .page-id-1989 .box-text-section .container,
    .page-id-1986 .box-text-section .container,
    .page-id-2026 .box-text-section .container,
    .page-id-1900 .box-text-section .container,
    .page-id-1992 .box-text-section .container,
    .page-id-1932 .box-text-section .container{
        max-width: 1320px;
    }
}
@media only screen and (min-width: 1600px){
    .page-id-1989 .box-text-section .container,
    .page-id-1986 .box-text-section .container,
    .page-id-2026 .box-text-section .container,
    .page-id-1900 .box-text-section .container,
    .page-id-1992 .box-text-section .container,
    .page-id-1932 .box-text-section .container{
        max-width: 1520px;
    }
}
.video-box {
    padding: 20px;
    background: url(/wp-content/uploads/2024/03/about-bg-image.jpg) no-repeat center;
    background-size: cover;
    -webkit-box-shadow: rgba(0, 0, 0, 0.1) 0px 10px 30px 0px;
    box-shadow: rgba(0, 0, 0, 0.1) 0px 10px 30px 0px;
    height: 100%;
}
.video-description {
    padding-top: 30px;
}
.video-description h4 {
    margin-bottom: 15px;
}
/*============================================
= Start 404 page CSS
===============================================*/

.error-404 h1 {
    color: #1D90CF;
    text-shadow: 0px 2px 55px rgba(0, 0, 0, 0.20);
    font-family: "Gelasio", serif;
    font-size: 100px;
    font-weight: 700;
    line-height: 1;
    letter-spacing: 6px;
    text-transform: uppercase;
    margin-bottom: 32px;
}
/*============================================
= End 404 page CSS
===============================================*/

/*----------Start - site-map----------*/
/* .page-id-2146 h1.entry-title {
    background: linear-gradient(to right, #660000 0%, #943030 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
 */
.site-map-menu {
    margin: 0;
    padding: 0;
}

.site-map-menu li a {
    color: #052639;
    font-weight: 500;
    position: relative;
    padding-left: 20px;
    width: 100%;
    max-width: 100%;
}

.site-map-menu li a:hover {
    color: #1D90CF;
}

.site-map-menu li {
    list-style: none;
    padding-bottom: 10px;
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    max-width: 100%;
}

.site-map-menu ul {
    padding-top: 15px;
      padding-left: 35px;
}

.site-map-menu li a:before {
    content: "\f101";
    font-family: "Font Awesome 6 Pro";
    font-weight: bold;
    position: absolute;
    left: 0;
    top: 0;
}
.page-id-2146 .inside-article{
    padding-top: 0px;
}
.page-id-2146 a:not([href]) {
    text-decoration: none !important;
      cursor: text !important;
}
@media only screen and (max-width: 767px){
    .page-id-2146 .ps-5{
        padding: 0px !important;
    }
}
@media (min-width: 1200px) {
    .page-id-2146 .site.container {
        max-width: 1140px !important;
    }
}
@media (min-width: 992px) {
    .page-id-2146 .site.container {
        max-width: 960px;
    }
}
@media (min-width: 768px) {
    .page-id-2146 .site.container {
        max-width: 720px;
}
}
@media (min-width: 576px) {
    .page-id-2146 .site.container {
        max-width: 540px;
    }
}

/*----------End - site-map----------*/
	
/*============================================
= patient stories slider 24-8-2023
===============================================*/
.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: 55%;
}
.full_img iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
		display: block;
}
.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: #1D90CF !important;
    border-radius: 50px !important;
    border: 1px solid #1D90CF !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/09/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/09/right-arrow.svg");
}
.patients-stories-slider .slick-next.slick-arrow::before {
    content: ""
} */
.patient-content {
    padding: 10px 24px;
    background-color: #f26a30;
    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;
    }   
}