/* SHOWCASE SECTION
------------------------------*/



.home-showcase h2 {
   
    margin-bottom: 30px;
    width: 100%;
    max-width: 980px;
}

.home-showcase .container {
    max-width: 1450px;
}

.show-box {
    width: 100%;
    max-width: 425px;
    margin: 20px auto;
}

.show-pic {
    width: 75px;
    height: 65px;
    display: flex;
    align-items: center;
}

.show-box h5 {
    margin: 10px 0;
    color: #143A5E;

}

.show-box .external-link {
    display: none; 
}

.show-box p {
    min-height: 180px;
}



/* EXCEPT CARE
---------------------------------*/

.except-care {
    padding: 100px 0;
}

.except-care .container {
    max-width: 1600px;
}

.exc-top h2 {
    margin-bottom: 25px;
    max-width: 935px;
}

.exc-top h4 {
    margin-bottom: 30px;
}

.ecp {
    width: 100%;
    max-width: 1090px;
}

.except-care .show-pic {
    width: 90px;
    height: 70px;
}

.except-care .show-box p {
    min-height: auto;
    line-height: 28px;
}

.except-care .show-box {
    max-width: 350px;
}

.ec-top {
    margin-bottom: 30px;
}

.no-webp.loaded .ec1{
    background: url(/wp-content/themes/charlie-child/images/icon01.jpg) center center no-repeat;
    background-size: cover;
    
}

.webp.loaded .ec1{
    background: url(/wp-content/themes/charlie-child/images/icon01.webp) center center no-repeat;
    background-size: cover;
  
}
.no-webp.loaded .ec2{
    background: url(/wp-content/themes/charlie-child/images/icon02.jpg) center center no-repeat;
    background-size: cover;
    
}

.webp.loaded .ec2{
    background: url(/wp-content/themes/charlie-child/images/icon02.webp) center center no-repeat;
    background-size: cover;
  
}

.no-webp.loaded .ec3{
    background: url(/wp-content/themes/charlie-child/images/icon03.jpg) center center no-repeat;
    background-size: cover;
    
}

.webp.loaded .ec3{
    background: url(/wp-content/themes/charlie-child/images/icon03.webp) center center no-repeat;
    background-size: cover;
  
}

.no-webp.loaded .ec4{
    background: url(/wp-content/themes/charlie-child/images/icon04.jpg) center center no-repeat;
    background-size: cover;
    
}

.webp.loaded .ec4{
    background: url(/wp-content/themes/charlie-child/images/icon04.webp) center center no-repeat;
    background-size: cover;
  
}


/* TEAM SECTION
-------------------------------------*/

.team-section {
    padding: 100px 0;
}

.team-section .container {
   
}

.no-webp.loaded .team-section {
    background: url(/wp-content/themes/charlie-child/images/team-bg.jpg) center center no-repeat;
    background-size: cover;
    
}

.webp.loaded .team-section  {
    background: url(/wp-content/themes/charlie-child/images/team-bg.webp) center center no-repeat;
    background-size: cover;
  
}

.team-top {
    width: 100%;
    max-width: 823px;
    margin: 0 auto 30px;
}

.team-top h3 {
    margin-bottom: 25px;
}

.doctor-pic {
    width: 100%;
    max-width: 208px;
    height: 208px;
    border-radius: 100%;
}
.no-webp.loaded .doctor1{
    background: url(/wp-content/themes/charlie-child/images/doc1.jpg) center center no-repeat;
    background-size: cover;
    
}

.webp.loaded .doctor1{
    background: url(/wp-content/themes/charlie-child/images/doc1.webp) center center no-repeat;
    background-size: cover;
  
}

.no-webp.loaded .doctor2 {
    background: url(/wp-content/themes/charlie-child/images/doc2.jpg) center center no-repeat;
    background-size: cover;
    
}

.webp.loaded .doctor2 {
    background: url(/wp-content/themes/charlie-child/images/doc2.webp) center center no-repeat;
    background-size: cover;
  
}

.no-webp.loaded .doctor3 {
    background: url(/wp-content/themes/charlie-child/images/doc3.jpg) center center no-repeat;
    background-size: cover;
    
}

.webp.loaded .doctor3 {
    background: url(/wp-content/themes/charlie-child/images/doc3.webp) center center no-repeat;
    background-size: cover;
  
}
.no-webp.loaded .doctor4 {
    background: url(/wp-content/themes/charlie-child/images/doc4.jpg) center center no-repeat;
    background-size: cover;
    
}

.webp.loaded .doctor4 {
    background: url(/wp-content/themes/charlie-child/images/doc4.webp) center center no-repeat;
    background-size: cover;
  
}

.doctor-pic-outer {
    padding: 5px;
   border: 2px solid #2F5FB4;;
    width: 100%;
    max-width: 228px;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 100%;
    margin: 10px auto;
}

.doc-box {
   text-align: center;
    margin: 30px 0;
}

.doc-b {
    width: 100%;
    margin-top: 50px;
}

.doc-b .main-btn3 {
    width: 100%;
    max-width: 211px;
}

/* SPLIT-SECTION
----------------------------------*/
.split-section {
    display: flex;
}
.split {
    width: 100%;
    max-width: 50%;
    
}

.split-left {
    background: #fff;
    padding: 50px 15px;
}

.split-right {
    background: #90CBF4;
    padding: 50px 15px 60px;
    position: relative;
}

.split-left-inner {
    width: 100%;
    max-width: 693px;
    margin: 0 auto;
}

.split-left-inner h3 {
    margin-bottom: 20px;
}

.split-rev   {
    width: 100%;
}

.rev-icon {
    width: 145px;
    height: 145px;
}

.no-webp.loaded .rev-icon {
    background: url(/wp-content/themes/charlie-child/images/rev-icon.png) center center no-repeat;
    background-size: cover;
    
}

.webp.loaded .rev-icon {
    background: url(/wp-content/themes/charlie-child/images/rev-icon.webp) center center no-repeat;
    background-size: cover;
  
}

.p-name {
    font-weight: 400;
    font-size: 23px;
    line-height: 33px;
}

.split-rev-in {
    display: flex;
    margin: 20px 0;
}

.rev-icon {
    margin-right: 15px;
}

.split-rev .slick-dots {
    bottom: -30px;
    justify-content: flex-end;
}

.split-rev .slick-next {
    bottom: -9px;
    left: 0;
    
}

.split-rev .slick-prev {
    bottom: -9px;
    left: 0;
}
.member-con {
    width: 100%;
    max-width: 480px;
    color: #143A5E;
    line-height: 28px;
    position: relative;
    z-index: 3;
}

.member-con h3 {
    color: #fff;
    margin-bottom: 25px;
}

.member-con h5 {
    color: #143A5E;
    margin-bottom: 25px;
}

.member-con p {
    max-width: 354px;
}

.memberc-outer {
    width: 100%;
    max-width: 700px;
    margin: 0 auto;
}

.member-con-b .main-btn3 {
    width: 100%;
    max-width: 214px;
}

.member-pic {
    position: absolute;
    bottom: 50px;
    right: 20px;
    width: 315px;
    height: 428px;
}

.no-webp.loaded .member-pic{
    background: url(/wp-content/themes/charlie-child/images/bg-membership-plan.jpg) bottom right no-repeat;
    background-size: contain;
    
}

.webp.loaded .member-pic{
    background: url(/wp-content/themes/charlie-child/images/bg-membership-plan.webp) bottom right no-repeat;
    background-size: contain;
  
}

/* SPECIAL-SECTION
---------------------------------------*/

.special-section {
    padding: 100px 0;
}

.special-section .external-link {
    display: none;
}

.special-section .container {
    max-width: 600px;
}

.no-webp.loaded .special-section {
    background: url(/wp-content/themes/charlie-child/images/bg-spring-offer.jpg) center center no-repeat;
    background-size: cover;
    
}

.webp.loaded .special-section {
    background: url(/wp-content/themes/charlie-child/images/bg-spring-offer.webp) center center no-repeat;
    background-size: cover;
  
}

.special-section h3 {
    position: relative;
   
}

.special-section h3::after {
    content: '';
    width: 51px;
    height: 48px;
    position: absolute;
   margin-left: 10px;
    top: 0;
}

.no-webp.loaded .special-section h3::after {
    background: url(/wp-content/themes/charlie-child/images/offer-icon.png) center center no-repeat;
    background-size: cover;
    
}

.webp.loaded .special-section h3::after {
    background: url(/wp-content/themes/charlie-child/images/offer-icon.webp) center center no-repeat;
    background-size: cover;
  
}

.special-section h4 {
    margin: 15px 0;
}

.special-b {
    width: 100%;
    max-width: 600px;
    min-height: 75px;
    display: flex;
    justify-content: center;
    align-items: center;
    font-weight: 700;
    margin: 15px;
    
}

.special-b-row {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.special-b-row2 .main-btn3 {
    width: 100%;
    max-width: 172px;
}

.special-b-row2 a {
    margin: 5px 9px;
}

.special-b-row2 {
    margin-top: 10px;
}



/* RESPONSIVE 
-----------------------------------------------*/
@media (min-width: 1200px) and (max-width: 1400px) {
}

@media only screen and (min-width: 980px) {
} 

@media (max-width: 1700px) {
    .member-pic {
        width: 370px;
    }
}

@media (max-width: 1400px) {
    .member-pic {
        width: 280px;
    }
}


@media (max-width: 1025px) {
    .split-section {
        flex-direction: column;
    }
    .split {
        max-width: 100%;
    }
    
    .member-pic {
        display: none;
    }
    
    .member-con p,
    .member-con {
        max-width: 100%;
    }
    
    
}

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

@media only screen and (max-width: 767px) {
    .special-section {
        padding: 50px 0;
    }
    .split-rev-in {
        flex-direction: column;
    }
    .split-left {
        background: #fff;
        padding: 50px 40px;
    }
    .rev-icon {
        margin-bottom: 20px;
    }
    .home-showcase,
    .team-section,
    .except-care {
        padding: 50px 0; 
    }
    
    .home-showcase h3 {
        margin-bottom: 25px;
    }
    
    .doc-box {
        text-align: center;
        margin: 15px 0;
    }
    
} 

@media all and (max-width: 600px) {
    .special-b-row {
        flex-direction: column;
        justify-content: flex-start;
        align-items: flex-start;
    }
    .special-b-row2 {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
    }
    .special-b-row2 a {
        margin: 10px 9px;
    }
    .special-b {
        margin: 15px 0;
    }
    .special-b-row2 a {
        margin: 10px 0;
    }
}

@media only screen and (max-width: 500px) {
    
    
    .no-webp.loaded .team-section {
        background: url(/wp-content/themes/charlie-child/images/team-bgm.jpg) center center no-repeat;
        background-size: cover;

    }

    .webp.loaded .team-section  {
        background: url(/wp-content/themes/charlie-child/images/team-bgm.webp) center center no-repeat;
        background-size: cover;

    }
}
@media only screen and (max-width: 400px) {
    .split-left {
        padding: 50px 25px;
    }
    .slick-prev {
        margin-left: 0;
    }
    .slick-next {
        margin-left: 50px;
    }
}