@import url('https://fonts.googleapis.com/css2?family=Cabin:ital,wght@0,400..700;1,400..700&display=swap');
*,
*::before,
*::after{
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    padding: 0px;
    margin: 0px;
}
:root{
    --text-primary:#D9F1FF;
    --text-secondary:#004AAD;
    --text-black:#000000;
    --text-dark:#1C2C2C;
    --text-gray:#A6A6A6;
    --text-white:#ffffff;

    --bg-primary:#D9F1FF;
    --bg-secondary:#004AAD;
    --bg-orange:#FF594C;
    --bg-white:#ffffff;
}
html{
    color: var(--text-dark);
    font-size: 32px;
    line-height: 1.25;
    font-family:  "Cabin", sans-serif;
}
h1,h2,h3,h4,h5,h6{
    font-weight: 700;
}
h1{
    font-size: 1.875rem;
}
h2{
    font-size: 1.3125rem;
    margin-bottom: 1.0625rem;
}
h6{
    font-size: 1rem;
}
p{
    margin-bottom: 1rem;
}
img{
    display: block;
    max-width: 100%;
}
.text-primary{color: var(--text-primary);}
.text-secondary{color: var(--text-secondary);}
.text-black{color: var(--text-black);}
.text-dark{color: var(--text-dark);}
.text-white{color: var(--text-white);}
.text-center{text-align: center;}
.bg-primary{background-color: var(--bg-primary);}
.bg-secondary{background-color: var(--bg-secondary);}
.bg-orange{background-color: var(--bg-orange);}
.bg-white{background-color: var(--bg-white);}

.bold{
    font-weight: 700;
}
.italic{
    font-style: italic;
}
.container{
    max-width: 600px;
    margin: auto;
    border-left: 1px solid var(--text-primary);
    border-right: 1px solid var(--text-primary);
    background-color: var(--bg-white);
}
.top-section{
    padding: 0.5rem 0.75rem;
}
.logo-section{
    position: sticky;
    top:0px;
    background-color: var(--bg-white);
    border-bottom: 1px solid var(--text-primary);
}
.logo-wrapper{
    line-height: 1em;
    display: block;
    max-width: -webkit-max-content;
    max-width: -moz-max-content;
    max-width: max-content;
    margin: auto;
}
.logo{
    width: 6.125rem;
    height: 2.3125rem;
    -o-object-fit: contain;
       object-fit: contain;
}
.header-section{
    padding: 0.49rem 0.75rem;
}
.w-100{width: 100%;}
.booking-section{
    padding: 2.0625rem 0rem 2.3125rem 0rem;
}
.booking-content{
    padding-left: 2.8125rem;
    padding-right: 2.8125rem;
}
.btn{
    color: var(--text-white);
    font-weight: 700;
    display:block;
    padding:0.5rem 0.8rem;
    border-radius: 50rem;
    text-decoration: none;
    background-color: var(--bg-orange);
}
.btn:hover{
   background-color: #ff2111; 
}
.booking-content{
    color: var(--text-black);
}
.booking-content>*{
    margin-bottom: 1.1875rem;
}
.booking-content>*:last-child{
    margin-bottom: 0px;
}
.brand-section{
    padding: 1rem 0.8125rem 2.1875rem;
}
.brand-section>div{
    padding: 0rem 1.0625rem;
}
.brand-links{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 0.5rem;
    padding-top: 0.375rem;
}
.brand-link{
    display: block;
}
.brand-link img{
    width: 100%;
}
.how-works-section{
    padding: 2.3125rem 0rem;
}
.how-works-top{
    padding: 0rem 1.5rem 0rem 1.875rem;
}

ol{
    color: var(--text-secondary);
    font-weight: 700;
    padding-top: 0.625rem;
    padding-left: 0.625rem;
}
ol li{
    margin-bottom: 1.7rem;
    padding-left: 0.375rem;
}
ol h6{
    margin-bottom: 0.125rem;
}
ol p{
    font-weight: 400;
    line-height: 1.35rem;
    color: var(--text-dark);
    margin-bottom: 0px;
}
.how-works-top>p{
    line-height: 1.4rem;
}
.how-works-bottom{
    padding-top: 0.625rem ;
}
.how-works-bottom > .btn {
    margin-bottom: 1.875rem;
}
.therapists-section{
    padding: 1.3125rem 1.875rem 2.625rem;
}
.therapist-list{
    padding-top: 1.375rem;
}
.therapist-item{
    text-align: center;
    margin-bottom: 2.1875rem;
}
.therapist-img{
    width: 6rem;
    height: 6rem;
    border-radius: 50%;
    object-fit: cover;
    margin: auto auto 14px auto;
}
.therapist-item:last-child{
    margin-bottom: 0px;
}
.therapist-name{
    font-weight: 700;
}
.booking-section2{
    padding:2.375rem 0rem;
}
.booking-section2 .booking-content>*{
    margin-bottom: 1.5rem;
}
.booking-section2 .booking-content>*:last-child{
    margin-bottom: 0px;
}
ul{
    padding-left: 1.2rem;
    margin-bottom: 1rem;
}
.center-info-section{

}
.center-info-top{
    padding: 1.5625rem 1.875rem 0rem;
}
.center-info-top h2{
    margin-bottom: 1.625rem;
}
.center-info-top ul{
    margin-bottom: 1.6rem;
}
.center-info-top p{
    line-height: 1.36rem;
    margin-bottom: 1.5rem;
}
.center-map-wrapper{
    padding:0rem 0.875rem;
}
.center-map-wrapper iframe{
    width: 100%;
    height: 16rem;
}
.center-info-bottom{
    color: var(--text-gray);
    font-size: 0.625rem;
    padding: 1.25rem 0.875rem 1.4375rem 0.875rem;
}
@media(max-width:599.98px){
    html{
        font-size: 22px;
    }
    .container{
        border: none;
    }
}
@media(max-width:369.98px){
    html{
        font-size: 18px;
    }
}