/* ==========================================================
   COACHING PAGE - MOBILE (768px)
========================================================== */

@media (max-width:768px){

/*Intro*/
.coaching-intro{
    padding:70px 0;
}

.coaching-container{
    width:92%;
    display:flex;
    flex-direction:column;
    gap:35px;
}

.coaching-image{
    position:relative;
    top:0;
    justify-content:center;
    margin-top: 30px;
}

.coaching-image-placeholder{
    width:220px;
    height:320px;
    font-size:18px;
    margin-top: 30px;
}

.coaching-content{
    max-width:100%;
    margin:0;
    text-align:center;
}

.coaching-title{
    font-size:2.6rem;
    line-height:1;
    margin-bottom:25px;
    letter-spacing:-1px;
}

.coaching-content p{
    font-size:16px;
    line-height:1.7;
    margin-bottom:18px;
}

.coaching-quote{
    font-size:20px;
    padding-left:15px;
    margin:25px 0;
    text-align:left;
}

.coaching-highlight{
    margin:25px 0;
}

.coaching-highlight p{
    font-size:18px;
}

.coaching-ending p{
    font-size:20px;
}

.coaching-ending h3{
    font-size:28px;
}

.coaching-tag{
    font-size:22px;
}

.v-divider-black svg{
    display:block;
    width:100%;
    height:150px;
    transform:translateY(1px);
}

/* ---------------- FEATURES ---------------- */

.coaching-features{
    padding:70px 0;
}

.features-title{
    font-size:26px;
    line-height:1.25;
    letter-spacing:0;
    margin-top:0;
    margin-bottom:20px;
}

.features-intro{
    font-size:17px;
    margin-bottom:45px;
}

.feature-heading{
    font-size:24px;
    margin:40px 0 25px;
}

.feature-heading span{
    font-size:30px;
}

.feature-grid{
    gap:10px;
}

.feature-card{
    padding:12px 18px;
    font-size:14px;
    border-radius:40px;
}

.v-divider-bottom svg{
    height:80px;
    margin-top: 30px;
}
/*Experience*/
.experience-section{
    padding:80px 0;
}

.experience-title{
    font-size:38px;
    margin-top:-20px;
    margin-bottom:15px;
}

.experience-subtitle{
    font-size:17px;
    line-height:1.7;
    margin-bottom:45px;
    width:92%;
}

.experience-grid{
    grid-template-columns:1fr;
    gap:35px;
    max-width:650px;
    margin:0 auto;
}

.experience-card{
    min-height:auto;
    padding:35px 30px;
}

.experience-card h3{
    font-size:30px;
    margin-bottom:12px;
}

.experience-price{
    font-size:28px;
    margin-bottom:25px;
}

.experience-list li{
    font-size:16px !important;
    line-height:1.5 !important;
    margin-bottom:14px;
    padding-left:28px;
}

.experience-list li::before{
    font-size:16px;
}

.experience-btn{
    margin-top:25px;
    font-size:16px;
    padding:16px 0;
}

/* ---------------- LOVE ---------------- */

.love-section{
    padding:0 0 60px;
}

.love-title{
    font-size:34px;
    margin-bottom:30px;
}

.love-title span{
    font-size:40px;
}

.love-photo{
    width:180px;
    height:180px;
}

/* ---------------- APPLY ---------------- */

.apply-section{
    padding:40px 0 80px;
}

.apply-container{
    width:92%;
}

.apply-title{
    font-size:34px;
}

.apply-intro{
    font-size:16px;
    margin-bottom:40px;
}

.coaching-form{
    gap:18px;
}

.form-group label{
    font-size:15px;
}

.form-group input,
.form-group textarea{
    padding:14px 16px;
    font-size:15px;
}

.apply-btn{
    width:100%;
    padding:16px;
    font-size:16px;
}

}
/* ==========================================================
   COACHING PAGE - SMALL PHONES
========================================================== */

@media (max-width:480px){
/*Intro*/
.coaching-intro{
    padding:35px 0 55px;
}

.coaching-container{
    width:80%;
    display:flex;
    flex-direction:column;
    align-items:center;
    gap:28px;
}

/* IMAGE */

.coaching-image{
    position:relative;
    top:0;
    width:100%;
    justify-content:center;
    margin-top: 30px;
}

.coaching-image-placeholder{
    width:180px;
    height:255px;
    border-radius:14px;
    font-size:15px;
    margin-top: 30px;
}

/* CONTENT */

.coaching-content{
    width:100%;
    max-width:100%;
    margin:0;
    text-align:center;
}

.coaching-title{
    font-size:2.3rem;
    line-height:0.95;
    letter-spacing:-1px;
    margin-bottom:20px;
}

.coaching-title .gold{
    display:block;
    margin-top:4px;
}

.coaching-content p{
    font-size:14px;
    line-height:1.7;
    margin-bottom:16px;
    color:#e8e8e8;
}

/* QUOTE */

.coaching-quote{
    margin:24px auto;
    padding-left:14px;
    border-left:3px solid #F4C430;
    font-size:18px;
    line-height:1.45;
    text-align:left;
    max-width:95%;
}

/* HIGHLIGHT */

.coaching-highlight{
    margin:25px 0;
}

.coaching-highlight p{
    font-size:17px;
    line-height:1.45;
}

/* ENDING */

.coaching-ending{
    margin-top:30px;
}

.coaching-ending p{
    font-size:18px;
}

.coaching-ending h3{
    font-size:24px;
    line-height:1.3;
}

.coaching-tag{
    font-size:20px;
    margin-top:15px;
}

.v-divider-black svg{
    display:block;
    width:100%;
    height:150px;
    transform:translateY(1px);
}

/* Features */

.features-title{
    font-size:20px;
}

.features-intro{
    font-size:14px;
}

.feature-heading{
    font-size:18px;
}

.feature-heading span{
    font-size:24px;
}

.feature-card{
    padding:10px 14px;
    font-size:12px;
}

.v-divider-bottom svg{
    height:80px;
    margin-top: 30px;
}
/* Experience */
.experience-section{
    padding:60px 0;
}

.experience-title{
    font-size:30px;
    line-height:1.2;
    margin-top:-10px;
    margin-bottom:12px;
}

.experience-subtitle{
    font-size:15px;
    width:92%;
    margin-bottom:35px;
}

.experience-grid{
    grid-template-columns:1fr;
    gap:25px;
}

.experience-card{
    padding:28px 22px;
    border-radius:14px;
    min-height:auto;
}

.experience-card h3{
    font-size:24px;
    margin-bottom:10px;
}

.experience-price{
    font-size:23px;
    margin-bottom:20px;
}

.experience-list li{
    font-size:15px !important;
    line-height:1.45 !important;
    margin-bottom:12px;
    padding-left:24px;
}

.experience-list li::before{
    font-size:15px;
    top:1px;
}

.experience-btn{
    margin-top:22px;
    padding:15px 0;
    font-size:15px;
}

/* Love */

.love-title{
    font-size:26px;
}

.love-title span{
    font-size:30px;
}

.love-photo{
    width:130px;
    height:130px;
}

/* Apply */

.apply-title{
    font-size:28px;
}

.apply-intro{
    font-size:14px;
}

.form-group label{
    font-size:13px;
}

.form-group input,
.form-group textarea{
    padding:12px 14px;
    font-size:14px;
}

.apply-btn{
    font-size:14px;
    padding:14px;
}

}