/* FOLSOM LANDING PAGE & FOLCROFT LANDING PAGE
-----------------------------------------------*/
.page-id-397 .main-btn,
.page-id-399 .main-btn {
    font-family: 'Montserrat';
}

.page-id-397 .contentarea,
.page-id-399 .contentarea {
    background-color: #2C4A80;
    color: #fff;
    text-align: center;
}
.page-id-397 .contentarea h1,
.page-id-399 .contentarea h1 {
    color: #fff;
    font-size: 23px;
    font-weight: 700;
    line-height: 110%;
    text-transform: uppercase;
    font-family: 'Open Sans';
    padding: 0 20px;
}
.page-id-397 .contentarea h2,
.page-id-399 .contentarea h2 {
    color: #FCB30B;
    font-size: 56px;
    line-height: 120%;
    font-family: 'Kaushan Script';
    padding: 0 20px;
}
.page-id-397 .contentarea .post_content,
.page-id-399 .contentarea .post_content {
    max-width: 1500px;
    width: 100%;
    margin: 0 auto;
    padding: 0 20px;
}
.page-id-397 .contentarea p,
.page-id-399 .contentarea p {
    color: #fff;
}
.page-id-397 .contentarea .inner,
.page-id-399 .contentarea .inner {
    position: relative;
}

.page-id-399 .contentarea .inner:before,
.page-id-399 .contentarea .inner:after {
    content: '';
    position: absolute;
    max-width: 700px;
    max-width: 20%;
    width: 100%;
    min-height: 2px;
    background: #FCB30B;
    z-index: 0;
}
.page-id-397 .contentarea .inner:before,
.page-id-397 .contentarea .inner:after {
    background: #fff;
    content: '';
    position: absolute;
    max-width: 700px;
    max-width: 20%;
    width: 100%;
    min-height: 2px;
    z-index: 0;
}

.page-id-397 .contentarea .inner:before,
.page-id-399 .contentarea .inner:before {
    top: -35px;
    left: 0;
}

.page-id-397 .contentarea .inner:after,
.page-id-399 .contentarea .inner:after {
    bottom: 60px;
    right: 0;
}
/* BOTH LANDING PAGES styles
-----------------------------------------------*/
.landing-page-content .main-btn {
    margin: 0;
}

/* DEFAULT SLICK STYLES */
.slick-next {
    position: absolute;
    right: 50px;
    top: 25%;
    color: transparent;
    background-color: transparent;
    margin: 0;
    padding: 0;
    border-radius: 0;
    line-height: inherit;
    font-size: 0;
}

.slick-next::after,
.slick-prev::before {
    content: '';
    background-image: url(../images/white-arrow.svg);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    width: 25px;
    height: 41px;
    position: absolute;
}

.slick-prev {
    position: absolute;
    left: 20px;
    top: 25%;
    color: transparent;
    background-color: transparent;
    z-index: 1;
    margin: 0;
    padding: 0;
    border-radius: 0;
    line-height: inherit;
    font-size: 0;
}

.slick-prev::before {
    transform: rotate(180deg);
}

.slick-dots {
    display: flex;
    justify-content: space-evenly;
    align-items: center;
    list-style-type: none;
    max-width: 280px;
    width: 100%;
    margin: 0 auto;
}

.slick-dots button {
    padding: 0;
    border-radius: 100%;
    text-indent: -9999px;
    width: 38px;
    height: 6px;
    background: rgba(33, 148, 229, 0.3);
    border: 0;
    border-radius: 0;
}

.slick-dots .slick-active button {
    background: #2194e5;
    border: 0;
}

/* Video Play Button */
.external-video {
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
}

.external-video svg {
    width: 72px;
    height: 73px;
    position: absolute;
    z-index: 1;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    margin: auto;
}

.external-video svg path {
    transition: all ease-in-out 0.3s;
}

.external-video:hover svg path {
    filter: opacity(0.8);
}

/* DOCTOR AND SERVICES SECTION */
.landing-page-content .doc-services {
    background-image: url(../images/doc-bg.webp);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    padding: 120px 0;
}

/* Meet Your Doctor Sections */
.landing-page-content .meet-doc .row {
    justify-content: center;
    align-items: center;
    max-width: 1377px;
    width: 100%;
    margin: 0 auto 90px;
    gap: 0 90px;
    position: relative;
}

.landing-page-content .meet-doc .row.dr-shah {
    margin-bottom: 167px;
}

.landing-page-content .doc-line {
    background-image: url(../images/doc-line.svg);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    max-width: 511px;
    width: 100%;
    height: 354px;
    position: absolute;
    z-index: 2;
    bottom: 37px;
}

.landing-page-content .meet-doc .dr-verma .doc-line {
    left: 0;
}

.landing-page-content .meet-doc .dr-shah .doc-line {
    right: 0;
    transform: scaleX(-1);
}

.landing-page-content .meet-doc .doc-content {
    max-width: 831px;
    width: 100%;
}

.landing-page-content .meet-doc .dr-verma .doc-photo {
    background-image: url(../images/dr-verma.webp);
}

.landing-page-content .meet-doc .dr-shah .doc-photo {
    background-image: url(../images/dr-shah-new.webp);
}

.landing-page-content .meet-doc .doc-photo {
    max-width: 456px;
    width: 100%;
    min-height: 456px;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}

.landing-page-content .meet-doc .doc-photo-box {
    position: relative;
    max-width: 456px;
    width: 100%;
    min-height: 456px;
    background: #fff;
    z-index: 1;
}

.landing-page-content .meet-doc .doc-photo-box:after {
    content: '';
    position: absolute;
    max-width: 454px;
    width: 100%;
    min-height: 454px;
    bottom: -10px;
    right: -10px;
    background: #e2ebfa;
    z-index: -1;
}

.landing-page-content .meet-doc h2 {
    color: #fcb30b;
    margin-bottom: 10px;
}

.landing-page-content .meet-doc h3 {
    color: #2c4a80;
    font-size: 40px;
    line-height: 138%;
}

.landing-page-content .meet-doc p {
    max-width: 761px;
    width: 100%;
    margin: 50px 0;
    font-size: 23px;
    line-height: 150%;
}

.landing-page-content .meet-doc .dr-verma p {
    margin: 50px 0 50px auto;
}

/* Services Section */
.landing-page-content .services {
    position: relative;
}

.landing-page-content .services .container {
    position: relative;
    background: none;
    z-index: 1;
}

.landing-page-content .services .inner {
    max-width: 1648px;
    width: 100%;
    margin: 0 auto;
}

.landing-page-content .services:before,
.landing-page-content .services:after {
    content: '';
    position: absolute;
    min-height: 3px;
    background: #2194e5;
    z-index: 0;
}

.landing-page-content .services:after {
    top: 25px;
    right: 0;
    max-width: 73%;
    width: 100%;
}

.landing-page-content .services:before {
    bottom: 25px;
    left: 0;
    max-width: 700px;
    width: 100%;
}

.landing-page-content .services h2 {
    color: #2c4a80;
    font-family: 'Open Sans';
    font-weight: 700;
    text-transform: uppercase;
    line-height: 138%;
    padding-left: 25px;
}

.landing-page-content .services-slider {
    margin: 67px auto;
}

.landing-page-content a.service-box {
    text-decoration: none;
    display: flex;
    flex-flow: column;
    justify-content: flex-start;
    align-items: center;
    max-width: 251px;
    width: 100%;
    min-height: 401px;
    margin: 0 auto;
    transition: all 0.3s ease-in-out;
}

.landing-page-content .services .icon-box {
    background: #fff;
    max-width: 100%;
    width: 100%;
    min-height: 250px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.landing-page-content .services .invisalign .icon {
    background-image: url(../images/invisalign.webp);
    max-width: 174px;
    width: 100%;
    min-height: 73px;
}

.landing-page-content .services .cosmetic .icon {
    background-image: url(../images/cosmetic-dentistry.webp);
    max-width: 179px;
    width: 100%;
    min-height: 79px;
}

.landing-page-content .services .general .icon {
    background-image: url(../images/general-family-dentistry.webp);
    max-width: 160px;
    width: 100%;
    min-height: 123px;
}

.landing-page-content .services .root-canal .icon {
    background-image: url(../images/root-canal.webp);
    max-width: 122px;
    width: 100%;
    min-height: 149px;
}

.landing-page-content .services .implants .icon {
    background-image: url(../images/dental-implants.webp);
    max-width: 73px;
    width: 100%;
    min-height: 158px;
}

.landing-page-content .services .periodontics .icon {
    background-image: url(../images/periodontics.webp);
    max-width: 162px;
    width: 100%;
    min-height: 165px;
}

.landing-page-content .services .oral-surgery .icon {
    background-image: url(../images/oral-surgery.webp);
    max-width: 196px;
    width: 100%;
    min-height: 136px;
}

.landing-page-content .services .endodontic .icon {
    background-image: url(../images/endodontic.webp);
    max-width: 213px;
    width: 100%;
    min-height: 188px;
}

.landing-page-content .services .icon {
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}

.landing-page-content .services .blue-box {
    display: flex;
    flex-flow: column;
    justify-content: center;
    align-items: center;
    background: #2c4a80;
    max-width: 100%;
    width: 100%;
    min-height: 163px;
    padding: 37px 25px;
}

.landing-page-content .services h3 {
    color: #fff;
    font-size: 23px;
    line-height: 130%;
    margin: 0 auto 10px;
}

.landing-page-content .services .learn-more {
    display: flex;
    justify-content: center;
    align-items: center;
    color: #fff;
    gap: 0 8px;
    font-size: 14px;
    line-height: 160%;
    letter-spacing: 1.15px;
    text-transform: uppercase;
    margin: 0 auto;
    font-weight: 700;
}

.landing-page-content .service-box:hover .blue-box {
    filter: opacity(0.9);
}

.landing-page-content .services-slider .slick-next::after,
.landing-page-content .services-slider .slick-prev::before {
    background-image: url(../images/blue-arrow.svg);
}

.landing-page-content .services-slider .slick-dots {
    max-width: 500px;
    transform: translateY(45px);
}

.landing-page-content .services-slider .slick-next,
.landing-page-content .services-slider .slick-prev {
    top: 40%;
}

.landing-page-content .services-slider .slick-next {
    right: -40px;
}

.landing-page-content .services-slider .slick-prev {
    left: -65px;
}

/* WHY CHOOSE US SECTION
----------------------------------------------- */
.landing-page-content .why-choose-us {
    padding: 100px 0;
    background: #E2EBFA;
}

.landing-page-content .why-choose-us .container {
    padding: 0 100px;
}

.landing-page-content .why-choose-us .title-holder {
    text-align: center;
    margin-bottom: 60px;
}

.landing-page-content .why-choose-us h2 {
    color: #2C4A80;
    font-size: 56px;
    font-style: normal;
    font-weight: 400;
    line-height: 120%; /* 67.2px */
}

.landing-page-content .why-choose-us .card-holder {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
    gap: 100px;
    padding: 60px 0;
}

.landing-page-content .why-choose-us .card {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 10px;
    max-width: 486px;
    width: 100%;
    min-height: 415px;
    border-radius: 10px;
    border: 3px solid #2194E5;
    padding: 25px 50px;
    line-height: 150%;
    font-size: 18px;
    position: relative;
}

.landing-page-content .why-choose-us .card-title-holder {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 35px;
    max-width: 400px;
    width: 100%;
    background-color: #E2EBFA;
    padding: 10px;
    position: absolute;
    top: -48px;
    left: -60px;
}

.landing-page-content .why-choose-us .card-title-holder h4 {
    color: #2C4A80;
    font-family: "Open Sans";
    font-size: 23px;
    font-style: normal;
    font-weight: 700;
    line-height: 110%; /* 25.3px */
    text-transform: uppercase;
}
.landing-page-content .why-choose-us .card .icon {
    width: 100%;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}
.landing-page-content .why-choose-us .card.experts .icon {
    background-image: url(../images/experts-icon.svg);
    max-width: 60px;
    height: 68px;
}
.landing-page-content .why-choose-us .card.innovation .icon {
    background-image: url(../images/innovation-icon.svg);
    max-width: 70px;
    height: 71px;
}
.landing-page-content .why-choose-us .card.total-care .icon {
    background-image: url(../images/total-icon.svg);
    max-width: 75px;
    height: 67px;
}

/* PATIENT TESTIMONIALS SECTION
-----------------------------------------------*/
.patient-testimonials {
    padding: 123px 0 100px;
}

.landing-page-content .testimonials-slider {
    margin: 100px auto 0;
}

.landing-page-content .patient-testimonials h2 {
    color: #fff;
    font-size: 56px;
    margin: 0 auto 10px;
}

.landing-page-content .patient-testimonials p {
    color: #fff;
    font-size: 23px;
    line-height: 150%;
    margin: 0 auto;
}

.landing-page-content .testimonial-box {
    max-width: 434px;
    width: 100%;
    min-height: 260px;
    margin: 0 auto;
}

.landing-page-content .testimonials-slider .slick-track {
    display: flex;
    align-items: center;
}

.landing-page-content .testimonials-slider
    .slick-slide.slick-current
    + .slick-slide
    .testimonial-box {
    max-width: 501px;
    min-height: 301px;
}

.landing-page-content .testimonials-slider .slick-next,
.landing-page-content .testimonials-slider .slick-prev {
    top: 40%;
}

.landing-page-content .testimonials-slider .slick-next {
    right: 0;
}

.landing-page-content .testimonials-slider .slick-prev {
    left: -25px;
}

.landing-page-content .testimonials-slider .slick-dots {
    transform: translateY(45px);
}

.landing-page-content .testimonials-slider .slick-dots button {
    padding: 0;
    border-radius: 100%;
    text-indent: -9999px;
    width: 38px;
    height: 6px;
    background: rgba(255, 255, 255, 0.3);
    border: 0;
    border-radius: 0;
}

.landing-page-content .testimonials-slider .slick-dots .slick-active button {
    background: #fff;
    border: 0;
}

/* RAVING REVIEWS SECTION
-----------------------------------------------*/
.landing-page-content .reviews {
    padding: 0 0 123px;
}

.landing-page-content .reviews .row {
    max-width: 1596px;
    width: 100%;
    margin: 0 auto;
    background: #e2ebfa;
    box-shadow: 7px 7px 20px 0px rgba(0, 0, 0, 0.25);
    padding: 51px 77px 47px;
    justify-content: space-between;
    align-items: center;
    position: relative;
}

.landing-page-content .reviews .line {
    background: url(../images/raving-reviews-line.svg);
    background-size: cover;
    background-position: center right;
    background-repeat: no-repeat;
    max-width: 1060px;
    width: 100%;
    min-height: 570px;
    position: absolute;
    right: 77px;
    top: 75px;
    z-index: 0;
}

.landing-page-content .reviews .content-side {
    max-width: 610px;
    width: 100%;
    position: relative;
    z-index: 2;
}

.landing-page-content .reviews h3 {
    color: #fcb30b;
    font-family: 'Kaushan Script';
    text-transform: initial;
    font-weight: 400;
    font-size: 41px;
    line-height: 120%;
    margin-bottom: 10px;
    background: #e2ebfa;
    max-width: 400px;
    width: 100%;
}

.landing-page-content .reviews h2 {
    color: #2c4a80;
    text-transform: uppercase;
    font-family: 'Open Sans';
    font-weight: 700;
    line-height: 138%;
    font-size: 40px;
    margin: 0;
}

.landing-page-content .reviews p {
    color: #2a2727;
    font-size: 23px;
    line-height: 150%;
    margin: 0;
}

.landing-page-content .reviews p.patient-review {
    margin: 50px 0 25px;
}

.landing-page-content .reviews p.patient-name {
    margin-bottom: 50px;
}

.landing-page-content .reviews-slider .slick-dots {
    margin: 0;
    justify-content: flex-start;
    gap: 0 25px;
}

.landing-page-content .reviews .button-wrap {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    gap: 10px;
    margin-top: 20px;
}

.landing-page-content .reviews .main-btn.blue-border {
    background: #e2ebfa;
}

.landing-page-content .reviews .right-side {
    max-width: 54%;
    width: 100%;
    position: relative;
    z-index: 2;
}

.landing-page-content .reviews .before-after-box {
    max-width: 614px;
    width: 100%;
    margin: 0 auto;
}

.landing-page-content .bp-slider-box {
    max-width: 614px;
    width: 100%;
    height: 308px;
    position: relative;
    margin: 20px auto;
}

.landing-page-content .bp-slider-box .resize-box {
    position: absolute;
    top: 0;
    left: 0;
    width: 50%;
    height: 100%;
    overflow: hidden;
    background-color: #457893;
}
.landing-page-content .bp-slider-box .bp-slider {
    background: #fff;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 50%;
    margin: 0;
    width: 6px;
    cursor: ew-resize;
}
.landing-page-content .bp-slider-box .bp-slider::after {
    content: '';
    background-image: url(../images/before-after-arrows.svg);
    background-color: #fff;
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    margin: auto;
    width: 101px;
    height: 98px;
    color: #000;
    font-size: 42px;
    text-align: center;
    line-height: 54px;
    border-radius: 100%;
    transform: translateX(-50px);
}

.landing-page-content .bp-slider-box#bp-slider-container-1 {
    background: url(/wp-content/uploads/2025/02/After.webp);
    background-size: cover;
}
.landing-page-content .bp-slider-box#bp-slider-container-1 .resize-box {
    background: url(/wp-content/uploads/2025/02/Before.webp);
    background-size: cover;
}

.landing-page-content .bp-slider-box#bp-slider-container-2 {
    background: url(/wp-content/uploads/2025/02/After-1.webp);
    background-size: cover;
}

.landing-page-content .bp-slider-box#bp-slider-container-2 .resize-box {
    background: url(/wp-content/uploads/2025/02/Before-1.webp);
    background-size: cover;
}

.landing-page-content .bp-slider-box#bp-slider-container-3 {
    background: url(/wp-content/uploads/2025/02/After-2.webp);
    background-size: cover;
}

.landing-page-content .bp-slider-box#bp-slider-container-3 .resize-box {
    background: url(/wp-content/uploads/2025/02/Before-2.webp);
    background-size: cover;
}

.landing-page-content .bp-slider-box#bp-slider-container-4 {
    background: url(/wp-content/uploads/2025/02/After-3.webp);
    background-size: cover;
}

.landing-page-content .bp-slider-box#bp-slider-container-4 .resize-box {
    background: url(/wp-content/uploads/2025/02/Before-3.webp);
    background-size: cover;
}

.landing-page-content .before-after-slider .slick-dots {
    transform: translateY(20px);
}

/* LET US DESIGN YOUR SMILE TODAY SECTION
-----------------------------------------------*/
.landing-page-content .smile-today {
    background: url(../images/folcroft-cta.webp);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    padding: 100px 0;
}
.page-id-399.internal-page .landing-page-content .smile-today {
    background: url(../images/folsom-cta.webp);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}
.landing-page-content .smile-today .row {
    justify-content: flex-end;
    align-items: center;
    min-height: 752px;
}

.landing-page-content .smile-today .content-side {
    max-width: 832px;
    width: 100%;
    margin: 0;
}

.landing-page-content .smile-today h2 {
    color: #2c4a80;
    font-size: 56px;
    position: relative;
}

.landing-page-content .smile-today h2:after {
    content: '';
    position: absolute;
    right: -150px;
    bottom: -30px;
    max-width: 600px;
    width: 100%;
    min-height: 2px;
    background: #2194e5;
    z-index: 2;
}

.landing-page-content .smile-today p {
    margin: 50px 0;
    color: #2a2727;
    font-size: 23px;
    line-height: 150%;
}

.landing-page-content .smile-today .button-wrap {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    gap: 20px;
}

.landing-page-content .smile-today .main-btn {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 0 10px;
}

/* RESPONSIVE 
-----------------------------------------------*/
@media (min-width: 2000px) {
    .landing-page-content .smile-today .row {
        min-height: 70vh;
    }
}

@media (max-width: 1800px) {
    .landing-page-content .services:after {
        right: auto;
        left: 490px;
        max-width: 100%;
    }

    .landing-page-content .testimonials-slider
        .slick-slide.slick-current
        + .slick-slide
        .testimonial-box {
        max-width: 434px;
        width: 100%;
        min-height: 260px;
        margin: 0 auto;
    }

    .landing-page-content .testimonials-slider
        .slick-slide
        + .slick-slide.slick-current
        .testimonial-box {
        max-width: 501px;
        min-height: 301px;
    }

    .landing-page-content .patient-testimonials .container {
        padding: 0;
    }

    .landing-page-content .reviews .content-side {
        max-width: 500px;
    }

    /* .landing-page-content .reviews .line {
        background-position: right center;
        min-height: 485px;
    } */
}

@media (max-width: 1700px) {
    .landing-page-content .meet-doc .row {
        justify-content: space-between;
        gap: 0 15px;
    }

    .landing-page-content .meet-doc .doc-content {
        max-width: 820px;
    }

    .landing-page-content .reviews .line {
        max-width: 80%;
        right: 60px;
        min-height: 580px;
    }

    .landing-page-content .smile-today .content-side {
        max-width: 710px;
    }
}

@media (max-width: 1600px) {
    .landing-page-content .services:after {
        left: 440px;
    }
    .page-id-397 .contentarea .inner:before,
    .page-id-399 .contentarea .inner:before {
        top: 5px;
    }

    .page-id-397 .contentarea .inner:after,
    .page-id-399 .contentarea .inner:after {
        bottom: 85px;
    }
}

@media (min-width: 1501px) {
    .landing-page-content .reviews .right-side .button-wrap {
        display: none;
    }
}

@media (max-width: 1500px) {
    .landing-page-content .meet-doc .row {
        justify-content: center;
        flex-direction: column-reverse;
        gap: 50px;
    }

    .landing-page-content .dr-verma .doc-line {
        bottom: 25px;
    }

    .landing-page-content .meet-doc .dr-shah .doc-line {
        bottom: 25px;
        transform: none;
        right: auto;
        left: 0;
    }

    .landing-page-content .meet-doc .row.dr-shah {
        flex-flow: column;
        text-align: right;
    }

    .landing-page-content .meet-doc .dr-shah p {
        margin-left: auto;
    }

    .landing-page-content .reviews .row {
        flex-flow: column;
        justify-content: center;
        align-items: flex-start;
    }

    .landing-page-content .reviews .content-side {
        max-width: 100%;
    }

    .landing-page-content .reviews .right-side {
        max-width: 614px;
        margin: 0 auto;
    }

    .landing-page-content .reviews .before-after-box {
        margin: 0;
    }

    .landing-page-content .reviews-box {
        max-width: 600px;
    }

    .landing-page-content .reviews .line {
        min-height: 930px;
    }

    .landing-page-content .reviews .content-side .button-wrap {
        display: none;
    }

    .landing-page-content .smile-today .row {
        min-height: 562px;
    }

    .landing-page-content .smile-today .content-side {
        max-width: 620px;
    }

    .landing-page-content .smile-today h2 {
        max-width: 500px;
    }

    .landing-page-content .smile-today h2:after {
        right: 0;
        max-width: 650px;
    }
}

@media (max-width: 1300px) {
    .landing-page-content .services:before {
         max-width: 40%;
    }

    .landing-page-content .patient-testimonials p {
        padding: 0 25px;
    }
}
@media (min-width: 1201px) {
    .landing-page-content .smile-today .mobile-photo {
        display: none;
    }
}
@media (max-width: 1200px) {
    .landing-page-content .welcome .inner:before,
    .landing-page-content .welcome .inner:after {
        max-width: 264px;
    }

    .landing-page-content .welcome .inner:after {
        bottom: 82px;
    }

    /* .landing-page-content .smile-today {
        background-image: url(../images/design-smile-t.webp);
        background-size: cover;
        background-position: center;
        background-repeat: no-repeat;
    } */

    .landing-page-content .smile-today .row {
        min-height: 850px;
    }

    .landing-page-content .smile-today .content-side {
        max-width: 540px;
    }

    .landing-page-content .smile-today .button-wrap {
        flex-flow: column;
        justify-content: center;
        align-items: flex-start;
    }
    .page-id-399.internal-page .landing-page-content .smile-today,
    .page-id-397.internal-page .landing-page-content .smile-today {
        background: none;
        padding: 0;
    }

    .landing-page-content .smile-today .mobile-photo {
        background-size: cover;
        background-position: top center;
        background-repeat: no-repeat;
        max-width: 100%;
        width: 100%;
        min-height: 100vw;
        background-color: #e1e1e1;
    }
    .page-id-397.internal-page .landing-page-content .smile-today .blur-box {
        background-color: #f2f2f4;
    }
    .page-id-397.internal-page .landing-page-content .smile-today .mobile-photo {
        background-image: url(../images/folcroft-cta-m.webp);
    }
    .page-id-399.internal-page .landing-page-content .smile-today .mobile-photo {
        background-image: url(../images/folsom-cta-m.webp);
    }
    .landing-page-content .smile-today .row {
        justify-content: center;
        align-items: flex-end;
        min-height: 1px;
        position: relative;
    }

    .landing-page-content .smile-today .content-side {
        max-width: 100%;
        position: relative;
    }

    .landing-page-content .smile-today .blur-box {
        position: absolute;
        width: 200%;
        height: 100%;
        z-index: 1;
        top: -120px;
        background: #f6f7fb;
        filter: blur(10px);
    }

    .landing-page-content .smile-today .content-side .inner {
        position: relative;
        z-index: 2;
        padding: 0 25px 42px;
        background: linear-gradient(
            to top,
            #f6f7fb 75%,
            rgba(246, 247, 251, 0) 100%
        );
    }

    .landing-page-content .smile-today {
        padding-bottom: 0;
    }

    .landing-page-content .smile-today .container {
        padding: 0;
    }
}

@media (max-width: 1025px) {
    .landing-page-content .welcome {
        padding: 60px 0;
    }

    .landing-page-content .welcome h1 {
        font-size: 36px;
        max-width: 458px;
        padding: 0 25px;
    }

    .landing-page-content .welcome p {
        font-size: 20px;
        max-width: 80%;
    }

    .landing-page-content .doc-services {
        padding: 80px 0;
    }

    .landing-page-content .meet-doc h2 {
        font-size: 34px;
    }

    .landing-page-content .meet-doc h3 {
        font-size: 36px;
    }

    .landing-page-content .meet-doc p {
        font-size: 20px;
    }

    .landing-page-content .doc-line {
        height: 320px;
        max-width: 463px;
    }

    .landing-page-content .services:before {
        display: none;
    }

    .landing-page-content .services-slider {
        max-width: 600px;
    }
    .landing-page-content .services:after {
        left: 400px;
    }

    .landing-page-content .doc-services {
        padding-bottom: 130px;
    }

    .landing-page-content .services h2 {
        font-size: 40px;
    }

    .landing-page-content .why-choose-us .container {
        padding: 0 50px;
    }

    .landing-page-content .patient-testimonials {
        padding: 66px 0 119px;
    }

    .landing-page-content .patient-testimonials h2 {
        font-size: 38px;
    }

    .landing-page-content .patient-testimonials p {
        font-size: 20px;
        max-width: 780px;
    }

    .landing-page-content .reviews {
        padding-bottom: 65px;
    }

    .landing-page-content .reviews .row {
        padding: 51px 50px 47px;
    }

    .landing-page-content .reviews h3 {
        font-size: 34px;
        max-width: 320px;
    }

    .landing-page-content .reviews h2 {
        font-size: 36px;
    }

    .landing-page-content .reviews p {
        font-size: 20px;
    }

    .landing-page-content .reviews-slider .slick-dots {
        transform: translateY(-20px);
    }

    .landing-page-content .reviews .line {
        background: url(../images/raving-reviews-line-t.svg);
        background-size: cover;
        background-position: right center;
        background-repeat: no-repeat;
        max-width: 250px;
        min-height: 866px;
        right: 47px;
    }


    .landing-page-content .smile-today p {
        font-size: 20px;
    }
    .landing-page-content .smile-today h2:after {
        display: none;
    }

    .landing-page-content .smile-today .content-side:after {
        content: '';
        position: absolute;
        right: -150px;
        top: 160px;
        max-width: 600px;
        width: 100%;
        min-height: 2px;
        background: #2194e5;
        z-index: 2;
    }
}

@media (max-width: 850px) {
    .landing-page-content .doc-line {
        max-width: 50%;
        background-position: left center;
    }

    .landing-page-content .meet-doc .dr-verma p {
        padding-left: 5px;
    }

    .landing-page-content .meet-doc .dr-shah p {
        padding-right: 10px;
    }
    .landing-page-content .bp-slider-box {
        max-width: 490px;
        height: 246px;
        margin: 0;
    }

    .landing-page-content .reviews .right-side {
        max-width: 490px;
    }

    .landing-page-content .reviews .line {
        min-height: 766px;
    }
}

@media (max-width: 767px) {
    .landing-page-content .services:after {
        left: 380px;
    }

    .landing-page-content .why-choose-us .container {
        padding: 0 25px;
    }
    .landing-page-content .why-choose-us .card-title-holder {
        left: -10px;
    }

    .landing-page-content .reviews .row {
        padding: 51px 30px 47px;
    }

    .landing-page-content .reviews .button-wrap {
        flex-flow: column;
        justify-content: center;
        align-items: center;
        gap: 10px;
    }

    .landing-page-content .reviews .line {
        min-height: 826px;
        right: 14px;
    }
}

@media (max-width: 700px) {
    .page-id-397 .contentarea h2, .page-id-399 .contentarea h2 {
        font-size: 40px;
    }
    .landing-page-content .doc-line {
        max-width: 40%;
        height: 350px;
    }

    .landing-page-content .meet-doc p {
        max-width: 580px;
    }
}

@media (max-width: 600px) {
    .landing-page-content .meet-doc p {
        font-size: 16px;
        max-width: 85%;
        min-height: 120px;
        height: auto;
        margin: 25px 0;
    }
    .landing-page-content .meet-doc .dr-verma p {
        margin: 25px 0 25px auto;
    }

    .landing-page-content .doc-line {
        height: 300px;
    }
    .landing-page-content .meet-doc .row.dr-shah {
        margin-bottom: 50px;
    }
    .landing-page-content .doc-services {
        padding-bottom: 50px;
    }
    .landing-page-content .why-choose-us h4 {
        font-size: 15px;
    }
    .landing-page-content .why-choose-us {
        padding: 50px 0;
    }
    .landing-page-content .patient-testimonials .container {
        padding: 0 25px;
    }

    .landing-page-content .patient-testimonials {
        padding: 60px 0 85px;
    }

    .landing-page-content .testimonials-slider {
        margin-top: 50px;
    }

    .landing-page-content .bp-slider-box {
        max-width: 297px;
        height: 149px;
    }

    .landing-page-content .reviews .row {
        padding: 26px 20px;
    }

    .landing-page-content .reviews .right-side {
        max-width: 297px;
    }

    .landing-page-content .reviews .line {
        min-height: 915px;
        max-width: 240px;
        top: 45px;
    }

    .landing-page-content .reviews-box {
        max-width: 450px;
    }

    .landing-page-content .reviews h2 {
        max-width: 270px;
    }

    .landing-page-content .bp-slider-box .bp-slider::after {
        width: 61px;
        height: 58px;
        background-size: cover;
        transform: translateX(-28px);
    }
    .landing-page-content .smile-today .mobile-photo {
        min-height: 120vw;
    }
}

@media (max-width: 500px) {
    .landing-page-content .doc-line {
        max-width: 25%;
    }

    .landing-page-content .meet-doc p {
        margin: 15px 0;
    }
    .landing-page-content .meet-doc .dr-verma p {
        margin: 15px 0 15px auto;
    }

    .landing-page-content .services h2 {
        padding-left: 0;
    }

    .landing-page-content .services:after {
        left: 320px;
    }

    .landing-page-content .slick-dots button {
        width: 30px;
    }

    .landing-page-content .services-slider .slick-dots {
        max-width: 400px;
    }

    .landing-page-content .testimonials-slider {
        margin-top: 1%;
    }

    .landing-page-content .reviews h3 {
        font-size: 32px;
        max-width: 300px;
    }
}

@media (max-width: 415px) {
    .landing-page-content .meet-doc p {
        min-height: 180px;
    }

    .landing-page-content .doc-line {
        height: 36%;
    }

    .landing-page-content .bp-slider-box {
        max-width: 250px;
        height: 126px;
    }

    .landing-page-content .reviews .right-side {
        max-width: 250px;
    }

    .landing-page-content .reviews .before-after-box {
        max-width: 250px;
    }

    .landing-page-content .reviews h3 {
        font-size: 26px;
        max-width: 250px;
    }

    .landing-page-content .reviews .line {
        min-height: 750px;
    }

    .landing-page-content p.patient-review {
        margin-top: 25px;
    }

    .landing-page-content .reviews-box {
        max-width: 250px;
    }

    .landing-page-content .reviews p {
        font-size: 18px;
    }
    .landing-page-content .smile-today .content-side:after {
        top: 225px;
    }
}

@media (max-width: 390px) {
    .landing-page-content .doc-line {
        max-width: 18%;
    }
}

@media (max-width: 370px) {
    .landing-page-content .doc-line {
        height: 38%;
    }
}