/*
CTC Separate Stylesheet
Updated: 2024-09-06 04:41:06
Theme Name: GeneratePress Child
Theme URI: https://generatepress.com
Template: generatepress
Author: Tom Usborne
Author URI: https://tomusborne.com
Description: GeneratePress is a lightweight WordPress theme built with a focus on speed and usability. Performance is important to us, which is why a fresh GeneratePress install adds less than 10kb (gzipped) to your page size. We take full advantage of the block editor (Gutenberg), which gives you more control over creating your content. If you use page builders, GeneratePress is the right theme for you. It is completely compatible with all major page builders, including Beaver Builder and Elementor. Thanks to our emphasis on WordPress coding standards, we can boast full compatibility with all well-coded plugins, including WooCommerce. GeneratePress is fully responsive, uses valid HTML/CSS, and is translated into over 25 languages by our amazing community of users. A few of our many features include 60+ color controls, powerful dynamic typography, 5 navigation locations, 5 sidebar layouts, dropdown menus (click or hover), and 9 widget areas. Learn more and check out our powerful premium version at https://generatepress.com
Tags: two-columns,three-columns,one-column,right-sidebar,left-sidebar,footer-widgets,blog,e-commerce,flexible-header,full-width-template,buddypress,custom-header,custom-background,custom-menu,custom-colors,sticky-post,threaded-comments,translation-ready,rtl-language-support,featured-images,theme-options
Version: 3.5.1.1725597666
*/

:root {
    --black_color: #192530;
    --cameo_color: #4D6B91;
    --bermuda_color: #4D6B91;
    --secondary_color: #4D6B91;
    --white_color: #FFFFFF;
    --para-text: #2B2B2B;
    --bg_color: #5E7872;
    --body_text_color: #222222;
    --desktop_pd_100: 100px;
    --mobile_pd_50: 50px;
    --large_device_pd_80: 80px;
    --gp-slideout-width: 300px !important;
    --recoletaregular_font: 'recoletaregular';
    --recoletabold_font: 'recoletabold';
    --muliregular_font: 'muliregular';
}

p,
li,
a {
    font-family: var(--recoletaregular_font);
}

a {
    text-decoration: none !important;
}

.full-width-content .container.grid-container {
    margin: 0px !important;
    padding: 0px !important;
}

.btn-wrap a {
    width: fit-content;
    background-color: var(--bermuda_color);
    background-size: auto;
    color: #ffffff;
    display: flex;
    align-items: center;
    vertical-align: top;
    font-size: 16px;
    font-weight: 500;
    line-height: 1.4;
    padding: 12px 25px;
    transition: all 0.3s ease 0s;
    border: 2px solid var(--bermuda_color);
    margin: auto;
    border-radius: 100px;
    font-family: 'Nantes';
    letter-spacing: 0.5px;
}

.banner-btn-wrap {
    display: flex;
    gap: 24px;
    justify-content: center;
}

.same_width_1600 {
    max-width: 1600px;
    margin: auto;
    width: 90%;
}

div#content.site-content {
    display: block;
}

body {
    background-color: #EDF2FA !important;
}

/*=============================
Home banner css start
===============================*/

.home_banner_main_sect {
    padding: 100px 0;
}

.home_banner_row {
    justify-content: space-between;
    align-items: center;
}

.home_banner_content .home_banner_cont_div span {
    font-size: 24px;
    margin-bottom: 4px;
    display: block;
    font-family: var(--recoletaregular_font);
    color: var(--bermuda_color);
}

.home_banner_content .home_banner_cont_div h1 {
    font-size: 74px;
    margin-bottom: 20px;
    font-family: var(--recoletabold_font);
    font-weight: bold;
    color: var(--bermuda_color);
}

.para_txt_24 p {
    font-size: 24px;
    color: var(--para-text);
    font-family: var(--recoletaregular_font);
}

.home_banner_cont_div.htag_h1.para_txt {
    margin-bottom: 64px;
}

.para_txt_24 p:last-child {
    margin-bottom: 0 !important;
}

.home_banner_sect_second_div {
    max-width: 815px;
    width: 100%;
    margin-right: 150px;
}

.home_banner_image_repeater {
    gap: 30px;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 100%;
    display: flex;
}

.home_banner_image_repeater img {
    width: 100%;
    height: 360px;
    border-radius: 1.5rem;
    object-fit: cover;
}

.home_banner_col1 {
    min-width: 640px;
}

.home_banner_shadow {
    background-image: linear-gradient(180deg, #fff0 70%, #EDF2FA 100%), linear-gradient(180deg, #EDF2FA 0%, #fff0 30%);
    position: absolute;
    top: 0%;
    bottom: 0%;
    left: 0%;
    right: 0%;
    z-index: 10;
}

.home_banner_image_repeater .full_img {
    width: 100%;
}

.home_banner_sect_first_div {
    flex-direction: row;
    flex: 1;
    justify-content: center;
    align-items: flex-start;
    width: 100%;
    height: 600px;
    display: flex;
    position: relative;
    overflow: hidden;
}

.home_banner_modual {
    flex-direction: row;
    justify-content: center;
    align-items: center;
    width: 100%;
    display: flex;
}

.home_banner_image_slide {
    position: absolute;
    white-space: nowrap;
    will-change: transform;
}

@keyframes marquee-vertical {
    from {
        transform: translateY(0);
    }

    to {
        transform: translateY(-50%);
    }
}

.home_banner_image_slide {
    flex-direction: column;
    flex: 1;
    justify-content: center;
    align-items: flex-start;
    width: 100%;
    display: flex;
    position: relative;
}

.home_banner_image_repeater .full_img {
    width: 100%;
}

.banner_btn_div .default-btn {
    display: flex;
    gap: 20px 20px;
}

@media only screen and (max-width: 480px) {
    .home_banner_content .home_banner_cont_div h1 {
        font-size: 36px;
    }
}

@media (max-width: 575px) {
    .banner_btn_div .default-btn {
        flex-wrap: wrap;
    }
}

@media only screen and (min-width: 481px) and (max-width: 767px) {
    .home_banner_content .home_banner_cont_div h1 {
        font-size: 40px;
    }
}

@media (max-width: 767px) {
    .home_banner_content .home_banner_cont_div span {
        font-size: 20px;
    }

    .para_txt_24 p {
        font-size: 18px;
    }

    .home_banner_cont_div.htag_h1.para_txt {
        margin-bottom: 40px;
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .home_banner_content .home_banner_cont_div h1 {
        font-size: 45px;
    }

    .para_txt_24 p {
        font-size: 20px;
    }
}

@media (max-width: 991px) {
    .home_banner_main_sect {
        padding: 50px 0;
    }

    .home_banner_image_slide {
        animation: marquee-horizontal 40s linear infinite;
    }

    @keyframes marquee-horizontal {
        from {
            transform: translateX(0);
        }

        to {
            transform: translateX(-50%);
        }
    }

    .home_banner_sect_second_div {
        max-width: 100%;
        margin-right: 0;
        width: 100%;
    }

    .home_banner_col1 {
        min-width: 100%;
        width: 100%;
        margin-bottom: 50px;
    }

    .home_banner_sect_first_div {
        width: 100%;
        height: 100%;
    }

    .home_banner_image_repeater img {
        width: 350px;
        height: 230px;
        border-radius: 1.2rem;
        object-fit: cover;
        max-width: -webkit-fill-available;
    }

    .home_banner_shadow {
        display: none;
    }

    .home_banner_image_repeater {
        flex-direction: row;
        gap: 15px;
    }
}

@media only screen and (min-width: 992px) and (max-width: 1024px) {
    .home_banner_sect_second_div {
        margin-right: 40px;
    }

    .home_banner_col1 {
        min-width: 410px;
    }

    .home_banner_content .home_banner_cont_div h1 {
        font-size: 50px;
    }

    .para_txt_24 p {
        font-size: 20px;
    }

    .home_banner_sect_first_div {
        height: 500px;
    }

    .home_banner_image_repeater img {
        height: 250px;
    }
}

@media only screen and (min-width: 1025px) and (max-width: 1140px) {
    .home_banner_sect_second_div {
        margin-right: 70px;
    }

    .home_banner_col1 {
        min-width: 440px;
    }

    .home_banner_content .home_banner_cont_div h1 {
        font-size: 50px;
    }

    .para_txt_24 p {
        font-size: 21px;
    }

    .home_banner_sect_first_div {
        height: 520px;
    }

    .home_banner_image_repeater img {
        height: 280px;
    }
}

@media only screen and (min-width: 1141px) and (max-width: 1280px) {
    .home_banner_col1 {
        min-width: 470px;
    }

    .home_banner_content .home_banner_cont_div h1 {
        font-size: 52px;
    }

    .para_txt_24 p {
        font-size: 21px;
    }

    .home_banner_sect_first_div {
        height: 560px;
    }

    .home_banner_image_repeater img {
        height: 280px;
    }
}

@media only screen and (min-width: 1281px) and (max-width: 1440px) {
    .home_banner_col1 {
        min-width: 600px;
    }

    .home_banner_content .home_banner_cont_div h1 {
        font-size: 55px;
    }

    .para_txt_24 p {
        font-size: 22px;
    }
}

@media only screen and (min-width: 1441px) and (max-width: 1680px) {
    .home_banner_content .home_banner_cont_div h1 {
        font-size: 62px;
    }
}

@media only screen and (min-width: 1681px) and (max-width: 1880px) {}

@media (min-width: 992px) {
    .home_banner_image_slide {
        animation: marquee-vertical 40s linear infinite;
    }
}

/*=============================
Home banner css End
===============================*/
/*=============================
Home 5th Section css Start
===============================*/
.image_slider_section {
    padding: 80px 0px;
/*     background-color: #fff; */
}

.same_width_1280{
	max-width: 1280px;
	margin: auto;
	width: 90%;
}
.image_slider_main {
    width: 31%;
    padding: 0px 10px;
}
.before_after_btn{
    margin-top: 140px;
}
.image_slider_row1 {
    margin-bottom: 48px;
}

.image_slider .slick-next,
.image_slider .slick-prev {
    top: calc(100% + 48px);
    width: 56px;
    height: 56px;
    background: #fff;
    box-shadow: 7px 7px 20px 0px #554C4C33;
    border-radius: 50%;
}

.image_slider .slick-next {
    right: 50%;
    transform: translateX(calc(100% + 20px));
}

.image_slider .slick-prev {
    left: 50%;
    transform: translateX(calc(-100% - 20px));
}

.image_slider .slick-prev:before {
    background-image: url(/wp-content/uploads/2024/09/left_arrow.svg);
}

.image_slider .slick-next:before,
.image_slider .slick-prev:before {
    content: "" !important;
    background-position: center;
    background-repeat: no-repeat;
    background-size: 24px;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.image_slider .slick-next:before {
    background-image: url(/wp-content/uploads/2024/09/right_arrow.svg);
}

/* .image_slider_main {
    margin-right: 14px;
    margin-left: 14px;
} */

.image_slider_main img {
    border-radius: 8px;
	width: 100%;
}
.image_slider {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    column-gap: 30px;
    row-gap: 30px;
}
@media only screen and (max-width: 991px) {

    .image_slider .slick-next,
    .image_slider .slick-prev {
        top: calc(100% + 20px);
    }

    .image_slider_section {
        padding: 50px 0px;
    }
    .image_slider_main {
        width: 47%;
    }
    .before_after_btn {
        margin-top: 100px;
    }
}

@media only screen and (max-width: 575px) {

    .image_slider .slick-next,
    .image_slider .slick-prev {
        width: 40px;
        height: 40px;
    }

    .image_slider .slick-prev {
        transform: translateX(calc(-100% - 10px));
    }

    .image_slider .slick-next {
        transform: translateX(calc(100% + 10px));
    }
    .image_slider {
        column-gap: 10px;
        row-gap: 10px;
    }
}
/* @media only screen and (max-width: 480px) {
    .image_slider_main {
        width: 100% !important;
    }
} */
/*=============================
Home 5th Section css End
===============================*/
/*============================================
= Home 6th Section css Start
=============================================*/
.icon-list-section {
    padding: 80px 0;
	background-color:var(--white_color);
}

.icon-list-row {
    justify-content: space-between;
}

.icon-list-box {
    display: flex;
    align-items: center;
    gap: 16px;
}

.icon-list-box .icon-list-img img {
    max-width: 64px;
    width: 100%;
    height: 64px;
}

.icon-list-content p {
    font-size: 18px;
    font-family: var(--recoletabold_font);
    font-weight: 600;
    text-transform: capitalize;
    color: #373843;
}

.icon-list-img {
    display: contents;
}

.icon-list-wrapper {
    display: grid;
    row-gap: 32px;
    column-gap: 20px;
}

.icon-list-col1 {
    max-width: 692px;
    width: fit-content;
}

.icon-list-col2 {
    max-width: 796px;
    width: fit-content;
}

@media only screen and (max-width: 1199px) {
    .icon-list-box .icon-list-img img {
        max-width: 50px;
        width: 100%;
        height: 50px;
    }
}

@media only screen and (max-width: 991px) {
    .icon-list-section {
        padding: 60px 0;
    }
}

@media only screen and (min-width: 576px) {
    .icon-list-wrapper {
        row-gap: 32px;
        grid-template-columns: repeat(2, 1fr);
        column-gap: 32px;
    }
}

@media only screen and (max-width: 575px) {
    .icon-list-wrapper {
        row-gap: 20px;
    }
}

@media only screen and (min-width: 320px) and (max-width: 480px) {}

@media only screen and (min-width: 481px) and (max-width: 767px) {}

@media (max-width: 767px) {}

@media only screen and (min-width: 768px) and (max-width: 991px) {}

@media (max-width: 991px) {

    .icon-list-col1 {
        margin-bottom: 50px;
    }

    .icon-list-col1,
    .icon-list-col2 {
        max-width: 100%;
    }
}

@media only screen and (min-width: 992px) and (max-width: 1140px) {
    .icon-list-col1 {
        max-width: 442px;
    }
}

@media only screen and (min-width: 992px) and (max-width: 1140px) {
    .icon-list-col1 {
        padding-right: 30px;
    }

    .icon-list-col2 {
        padding-left: 30px;
    }
}

@media only screen and (min-width: 1141px) and (max-width: 1280px) {
    .icon-list-col1 {
        max-width: 460px;
    }
}

@media only screen and (min-width: 1281px) and (max-width: 1440px) {
    .icon-list-col1 {
        max-width: 622px;
    }
}

@media only screen and (min-width: 1141px) and (max-width: 1440px) {
    .icon-list-col1 {
        padding-right: 40px;
    }

    .icon-list-col2 {
        padding-left: 40px;
    }

}

@media only screen and (min-width: 1441px) and (max-width: 1680px) {

    .icon-list-col1 {
        padding-right: 50px;
    }

    .icon-list-col2 {
        padding-left: 50px;
    }
}

@media only screen and (min-width: 1681px) and (max-width: 1880px) {}

@media (min-width: 992px) {}


/*============================================
= Home 6th Section css End
=============================================*/
/*============================================
= End review-slider section  CSS
=============================================*/
.review-section .top_center_title {
    margin-bottom: 0px;
}

section.review-section {
    background-color: #F6F9FD;
    padding-bottom: 176px;
    padding-top: 80px;
}

.review-section .sub-title {
    animation: typing 13s steps(26);
    width: fit-content;
    margin: 0 auto;
    overflow: hidden;
    text-wrap: nowrap;
    transform-origin: left;
	color: #4D6B91;
}

@keyframes typing {
    from {
        width: 0
    }

    to {
        width: 100%;
    }
}

.review-slider {
    z-index: 30;
    position: relative;
    display: block !important;
}

.review-tab-navigation {
    margin: 32px 0 40px;
}

.responsive-tabs {
    border: 0;
}

.responsive-tabs i {
    display: none;
}

.responsive-tabs {
    display: flex;
    justify-content: center;
    gap: 32px;
}

.responsive-tabs li a {
    color: var(--cameo_color);
    font-family: Recoleta;
    font-size: 20px;
    font-weight: 400;
    line-height: 1.2;
    border-bottom: 2px solid transparent;
    padding: 4px 16px;
    display: inline-block;
}

.responsive-tabs li a.active {
    font-weight: 600;
    border-color: var(--cameo_color);
}

.tab-content {
    max-width: 1100px;
    width: 100%;
    margin: 0 auto;
    position: relative;
}

.tab-content:before {
    position: absolute;
    content: "";
    height: 100%;
    aspect-ratio: 1;
    border-radius: 50%;
    background-color: #fff;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
}

.review-slider-content {
    padding: 28px 0;
    text-align: center;
}

.review-slider-content .yelp-review img,
.review-slider-content .review-quote img {
    margin: 0 auto;
}

.review-description p {
    color: #232323;
    font-family: Recoleta;
    font-size: 24px;
    font-weight: 400;
    line-height: 1.4;
    margin: 12px 0;
    font-family: var(--recoletaregular_font);
}

.review-author-name h5 {
    font-size: 18px;
    font-weight: 400;
    line-height: 1.2;
    color: #232323;
    margin-bottom: 0 !important;
    font-family: var(--recoletaregular_font);
}

.review-slider .slick-next,
.review-slider .slick-prev {
    top: calc(100% + 40px);
    width: 56px;
    height: 56px;
    background: #fff;
    box-shadow: 7px 7px 20px 0px #554C4C33;
    border-radius: 50%;
    margin-top: 50px;
}

.review-slider .slick-next {
    right: 50%;
    transform: translateX(calc(100% + 20px));
}

.review-slider .slick-prev {
    left: 50%;
    transform: translateX(calc(-100% - 20px));
}

.review-slider .slick-next:before{
	background-image: url(/wp-content/uploads/2024/09/right_arrow.svg);
}

.review-slider .slick-next:before,
.review-slider .slick-prev:before {
    content: "" !important;
    background-position: center;
    background-repeat: no-repeat;
    background-size: 24px;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.review-slider .slick-prev:before {
    background-image: url(/wp-content/uploads/2024/09/left_arrow.svg);
}

.tab-content {
    margin-top: 50px;
}

.yelp-review {
    margin-top: 10px;
}

.read-more-scroll p {
    /* height: 173px; */
    overflow: hidden;
}

.read-more-scroll.expanded p {
    overflow: auto !important;
}

.review-description button.read-more-btn {
    padding: 0;
    margin-bottom: 10px;
    background-color: transparent;
    color: var(--bermuda_color);
    font-family: var(--recoletaregular_font);
    font-size: 20px;
}

@media only screen and (max-width: 1400px) {
    .review-slider-content {
        padding: 56px 0 28px;
    }
}

@media only screen and (max-width: 1299px) {
    .review-description p {
        font-size: 22px;
    }

    .review-slider-content {
        padding: 40px 0 28px;
    }
}

@media only screen and (max-width: 991px) {

    section.review-section { 
        padding-bottom: 60px;
        padding-top: 110px;
    }

    .responsive-tabs {
        gap: 16px;
    }

    .responsive-tabs li a {
        font-size: 18px;
    }

    .review-description p {
        font-size: 21px;
    }

    .tab-content {
        margin-bottom: 56px
    }

    .review-slider .slick-next,
    .review-slider .slick-prev {
        top: calc(100%);
    }
}

@media only screen and (max-width: 768px) {
    .responsive-tabs {
        position: relative;
    }

    .responsive-tabs i {
        display: block;
        position: absolute;
        right: 0;
        top: 10px;
    }

    .responsive-tabs li a,
    .responsive-tabs li {
        width: 100%;
    }

    .responsive-tabs li:not(.active) {
        display: none;
    }

    .responsive-tabs.open li {
        display: block;
    }
}

@media only screen and (max-width: 575px) {
    .review-description p {
        font-size: 16px;
    }

    .review-slider .slick-next,
    .review-slider .slick-prev {
        width: 40px;
        height: 40px;
    }

    .review-slider .slick-prev {
        transform: translateX(calc(-100% - 10px));
    }

    .review-slider .slick-next {
        transform: translateX(calc(100% + 10px));
    }

    .review-tab-navigation {
        margin: 20px 0;
    }

    .review-slider-content {
        padding: 20px 0;
    }

    .tab-content:before {
        left: 0;
        transform: unset;
        max-width: 100%;
        height: 300px;
        margin: auto;
        width: 300px;
        right: 0;
        top: 0;
        bottom: 0;
    }
}

/*============================================
= End review-slider section  CSS
=============================================*/

/*===============================================
= Start Before After CSS
===============================================*/
.dental-care-sec{
    background: #fff;
}

.comparison-content {
    padding: 0 15px;
}

.comparison {
    width: 100%;
    padding-bottom: 63%;
    overflow: hidden;
    position: relative;
}

.figure {
    position: absolute;
    left: 0;
    top: 0;
    background-size: cover;
    font-size: 0;
    width: 100%;
    height: 100%;
    margin: 0;
}

#figure1 {
    background-image: url('/wp-content/uploads/2024/09/a1.jpg');
}

#figure2 {
    background-image: url('/wp-content/uploads/2024/09/a2.jpg');
}

#figure3 {
    background-image: url('/wp-content/uploads/2024/09/a3.jpg');
}

#figure4 {
    background-image: url('/wp-content/uploads/2024/09/a4.jpg');
}

.divisor {
    background-size: cover;
    position: absolute;
    width: 50%;
    box-shadow: 0 5px 10px -2px rgba(0, 0, 0, 0.3);
    bottom: 0;
    height: 100%;
}

#divisor1 {
    background-image: url('/wp-content/uploads/2024/09/b1.jpg');
}

#divisor2 {
    background-image: url('/wp-content/uploads/2024/09/b2.jpg');
}

#divisor3 {
    background-image: url('/wp-content/uploads/2024/09/b3.jpg');
}

#divisor4 {
    background-image: url('/wp-content/uploads/2024/09/b4.jpg');
}

.divisor::before,
.divisor::after {
    content: "";
    position: absolute;
    right: -2px;
    width: 4px;
    height: calc(50% - 25px);
    background: #fff;
    z-index: 3;
}

.divisor::before {
    top: 0;
    box-shadow: 0 -3px 8px 1px rgba(0, 0, 0, 0.3);
}

.divisor::after {
    bottom: 0;
    box-shadow: 0 3px 8px 1px rgba(0, 0, 0, 0.3);
}

.divisor span {
    position: absolute;
    background: rgba(0, 0, 0, 0.2);
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
}

.handle {
    position: absolute;
    height: 50px;
    width: 50px;
    top: 50%;
    left: 50%;
    transform: translateY(-50%) translateX(-50%);
    z-index: 1;
    background: var(--blue_colors);
    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] {
    -webkit-appearance: none;
    -moz-appearance: none;
    position: absolute;
    top: 50%;
    left: -25px;
    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: 50px;
    width: 50px;
    border-radius: 50%;
    background: transparent;
    border: 4px solid white;
    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;
}

/*---Slick Slider Arrow-------*/
.comparison-main button.slick-arrow {
    position: absolute;
    opacity: 1 !important;
    width: 50px;
    height: 50px;
}

.comparison-main button.slick-prev {
    left: -20px;
    z-index: 20;
}

.comparison-main button.slick-next {
    right: -20px;
    z-index: 30;
}

.comparison-main button.slick-prev:before {
    content: "" !important;
    background-image: url(/wp-content/uploads/2024/09/left_arrow.svg);
    background-size: 70% 100%;
    background-position: center;
    background-repeat: no-repeat;
    width: 100%;
    height: 100%;
    display: block;
}

.comparison-main button.slick-next:before {
    content: "" !important;
    background-image: url(/wp-content/uploads/2024/09/right_arrow-1.svg);
    background-size: 70% 100%;
    background-position: center;
    background-repeat: no-repeat;
    width: 100%;
    height: 100%;
    display: block;
}

.comparison-main button.slick-arrow:before {
    background-color: #fff !important;
    box-shadow: rgba(0, 0, 0, 0.15) 0px 5px 15px;
}

.slick-prev.slick-disabled:before,
.slick-next.slick-disabled:before {
    opacity: 1 !important;
}

/*------*/
@media only screen and (max-width: 575px) {
    .comparison-content {
        padding: 0 5px !important;
    }
}

@media (max-width: 767px) {

    .comparison-main button.slick-arrow,
    .comparison-main button.slick-arrow:before {
        width: 40px !important;
        height: 40px !important;
    }
}

@media (max-width: 991px) {

    .container-fluid.dental-care-container {
        max-width: 100% !important;
        padding: 0 30px !important;
    }
}

@media only screen and (min-width: 992px) and (max-width: 1820px) {
    .container-fluid.dental-care-container {
        max-width: 100% !important;
        padding: 0 30px !important;
    }
}

/*===============================================
= End Before After CSS
===============================================*/
/*===============================================
= Start Doctor Page CSS
===============================================*/

.doctor_page_section {
    background-color: #fff;
}

.doctor_page_image_div img {
    border-radius: 24px;
    float: left;
    margin-right: 50px;
    width: 600px;
    margin-bottom: 30px;
}

.doctor_sect_title span {
    color: #4c4c4c;
    font-weight: 600;
    display: block;
}

@media only screen and (min-width: 1141px) and (max-width:1280px) {
    .doctor_page_image_div img {
        width:500px;
    }
}

@media only screen and (min-width: 992px) and (max-width:1140px) {
    .doctor_page_image_div img {
        width:400px;
        margin-right: 30px;
    }
}

@media (max-width: 991px) {
    .doctor_page_image_div img {
        float:unset;
        margin-right: 0;
        width: 100%;
    }
}

/*===============================================
= End Doctor Page CSS
===============================================*/

.service-listing {
    max-width: fit-content;
    margin: 0 auto;
    width: 100%;
    padding: 0;
	column-count: 2;
	list-style: none;
}
.service-listing li {
    font-size: 24px;
    font-weight: 400;
    margin-bottom: 12px;
    color: #fff;
	position: relative;
	padding-left: 20px;
}
.service-listing li:before {
    position: absolute;
    content: "";
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background-color: #fff;
    top: 13px;
    left: 0;
}
@media only screen and (max-width: 991px){
	.service-listing li {
		font-size: 20px;
	}
}
@media only screen and (max-width: 768px){
	.service-listing {
		column-count: 1;
	}
	.service-listing li {
		font-size: 18px;
	}
}
@media only screen and (max-width: 575px){
	.service-listing li {
		font-size: 16px;
	}
}