body{background-color:rgb(241,253,255)}
.banner{margin-top:77px}
.bubbles{padding-left:20px;padding-right:20px}
.question-person-with-bubbles .bubbles img{width:100%;display:block;margin-bottom:10px}

.question-person-with-bubbles{margin:40px auto 0}
.question-person-with-bubbles .bubbles{display:none}
.question-person-with-bubbles img{max-width:80%;margin:0 auto;display:block}
.question-person-with-bubbles .question-person{display:none}
.bubble-container{position:absolute}

.blue-section{
    border-radius: 160px 160px 0 0;
    padding-top: 60px;
    margin-top: 30px;

    background:
        url(blue-background-decorations.png) left center no-repeat,
        linear-gradient(180deg, #59C3E1 0%, #BEE2DC 54.17%, #F3FDFF 100%)
}
.blue-section .container{
    padding-left: 30px;
    padding-right: 30px;
}
.blue-section h3{font-size:20px}
.blue-section h3 + .subtitle{font-size:17px}
.blue-section h3 + .subtitle a{font-size:15px;border-radius:4px;padding:5px 10px}
.blue-section h3 + .subtitle a:hover{background-color:white;color:#59C3E1 !important}

.expert-link-container{position:relative;padding-top:416px}
.expert-link-container a{display:block;border-radius:6px}
.expert-link-container img{position:absolute;top:0;left:0;height:100%;width:100%;object-fit:cover;-o-object-fit:cover;border-radius:6px}
.expert-link-container a p{z-index:30;position:relative;margin:0}
.expert-link-container a p.expert-occupation{font-size:16px;padding:3px 25px}
.expert-link-container a p.expert-name{font-size:18px;padding:0 25px 20px}

.service-advantages .advantage-bar{}
.advantage-bar .service-advantage-circle{width:416px}
.advantage-bar .service-advantage-circle p{font-size:20px;font-weight:500}

.service-advantages .advantage-bar#adv-bar-2{}
.service-advantages .advantage-bar#adv-bar-2 .left-circle{margin-top:-30px}
.service-advantages .advantage-bar#adv-bar-2 .right-circle{}

.reservation-steps-container{margin-top:100px}
.reservation-steps-container .reservation-steps{
    background-color:rgb(241,253,255);box-shadow:0 3px 6px #59C3E1;border-radius:8px;
    padding:20px 15px;
}

#preview-step-description li p.desc-title,
.mobile-step-description p span.desc-title{
    font-size:18px;font-weight:500;color:#31353D;
    margin-bottom:0;
}
#preview-step-description li p.desc-more,
.mobile-step-description p span.desc-more{display:none;
    font-weight:400;font-size:14px;color:#31363D;
    margin-top:10px;
    margin-bottom:0;
}
/*#preview-step-description li.active p.desc-more{display:block}*/
#preview-step-image{height:468px;position:relative}
#preview-step-image img{position:absolute;top:0;
    left:calc(var(--bs-gutter-x) * .5);
    width:calc(100% - (var(--bs-gutter-x)) );
    height:100%;object-fit:cover;-o-object-fit:cover
}

#preview-step-description li{list-style:none;
    display:flex;
    flex-wrap:wrap;
    align-items:center;
    margin-bottom:15px;
    position:relative;
    cursor:pointer;
}
#preview-step-description li:after{content:"";position:absolute;
    border-right:1px dashed #C9C9C9;
    left:0;
    width:20px;
    top:40px;
    height:100%;
}
#preview-step-description li:last-child:after{display:none}
#preview-step-description li.active{align-items:flex-start}
#preview-step-description li.active .desc-title{padding-top:5px}
#preview-step-description li.active .step-number{background-color:#59C3E1;color:white}
#preview-step-description .step-number{background-color:#BEE2DC;width:40px;height:40px;border-radius:50%;margin-right:12px;
    display:flex;align-items:center;justify-content:center;font-size:15px;
}
#preview-step-description .step-number + .step-description{width:calc(100% - 52px)}

.plans{margin-top:160px} 
.plans h6{margin:0;margin-bottom:80px}
.plans .inside{border:1px solid #59C3E1;border-radius:8px;padding:40px 20px 20px;background-color:rgb(241,253,255);
    box-shadow:0 3px 8px rgb(230,234,246);
}
.plans .inside .plan-title{background-color:#F3FDFF;color:#59C3E1;border:1px solid #59C3E1;
    padding:12px 24px;font-size:18px;border-radius:8px;
    top:-23px;left:0;margin:0 auto;right:0;text-align:center;
    width:225px;
}

.plans .inside img{display:block;margin:0 auto}
.plans .inside .price{color:#59C3E1;width:210px;margin:0 auto}
.plans .inside .price .price-unit{text-align:left;font-size:14px;margin-bottom:5px;display:block}
.plans .inside .price .price-text{font-size:30px;margin:0;letter-spacing:.8px}
.plans .inside .price .more-info{color:#727272;font-size:14px;margin-top:5px;margin-bottom:0;text-align:center}
.plans .inside .plan-description{font-size:16px;color:#727272;line-height:23.17px;height:85px;}
.plans .inside a{display:block;background-color:#59C3E1;padding:12px 24px;color:white;text-align:center;
    border-radius:6px;box-shadow:0 3px 6px #C9C9C9;
    margin-top:50px;
}
.plans .inside .plan-description .highlight-text{color:#59C3E1}
.plans .inside a:hover{background-color:white;color:#59C3E1}
.plans .inside .how-to-use{font-size:.8rem;cursor:pointer;display:block}
.plans .inside .how-to-use i{margin-right:3px;color:#727272}

#gift-card-container .price{width:96px}
#gift-card-container .plan-description{margin-top:32px}

#pro-course-container .price{width:100%;text-align:center;margin-top:28px}
#pro-course-container .plan-description{height:85px;margin-top:30px}

.apPopup .content .closeap{border:0}
.apPopup{background-color:#F3FDFF;padding-top:50px !important;padding-bottom:20px !important}
.apPopup-2{padding-left:20px !important;padding-right:20px !important;width:590px !important}
.double-border-container{border-top:4px double #59C3E1;border-bottom:4px double #59C3E1}
.double-border-container ul{list-style:decimal}
.double-border-container ul li{font-size:16px;line-height:23.17px;color:#727272}
.apPopup .content .closeap{top:-40px;}
.apPopup .content .closeap .bx{font-size:35px}

.mobile-step-description{}
.mobile-step-description p{margin:0;display:none}
.mobile-step-description p span.desc-more{display:block;margin:0}

@media screen and (max-width:1000px){
    .expert-link-container{padding-top:300px}
}

@media screen and (max-width:991px){
    .advantage-bar .service-advantage-circle{width:300px}
    .expert-link-container{padding-top:280px}

    .blue-section h3{font-size:30px;text-align:center;margin-bottom:5px}
    .blue-section h3 + .subtitle p{width:100%}
    .blue-section h3 + .subtitle a{width:100%;margin-top:20px}
    .plans h6{margin-bottom:60px}

    .reservation-steps-container .reservation-steps{padding:20px 25px}
    #preview-step-image{height:400px;margin-bottom:15px}

    #preview-step-description ul{padding-left:0;display:flex;width:100%;
        justify-content:space-between;
    }
    #preview-step-description li{justify-content:center;margin-bottom:0}
    #preview-step-description .step-number{margin-right:0;width:48px;height:48px}
    #preview-step-description .step-number + .step-description{display:none}

    #preview-step-description li:after{
        left:48px;border-right:0;border-bottom:1px dashed #C9C9C9;
        top:0;
        height:24px;
        width:200%;
    }
}

@media screen and (max-width:768px){
    .advantage-bar .service-advantage-circle{margin-left:0 !important;margin-right:0 !important;margin:0 auto 20px !important}
    .service-advantages .advantage-bar#adv-bar-2 .left-circle{margin-top:0}

    .expert-link-container{padding-top:250px}
    .reservation-steps-container{margin-top:80px}

    .blue-section{
        background:
            url(blue-background-decorations-mobile.png) left center/100% no-repeat,
            linear-gradient(180deg, #59C3E1 0%, #BEE2DC 54.17%, #F3FDFF 100%)
    }

    #pro-course-container .plan-description{height:auto}
    .plans .inside a{margin-top:15px}
    #preview-step-image{height:300px}
}

@media screen and (max-width:600px){
    .question-person-with-bubbles{}
    .question-person-with-bubbles img{display:none}
    .question-person-with-bubbles img.question-person{display:block;max-width:300px}
    .question-person-with-bubbles .bubbles img{display:block}

    .question-person-with-bubbles .bubbles{display:block}
}

@media screen and (max-width:550px){
    #preview-step-image{height:280px}
    #preview-step-description li:after{width:100%}
}

@media screen and (max-width:500px){
    #preview-step-image{height:240px}
}