.bft_hero_gr{
    display: grid;
    align-items: center;
    grid-template-columns: repeat(12,1fr);
}
.bft_hero_gr .left_side{
    grid-column: span 7;
}
.bft_hero_gr .left_side p{
    font-size: clamp(3rem,calc(5vw + 0.1rem),4.5rem);
    font-family: var(--font-outfit);
    font-weight: 700;
    line-height: 1.3;
    text-transform: capitalize;
    overflow: hidden;
}
.bft_hero_gr .left_side p span{
    display: inline-block;
}
.bft_hero_gr .left_side p span span{
    color: #0CBC0C;
}
.bft_hero_gr .left_side p.sub_c{
    font-size: 1.25rem;
    font-weight: 400;
    color: #333333;
    max-width: 60%;
    line-height: 1.2;
    text-transform: none;
    margin-top: 8px;
}
.bft_hero_gr .left_side .btns{
    display: flex;
    justify-content: flex-start;
    gap: 16px;
    margin-top: 40px;
}
.bft_hero_gr .r_side{
    grid-column: span 5;
    display: flex;
    gap: 40px;
    position: relative;
}
.bft_hero_gr .r_side::after{
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(180deg,rgba(255, 255, 255, 1) 0%, rgba(0, 0, 0, 0) 15%, rgba(0, 0, 0, 0) 85%, rgba(255, 255, 255, 1) 100%);
}
.bft_hero_gr .r_side .animcontainer{
    flex: 1;
    height: 90vh;
    overflow: hidden;
}
.bft_hero_gr .r_side .animcontainer .inside{
    display: flex;
    flex-direction: column;
    gap: 24px;
    animation: scrolling 20s linear infinite;
    height: max-content;
}
.bft_hero_gr .r_side .animcontainer.totop .inside{
    animation-direction : reverse;
}
@keyframes scrolling{
    100% {
        transform: translateY(calc(-50% - 12px));
    }
}
.bft_hero_gr .r_side .animcontainer .inside .imagebox{
    padding-top: calc(340 / 248 * 100%);
    position: relative;
    overflow: hidden;
    border-radius: 24px;
}
.bft_hero_gr .r_side .animcontainer .inside .imagebox img{
    width: 100%;
    height: 100%;
    object-fit: cover;
    position: absolute;
    top: 0;
    left: 0;
}
.tipsgr{
    display: grid;
    grid-template-columns: repeat(12,1fr);
    gap: 20px;
    position: relative;
    z-index: 2;
}
.tipsgr .col-4{
    grid-column: span 4;
}
.tipsgr .lefts{
    position: relative;
    display: flex;
    align-items: center;
    /* margin-top: 48px; */
}
.tipsgr .bigtitle p{
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.3;
    color: #201B1B;
}
.tipsgr .bigtitle p.title{
    font-size: clamp(2rem,calc(5vw + 0.1rem),4.5rem);
    font-weight: 700;
    color: #0F3963;
    font-family: var(--font-outfit);
    line-height: 1.2;
}
.tipsgr .lefts .lowertxt p.title{
    margin-bottom: 48px;
}
.midimgbox{
    padding-top: calc(732/424 * 100%);
    overflow: hidden;
    position: relative;
    border-radius: 24px;
}
.midimgbox img{
    width: 100%;
    height: 100%;
    object-fit: cover;
    position: absolute;
    top: 0;
    left: 0;
}
.bft_tips .mid{
    position: relative;
}
.bft_tips .mid .iconbox{
    position: absolute;
    top: 0;
    right: 0;
    transform: translateX(90%) translateY(-24px);
    background: #fff;   
    box-shadow: 0px 0px 6px -2px #00000030;
    border-radius: 8px;
    display: flex;
    align-items: center;
    gap: 10px;
    width: 284px;
    padding: 16px;
}
.bft_tips .mid .iconbox p{
    font-size: 0.875rem;
    font-weight: 400;
    color: #333333;
}
.bft_tips .mid .iconbox .icon{
    height: 40px;
    width: 40px;
    background: #071930;
    border-radius: 4px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
}
.bft_tips .mid .iconbox .icon img{
    width: 60%;
    height: 60%;
    object-fit: contain;
    display: block;
}
.bft_tips .rights{
    display: flex;
    align-items: center;
    position: relative;
}
.bft_tips .rights .lowercard{
    position: relative;
    bottom: 0%;
    display: flex;
    align-items: flex-end;
    gap: 10px;
    width: 90%;
    transform: translateY(48px);
}
.bft_tips .rights .lowercard .box{
    background: #fff;
    box-shadow: 0px 0px 6px -2px #00000030;
    border-radius: 8px;
    text-align: center;
    position: relative;
    width: calc(60% - 10px);
    padding: 32px 16px 16px 16px;
}
.bft_tips .rights .lowercard .box .icon{
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateY(-50%) translateX(-50%);
    height: 60px;
    width: 60px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #6DA7DF;
}
.bft_tips .rights .lowercard .box p{
    font-size: 1.25rem;
    font-weight: 400;
    font-family: var(--font-outfit);
}
.bft_tips .rights .lowercard .box .icon img{
    width: 80%;
    height: 80%;
    display: block;
}
.bft_tips .rights .lowercard .rimg {
    width: 40%;
}
.bft_tips .rights .lowercard .rimg img{
    width: 100%;
    object-fit: contain;
    border-radius: 8px;
    display: block;
}
.bft_tips{
    position: relative;
}
.bft_tips .bg_layer{
    position: absolute;
    right: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
    display: flex;
    align-items: flex-end;
    justify-content: flex-end;
    display: none;
}
.bft_tips .bg_layer img{
    width: 100%;
    /* height: 100%; */
    object-fit: contain;
    display: block;
    max-width: 642px;
    object-position: right;
}
.lefts .topcard{
    padding: 16px;
    box-shadow:0px 0px 6px -2px #00000030;
    background: #fff;
    border-radius: 8px;
    display: flex;
    align-items: center;
    gap: 20px;
    position: absolute;
    top: 40px;
    left: 0;
    width: 90%;
}
.lefts .topcard .icon{
    height: 60px;
    width: 60px;
    background: #071930;
    border-radius: 4px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.lefts .topcard .icon img{
    width: 60%;
    height: 60%;
    object-fit: contain;
    display: block;
}
.lefts .topcard .cont{
    width: calc(100% - 70px);
}
.lefts .topcard .cont p.title{
    font-size: 32px;
    color: #333333;
    font-family: var(--font-outfit);
    font-weight: 700;
    line-height: 1;
    margin-bottom: 8px;
}
.lefts .topcard .cont p{
    font-size: 0.875rem;
    font-weight: 400;
    line-height: 1.2;
}
.bftreveals{
    margin-top: 40px;
    display: flex;
    flex-direction: column;
    gap: 40px;
}
.bft_card_rev{
    max-width: 1090px;
    margin: 0 auto;
    display: flex;
    gap: 0;
    position: relative;
    border-radius: 16px;
    overflow: hidden;
}
.bft_card_rev .imgside{
    position: relative;
    width: 45%;
    left: 50%;
    transform: translateX(-50%);
    z-index: 2;
    transition:all 0.8s var(--ease-out-expo);
    /* height: 100%; */
}
.bft_card_rev.in-view .imgside{
    left: 0;
    transform: translateX(0%);
}
.bft_card_rev.in-view .imgside img{
    border-radius: 16px 0 0 16px;
}
.bft_card_rev .imgside img{
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
    border-radius: 16px;
}
.bft_card_rev .contentside{
    position: relative;
    right: 50%;
    /* height: 100%; */
    width: 55%;
    top: 0;
    display: flex;
    align-items: center;
    padding: 16px;
    opacity: 0;
    transition:all 0.8s var(--ease-out-expo);
    border-radius: 0 16px 16px 0;
    border: 1px solid #BCBCBC;
    border-left: 0;
}
.bft_card_rev.in-view .contentside{
    right: 0;
    opacity: 1;
}
.bft_card_rev .contentside p.title{
    font-size: 1.5rem;
    font-weight: 700;
    font-family: var(--font-outfit);
    color: #009748;
    margin-bottom: 8px;
    line-height: 1;
}
.bft_card_rev .contentside p{
    font-size: 1rem;
    font-weight: 400;
    color: #181818;
}
.bft_card_rev .contentside ul{
    margin-top: 16px;
}
.bft_card_rev .contentside ul li{
    display: flex;
    align-items: flex-start;
    gap: 16px;
}
.bft_card_rev .contentside ul li svg{
    flex-shrink: 0;
}
.meals .headingsbox{
    text-align: left;
    width: 100%;
}
.meals .meal_gr{
    display: flex;
    gap: 20px;
}
.meals .lside,.meals .rside{
    width: calc(50% - 10px);
}
.meals .lside ul{
    margin-top: 40px;
    display: flex;
    flex-direction: column;
    gap: 32px;
}
.meals .lside ul li{
    display: flex;
    align-items: center;
    gap: 24px;
}
.meals .lside ul li .icon{
    height: 26px;
    width: 26px;
    flex-shrink: 0;
}
.meals .lside ul li .icon img{
    height: 100%;
    width: 100%;
    object-fit: contain;
    display: block;
}
.meals .lside ul li .cont p{
    font-size: 1rem;
    font-weight: 400;
    color: #454545;
    font-family: var(--font-outfit);
}
.meals .lside ul li .cont p.title{
    font-size: 1.125rem;
    font-weight: 600;
    color: #171717;
}
.meals .headingsbox p.maintitle{
    color: #171717;
}
.meals .rside .imgbox{
    width: 100%;
    height: 100%;
}
.meals .rside .imgbox img{
    width: 100%;
    height: 100%;
    object-fit: contain;
    display: block;
}
.features .feature_gr{
    display: grid;
    grid-template-columns: repeat(3,1fr);
    gap: 20px;
    margin-top: 56px;
}
.features .feature_gr .feat_card .imagebox{
    padding-top: calc(431/ 431 * 100%);
    position: relative;
    overflow: hidden;
}
.features .feature_gr .feat_card .imagebox img{
    width: 100%;
    height: 100%;
    object-fit: contain;
    position: absolute;
    top: 0;
    left: 0;
}
.features .feature_gr .feat_card .content{
    margin-top: 32px;
}
.features .feature_gr .feat_card .content p{
    /* font-family: var(--font-outfit); */
    font-size: 1rem;
    font-weight: 400;
    color: #201B1B;
    padding-right: 16px;
}
.features .feature_gr .feat_card .content p.title{
    font-size: 2rem;
    font-weight: 600;
    color: #201B1B;
    line-height: 1.2;
    font-family: var(--font-outfit);
    margin-bottom: 16px;
    padding-right: 0;
}
.trust .trustsl_box{
    background: #E7EBEF;
    border-radius: 40px;
    padding: 40px;
    position: relative;
    margin-top: 40px;
}
.trust .trustsl_box .trust-slider{
    height: 100%;
}
.trustslide{
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 40px;
}
.trustslide .imgside .imgbox{
    max-width: 400px;
    width: 400px;
    padding-top: calc(400 / 400 * 100%);
    border-radius: 40px;
    overflow: hidden;
    position: relative;
    flex-shrink: 0;
}
.trustslide .imgside img{
    width: 100%;
    height: 100%;
    object-fit: contain;
    position: absolute;
    top: 0;
    left: 0;
}
.trustslide .leftside{
    width: calc(100% - 500px);
    padding-left: 60px;
}
.trustslide .leftside .content{
    display: flex;
    flex-direction: column;
    gap: 8px;
}
.trustslide .leftside .content p{
    font-size: 1rem;
    font-weight: 400;
    color: #454545;
    line-height: 1.4;
}
.trustslide .leftside .namebox{
    margin-top: 48px;
}
.trustslide .leftside .namebox p{
    color: #454545;
    font-family: var(--font-outfit);
    font-weight: 700;
    font-size: 1.25rem;
    line-height: 1.2;
}
.trustsl_box .swiper-pagination{
    position: absolute;
    left: 50%;
    width: auto;
    bottom: 24px;
    top: auto;
    transform: translateX(-50%);
    /* flex-direction: column;
    gap: 10px; */
}
.trustsl_box .swiper-pagination-bullet{
    height: 18px;
    width: 18px;
    background: #CFCBC7;
    opacity: 1;
}
.trustsl_box .swiper-pagination-bullet.swiper-pagination-bullet-active{
    background: #0F3963;
}
.downloads {
    position: relative;
}
.downloads .toplayer{
    position: relative;
    z-index: 2;
}
.downloads .down_gr{
    display: flex;
    gap: 40px;
    align-items: center;
}
.downloads .down_gr .imageside,.downloads .down_gr .contentside{
    width: calc(50% - 20px);
}
.downloads .down_gr .imageside .imagebox{
    position: relative;
    padding-top: calc(530 / 586 * 100%);
    overflow: hidden;
}
.downloads .down_gr .imageside .imagebox img{
    width: 100%;
    height: 100%;
    object-fit: contain;
    position: absolute;
    top: 0;
    left: 0;
}
.downloads .bglayer{
    position: absolute;
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    display: none;
}
.downloads .bglayer img{
    width: 100%;
    height: 90%;
    margin: 0 5%;
    object-fit: contain;
    object-position: right;
    max-height: 642px;
}
.downloads .down_gr .contentside .headingsbox{
    text-align: left;
}
.downloads .down_gr .contentside .headingsbox li{
    display: flex;
    align-items: center;
    gap: 24px;
}
.downloads .down_gr .contentside .headingsbox .icon{
    height: 26px;
    width: 26px;
}
.downloads .down_gr .contentside .headingsbox .icon img{
    height: 100%;
    width: 100%;
    object-fit: contain;
    display: block;
}
.downloads .down_gr .contentside .headingsbox .cont p{
    font-size: 1rem;
    font-weight: 400;
    color: #454545;
    font-family: var(--font-outfit);
}
.downloads .down_gr .contentside .headingsbox .cont p.title{
    font-size: 1.125rem;
    font-weight: 600;
    color: #171717;
}
.downloads .midapps{
    margin: 8px 0;
    display: flex;
    gap: 24px;
    justify-content: flex-start;
}
.downloads .midapps a{
    display: flex;
    max-width: 140px;
}
.downloads .midapps a img{
    width: 100%;
    object-fit: contain;
    display: block;
}

.coach .bft_hero_gr .left_side{
    grid-column: span 5;
}
.coach .bft_hero_gr .r_side{
    grid-column: span 7;
}
.coach .bft_hero_gr .r_side::after{
    display: none;
}
.coach .coachbanner{
    display: flex;
    gap: 24px;
    width: 100%;
}
.coach .coachbanner img{
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
    border-radius: 24px;
}
.coach .coachbanner .big{
    width: 60%;
}
.coach .coachbanner .small{
    width: 40%;
    display: flex;
    flex-direction: column;
    gap: 24px;
}
.coach .features .headingsbox p{
    max-width: 850px;
}
.coach .features .feature_gr .feat_card .content{
    text-align: center;
}
.midbanner{
    background: #141414;
    margin: 40px auto;
}
.midbanner .mid_gr{
    display: grid;
    grid-template-columns: repeat(12,1fr);
    gap: 24px;
}
.midbanner .leftbx,.midbanner .rbx{
    grid-column: span 6;
    color: #fff;
}
.midbanner .leftbx .contbox p.title{
    font-size: clamp(2rem,calc(4.44vw + 0.1rem),4rem);
    font-weight: 600;
    font-family: var(--font-outfit);
    line-height: 1.2;
    overflow: hidden;
}
.midbanner .leftbx .contbox p.title span{
    display: inline-block;
}
.midbanner .leftbx .contbox p.midtxt{
    margin: 64px auto;
    font-size: 1.75rem;
    font-weight: 500;
    font-family: var(--font-outfit);
    line-height: 1;
}
.midbanner .rbx{
    display: flex;
    /* align-items: center; */
}
.midbanner .rbx .image{
    width: 100%;
    padding-top: calc(567 / 844 * 100%);
    position: relative;
    overflow: hidden;
    height: 100%;
}
.midbanner .rbx .image img{
    width: 100%;
    height: 100%;
    object-fit: cover;
    position: absolute;
    top: 0;
    left: 0;
}
.midbanner .linkbox p{
    font-size: 1.25rem;
    font-weight: 400;
    font-family: var(--font-outfit);
    margin-bottom: 8px;
}
.midbanner .linkbox .links{
    display: flex;
    gap: 16px;
}
.midbanner .linkbox .links img{
    display: block;
    max-width: 120px;
    object-fit: contain;
}
.coach .trust .headingsbox {
    margin: 0;
}
.coach .trust .trustsl_box{
    background: #fff;
    padding: 0;
    padding-left: 40px;
}
.how_works .how_w_card{
    max-width: 1200px;
    margin: 0 auto;
    display: flex;
    gap: 24px;
    width: 100%;
}
.how_works .how_w_card:nth-child(even){
    flex-direction: row-reverse;
    text-align: right;
}
.how_works .how_w_card:nth-child(even) .lft{
    justify-content: flex-end;
}
.how_works .how_grid{
    display: flex;
    flex-direction: column;
    gap: 40px;
    margin-top: 40px;
}
.how_works .how_w_card .image,.how_works .how_w_card .lft{
    flex: 1;
}
.how_works .how_w_card .image .imgbx{
    position: relative;
    overflow: hidden;
    border-radius: 24px;
    padding-top: calc(313 / 535 * 100%);
}
.how_works .how_w_card .image .imgbx img{
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    object-fit: cover;
}
.how_works .how_w_card .lft{
    display: flex;
    align-items: center;
}
.how_works .how_w_card .lft .cont{
    display: flex;
    flex-direction: column;
    gap: 16px;
}
.how_works .how_w_card .lft p{
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.4;
    width: 444px;
}
.how_works .how_w_card .lft p.title{
    font-size: 2.25rem;
    font-weight:600;
    color: #201B1B;
    font-family: var(--font-outfit);
    line-height: 1.2;
    overflow: hidden;
    width: 100%;
}
.how_works .how_w_card .lft p.title span{
    display: inline-block;
}
.how_works .how_w_card .lft p.title.top{
    font-weight: 300;
}
.become .becomebox{
    padding: 32px;
    background: #57B8941A;
    border-radius: 40px;
    display: flex;
    gap: 40px;
}
.become .becomebox .lft {
    padding: 40px;
    width: calc(50% - 20px);
    display: flex;
    align-items: center;
}
.become .becomebox .lft .cont{
    display: flex;
    flex-direction: column;
    gap: 32px;
}
.become .becomebox .lft .cont p{
    font-family: var(--font-outfit);
    line-height: 1.4;
    font-size: 1rem;
    font-weight: 400;
    color: #454545;
}
.become .becomebox .lft .cont p.title{
    font-size: clamp(2rem,calc(3.33rem),3rem);
    font-weight: 700;
    color: #171717;
    font-family: var(--font-outfit);
    line-height: 1.2;
    overflow: hidden;
}
.become .becomebox .lft .cont p.title span{
    display: inline-block;
}
.become .becomebox .rgt{
    width: calc(50% - 20px);
}
.become .becomebox .rgt .imagebox{
    position: relative;
    padding-top: calc(496 / 506 * 100%);
    border-radius: 24px;
    overflow: hidden;
}
.become .becomebox .rgt .imagebox img{
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    object-fit: cover;
}
/* large  */
@media only screen and (max-width: 1200px) {
    .lefts .topcard{
        top: 0;
    }
    .tipsgr .lefts .lowertxt {
        margin-top: 48px;
    }
    .bft_tips .rights .lowercard .box p{
        font-size: 1rem;
    }
}
/* tab  */
@media only screen and (max-width: 991px) {
    .bft_hero_gr .r_side{
        display: none;
    }
    .bft_hero_gr .left_side{
        grid-column: span 12;
    }
    .tipsgr .col-4{
        grid-column: span 12;
    }
    .tipsgr .lefts{
        order: 1;
        flex-direction: column-reverse;
        gap: 24px;
    }
    .tipsgr{
        gap: 60px 0;
    }
    .tipsgr .lefts .lowertxt{
        margin-top: 0;
    }
    .tipsgr .lefts .lowertxt p.title{
        margin-bottom: 8px;
    }
    .tipsgr .bigtitle p.title{
        font-size: 2.5rem;
    }
    .tipsgr .rights{
        order: 2;
    }
    .tipsgr .mid{
        order: 3;
    }
    .lefts .topcard{
        position: relative;
        box-shadow: none;
        width: 100%;
        padding: 0;
    }
    .bft_tips .rights .lowercard{
        transform: none;
        margin-top: 24px;
        width: 100%;
    }
    .bft_tips .mid .iconbox{
        /* display: none; */
        transform: translateX(0%) translateY(-24px);
    }
    .bft_tips .rights .centered{
        width: 100%;
    }
    .bft_card_rev{
        flex-direction: column;
        transition: all 1.5s var(--ease-out-expo);
        transform: translateY(50px);
    }
    .bft_card_rev.in-view{
        transform: translateY(0);
    }
    .bft_card_rev .imgside{
        width: 100%;
        left: 0;
        transform: translateX(0%);
    }
    .bft_card_rev .contentside{
        width: 100%;
        border-radius:  0 0 16px 16px;
        border-left: 1px solid #BCBCBC;
        border-top: 0;
        right: 0;
    }
    .bft_card_rev.in-view .imgside img{
        border-radius: 16px 16px 0 0;
    }
    .meals .meal_gr{
        flex-direction: column;
    }
    .meals .lside, .meals .rside{
        width: 100%;
    }
    .meals .lside ul{
        margin-top: 8px;
    }
    .features .feature_gr{
        grid-template-columns: repeat(1,1fr);
    }
    .trustslide{
        flex-direction: column-reverse;
        gap: 16px;
    }
    .trustslide .leftside{
        width: 100%;
        padding: 0;
    }
    .trustslide .imgside .imgbox{
        width: 100%;
    }
    .trustslide .imgside{
        width: 100%;
    }
    .trust .trustsl_box{
        padding: 16px;
        border-radius: 8px;
    }
    .trustsl_box .swiper-pagination{
        position: relative;
        display: block;
        transform: none;
        top: 0;
        left: 0;
        margin-top: 24px;
    }
    .trustslide .leftside .namebox{
        margin-top: 16px;
        margin-bottom: 16px;
    }
    .downloads .down_gr{
        flex-direction: column;
    }
    .downloads .down_gr .imageside, .downloads .down_gr .contentside{
        width: 100%;
    }
    .features .feature_gr .feat_card .content p.title{
        font-size: 1.5rem;
        margin-bottom: 8px;
    }
    .bft_tips .bg_layer{
        align-items: flex-start;
    }
    .bft_tips .bg_layer img{
        margin-top: 200px;
    }
    .bft_card_rev .contentside p.title{
        line-height: 1.4;
    }
    .coach .bft_hero_gr .left_side,.coach .bft_hero_gr .r_side{
        grid-column: span 12;
    }
    .coach .bft_hero_gr .r_side{
        display: block;
        margin-top: 40px;
    }
    .coach .coachbanner{
        gap: 16px;
    }
    .coach .coachbanner .big{
        width: 60%;
    }
    .coach .coachbanner .small{
        width: 40%;
        gap: 16px;
    }
    .bft_hero_gr .left_side p.sub_c{
        margin-top: 12px;
    }
    .midbanner .leftbx, .midbanner .rbx{
        grid-column: span 12;
    }
    .how_works .how_w_card .lft p{
        width: 100%;
    }
    .how_works .how_w_card,.how_works .how_w_card:nth-child(even){
        flex-direction: column;
        text-align: left;
    }
    .how_works .how_w_card .lft p.title{
        font-size: 1.5rem;
    }
    .how_works .how_w_card .lft p{
        font-size: 0.875rem;
    }
    .become .becomebox .lft{
        padding: 0;
        width: 100%;
    }
    .become .becomebox{
        flex-direction: column-reverse;
    }
    .become .becomebox .lft .cont p.title{
        font-size:2rem;
    }
    .become .becomebox .lft .cont{
        gap: 10px;
    }
    .become .becomebox .lft .cont a{
        margin-top: 10px;
    }
    .become .becomebox .rgt{
        width: 100%;
    }
    .become .becomebox{
        padding: 16px;
        border-radius: 8px;
    }
    .coach .trust .trustsl_box{
        padding-left: 0;
    }
    .bft_hero_gr .left_side p.sub_c{
        max-width: 100%;
    }
    .bft_hero_gr .left_side .btns{
        flex-direction: column;
    }
    .bft_hero_gr .left_side .btns a{
        width: 100%;
        justify-content: center;
    }
}