/*SAVINGS*/
.savings {
    padding: 50px 0 100px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.savings img {
    max-width: 95%;
}

/*APART*/
.apart {
    padding: 0px 0;
}
.apart .container {
    max-width: 1655px;
    grid-gap: 30px;
    justify-content: space-between;
    align-items: center;
}

#doc {
    width: 18%;
}

.apart .ap_a {
    max-width: 794px;
    align-items: flex-start;
}
p#add-marg {
    margin: 20px;
}
.apart h1 {
    display: none;
    font-size: 23px;
    padding-top: 40px;
}

.apart h2 {
    font-size: clamp(20px, 3vw, 41px);
    padding-top: 25px;
    margin-bottom: 50px;
}

.text-available .text-available-pink {
    display: none;
}

@media (min-width: 1200px) {
  /*.col-custom-5 {
    width: 16%;
    float: left;
  }*/
}

.upperletters {
    text-transform: uppercase;
}

.set-apart-mobile {
    display: none;
}
.staff-photos .slide-holder {
    display: flex;
    align-items: center;
    justify-content: center;
    max-height: 410px;
}
.apart-address {
    font-family: Open Sans;
    font-style: normal;
    font-weight: 600;
    font-size: 21.5601px;
    line-height: 34px;
    display: flex;
    align-items: center;
    text-align: right;
    letter-spacing: 2.10572px;
    text-transform: uppercase;
    position: absolute;
    bottom: 10%;
}

.apart .apart-address.purple svg {
    margin-right: 15px;
}
.apart .apart-address.pink svg {
    margin-right: 15px;
}

.apart-request {
    margin: 20px 0;
}

.slider-section {
    max-width: 650px;
    width: 100%;
}

.team-mobile-slide {
    display: none;
}

.slider-section .team-slider .slick-dots li.slick-active button:before {
    color: #d600eb;
}
.slider-section .team-slider .slick-dots li button:before {
    color: #ffffff;
}
.team-slider .slick-dots {
    bottom: 0;
}
.hide-desktop-apart {
    display: none;
}
.apart-request-mobile {
    display: none;
}

.apart h3 {
    text-align: center;
    margin-top: 30px;
}
.cerec-top-title br {
    display: none;
}
.new-line {
    background: linear-gradient(90deg, #70007b -88.74%, #d600eb 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    text-fill-color: transparent;
    font-size: 20px;
    position: absolute;
    bottom: 180px;
}

.pink {
    color: #e620d2;
}
.staff-photos.slick-slide img {
    margin: 0 auto;
}

h2.lg-font.pink.hide-desktop-apart {
    margin-bottom: 2rem;
}

/* Who we are section 
---------------------------------- */

section.who-we-are {
    padding: 100px 0px;
    position: relative;
}

.who-we-are.photo-1 {
    position: absolute;
    right: 0;
    top: -111px;
    z-index: 0;
    overflow: hidden;
}

.who-we-are.photo-2 {
    position: absolute;
    left: -172px;
    bottom: -78px;
    z-index: 0;
    overflow: hidden;
}

/* .who-we-are.photo-1 img{
    width:304px;
    height:304px
} */

.who-we-are.photo-1 img,
.who-we-are.photo-2 img {
    transform: rotate(180deg);
}

.who-we-are-content {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 1rem;
    max-width: 1101px;
    width: 100%;
    margin: 0 auto;
    position: relative;
    z-index: 4;
}

.who-we-are-content h2 {
    text-align: center;
    font-size: clamp(44px, 4vw, 64px);
    font-style: normal;
    font-weight: 700;
    line-height: 120%; /* 76.8px */
    text-transform: uppercase;
    background: var(
        --pink,
        linear-gradient(
            90deg,
            #ff2bf7 -88.74%,
            #ff50ce -30.74%,
            #ff43ca 11.53%,
            #ff4ecd 47.9%,
            #dd0fd5 100%
        )
    );
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.who-we-are-content p {
    color: var(--000000, #000);
    text-align: center;
    font-size: 23px;
    font-style: normal;
    font-weight: 400;
    line-height: 150%; /* 34.5px */
}

h2.dr-title.blue {
    text-align: center;
    padding: 2rem 0;
    font-family: 'Montserrat', sans-serif;
    font-weight: bold;
    font-size: clamp(20px, 3vw, 41px);
    line-height: 120%;
    text-transform: uppercase;
}

.blue {
    color: #0a70c0;
}

.pink {
    color: #ff27a9;
}

.what-we-do-1 {
    display: none;
}

@media screen and (max-width: 1026px) {
    .apart-request {
        display: none !important;
    }
    .emergency-content {
        display: flex;
        align-items: center;
        justify-content: center;
        flex-direction: column;
        gap: 58px;
        padding: 20px 0px;
    }
    .banneremergency-content h3 {
        margin: 0;
        font-size: 4vw;
        line-height: 1.5;
    }
    .banneremergency-content h2 {
        font-size: 4vw;
        font-weight: 700;
        line-height: 1.5;
        margin-bottom: 0;
    }
    .banneremergency-content {
        max-width: 855px;
        margin: 0 auto;
        text-align: center;
        height: 100%;
        display: flex;
        align-items: center;
        justify-content: center;
        flex-wrap: wrap;
        flex-direction: column;
    }
    .banner-emergency {
        background-size: contain;
    }
}

@media (max-width: 850px) {
    .what-we-do {
        display: none;
    }
    .what-we-do-1 {
        display: block;
    }
}

@media (max-width: 600px) {
    .banner-emergency {
        height: 200px;
    }

    .who-we-are.photo-1 {
        position: absolute;
        right: -147px;
        top: -168px;
        z-index: 0;
        overflow: hidden;
    }
}

@media screen and (min-width: 1026px) {
    .apart-request-mobile {
        display: inline;
    }
    .apart .md-font {
        font-size: 20px;
        margin-bottom: 30px;
    }
}
/*FEBRUARY SPECIALS
-------------------------------------------------*/
.feb-specials-section {
    background-color: #000418;
    color: #fff;
    padding: 40px 0 70px;
    text-align: center;
}
.feb-specials-section .container {
    max-width: 1200px;
}

.emergency__specials {
    padding: 50px 0px;
    margin: 0 auto;
}

.emergency-title {
    color: #ff43ca;
    font-family: Montserrat;
    font-size: clamp(30px, 4vw, 45px);
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    letter-spacing: 1.1px;
    text-transform: uppercase;
}

.emergency-sub-title {
    color: #00caf4;
    font-family: Montserrat;
    font-size: clamp(30px, 4vw, 45px);
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    letter-spacing: 1.1px;
    text-transform: uppercase;
}

.feb-specials-section h2 {
    color: #00caf4;
    font-family: 'Open Sans';
    font-size: clamp(24px, 4vw, 32px);
    font-style: normal;
    font-weight: 700;
    text-transform: uppercase;
}
.feb-specials-section h2 span {
    color: #ff43ca;
}
.feb-prices-holder {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 10px 0;
}
.feb-invis-holder,
.feb-implant-holder {
    background-repeat: no-repeat;
    background-position: center center;
    background-size: contain;
    max-width: 480px;
    width: 100%;
    min-height: 350px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
}
.webp.loaded .feb-invis-holder,
.webp.loaded .feb-implant-holder {
    background-image: url(../images/special-holder-bg.webp);
}
.no-webp.loaded .feb-invis-holder,
.no-webp.loaded .feb-implant-holder {
    background-image: url(../images/special-holder-bg.png);
}
.feb-prices-holder strong {
    color: #ff27a9;
    text-shadow: 0px 12.13px 6.06px rgba(109, 109, 109, 0.3);
    font-family: Montserrat;
    font-size: clamp(40px, 4vw, 50px);
    font-style: normal;
    font-weight: 700;
    line-height: 62px;
    text-transform: uppercase;
    padding-bottom: 30px;
}
.feb-prices-holder p {
    color: #fff;
    font-family: Montserrat;
    font-size: clamp(20px, 4vw, 28px);
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    text-transform: uppercase;
}
@media screen and (max-width: 1500px) {
    .feb-prices-holder strong {
        font-size: clamp(40px, 4vw, 50px);
        padding: 5px 0px;
    }
    .feb-prices-holder p {
        font-size: clamp(20px, 4vw, 30px);
    }
}

@media screen and (max-width: 1025px) {
    .feb-prices-holder {
        flex-direction: column;
    }
    .feb-invis-holder,
    .feb-implant-holder {
        min-height: 260px;
        max-width: 700px;
    }
    
    #doc {
    width: 40%;
}
}
@media screen and (max-width: 776px) {
    .feb-specials-section .container {
        padding: 0 10px;
    }
    .feb-prices-holder {
        padding: 15px;
    }
    
/*    #doc {*/
/*    width: 65%;*/
/*}*/

    .feb-invis-holder,
    .feb-implant-holder {
        min-height: 160px;
    }
}
/*TECHNOLOGY*/
@media screen and (min-width: 1026px) {
    .technology {
        min-height: 775px;
        display: flex;
        align-items: center;
    }
}

.technology {
    padding: 0px 0;
    color: #000;
    position: relative;
    background: linear-gradient(269.01deg, #f0f0f0 -23.94%, #e2e2e2 105.91%);
}

.tech-button {
    position: absolute;
    bottom: 25px;
    right: 550px;
}

/*a.tech-button.main-btn.transition {*/
/*    margin-right: 96px;*/
/*}*/
@media screen and (min-width: 1026px) {
    .loaded.webp .technology:before {
        background: url(/wp-content/themes/charlie-child/css/../images/circle2-opaque.webp);
        background-repeat: no-repeat;
    }
}

@media screen and (min-width: 1026px) {
    .loaded .technology:before {
        background: url(/wp-content/themes/charlie-child/css/../images/circle2-opaque.png);
    }
}

@media screen and (min-width: 1026px) {
    .technology:before {
        content: '';
        position: absolute;
        left: 0;
        top: 110px;
        height: 452px;
        width: 407px;
        transition: all 0.2s ease-in;
        -webkit-backface-visibility: hidden;
        backface-visibility: hidden;
        animation-name: pullLeftIn;
        animation-duration: 1s;
        opacity: 0.5;
    }
}

.technology.container {
    grid-gap: 104px;
    max-width: 1404px;
    grid-template-columns: 836px 500px;
    position: relative;
    z-index: 2;
}

.technology h2 {
    align-self: center;
    color: #ff43ca;
    margin-bottom: 9px;
    font-size: clamp(20px, 3vw, 41px);
}

@media screen and (max-width: 1026px) {
    .tech-button {
        display: none !important;
    }
    .technology h2 {
        padding-top: 32px;
    }
}

/*DOC SECTION
----------------------------*/
.doc-section {
    position: relative;
    z-index: 2;
}
.doc-photos {
    margin: auto;
    max-width: 1300px;
    padding: 0 0 25px;
}
.doc-photos .row.center {
    display: flex;
    flex-direction: row !important;
    justify-content: center;
}

.team-photos {
    margin: auto;
    max-width: 1300px;
    padding: 0 0 65px;
}
.team-photos .row.center {
    display: flex;
    flex-direction: row;
    /*justify-content: center;*/
}

.doc-section .boxwrapper {
    max-width: 350px;
    margin: 0px 5px;
    border-radius: 10px;
}
.doc-section .boxwrapper .overlay {
    display: flex;
    align-items: center;
    bottom: 0;
    height: 75px;
    padding: 0 15px;
    background: linear-gradient(
        90deg,
        rgba(112, 0, 123, 0.8) -88.74%,
        rgba(214, 0, 235, 0.8) 100%
    );
    backdrop-filter: blur(9px);
    text-align: center;
    justify-content: center;
    max-width: 330px;
    border-radius: 0px 0px 10px 10px;
}
.doc-section h3 {
    font-size: 22px;
    line-height: 130%;
    text-align: center;
    text-transform: uppercase;
    color: #ffffff;
    max-width: 300px;
}
.boxwrapper img {
    border-radius: 10px 10px 0 0;
}

.doctor-text {
    position: absolute;
    width: 100%;
    text-align: center;
    color: #fff;
    text-decoration: none;
}
.doctor-text-sm {
    padding-left: 10px;
    padding-right: 10px;
    margin-top: 8px;
    margin-bottom: 20px;
    font-size: 14px;
}
.doctor-bio-mobile {
    display: none;
}
.doctor-text-md {
    font-size: 15px;
    font-weight: 700;
    margin-top: 4%;
    color: #fff;
    transition: all 0.3s ease-in;
}

.doctor-img-hover {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-size: cover;
    background-position: center;
    border-radius: 10px 10px 0 0;
    opacity: 0;
    transition: opacity 0.3s ease-in-out;
}

.doc-box:hover .doctor-img-hover {
    opacity: 0.8;
}

.doctor-img {
    width: 100%;
    border-radius: 10px 10px 0 0;
    transition: opacity 0.3s ease-in-out;
}
/*.doc-box:hover .doctor-img {*/
/*    opacity: 0;*/
/*}*/

.doctor-image {
    position: relative;
    max-width: 100%;
}
.doc-box {
    overflow: hidden;
    position: relative;
    width: 100%;
    max-width: 100%;
    align-content: center;
}

.doc-col1 {
    width: 100%;
    border-radius: 10px;
}
.doc-box a {
    text-decoration: none;
}

.hidden-doc-box {
    top: 89%;
    transition: all 0.3s ease-out;
    height: 100%;
    position: absolute;
    background: linear-gradient(
        90deg,
        rgba(112, 0, 123, 0.8) -88.74%,
        rgba(214, 0, 235, 0.8) 100%
    );
}

.doc-box a:visited {
    color: rgb(214, 0, 235);
}

.doc-box:hover > .hidden-doc-box {
    top: 0;
}

.doctor-learn-more {
    margin-top: 100px;
    padding: 10px 10px 10px 10px;
    background-color: #fff;
    color: rgb(214, 0, 235);
}

.below_docs {
    /* position: relative;
    left: 67vw; */
}

.request-position {
    display: flex;
    justify-content: center;
    /*margin-right: 260px;*/
}

.main-btn,
a.main-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    /*min-width: 266px;*/
    height: 39px;
}

/* Same Day Dental section 
------------------------------- */

.sameday-dental-implants {
    background: #000;
    position: relative;
}

.arrow-holder {
    position: absolute;
    top: -4%;
    left: 2%;
}

.line-holder {
    position: absolute;
    right: 39%;
    bottom: -5%;
}

.sameday-dental-implants .container {
    max-width: 1700px;
    width: 100%;
}

.sameday-content .left {
    max-width: 801px;
    justify-items: center;
    width: 100%;
    margin-left: 145px;
    margin-top: 30px;
    margin-bottom: 30px;
}

.sameday-content .right {
    max-width: 425px;
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.tech-ul {
    font-size: 16px;
    font-weight: 600;
}

.sameday-content {
    display: flex;
    justify-content: left;
    align-items: center;
}

.sameday-content .left h2 {
    color: #ff43ca;
    font-family: Montserrat;
    font-size: clamp(20px, 3vw, 41px);
    font-style: normal;
    font-weight: 700;
    line-height: 60px; /* 120% */
    text-transform: uppercase;
    /*margin-bottom: 5px;*/
}

.sameday-content .left p {
    text-align: center;
    color: #fff;
    font-family: 'Open Sans';
    font-size: clamp(18px, 4vw, 22px);
    font-style: normal;
    font-weight: 400;
    line-height: 33px;
    max-width: 645px;
    width: 100%;
}

.sameday-content .left p {
    /*background: var(*/
    /*    --pink,*/
    /*    linear-gradient(*/
    /*        90deg,*/
    /*        #ff2bf7 -88.74%,*/
    /*        #ff50ce -30.74%,*/
    /*        #ff43ca 11.53%,*/
    /*        #ff4ecd 47.9%,*/
    /*        #dd0fd5 100%*/
    /*    )*/
    /*);*/
    /*background-clip: text;*/
    /*-webkit-background-clip: text;*/
    /*-webkit-text-fill-color: transparent;*/
    /*font-family: 'Open Sans';*/
    /*font-size: clamp(20px 4vw, 22px);*/
    /*font-style: normal;*/
    /*font-weight: 400;*/
    /*line-height: 33px;*/
    margin-bottom: 10px;
}

.sameday-content .left em {
    display: block;
    text-align: center;
    color: white;
    margin-bottom: 10px;
}

.sameday-content .left p span {
    margin: 0 15px;
    text-wrap: nowrap;
}

.sameday-content .left h3 {
    color: #fc66ff;
    font-family: Montserrat;
    font-size: 29.88px;
    font-style: normal;
    font-weight: 600;
    line-height: 35.857px; /* 120% */
    text-transform: uppercase;
}

.sameday-content .left h3 span {
    color: #ff0283;
    font-family: Montserrat;
    font-size: clamp(22px, 4vw, 29.88px);
    font-style: normal;
    font-weight: 600;
    line-height: 35.857px; /* 120% */
}

.sameday-content .left .sameday-btn {
    margin-top: 20px;
}

/*Smile Now Section*/
.smilenow {
    background: #000;
    position: relative;
}

.smile-btn {
    text-align: left;
}

.smilenow .container {
    max-width: 1700px;
    width: 100%;
}

.smile-content .left {
    max-width: 660px;
    width: 100%;
    display: flex;
    margin-left: 60px;
    align-items: flex-end;
}

.icon-finance p {
    color: #fff;
    text-align: center;
}

.smile-content .right {
    align-items: center;
    max-width: 800px;
    width: 100%;
    display: flex;
    flex-direction: column;
}

.tech-ul {
    font-size: 16px;
    font-weight: 600;
}

.smile-content {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 50px 0 0px 20px;
}

.smile-content .right h2 {
    color: #ff43ca;
    font-feature-settings: 'liga' off, 'clig' off;
    /* Desktop/Heading 1 */
    font-family: Montserrat;
    font-size: clamp(18px, 3vw, 41px);
    padding-top: 15px;
    font-style: normal;
    font-weight: 700;
    line-height: 120%; /* 76.8px */
    text-transform: uppercase;
}

.smile-content .right p {
    color: #fff;
    font-family: 'Open Sans';
    /*font-size: 22px;*/
    font-style: normal;
    font-weight: 400;
    line-height: 33px; /* 150% */
    font-size: clamp(18px, 4vw, 22px);
    line-height: 33px;
    max-width: 645px;
    width: 100%;
}

.icon-finance1 {
    margin-right: -50px;
}

.icon-finance1 p {
    color: #fff;
    text-align: center;
}

.icon-finance2 {
    margin-left: -145px;
}

.icon-finance2 p {
    color: #fff;
    text-align: center;
}
.video-row{
    display: flex;
}

@media (max-width: 1300px) {
    .sameday-content .left {
        max-width: 801px;
        width: 100%;
        margin: 0px;
    }

    .apart .container {
        flex-direction: column-reverse;
    }

    .wwd-border {
        text-align: center;
        min-height: 0;
        width: 250px;
    }

    .cerec-left {
        max-height: 170px;
    }
    
    .what-we-do .big-video-row {
        margin-bottom: 20px;
    }
    .what-we-do .big-video-row .col-md-12.padding-col {
        display: flex;
        justify-content: center;
    }
}

@media (min-width: 1026px) {
    .doctor-text-sm {
        line-height: clamp(13px, 1.3vw, 24px);
    }
}

@media (max-width: 1025px) {
    .sameday-content {
        display: flex;
        flex-direction: column;
        align-items: center;
    }

    .smile-content {
        display: flex;
        flex-direction: column;
        align-items: center;
        padding: 20px;
        text-align: center;
    }
    .smile-content p {
        text-align: left;
    }

    .smile-content .right p {
        max-width: 100%;
    }

    .smile-btn {
        text-align: center;
    }

    .smile-content .left {
        justify-content: center;
    }

    .arrow-holder {
        position: absolute;
        top: -9%;
        right: 2%;
    }
}

/* SMILE GALLERY SECTION
--------------------------------------*/
.loaded.webp .smile-gallery {
    background: url(../images/no-insure-bg.webp);
}
.loaded .smile-gallery {
    background: url(../images/no-insure-bg.jpg);
}
.smile-gallery {
    padding: 50px 0;
}
.gallery-container {
    display: flex;
    max-width: 1450px;
    width: 100%;
    margin: 0 auto;
    justify-content: space-between;
    padding: 0 20px;
}
.smile-gallery h2 {
    color: #fff;
    font-size: clamp(21px, 3vw, 41px);
    text-align: center;
    margin-bottom: 2rem;
}
.gallery-left {
    position: relative;
    max-width: 60%;
    width: 100%;
}
.gallery-container .number-crumb-container {
    bottom: 0;
}
.gallery-right {
    place-items: center;
    max-width: 35%;
    align-self: center;
    margin: 0;
    width: 100%;
}
.gallery-right h3 {
    font-size: clamp(20px, 3vw, 41px);
    color: #ff43ca;
}
.gallery-right p {
    margin: 20px 0;
    text-align: center;
    color: #fff;
    font-size: clamp(18px, 4vw, 22px);
}

svg.external-link {
    display: none;
}
.smile-gallery .number-crumb-container .option {
    border: 2px solid #fff;
}
.smile-gallery .number-crumb-container .option.selected {
    background: linear-gradient(90deg, #70007b -88.74%, #d600eb 100%);
}

/*Affordable*/
p.afford-price {
    margin-bottom: 18px;
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 700;
    font-size: 50px;
    line-height: 124%;
    text-transform: uppercase;
    color: #ff27a9;
    text-shadow: 0px 12.13px 6.06px rgb(109 109 109 / 30%);
    position: relative;
}
.afford-price sub {
    font-size: 30%;
    color: inherit;
    position: absolute;
    margin: 0 auto;
    width: 100%;
    display: block;
}

p.afford-title {
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 400;
    font-size: 24px;
    line-height: 124%;
    text-transform: uppercase;
    color: #ffffff;
}

.afford img,
#porcelain {
    height: 100px;
    display: block;
    margin: 0 auto;
    margin-bottom: 10px;
}

p.md-font.dental-care {
    font-size: 20px!important;
}

.afford.row.text-center {
    row-gap: 50px;
    width: 100%;
    padding: 50px 0;
}

h2.md-font.headline {
    font-feature-settings: 'liga' off, 'clig' off;
    font-size: clamp(11px, 3vw, 26px);
    font-style: normal;
    font-weight: 700;
    line-height: 120%; /* 76.8px */
    text-transform: uppercase;
    background: var(
        --ee-8-f-01,
        linear-gradient(90deg, #00c8f3 0%, #00fbfe 100%)
    );
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.servicesaffordable h2.lg-font {
    margin-bottom: 0;
    font-size: clamp(21px, 3vw, 41px);
}

.servicesaffordable .membership-includes {
    margin: 35px 0;
}

.servicesaffordable .membership-includes ul {
    margin-bottom: 0;
}

.servicesaffordable .membership-includes li {
    font-weight: 700;
}

p.md-font span {
    color: #ff27a9;
    font-weight: bold;
}

.pink-color {
    color: #ff27a9;
    font-weight: bold;
    margin: 10px 0;
}

.get-ready {
    font-size: 20px;
}

.price-button {
    min-width: 170px !important;
}

@media screen and (max-width: 1030px) {
    .doc-col1 {
        width: 100%;
        max-width: 255px;
    }
    .doc-box {
        flex-flow: column;
    }
    .doc-mobile {
        width: 100%;
        max-width: 100% !important;
        display: flex;
        align-items: center;
        justify-content: center;
        margin-bottom: 70px !important;
    }

    .gallery-container {
        flex-direction: column;
        align-items: center;
    }
    .gallery-left {
        right: 0px;
        max-width: 515px;
        width: 100%;
    }
    .gallery-right {
        width: 100%;
        margin: 5px auto 45px;
        max-width: 550px;
        display: flex;
        flex-direction: column;
    }
    .gallery-right .main-btn {
        padding: 10px 19px;
        margin: 5px auto 30px auto;
    }
    
}
@media screen and (max-width: 700px) {
    .doc-col1 {
        width: 100%;
        max-width: 175px;
        max-height: 280px;
    }
    .doc-row-mobile {
        align-items: center;
    }
    .team-row-mobile {
        flex-flow: column !important;
        align-items: center;
    }
}

/* INSURE */
.loaded .cta.insure {
    background: url(../images/no-insure-bg.jpg);
}

.loaded.webp .cta.insure {
    background: url(../images/no-insure-bg.webp);
}

.cta.insure h2 span {
    color: #a700b8;
}

/*SHOWCASE*/
/*.loaded .showcase {
    background: url(../images/shocasebg.jpg);
}

.loaded.webp .showcase {
    background: url(../images/shocasebg.webp);
}*/
.showcase {
    padding: 45px 0;
    color: #000;
    position: relative;
    background: linear-gradient(269.01deg, #f0f0f0 -23.94%, #e2e2e2 105.91%);
}

.showcase h2 {
    color: #000000;
    margin-bottom: 9px;
    text-align: center;
}

.showcase h3 {
    font-size: 28px;
    line-height: 130%;
    text-align: center;
    text-transform: uppercase;
    color: #ffffff;
    max-width: 300px;
}

.showcase .container {
    grid-gap: 104px;
    max-width: 1404px;
    grid-template-columns: 836px 500px;
    position: relative;
    z-index: 2;
}

.showcase .sho_a {
    grid-column-gap: 70px;
    grid-template-columns: repeat(2, 1fr);
    grid-row-gap: 50px;
}

.showcase .container a.boxwrapper.lg-box {
    grid-column: 1/ 3;
    max-width: none;
}

.showcase .sho_b {
    align-self: center;
}

.showcase .sho_b a {
    margin-top: 30px !important
}

.showcase a img {
    margin: 0;
}

.showcase .container a.boxwrapper {
    max-width: 382px;
    position: relative;
    display: block;
    overflow: hidden;
}

.showcase .boxwrapper .overlay {
    display: flex;
    align-items: center;
    bottom: 0;
    height: 75px;
    padding: 0 15px;
    background: rgba(2, 0, 74, 0.72);
    backdrop-filter: blur(9px);
    text-align: center;
    justify-content: center;
}

.service-card-body {
    display: flex;
    align-items: center;
    bottom: 0;
    height: 75px;
    padding: 0 15px;
    background: rgba(2, 0, 74, 0.72);
    backdrop-filter: blur(9px);
    text-align: center;
    justify-content: center;
}

.service-mobile-slick-section {
    display: none;
}

.service-slick .slick-arrow {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: calc(96% + 50px);
    cursor: pointer;
    background: none;
    border: none;
    box-shadow: none;
}

.service-slick button {
    right: unset;
    left: calc(96% + 50px);
}

.service-slick .slick-prev.slick-arrow {
    left: -90px;
}

.service-slick .slick-next.slick-arrow {
    right: -90px;
}

.service-slick-holder {
    max-width: 382px;
    width: 100%;
    margin: 0 auto;
    padding: 0px 20px;
}

@media (max-width: 1025px) {
    .service-mobile-slick-section {
        display: block;
    }
    .sho_a.d-grid {
        display: none;
    }
}

@media (max-width: 600px) {
    .service-slick .slick-arrow {
        top: 105%;
        transform: translateY(-50%);
        right: calc(96% + 50px);
    }

    .service-slick .slick-prev.slick-arrow {
        left: 50px;
    }
    .service-slick .slick-next.slick-arrow {
        left: 220px;
    }

    .sho_b {
        margin-top: 2rem;
    }
}

.sho-h2 {
    font-weight: 800;
}

/*SPECIAL*/
.special {
    padding: 45px 0;
    background-color: #14142c;
}

.special .container {
    max-width: 1463px;
    grid-gap: 40px;
}

.special .sp_a {
    max-width: 577px;
    align-self: center;
}

.special .sp_a h2 {
    margin-bottom: 20px;
}

/* Sunbit section   */

.sunbit-section {
    background: linear-gradient(90deg, #010231 3.72%, #03016f 98.86%);
}

.sunbit-content {
    max-width: 1600px;
    width: 100%;
    margin: 0 auto;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 0px 20px;
}

.sunbit-left {
    max-width: 756px;
    width: 100%;
}

.sunbit-right {
    position: relative;
}

.sunbit-learn-more {
    position: absolute;
    left: 4%;
    bottom: 15%;
    color: #fff;
    text-align: center;
    font-feature-settings: 'clig' off, 'liga' off;
    font-family: Open Sans;
    font-size: clamp(20px, 4vw, 50px);
    font-style: normal;
    font-weight: 700;
    line-height: 160%; /* 80px */
    text-decoration-line: underline;
    text-transform: uppercase;
}

.sunbit-left h2 {
    background: var(
        --ee-8-f-01,
        linear-gradient(90deg, #00c8f3 0%, #00fbfe 100%)
    );
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    font-family: Montserrat;
    font-size: 60px;
    font-style: normal;
    font-weight: 600;
    line-height: 120%;
    text-transform: uppercase;
    padding-bottom: 50px;
}

.sunbit-left span {
    background: linear-gradient(
        90deg,
        #ff2bf7 -88.74%,
        #ff50ce -30.74%,
        #ff43ca 11.53%,
        #ff4ecd 47.9%,
        #dd0fd5 100%
    );
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    font-family: Montserrat;
    font-size: 60px;
    font-style: normal;
    font-weight: 600;
    line-height: 120%;
    text-transform: uppercase;
    padding-bottom: 50px;
}

.sunbit-left p {
    color: var(--121110, #fff);
    text-align: center;
    font-family: Open Sans;
    font-size: 25px;
    font-style: normal;
    font-weight: 400;
    line-height: 150%; /* 37.5px */
    padding-bottom: 50px;
}

@media screen and (max-width: 1025px) {
    .sunbit-content {
        padding: 10px 10px;
        flex-wrap: wrap;
        gap: 20px 0px;
    }
}

@media screen and (min-width: 980px) {
    .cta .container {
        max-width: 1781px;
    }
}

@media screen and (max-width: 976px) {
    .cerec-top-title br {
        display: block;
    }
}

/*REVIEW*/
.review {
    padding: 45px 0;
    background: linear-gradient(180deg, #f2f2f2 0%, #afafaf 100%);
}

@media screen and (max-width: 1250px) {
    .review {
        padding: 0px 0;
    }
}

.review-title h2 {
    background: linear-gradient(90deg, #01002c 0%, #030073 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    margin: 0;
    font-size: 38px;
    ont-family: 'Montserrat', sans-serif;
    font-weight: bold;
    font-size: 55px;
    line-height: 120%;
    text-transform: uppercase;
}

.five-stars {
    margin-left: -18px;
    align-self: center;
}

.five-stars svg {
    width: 50px;
    height: 50px;
    margin: 0;
}

.review .rev_bam {
    justify-content: center;
    max-width: 1923px;
}

.review .rev_wrap {
    width: 1000px;
    position: relative;
}

.review .rev_box {
    background-color: #14142c;
    min-height: 582px;
    align-items: center;
    display: flex;
    flex-direction: column;
    align-content: center;
    justify-content: center;
}

.review .slides {
    color: #fff;
    max-width: 702px;
    margin: 0 auto;
    min-height: 150px;
    max-width: 702px;
    font-size: clamp(18px, 4vw, 22px);
}

.review .patient-name {
    font-family: 'Open Sans', sans-serif;
    font-style: normal;
    font-weight: 600;
    font-size: 31.7856px;
    line-height: 160%;
    text-align: center;
    color: #ffffff;
}

/*REVIEW ARROWS*/
.review .arrow {
    display: none;
}

.review h2.lg-font {
    background: linear-gradient(90deg, #01002c 0%, #030073 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    margin-bottom: 37px;
}

/*REVIEW BREADCRUMBS*/

.number-crumb-container {
    position: absolute;
    bottom: -10px;
    left: 0;
    right: 0;
    z-index: 2;
    padding: 0;
    margin: 0;
    list-style: none;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
}

.review .number-crumb-container .option {
    border: 4px solid #fff;
    background: transparent;
    height: 18px;
    width: 18px;
}

.review .number-crumb-container .option.selected {
    background: linear-gradient(90deg, #70007b -88.74%, #d600eb 100%);
}

/*.review .slides p {
    max-width: 450px;
    margin: 0 auto;
    padding: 0 40px;
}*/
.loaded .rev_bg {
    background: url(../images/reviews-bg.jpg);
}

.loaded.webp .rev_bg {
    background: url(../images/reviews-bg.webp);
}

/*.review .rev_bg {*/

/*    width: 1035px;*/
/*    height: 752px;*/
/*}*/
.review .rev_bg {
    width: 1035px;
}

.review .rev_c {
    max-width: 702.45px;
    margin: 0 auto;
    color: #fff;
    display: flex;
    flex-flow: column;
    justify-content: center;
    align-items: flex-start;
    font-size: clamp(18px, 4vw, 22px);
    padding-left: 140px;
    position: relative;
}

.left-quote {
    position: absolute;
    left: 5%;
    top: -10%;
}

.right-quote {
    position: absolute;
    right: 0;
    bottom: 10%;
}

/*CTA*/
.loaded .cta {
    background: url(../images/cta.jpg);
}

.loaded.webp .cta {
    background: url(../images/cta.webp);
}

.cta {
    padding: 45px 0;
}

.cta h2 {
    margin-bottom: 22px;
}

.cta .container {
    text-align: center;
    align-items: center;
}

/*SPLIT*/

.contact__address {
    display: flex;
    flex-direction: column;
    align-items: center;
}

#contacthr {
    width: 60%;
    align-self: center;
}

.contact_apt {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    margin: 0;
}

.contact_apt p {
    margin: 0;
    text-align: center;
    font-family: 'Open Sans';
    font-size: 20px;
    font-style: normal;
    font-weight: 600;
    line-height: 160%; /* 34.464px */
    letter-spacing: 2.064px;
    text-transform: uppercase;
}

.split {
    grid-template-columns: repeat(2, 1fr);
}

.split .sp_a {
    background-color: #14142c;
}

.split .sp_a div {
    max-width: 576px;
    margin: 0 auto;
    align-self: center;
}
.split .sp_a div.contact__address {
    max-width: unset;
    margin: unset;
    align-self: center;
    width: 100%;
}

.split .phone * {
    margin-right: 15px;
}

.split .phone img {
    width: 40.436px;
    height: 40.436px;
}

.split .address {
    font-size: 22px;
}

.slick-prev {
    left: 20px;
    z-index: 10;
}

.slick-next {
    right: 20px;
}

.split h3 {
    font-size: 32px;
}

.split h2 {
    margin-bottom: 10px;
}

.contact-text {
    color: #ff43ca;
    line-height: normal;
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 600;
    font-size: 22px;
}

.contact__address .contact-text:nth-child(3) {
   /*font-size: 27px */
}

#hablamos {
    text-align: center;
    font-feature-settings: 'liga' off, 'clig' off;
    font-family: 'Open Sans';
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 150%; /* 45px */
}

a.phone.transition.hvr-underline-from-left {
    color: var(--121110, #fff);
    text-align: center;
    font-family: 'Open Sans';
    font-size: 38px;
    font-style: normal;
    font-weight: 600;
    line-height: 160%; /* 95px */
    letter-spacing: 2px;
    text-transform: uppercase;
    margin-bottom: 10px;
    
    display: flex;
    align-items: center;
    justify-content: center;
    /*gap: 15px;*/
    width: 100%;
    position: relative;
}

.md-font {
    width: 100%;
    font-size: 18px !important;
}

.font-smallh2 {
    font-size: clamp(28px, 3vw, 49px);
}

/*Map*/
.mapsection {
    height: 100%;
    position: relative;
    overflow: hidden;
    background-color: #14142c;
}

.mapsection iframe {
    height: 100%;
    max-height: none;
}

.loaded .mapsection .map_bg {
    background: url(../images/map.jpg);
}

.webp .mapsection .map_bg {
    background: url(../images/map.webp);
}

.map-container {
    position: relative;
    width: 60%;
    height: 70%;
    left: 50%;
    transform: translateX(-60%);
    bottom: -15%;
}

.map_bg {
    text-align: center;
    height: 100%;
    width: 100%;
    position: absolute;
    z-index: 2;
    cursor: pointer;
}

.mapsection .clickMe {
    position: relative;
    top: 80%;
    cursor: pointer;
    color: #626262;
}

.sp_a .address svg {
    width: 15px;
    height: 21px;
}
.sp_a .contact__address .phone svg {
    width: 41px;
    height: 42px;
}

/*This is for the section below the contact us section*/
.no-webp .three-locations {
    background-image: url('/wp-content/themes/charlie-child/images/belownav-background.jpg');
    height: 100%;
}
.webp .three-locations {
    background-image: url('/wp-content/themes/charlie-child/images/belownav-background.webp');
    height: 100%;
}
.three-box {
    display: flex;
    flex-flow: row;
    justify-content: space-between;
    width: 65%;
}
.three-box svg.external-link {
    display: none;
}
.three-box a {
    color: #fff;
}
.three-locations h2 {
    padding-top: 40px;
    padding-bottom: 10px;
    text-align: center;
    color: #fff;
    font-weight: 700;
    font-size: 55px;
}

.blue-box1 {
    position: relative;
    margin: 0 0 30px;
}
.blue-box-img {
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.pink-box1 {
    position: relative;
    margin: 0 0 30px;
}
.pink-box-img {
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.green-box1 {
    position: relative;
    margin: 0 0 30px;
}
.green-box-img {
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.three-box-logo {
    position: relative;
    z-index: 1;
}

.three-box-bgimage {
    z-index: 0;
}
.three-box p {
    position: relative;
    z-index: 1;
}
.three-box-smalltxt {
    color: #fff;
    font-size: 14px;
    font-weight: 700;
    margin: 0 0 -10px 0;
}
.three-box-medtxt {
    color: #fff;
    font-size: 32px;
    font-weight: 750;
    margin: 10px 0 5px;
}
.three-box-thintxt {
    color: #fff;
    font-size: 14px;
    font-weight: 400;
    margin: 0 0 5px;
}

/*What We Do*/

.what-we-do {
    width: 100%;
    max-width: 794px;
}

.row .wwd-full {
    margin-bottom: 10px;
}

.wwd-card {
    background: var(
        --Linear,
        linear-gradient(270deg, #01002c 0%, #030073 100%)
    );
}

.what-we-do .video-row,
.what-we-do .big-video-row {
    /*padding-bottom: 10px;*/
}

.wwd-card p {
    line-height: 0.6;
    padding: 2px 0;
}

.wwd-border {
    height: 100%;
    border: 1px solid #00fbfe;
    background: var(
        --Linear,
        linear-gradient(270deg, #01002c 0%, #030073 100%)
    );
    max-height: 206px;
}
/*cerec section*/

.cerec-section {
    background-size: cover;
    background-repeat: no-repeat;
    background-position: top center;
    padding-top: 25px;
}

.cerec-top-title {
    text-align: center;
}

.cerec-top-title h2 {
    color: #00fbfe;
    font-family: 'Montserrat';
    font-size: clamp(19px, 3vw, 41px);
    font-style: normal;
    font-weight: 700;
    line-height: 120%; /* 76.8px */
    text-transform: capitalize;
    margin-bottom: 39px;
}
.no-webp .cerec-section {
    background-image: url('/wp-content/themes/charlie-child/images/cerecbg.jpg');
}
.webp .cerec-section {
    background-image: url('/wp-content/themes/charlie-child/images/cerecbg.webp');
}

.cerec-left {
    /* display: flex; */
    position: relative;
    /*padding: 0px 1rem;*/
}
.cerec-center {
    /* display: flex; */
    position: relative;
    padding: 3rem 1rem;
}
.cerec-left .cerec-button {
    position: relative;
    left: 60px;
    top: 50px;
}
.cerec-left .cerec-button2 {
    position: relative;
    left: 50px;
    top: 90px;
}
.cerec-left .cerec-button3 {
    position: relative;
    right: -35px;
    top: 90px;
}
.cerec-left .cerec-button4 {
    position: relative;
    left: -45px;
    top: 90px;
}

.cerec-list p {
    background: var(
        --pink,
        linear-gradient(
            90deg,
            #ff2bf7 -88.74%,
            #ff50ce -30.74%,
            #ff43ca 11.53%,
            #ff4ecd 47.9%,
            #dd0fd5 100%
        )
    );
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    font-family: Montserrat;
    font-size: clamp(26px, 4vw, 32px);
    font-style: normal;
    font-weight: 600;
    line-height: 136%; /* 54.4px */
    text-transform: uppercase;
    margin: 0;
    position: relative;
    padding-left: 30px;
}

.squadcontent {
    width: 71%;
    text-align: center;
    justify-items: center;
}

.font-smaller {
    font-size: clamp(17px, 3vw, 25px) !important;
}

.cerec-list p:before {
    content: '';
    position: absolute;
    height: 10px;
    width: 10px;
    border-radius: 50%;
    background: var(
        --pink,
        linear-gradient(
            90deg,
            #ff2bf7 -88.74%,
            #ff50ce -30.74%,
            #ff43ca 11.53%,
            #ff4ecd 47.9%,
            #dd0fd5 100%
        )
    );
    left: 0;
    bottom: 50%;
    transform: translateY(50%);
}
.cerec-flex {
    display: flex;
    align-items: flex-start;
    justify-content: space-around;
    max-width: 1200px;
    margin: 0 auto;
    width: 100%;
}

.cerec-list {
    margin-bottom: 48px;
}

.cerec-right {
    position: relative;
    padding-left: 50px;
}

.cerec-mini {
    position: absolute;
    bottom: 0;
    right: -33%;
}
.cerec-button .main-btn {
    max-width: 202px;
    width: 100%;
    min-width: auto;
}

.team-photos {
    display: flex;
    margin: 0 auto;
    flex-wrap: wrap;
    justify-content: space-evenly;
}

/*RESPONSIVE*/

@media (min-width: 1600px) {
    .apart .ap_a {
        text-align: justify;
        /*top: -185px;*/
        position: relative;
    }
}

@media (max-width: 1550px) {
    .cerec-mini {
        position: absolute;
        bottom: 0;
        right: -8%;
    }
}
@media (min-width: 1299px) {
    .apart .ap_a {
        text-align: justify;
    }
}

@media (max-width: 1300px) {
    
    .row.video-row .padding-col {
        gap: 40px;
    }
    .cerec-mini {
        right: 0;
    }
    .cerec-flex {
        flex-wrap: wrap;
        justify-content: center;
        flex-direction: column;
        align-items: center;
    }
    .cerec-center {
        padding: 35px 1rem;
    }
}
@media all and (max-width: 1200px) {
    .slider-section {
        max-width: 540px;
        width: 100%;
    }
}

@media all and (max-width: 1025px) {
   .savings img {
        max-width: 76%;
    }
}



@media all and (max-width: 1025px) {
    .wwd-border {
        text-align: center;
    }

    .cerec-center a {
        padding: 10px 19px;
    }
}

@media (max-width: 991px) {
    .cerec-button {
        width: 100%;
        text-align: center;
        margin-bottom: 50px;
    }
    .cerec-list {
        margin-bottom: 20px;
        margin-left: 20px;
        position: relative;
    }
    .cerec-left .cerec-button {
        top: -60px;
        left: -110px;
        max-width: 250px;
        width: 100%;
    }
    .cerec-left .cerec-button2 {
        top: -60px;
        left: -110px;
        max-width: 250px;
        width: 100%;
    }
    .cerec-left .cerec-button3 {
        top: -60px;
        left: -110px;
        max-width: 250px;
        width: 100%;
    }
    .cerec-left .cerec-button4 {
        top: -60px;
        left: -135px;
        max-width: 250px;
        width: 100%;
    }
    
    /*.savings {
    padding: 0;
    }*/
}

h2.vibe-title.pink {
    text-align: center;
    padding: 2rem 0;
    font-family: 'Montserrat', sans-serif;
    font-weight: bold;
    font-size: clamp(20px, 3vw, 41px);
    line-height: 120%;
    text-transform: uppercase;
}

/*.vibe-squad-section.dark {
    padding-bottom: 50px;
}*/

.vibe-squad-meet {
    background-color: #14142c;
}

.vibe-squad-meet .container {
    max-width: 1810px;
}

.sameday-dental-implants {
    background: #000;
    position: relative;
}

.arrow-holder {
    position: absolute;
    top: -4%;
    left: 2%;
}

.line-holder {
    position: absolute;
    right: 39%;
    bottom: -5%;
}

.sameday-dental-implants .container {
    max-width: 1700px;
    width: 100%;
}

.vibe-squad-content .left {
    max-width: 667px;
    width: 30%;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.vibe-squad-content .right {
    width: 100%;
}

.vibe-squad-content {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 100px 0px 50px 0px;
}

.vibe-squad-content .right h2 {
    font-feature-settings: 'liga' off, 'clig' off;
    color: #ff27a9;
    /* Desktop/Heading 1 */
    font-family: Montserrat;
    font-size: clamp(26px, 3vw, 41px);
    font-style: normal;
    font-weight: 700;
    line-height: 120%; /* 76.8px */
    text-transform: uppercase;
}

.vibe-squad-content .right p {
    color: #fff;
    font-family: 'Open Sans';
    font-size: clamp(18px, 4vw, 22px);
    font-style: normal;
    font-weight: 400;
    line-height: 33px;
    width: 100% !important;
}

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

/* Mobile - Show the Slick slider */
@media (max-width: 1030px) {
    .team-photos {
        padding: 0;
    }
}

@media all and (max-width: 767px) {
    .wwd-border {
        text-align: center;
        /* width: 50%; */
        /*min-height: fit-content;*/
        /* height: 221px; */
    }

    .what-we-do {
        text-align: -webkit-center;
    }

    .row .padding-col {
        padding-bottom: 10px;
    }
}

@media (max-width: 630px) {
    .smile-content .left {
        margin-right: 66px;
    }
    .icon-finance1 {
        width: 68px;
    }
    .icon-finance2 {
        width: 68px;
    }
}

@media (max-width: 560px) {
    .smile-now-image {
        width: 60%;
    }
    .icon-finance1 {
        margin-right: 10px;
        width: 40px;
    }
    .icon-finance2 {
        margin-left: -20px;
        width: 40px;
    }
    .md-font {
        width: 90%;
    }
}

@media (max-width: 600px) {
    .sameday-dental-implants .container {
        padding-bottom: 20px;
    }

    .cerec-list p {
        font-size: 29px;
    }
    .cerec-list p {
        font-size: 29px;
    }
    h2.md-font.headline {
        font-size: 35px;
    }

    .cerec-right {
        padding-left: 0px;
        max-width: 400px;
        width: 100%;
        margin: 0 auto;
        display: flex;
        justify-content: center;
    }
    .cerec-mini {
        max-width: 200px;
    }
    
    .savings img {
        max-width: 100%;
    }
}
@media (max-width: 500px) {
    .cerec-list p {
        font-size: 23px;
    }
    .cerec-mini {
        max-width: 150px;
    }
    .cerec-slide {
        position: relative;
    }
    .cerec-left .cerec-button {
        top: -50px;
        left: 50%;
        transform: translateX(-50%);
        max-width: 250px;
        width: 100%;
        position: absolute;
    }
    .cerec-left .cerec-button2 {
        top: -50px;
        left: 50%;
        transform: translateX(-50%);
        max-width: 250px;
        width: 100%;
        position: absolute;
    }
    .cerec-left .cerec-button3 {
        top: -50px;
        left: 50%;
        transform: translateX(-50%);
        max-width: 250px;
        width: 100%;
        position: absolute;
    }
    .cerec-left .cerec-button4 {
        top: -50px;
        max-width: 250px;
        width: 100%;
        left: 50%;
        transform: translateX(-50%);
        position: absolute;
    }
    .cerec-left .main-btn {
        font-size: 14px;
    }
    .left-quote {
        top: -72px;
    }
}
@media screen and (max-width: 700px) {
    .three-box {
        width: 50% !important;
        flex-direction: column;
    }
    .three-locations h2 {
        font-size: 25px;
    }
    .doctor-bio {
        display: none;
    }
    .doctor-bio-mobile {
        display: block;
    }
    .doctor-text-sm {
        line-height: 14px;
    }
}

@media screen and (min-width: 1026px) {
    .ap-vibe {
        margin-left: 10%;
    }
    .apart {
        min-height: 730px;
        /*display: flex;*/
        flex-direction: row;
        flex-wrap: wrap;
        align-items: center;
        position: relative;
    }
    .apart h3 {
        font-size: 32px;
    }
    .showcase {
        display: flex;
        align-items: center;
    }

    .special {
        padding: 142px 0 90px;
    }

    .review {
        padding: 0px 0px 0px;
    }

    .cta {
        min-height: 563px;
        display: flex;
        align-items: center;
    }

    .split {
        min-height: 745px;
    }

    .aplo {
        position: absolute;
        right: 9%;
        top: -3%;
    }

    .rev_box a.main-btn {
        position: relative;
        bottom: -38px;
        right: -54px;
        z-index: 999;
    }

    .review .rev_box {
        position: relative;
    }

    .apart h2 {
        margin-bottom: 20px;
        /*padding-top: 40px;*/
    }

    .loaded .showcase:after {
        background: url(../images/circle.png);
    }

    .loaded.webp .showcase:after {
        background: url(../images/circle.webp);
    }

    .showcase:after {
        content: '';
        position: absolute;
        right: -23%;
        height: 266px;
        width: 722px;
        transition: all 0.2s ease-in;
        -webkit-backface-visibility: hidden;
        backface-visibility: hidden;
        animation-name: pullLeftIn;
        animation-duration: 1s;
        top: 50px;
    }

    .loaded .showcase:before {
        background: url(../images/circle2.png);
    }

    .loaded.webp .showcase:before {
        background: url(../images/circle2.webp);
    }

    .showcase .container a.boxwrapper.lg-box h3 {
        max-width: none;
    }

    .showcase:before {
        content: '';
        position: absolute;
        left: 0;
        height: 452px;
        width: 407px;
        transition: all 0.2s ease-in;
        -webkit-backface-visibility: hidden;
        backface-visibility: hidden;
        animation-name: pullLeftIn;
        animation-duration: 1s;
    }

    .show_for_mob {
        display: none !important;
    }

    /* Float Shadow */
    .hvr-float-shadow {
        display: inline-block;
        vertical-align: middle;
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
        box-shadow: 0 0 1px rgba(0, 0, 0, 0);
        -webkit-backface-visibility: hidden;
        backface-visibility: hidden;
        -moz-osx-font-smoothing: grayscale;
        position: relative;
        -webkit-transition-duration: 0.3s;
        transition-duration: 0.3s;
        -webkit-transition-property: transform;
        transition-property: transform;
    }

    .hvr-float-shadow:before {
        pointer-events: none;
        position: absolute;
        z-index: -1;
        content: '';
        top: 100%;
        left: 5%;
        height: 10px;
        width: 90%;
        opacity: 0;
        background: -webkit-radial-gradient(
            center,
            ellipse,
            rgba(0, 0, 0, 0.35) 0%,
            rgba(0, 0, 0, 0) 80%
        );
        background: radial-gradient(
            ellipse at center,
            rgba(0, 0, 0, 0.35) 0%,
            rgba(0, 0, 0, 0) 80%
        );
        /* W3C */
        -webkit-transition-duration: 0.3s;
        transition-duration: 0.3s;
        -webkit-transition-property: transform, opacity;
        transition-property: transform, opacity;
    }

    .hvr-float-shadow:hover,
    .hvr-float-shadow:focus,
    .hvr-float-shadow:active {
        -webkit-transform: translateY(-5px);
        transform: translateY(-5px);
        /* move the element up by 5px */
    }

    .hvr-float-shadow:hover:before,
    .hvr-float-shadow:focus:before,
    .hvr-float-shadow:active:before {
        opacity: 1;
        -webkit-transform: translateY(5px);
        transform: translateY(5px);
        /* move the element down by 5px (it will stay in place because it's attached to the element that also moves up 5px) */
    }
}

@media screen and (max-width: 1700px) {
    .review .rev_bg {
        width: 55vw;
    }

    .review .rev_wrap {
        width: 120%;
        left: 0;
    }

    .right-quote {
        right: 10px;
    }
    .review .rev_c {
    }
}

@media screen and (max-width: 1560px) {
    .showcase .container {
        grid-template-columns: repeat(2, 1fr);
        grid-gap: 30px;
    }

    .review .rev_box {
        min-height: 704px;
    }

    .showcase .sho_a {
        grid-column-gap: 30px;
        grid-template-columns: repeat(2, 1fr);
        grid-row-gap: 30px;
    }

    .aplo {
        right: 0%;
    }
}

/*HOME PAGE FONT-SIZE ADJUSTMENT ON SMALLER DESKTOP SCREENS*/
@media screen and (max-width: 1500px) {
    .page-id-2 h1.page-title {
        font-size: 29px;
    }
    .page-id-2 p.page-title {
        font-size: 29px;
    }
    .banner-text p {
        font-size: 20px;
    }
    .call-banner .call-blue {
        font-size: clamp(16px, 2vw, 20px);
    }
    .text-available {
        font-size: clamp(16px, 2vw, 20px);
    }
    .call-banner .blue {
        font-size: clamp(16px, 2vw, 20px);
    }
    .call-banner .pink {
        font-size: 20px;
    }
    .apart h2 {
        font-size: clamp(20px, 3vw, 36px);
    }
    .cerec-top-title h2 {
        font-size: clamp(20px, 3vw, 36px);
    }
    .font-smaller {
        font-size: clamp(17px, 3vw, 23px) !important;
    }
    .vibe-squad-content .right h2 {
        font-size: clamp(26px, 3vw, 36px);
    }
    .vibe-squad-content .right p {
        font-size: clamp(18px, 4vw, 20px);
    }
    h2.dr-title.blue {
        font-size: clamp(20px, 3vw, 36px);
    }
    h2.vibe-title.pink {
        font-size: clamp(20px, 3vw, 36px);
    }
    .smile-gallery h2 {
        font-size: clamp(20px, 3vw, 36px);
    }
    h4 {
        font-size: 20px;
    }
    .gallery-right p {
        font-size: clamp(18px, 4vw, 20px);
    }
    .sameday-content .left h2 {
        font-size: clamp(20px, 3vw, 36px);
    }
    .sameday-content .left p {
        font-size: clamp(18px, 4vw, 20px);
    }
    .servicesaffordable h2.lg-font {
        font-size: clamp(24px, 3vw, 36px);
    }
    p.md-font.headline.blue {
        font-size: clamp(18px, 4vw, 20px);
    }
    .md-font {
        font-size: 19px;
    }
    p.afford-title {
        font-size: 22px;
    }
    p.afford-price {
        font-size: 40px;
    }
    .technology h2 {
        font-size: clamp(20px, 3vw, 36px);
    }
    .sho_b h2 {
        font-size: clamp(18px, 3vw, 36px);
    }
    .sameday-content .left h2 {
        font-size: clamp(20px, 3vw, 36px);
    }
    .font-smallh2 {
        font-size: clamp(28px, 3vw, 43px);
    }
    .smile-content .right h2 {
        font-size: clamp(18px, 3vw, 36px);
    }
    .smile-content .right p {
        font-size: clamp(18px, 4vw, 20px);
    }
    .review .slides {
        font-size: clamp(18px, 4vw, 20px);
    }
    .split h3 {
        font-size: 22px;
    }
    .split h2.lg-font.pink {
        font-size: 44px;
    }
    .split h3.white {
        font-size: 18px;
    }
}

@media screen and (max-width: 1390px) {
    .aplo {
        position: relative;
    }
}

@media screen and (max-width: 1025px) {
    .vibe-squad-content {
        display: flex;
        flex-direction: column;
        align-items: center;
        padding: 20px;
        text-align: center;
    }
    .vibe-squad-content .right {
        justify-items: center;
    }
    .vibe-squad-content .left {
        width: 100%;
        margin-left: 0;
    }

    h2.dr-title.blue {
        display: flex;
        flex-direction: column;
        align-items: center;
    }

    .main-btn.transition.leave-review {
        display: none;
    }

    .review .rev_c {
        padding-left: 26px;
    }
    .left-quote {
        position: absolute;
        left: 5%;
        top: -5%;
    }

    .number-crumb-container {
        bottom: 5px;
    }

    .review .rev_box {
        padding-top: 50px;
    }

    .set-apart-mobile {
        display: block;
        height: 370px;
        width: 100%;
        background-size: cover;
        background-repeat: no-repeat;
        background-position: top center;
    }
    .no-webp .set-apart-mobile {
        background-image: url('../images/setsapartmobile.jpg');
    }
    .webp .set-apart-mobile {
        background-image: url('../images/setsapartmobile.webp');
    }

    .purple-line {
        border-top: 10px solid #d500ea;
        width: 100%;
        display: block;
    }
    /*.pink-line{*/
    /*    border-top: 10px solid #FF43CA;*/
    /*    width: 100%;*/
    /*    display: block;*/
    /*}*/
    .team-slider .slick-dots {
        display: none !important;
    }
    .team-slider.slick-dotted.slick-slider {
        margin-bottom: 0 !important;
    }
    .apart .container {
        grid-gap: 0;
    }
    .staff-photos .slide-holder {
        max-height: 333px;
        height: 100%;
        max-width: 580px;
        margin: 0 auto;
        width: 100%;
    }
    .apart h2 {
        margin-bottom: 15px;
    }
    .apart .add-marg {
        margin-top: 15px;
    }
    .apart {
        padding: 85px 0;
    }
    .apart .ap_a {
        /*align-items: center;*/
        max-width: 540px;
    }
    .apart .container {
        flex-direction: column-reverse;
        /*flex-wrap: wrap;*/
    }
    .ap-vibe {
        max-width: 600px;
    }
    .apart-address {
        display: none;
    }
    /*.apart .container img {*/
    /*    grid-row: 1;*/
    /*    max-width: 50%;*/
    /*}*/

    .hide-mobile-apart {
        display: none !important;
    }
    .hide-desktop-apart {
        color: #ff27a9;
        font-size: 36px;
        font-weight: 700;
        align-self: center;
        text-transform: none;
        display: block;
    }
    .showcase .container {
        padding-right: 0px;
        padding-left: 0;
        grid-template-columns: repeat(1, 1fr);
    }

    .showcase .container a.boxwrapper.lg-box {
        max-width: 835px;
        margin: 0 auto;
    }

    .showcase .container a.boxwrapper {
        margin: 0 auto;
    }

    .showcase .sho_a {
        grid-template-columns: repeat(1, 1fr);
    }

    .showcase .container a.boxwrapper.lg-box {
        grid-column: 1/ 1;
    }

    .special .container {
        grid-gap: 20px;
        grid-auto-flow: row;
    }

    .special .container img {
        grid-row: 1;
        max-width: 50%;
        margin: 0 auto;
    }

    .review .rev_bam {
        grid-auto-flow: row;
    }

    .review .rev_wrap {
        width: auto;
        left: 0;
        order: 2;
        margin-top: 0;
    }

    .five-stars {
        margin-left: 0px;
    }

    .review .rev_bam {
        justify-content: center;
    }

    .review .rev_bg {
        width: 100%;
        padding-top: 64%;
        height: 0;
    }

    .review-title {
        text-align: center;
    }

    .split {
        grid-template-columns: repeat(1, 1fr);
    }

    .mapsection {
        grid-row: 1;
    }

    .mapsection {
        grid-row: 1;
        height: 49vw;
    }

    .split .sp_a {
        padding: 45px 24px;
    }

    .d-flex.justify-content-between.stack-mobile {
        flex-direction: column-reverse;
    }
    iframe.show-desk {
        display: none;
    }
    .request-position {
        display: flex;
        justify-content: center;
        margin: 0;
        width: 100%;
    }

    .map_bg {
        background-size: contain !important;
    }

    .map-container {
        left: 56%;
        transform: translateX(-60%);
        bottom: -15%;
    }
    
    .savings {
        padding: 0 0 50px;
    }
}
@media screen and (max-width: 767px) {
    .squadcontent {
        width: 100%;
    }
    .technology h2 {
        text-align: center;
        font-size: 16px;
    }
    .techcenter {
        align-items: center;
    }
    a.phone.transition.d-inline-flex.flex-wrap.align-items-center.hvr-underline-from-left {
        font-size: 35px;
    }
    .three-box {
        width: 100%;
    }
    .cerec-list {
        margin-top: 20px;
        margin-left: 20px;
    }

    .vibe-squad-content .right p {
        max-width: 100%;
    }
}
@media screen and (max-width: 607px) {
    .contact-text {
        margin: unset;
    }
    .special .container img {
        max-width: 100%;
    }

    .split .sp_a .phone {
        /* font-size: 22px; */
        flex-wrap: nowrap !important;
        line-height: 1.4;
    }
    .staff-photos .slide-holder {
        max-height: 50vw;
    }

    .cerec-button {
    }
    .cerec-button2 {
    }
    .cerec-button3 {
    }
    .cerec-button4 {
    }
}
@media screen and (max-width: 600px) {
    .doc-photos {
        height: 100%;
    }
    .team-photos {
        height: 100%;
    }
    .doc-section .boxwrapper {
        margin-bottom: 20px;
    }
    .set-apart-mobile {
        display: block;
        height: 60vw;
        width: 100%;
    }
    
    .hide-desktop-apart {
        font-size: 32px;
    }
    
    .md-font.add-marg {
        font-size: clamp(14px, 3.9vw, 22px) !important;
    }

    .gallery-right h4,
    .servicesaffordable .md-font.headline.blue {
        font-size: 16px !important;
    }

    p.afford-title {
        font-size: 18px;
    }

    p.afford-price {
        font-size: 23px;
    }

    .afford img,
    #porcelain {
        height: 60px;
    }

    .font-smallh2 {
        font-size: 22px;
    }

    .sp_a h2,
    .sp_a h3,
    .sp_a .address {
        text-align: center;
        width: 100%;
    }

    .sp_a h2 {
        font-size: 32px;
        margin-top: 10px;
    }

     .split .sp_a .phone {
        margin-top: 15px;
        font-size: 21px;
        font-weight: 600;
        justify-content: center;
    }

    a.phone.transition.hvr-underline-from-left {
        font-size: clamp(38px, 8vw, 46px);
        gap: 50px;
        justify-content: flex-start;
        align-items: flex-start;
        margin-bottom: 0;
    }

    .contact-text,
    #hablamos {
        /*font-size: clamp(20px, 4vw, 22px)*/
    }

    .contact_apt p {
        font-size: clamp(16px, 4vw, 19px);
    }
    .contact_apt p.blue {
        display: none;
    }

    .sp_a .address svg {
        width: 24px;
        height: 24px;
    }

    .sp_a .contact__address .phone svg {
        width: 35px;
        height: 35px;
        margin-top: 15px;
    }
    .contact__address span {
        bottom: 13px;
        line-height: 100%;
        position: relative;
        left: clamp(92px, 18vw, 107px)
    }
}

/*@media screen and (max-width: 528px) {*/
/*   a.phone.transition.hvr-underline-from-left {*/
/*        justify-content: space-between;*/
/*    }*/
/*}*/

@media screen and (max-width: 500px) {
    .left-quote {
        width: 15%;
    }
    .right-quote {
        width: 15%;
    }
}

@media (max-width: 480px) {
     .text-available .text-available-pink {
        display: block;
    }
    .split .address .pink {
        font-size: 19px;
    }
    .contact__address .phone {
        font-size: 37px;
    }
    /*.contact__address .contact-text:nth-child(2) {*/
    /*    position: relative;*/
    /*    top: 30px;*/
    /*    color: #FF43CA;*/
    /*    font-size: 25px;*/
    /*}*/
    .contact__address .contact-text:nth-child(3) {
        margin-bottom: 0;
    }
    .contact__address #hablamos {
        font-size: 15px;
        position: relative;
        bottom: 120px;
        
    }
    
    /*.contact__address .contact-text:first-child {*/
    /*    position: relative;*/
    /*    top: 25px;*/
    /*}*/
    .split .sp_a #contacthr {
        /*margin-top: 0;*/
    }
    
    .get-ready {
        font-size: 18px;
    }
    
    .techcenter p.md-font {
        font-size: 17px !important;
    }
    
    p.md-font.dental-care {
        font-size: 18px !important;
    }
    .contact__address .contact-text {
        font-size: 20px;
    }
    .contact_apt p {
        font-size: 16px;
    }
}

@media (max-width: 450px) {
   a.phone.transition.hvr-underline-from-left {
       gap: 25px;
   }
}


@media (max-width: 414px) {
    /*.text-available .text-available-pink {*/
    /*    display: block;*/
    /*}*/
}

@media (max-width: 412px) {
    /*.split .address .pink {*/
    /*    font-size: 19px;*/
    /*}*/
    /*.contact__address .phone {*/
    /*    font-size: 37px;*/
    /*}*/
    /*.contact__address .contact-text:nth-child(2) {*/
    /*    position: relative;*/
    /*    top: 30px;*/
    /*    color: #FF43CA;*/
    /*    font-size: 25px;*/
    /*}*/
    /*.contact__address .contact-text:nth-child(3) {*/
    /*    margin-bottom: 0;*/
    /*}*/
    /*.contact__address #hablamos {*/
    /*    font-size: 15px;*/
    /*    position: relative;*/
    /*    bottom: 120px;*/
        
    /*}*/
    /*.contact__address span {*/
    /*    display: none;*/
    /*}*/
    /*.contact__address .contact-text:first-child {*/
    /*    position: relative;*/
    /*    top: 25px;*/
    /*}*/
    /*.split .sp_a #contacthr {*/
    /*    margin-top: 0;*/
    /*}*/
}

@media screen and (max-width: 400px) {
    /*.doc-photos .row.center {*/
    /*    flex-direction: column !important;*/
    /*}*/
    a.phone.transition.hvr-underline-from-left {
       gap: 0;
   }
}

@media screen and (max-width: 360px) {
    a.phone.transition.d-inline-flex.flex-wrap.align-items-center.hvr-underline-from-left {
        font-size: 20px;
    }
}