@media screen and (max-width: 1600px){
    main {
        margin-top: 106px;
    }
    .ranning_text{
        font-size: 100px;
    }
    .timeof_training{
        font-size: 10px;
        padding: 5px;
    }
    .gallery_slider_block{
        margin-bottom: 100px;
    }
    .general_block{
        padding: 100px 0;
    }
    .round_big_loop{
        max-width: 460px;
    }
    .big_title{
        font-size: 50px;
    }
    :root{
        --eighteen: 16px;
        --titleFont: 35px;
        --sixteen: 14px;
    }
    .texts_svg svg {
        width: 32px;
    }
    .texts_svg {
        margin-left: 15px;
    }
    .individual_coach_blck{
        gap: 38px;
    }
    .fours_title{
        font-size: 24px;
    }
    .inf_wind{
        gap: 20px;
        padding: 30px 50px 38px 30px;
    }
    .excellance_block{
        margin: 120px 0 120px 0;
    }
    .coach_name{
        font-size: 100px;
    }
    .whistle_img{
        max-width: 100px;
    }
    .about_coach_blck{
        gap: 30px;
    }
    .slop_imgs{
        max-width: 44px;
    }
    .coach_img_round{
        padding: 0 80px;
    }
    .rotate_left_text{
        left: -150px;
    }
    .rotate_right_text{
        right: -150px;
    }
    .slop_text{
        font-size: 60px;
    }
    .programms_block{
        margin-top: 115px;
    }
    .tecnique_blck .descrip_program{
        max-width: 900px;
    }
    .title_three{
        font-size: 30px;
    }
    .technique_section{
        margin: 100px 0;
    }
    .left_ball{
        bottom: -100px;
        left: -100px;
        max-width: 200px;
        height: 200px;
    }

    .review_slider_section{
        max-width: 1430px;
    }
    .red_marquee{
        margin: 100px 0;
    }
    .running_img{
        min-width: 78px;
    }
    .marquee{
        gap: 50px;
    }
    .entr_sp, .time_svgs{
        font-size: 10px;
    }
    .time_svgs svg{
        width: 15px;
    }
    .this_month, .today_day{
        font-size: 70px;
    }
    .next_month svg, .prev_month svg{
        width: 40px;
        height: 40px;
    }
    .done_days svg{
        width: 20px;
        height: 20px;
    }
    .juggling_title{
        padding: 16px;
        font-size: 22px;
    }
    .juggling_ball_blck, .juggling_title, .message_block, .visit_block,
    .notif_done_cancel{
        border-radius: 20px;
    }
    .done_cancel_training, .loc_training, .calendare_blck{
        gap: 10px;
    }
    .notif_done_cancel{
        max-width: 540px;
        padding: 10px 16px 10px 20px;
    }
    .mess_sp{
        font-size: 22px;
    }
    .mess_svg{
        width: 40px;
        height: 40px;
    }
    .user_info_block, .two_blocks, .coachof_user{
        max-width: none;
    }
    .messages_blck, .juggling_blck{
        margin: 0;
    }
    .coach_name_mini{
        font-size: 40px;
    }
    .messages_title{
        border-radius: 20px;
        padding: 8px 10px 8px 20px;
    }
    .message_block{
        padding: 16px 20px 20px 20px;
    }
    .conversation_block{
        height: 305px;
    }
    .juggling_ball_blck{
        padding: 20px 16px 20px 0;
        gap: 14px;
    }
    .first_block{
        width: 17%;
        gap: 10px;
    }
    .loc_img {
        width: 20px;
        height: 20px;
    }
    .infof_doneblck{
        gap: 2px;
        padding: 5px;
    }
    .last_block{
        gap: 15px;
    }
    .visit_swiper {
        padding-top: 60px !important;
    }
    .entr_blck{
        font-size: 16px;
    }
    .entr_blck svg{
        width: 20px;
    }
    .coachof_user{
        padding: 14px 18px;
    }
    .phone_num{
        font-size: 12px;
    }
    .ball_onimg{
        top: 8px;
        right: 5px;
    }
    .ball_onimg svg{
        width: 18px;
        height: 18px;
    }
    .zoom_convers{
        width: 38px;
        height: 40px;
    }
    .background_color{
        clip-path: polygon(0 0, 100% 0%, 86% 100%, 0% 100%);
    }
    .red_statistic, .red_two_statistic, .red_three_statistic, .red_four_statistic, .red_five_statistic{
        padding: 0px 0px 0px 10px;
    }
    .visit_title_blck{
        gap: 20px;
    }

}
@media screen and (max-width: 1440px){
    .procent_load{
        font-size: 200px;
        min-width: 180px;
    }
    .load_area{
        width: 35%;
        height: 160px;
    }
    .loading_blck{
        right: 12px;
    }
    .users_img_blck img{
        border-radius: 25px 25px 0 0;
    }
    .review_slider_section{
        max-width: 1345px;
    }
    .faq_section{
        margin-bottom: 100px;
    }
    .mini_ball{
        width: 35px;
        height: 35px;
    }
    .any_question_blvk{
        margin-bottom: 80px;
    }
    .quest_title{
        font-size: 45px;
    }
    .letter_name{
        font-size: 30px;
        width: 60px;
        height: 60px;
    }
    :root{
        --fontTwentyTwo: 20px;
        --forteen: 12px;
        --twenty: 18px;
        --eighteen: 16px;
        --twofour: 20px;
    }
    .calendare_svg {
        width: 22px;
        height: 22px;
    }
    .home_general {
        padding-right: 465px;
    }
    .form_logo{
        max-width: 54px;
        height: 54px;
    }
    .number_gamer{
        line-height: 47px;
        left: 4%;
    }
    .name_logo{
        padding-left: 10px;
    }
    .call_ifwhat{
        font-size: 10px;
    }
    .coach_name_mini {
        font-size: 30px;
    }
    .quest_img{
        width: 42%;
    }
    .coach_img_inf .quest_img{
        height: 55px;
    }
    .coach_img_inf .quest_img img {
        max-width: 48px;
    }
    .social_alink svg, .social_alink{
        width: 15px;
        height: 15px;
    }
    .user_info_block{
        border-radius: 16px;
    }
    .juggling_title{
        font-size: 18px;
    }
    .sand_btn{
        width: 40px;
        min-width: 40px;
        height: 40px;
    }
    .empty_ {
        min-width: 16px;
    }
    .my_sms{
        border-radius: 18px 0 18px 18px;
    }
    .sms_from{
        border-radius: 0 18px 18px 18px;
    }
    .from_img{
        min-width: 25px;
        width: 25px;
        height: 25px;
    }
    .next_month svg, .prev_month svg {
        width: 30px;
        height: 30px;
    }
    .message_block {
        padding: 16px 16px 20px 16px;
    }
    .mess_sp {
        font-size: 20px;
    }
    .mess_svg {
        width: 35px;
        height: 35px;
    }
    .messages_title {
        border-radius: 12px;
    }
    .conversation_block {
        height: 276px;
    }
    .loc_training{
        font-size: 12px;
    }
    .calendare_svg {
        width: 22px;
        height: 22px;
    }
    .juggling_ball_blck, .juggling_title, .message_block,
    .visit_block, .notif_done_cancel {
        border-radius: 16px;
    }
    .visit_slider_info{
        border-radius: 20px;
        padding: 12px 14px 14px 20px;
    }
    .notif_mini_svg svg{
        width: 30px;
        height: 30px;
    }
    .notif_done_cancel{
        border: 2px solid var(--red);
    }
    .done_cancel_training, .loc_training, .calendare_blck {
        gap: 6px;
    }
    .last_block{
        width: 54%;
    }
    .first_block {
        width: 18%;
    }
    .this_month, .today_day {
        font-size: 55px;
        line-height: 50px;
    }
    .notif_svg{
        height: 25px;
    }
    .notif_svg svg{
        width: 25px;
        height: 25px;
    }
    .notif_num{
        font-size: 8px;
        min-width: 14px;
        width: 14px;
        height: 14px;
    }

}
@media screen and (max-width: 1280px){
    .review_slider_section {
        max-width: 1265px;
    }
    :root{
        --fontTwentyTwo: 16px;
        --titleFont: 30px;
        --sixteen: 12px;
    }
    .left_ball {
        bottom: -90px;
        left: -80px;
        max-width: 160px;
    }
    .notif_title {
        padding: 8px 10px 8px 20px;
        border-radius: 12px;
    }
    .round_big_loop {
        max-width: 390px;
    }
    .home_general {
        padding-right: 400px;
    }
    .any_question_blvk{
        padding: 44px;
    }
    .from_img {
        min-width: 20px;
        width: 20px;
        height: 20px;
    }
    .empty_ {
        min-width: 35px;
    }
    .date_messages{
        font-size: 10px;
    }
    .edit_btn{
        height: 18px;
    }
    .sand_sms{
        padding: 8px 14px;
        border-radius: 8px;
    }
    .sand_btn {
        width: 34px;
        min-width: 34px;
        height: 34px;
    }
    .sand_btn svg{
        width: 80%;
    }
    .sand_message_blck {
        gap: 10px;
    }
    .my_sms {
        border-radius: 14px 0 14px 14px;
    }
    .sms_from {
        border-radius: 0 14px 14px 14px;
    }
    .message_popup .sms_from, .message_popup .my_sms{
        padding: 16px;
    }
    .message_popup .from_img {
        min-width: 60px;
        width: 60px;
        height: 60px;
    }
    .message_block, .zoom_convers{
        display: none;
    }
    .visit_title_blck{
        margin: 0;
    }
    .visit_title_svg{
        flex-direction: row-reverse;
    }
    .visit_title_blck, .visit_title_svg, .messages_title{
        width: 100%;
    }
    .messages_title {
        cursor: pointer;
    }
    .visit_title, .mess_sp, .juggling_title{
        font-size: 15px;
    }
    .juggling_blck{
        height: 100%;
    }
    .calendare_blocks, .juggling_ball_blck {
        height: 100%;
    }
    .juggling_ball_blck{
        flex-direction: column;
        justify-content: start;
        gap: 0;
        padding: 12px 20px 16px 20px;
    }
    .user_wrapper{
        padding: 0 0 0 60px;
    }
    .user_header .user_wrapper{
        padding: 0 60px;
    }
    .logo_img{
        max-width: 170px;
    }
    .head_bar {
        gap: 24px;
    }
    .users_img {
        width: 25px;
        height: 25px;
    }
    .nameof_user{
        font-size: 14px;
    }
    .users_name_head{
        gap: 6px;
    }
    .logout_ svg {
        width: 26px;
        height: 26px;
    }
    .user_main {
        margin-top: 88px;
    }
    .date_notif_blck {
        padding-right: 60px;
    }
    .users_name{
        font-size: 24px;
        line-height: 24px;
    }
    .users_surname{
        font-size: 40px;
        line-height: 35px;
    }
    .form_logo {
        max-width: 34px;
        height: 34px;
    }
    .user_info_block {
        padding: 8px;
    }
    .ball_onimg {
        top: 2px;
        right: 0px;
    }
    .hb_img {
        width: 26px;
    }
    .age_sp{
        font-size: 10px;
    }
    .user_age_blck{
        padding: 10px 13px;
    }
    .kg_sp {
        font-size: 10px;
    }
    .kg_img{
        height: 24px;
    }
    .coachof_user{
        gap: 4px;
        border-radius: 14px;
        padding: 10px 12px 9px 13px;
    }
    .coach_img_inf{
        justify-content: start;
    }
    .second_block, .messages_blck, .juggling_blck {
        gap: 12px;
    }
    .twentyone_gamer{
        max-width: 100px;
        width: 100%;
    }
    .phone_num {
        font-size: 10px;
    }
    .cont_btn, .call_ifwhat{
        font-size: 6px;
    }
    .call_ifwhat{
        text-align: start;
    }
    .statistic_blcks{
        max-width: none;
    }
    .month_, .score_num{
        font-size: 12px;
    }
  
    .notif_done_cancel{
        max-width: 338px;
    }
    .week_days{
        font-size: 9px;
    }
    .fill_popup {
        display: flex;
    }
    .zoom_out svg{
        width: 66px;
        height: 66px;
    }
    .visit_swiper{
        display: flex !important;
        transform: translateX(-100%);
        position: fixed !important;
        z-index: 50 !important;
        flex-direction: column;
        height: 91%;
        top: 66px;
        left: 0;
        background: white;
        border-radius: 0 20px 20px 0;
        padding: 18px 10px 0 18px !important;
        max-width: 490px;
        box-shadow: 0px 3px 15px 0px rgba(0, 0, 0, 0.10);
    }
    .visit_swiper_active{
        /* display: flex !important; */
        transform: translateX(0%);
    }
    .visit_swiper .swiper-wrapper{
        gap: 20px;
        overflow-x: hidden;
        overflow-y: auto;
        padding: 0 8px 18px 0;
        flex-direction: column;
        height: auto;
    }
    .visit_swiper .swiper-wrapper::-webkit-scrollbar-thumb,
    .all_notif_block::-webkit-scrollbar-thumb{
        background-color: var(--red);
        border-radius: 10px;
        background-clip: padding-box;
        transition: all 300ms ease-out;
    }
    .visit_swiper .swiper-wrapper::-webkit-scrollbar,
    .all_notif_block::-webkit-scrollbar{
        height: 4px;
        width: 2px;
    }
    .visit_swiper .swiper-wrapper::-webkit-scrollbar-track,
    .all_notif_block::-webkit-scrollbar-track{
        background-color: rgba(200, 200, 200, 0.50);
    }
    .visit_slider_info {
        height: auto !important;
        width: 100% !important;
    }
    .notif_for_mob_block{
        gap: 20px;
        background-color: #F4F4F4;
        border-radius: 12px;
        padding: 8px 10px 8px 20px;
        margin-bottom: 20px;
        display: flex;
    }
    .close_notif{
        cursor: pointer;
    }
    .visit_swiper .swiper-button-next,
    .visit_swiper .swiper-button-prev{
        display: none !important;
    }
    .visit_block{
        padding: 0;
    }
    .visit_title_blck{
        cursor: pointer;
        padding: 10px 14px 10px 16px;
    }
    .mess_svg {
        width: 26px;
        height: 26px;
    }
    .notification_popup{
        height: 91%;
        top: 66px;
    }
    .first_notif_inf .loc_training{
        font-size: 14px;
    }
    .notifications_block{
        padding: 18px 18px 15px 18px;
    }
    .this_month_lab{
        display: flex;
        justify-content: center;
        margin-bottom: 26px;
    }


}
@media screen and (max-width: 1024px){
    .procent_load{
        font-size: 140px;
        min-width: 130px;
    }
    .pops_gen{
        width: 700px;
        height: 500px;
    }
     .marquee {
        animation: marquee 25s linear infinite;
    }
    .message_popup{
        width: 90%;
    }
    .contact_btn:hover{
        background-color: var(--red);;
    }
    .gallery_popup .close_popup svg{
        width: 60px;
        height: 60px;
    }
    .big_title {
        font-size: 40px;
    }
    .load_area{
        height: 112px;
    }
    .general_inf{
        padding-top: 60px;
    }
    .loading_blck{
        gap: 12px;
    }
    .excellance_block, .review_slider_section, .prog_title_blck{
        flex-direction: column;
    }
    .general_block {
        padding: 80px 0;
    }
    .ranning_text {
        font-size: 85px;
    }
    .running_img {
        min-width: 56px;
    }
    .marquee {
        gap: 35px;
    }
    .for_scrollbar .swiper-button-next{
        right: 12% !important;
    }
    .swiper-scrollbar-drag{
        top: -1.5px !important;
        height: 3px !important;
    }
    .quest_title {
        font-size: 40px;
    }
    .any_quest{
        gap: 40px;
    }
    .review_slider_section{
        gap: 36px;
    }
    .swiper-horizontal>.swiper-scrollbar, .swiper-scrollbar .swiper-scrollbar-horizontal{
        width: 74% !important;
        left: 1% !important;
    }
    .slop_text {
        font-size: 48px;
    }
    .coach_img_round {
        padding: 0 58px;
    }
    .coach_name {
        font-size: 85px;
    }
    .whistle_img {
        max-width: 90px;
    }
    .about_coach_blck {
        gap: 20px;
    }
    :root{
        --sixteen: 14px;
    }
    .whatsapp_btn{
        padding: 16px;
        max-width: 290px;
    }
    .imgof_coach{
        height: 370px;
    }
    .rotate_right_text{
        right: -126px;
    }
    .rotate_left_text {
        left: -126px;
    }
    .programms_block{
        gap: 50px;
    }
    .three_winds {
        padding: 40px 25px;
    }
    .title_three {
        font-size: 25px;
    }
    .excellance_block{
        margin: 50px 0 120px 0;
    }
    .user_wrapper, .user_header .user_wrapper{
        padding: 0 45px;
    }
    .date_notif_blck{
        padding: 0;
    }
    .user_section{
        flex-wrap: wrap;
    }
    .last_block {
        width: 100%;
    }
    .user_info_block{
        max-width: 360px;
        width: 39%;
        padding: 0 0 8px 0;
    }
    .first_block {
        max-width: 520px;
        width: 57%;
        justify-content: start;
    }
    .notif_done_cancel {
        max-width: none;
        width: 100%;
    }
    .two_blocks{
        flex-direction: row;
        align-items: stretch;
    }
    .age_first {
        gap: 0px;
    }
    .user_age_blck{
        width: calc(100% / 2 - 10px);
    }
    .age_first{
        flex-direction: column;
    }
    .second_block{
        width: 100%;
        flex-direction: row-reverse;
    }
    .messages_blck, .first_block{
        gap: 16px;
    }
    .date_notif_blck{
        justify-content: center;
    }
    .juggling_ball_blck{
        flex-direction: row;
        gap: 15px;
    }
    .twentyone_gamer{
        max-width: 150px;
    }
    .coachof_user{
        gap: 32px;
        margin: 0;
        align-items: center;
        height: 100%;
        padding: 30px 24px;
        justify-content: center;
    }
    .social_alink svg, .social_alink {
        width: 25px;
        height: 25px;
    }
    .coach_img_inf {
        justify-content: center;
    }
    .coach_name_mini {
        font-size: 65px;
        line-height: 54px;
    }
    .coach_img_inf .quest_img{
        max-width: 132px;
        height: 85px;
    }
    .coach_img_inf .quest_img img {
        max-width: 85px;
    }
    .call_ifwhat {
        max-width: 308px;
        font-size: 16px;
    }
    .contact_phone{
        flex-direction: column;
    }
    .phone_num {
        font-size: 18px;
    }
    .cont_btn{
        width: 100%;
        border-radius: 14px;
        font-size: 18px;
    }
    .number_gamer{
        font-size: clamp(2vw, 8vw, 82px);
        left: 6%;
        bottom: 6%;
    }
    .ball_onimg svg {
        width: 20px;
        height: 20px;
    }
    .ball_onimg {
        top: 12px;
        right: 8px;
    }
    .visit_title, .mess_sp, .juggling_title {
        font-size: 25px;
    }
    .mess_svg , .history_svg svg{
        width: 50px;
        height: 50px;
    }
    .red_info{
        font-size: 18px;
    }
    .user_age_blck{
        margin: 0;
    }
    .ball_onimg svg {
        width: 18px;
        height: 18px;
    }
    .ball_onimg {
        top: 8px;
        right: 5px;
    }
    .first_block{
        width: 59%;
    }
    .user_info_block{
        width: 37%;
    }
    .red_info {
        font-size: 16px;
    }
    .gallery_popup{
        top: 10%;
    }
    

}
@media screen and (max-width: 992px){
    .home_general{
        padding: 0;
        flex-direction: column-reverse;
        align-items: center;
    }
    .round_big_loop{
        max-width: 300px;
        /*margin-top: -60px;*/
        align-self: center;
        position: relative;
        top: auto;
        right: auto;
    }

    .general_inf {
        align-items: center;
        padding-top: 0;
    }
    .big_title{
        text-align: center;
    }
    .general_block{
        padding: 60px 0 120px;
    }
    .for_mob_logo{
        display: flex;
    }
    .logo_img{
        display: none;
    }
    .contact_btn{
        font-size: 0;
        padding: 8px;
        width: 38px;
        height: 35px;
        border-radius: 10px;
        justify-content: center;
    }
    .ranning_text {
        font-size: 58px;
    }
    .logo_inround{
        max-width: 80%;
    }
    .big_title {
        font-size: 28px;
    }
    .second_descrip{
        text-align: center;
    }
    .general_inf{
        width: 84%;
    }
    .sign_up_btn{
        width: fit-content;
        padding: 14px 44px;
    }
    .head_bar {
        gap: 15px;
    }
    .conection_btn{
        font-size: 14px;
        gap: 5px;
    }
    .light_btn, .dark_btn{
        width: 20px;
        height: 20px;
    }
    .message_svg{
        object-fit: contain;
    }
    .coach_big_slider{
        padding-bottom: 70px;
        flex-direction: column-reverse;
        align-items: center;
    }
    .about_coach_blck{
        width: 100%;
        align-items: center;
    }
    .coach_img_round {
        max-width: 430px;
        width: 100%;
    }
    .about_coach{
        text-align: center;
    }
    .for_marquee{
        position: relative;
    }
    .slop_marquee{
        width: auto;
        position: absolute;
        left: -10px;
        top: 24%;
    }
    .marquee_container{
        border: 2px solid var(--red);
    }
    .slop_imgs {
        max-width: 40px;
    }
    .coach_big_slider{
        gap: 60px;
    }
    .coach_slider .swiper-button-next{
        left: 50% !important;
    }
    .coach_slider .swiper-button-prev{
        left: 42% !important;
    }
    .three_blocks_inf {
        flex-wrap: wrap;
        gap: 15px;
        justify-content: center;
    }
    .three_winds{
        max-width: 400px;
        width: 100%;
    }
}
@media screen and (max-width: 768px){
    .wrapper{
        padding: 0 15px;
    }
    #animation{
        height: 400px;
    }
      #animation canvas {
        height: 400px !important;
    }
    .four_blcks{
        gap: 15px;
    }
    .zoom_out svg {
        width: 56px;
        height: 56px;
    }
    .inf_wind{
        gap: 16px;
        padding: 22px 18px 12px 18px;
        width: calc(100% / 2 - 8px);
    }
    .fours_title {
        font-size: 22px;
    }
    .boots_img{
        max-width: 108px;
    }
    .for_scrollbar .swiper-button-next {
        right: 15px !important;
    }
    .for_scrollbar .swiper-button-prev{
        right: 72px;
    }
    .review_slider_section{
        padding: 0 15px;
    }
    .swiper-horizontal>.swiper-scrollbar, .swiper-scrollbar .swiper-scrollbar-horizontal{
        left: 0;
    }
    .any_question_blvk{
        margin-bottom: 100px;
        padding: 38px 22px 42px 22px;
        flex-direction: column-reverse;
    }
    .quest_title {
        font-size: 26px;
    }
    .any_quest, .quest_img{
        width: 100%;
    }
    .follow_section .quest_title{
        justify-content: center;
    }
    .c_team{
        font-size: 8px;
    }
    .visit_title, .mess_sp, .juggling_title {
        font-size: 20px;
    }
    .mess_svg, .history_svg svg {
        width: 40px;
        height: 40px;
    }
    .user_wrapper, .user_header .user_wrapper {
        padding: 0 30px;
    }
    .red_info {
        font-size: 14px;
    }
    .coach_name_mini {
        font-size: 50px;
        line-height: 50px;
    }
    .coachof_user{
        padding: 30px 20px;
    }




}
@media screen and (max-width: 710px){
    .procent_load{
        font-size: 85px;
        min-width: 75px;
    }
    .slop_marquee{
        top: 20%;
    }
    .load_area {
        height: 60px;
    }
}
@media screen and (max-width: 600px){
    .loading_blck {
        gap: 5px;
    }
    .pops_gen{
        width: 100%;
        height: 400px;
        padding: 0;
    }
    .three_winds{
        max-width: none;
    }
    .fill_popup{
        max-height: 70vh;
    }
    .gallery_popup .close_popup svg {
        width: 50px;
        height: 50px;
    }
    .gallery_popup{
        top: 20%;
    }
    .swiper-horizontal>.swiper-scrollbar, .swiper-scrollbar .swiper-scrollbar-horizontal{
        bottom: 14px !important;
    }
    .c_team{
        font-size: 9px;
    }
    .copyright_c{
        font-size: 12px;
    }
    .footer_line{
        flex-direction: column;
        margin: 18px 0;
        gap: 7px;
    }
    .swiper-scrollbar-drag{
        top: -1px !important;
    }
    .second_block{
        margin-bottom: 40px;
    }
    .message_popup{
        width: 97%;
    }
    .procent_load {
        font-size: 50px;
        min-width: 40px;
    }
    .load_area {
        height: 37px;
    }

    :root {
        --titleFont: 26px;
    }
    .inf_wind{
        width: 100%;
    }
    .four_blcks{
        flex-direction: column;
    }
    .coach_slider .swiper-button-next {
        left: 52% !important;
    }
    .coach_slider .swiper-button-prev {
        left: 34% !important;
    }
    .three_winds{
        padding: 25px 18px 32px 18px;
        gap: 20px;
    }
    .technique_section{
        margin: 120px 0;
    }
    .gallery_slide{
        grid-template-columns: repeat(2, 1fr);
        grid-template-rows: repeat(2, 1fr);
    }
    .grid_img:nth-child(1){
        /*grid-area: 1 / 1 / 2 / 3;*/
        /*max-width: none;*/
        margin-left: auto;
        margin-top: -55px;
        height: 140px;
        grid-area: 3 / 1 / 4 / 2;
    }
    .grid_img:nth-child(2) {
        /*grid-area: 2 / 2 / 3 / 2;*/
        /*margin-top: 15px;*/
        /*max-width: 160px;*/
        /*max-height: 206px;*/
        margin-top: 80px;
        max-width: 200px;
        margin-left: auto;
        grid-area: 2 / 2 / 3 / 3;
    }
    .grid_img:nth-child(3) {
        grid-area: 1 / 1 / 2 / 3;
        max-width: none;
        max-height: none;
        /*margin-top: 80px;*/
        /*max-width: 200px;*/
        /*margin-left: auto;*/
        /*grid-area: 2 / 2 / 3 / 3;*/
    }
    .grid_img:nth-child(4) {
        max-width: none;
        max-height: none;
        grid-area: 4 / 1 / 5 / 3;
        /*margin-left: auto;*/
        /*margin-top: -55px;*/
        /*height: 140px;*/
        /*grid-area: 3 / 1 / 4 / 2;*/
    }
    .grid_img:nth-child(5) {
        grid-area: 2 / 1 / 3 / 2;
        margin-top: 15px;
        max-height: none;
        height: 180px;
        /*grid-area: 2 / 1 / 2 / 2;*/
        /*max-height: 140px;*/
        /*max-width: 182px;*/
    }
    .general_inf{
        width: 90%;
    }
    .boots_img{
        margin-top: -58px;
    }
    .notification_popup, .visit_swiper{
        top: auto;
        bottom: 0;
        height: 93%;
        right: auto;
        border-radius: 20px 20px 0 0;
        transform: translateY(100%);
    }
    .notification_popup_active, .visit_swiper_active{
        transform: translate(0);
    }
    .visit_swiper {
        left: 6%;
        width: 89%;
        max-width: none;
    }
    .user_section{
        flex-direction: column;
    }
    .first_block{
        max-width: none;
        width: 100%;
    }
    .user_info_block {
        max-width: none;
        width: 100%;
        padding: 5px;
        align-items: stretch;
        flex-direction: row-reverse;
    }
    .name_logo{
        gap: 10px;
        padding: 12px 10px 15px 15px;
        justify-content: space-between;
        flex-direction: column-reverse;
        align-items: start;
    }
    .users_img_blck img{
        border-radius: 20px 25px 25px 0;
    }
    .ball_onimg {
        top: 2px;
        right: 2px;
    }
    .ball_onimg svg {
        width: 14px;
        height: 14px;
    }
    .notification_popup{
        max-width: none;
        width: 89%;
    }
    .notif_title{
        max-width: none;
        margin-left: auto;
        width: 96%;
    }
    .number_gamer {
        line-height: 42px;
        left: 5%;
        bottom: 4%;
        font-size: clamp(2vw, 12vw, 82px);
    }
    .form_logo {
        max-width: 60px;
        height: 60px;
    }
    .users_name {
        font-size: 44px;
        line-height: 36px;
    }
    .users_surname {
        font-size: 65px;
        line-height: 52px;
    }
    .user_wrapper, .user_header .user_wrapper {
        padding: 0 15px;
    }
    .user_header {
        padding: 16px 0;
    }
    .notif_mini_svg svg {
        width: 22px;
        height: 22px;
    }
    .notif_mini_svg {
        top: -8px;
        left: -8px;
    }
    .notif_done_cancel{
        padding: 10px;
    }
    .training_time {
        gap: 8px;
    }
    .notification_popup, .visit_swiper{
        width: 98%;
    }
    .visit_swiper{
        left: 4px;
    }
    .visit_swiper{
        padding: 20px 10px 0 12px !important;
    }
    .all_notif_block{
        padding: 12px 5px 17px 10px;
    }
    .confirm_decline{
        gap: 10px;
    }
    .decline_confirm_btn svg{
        width: 28px;
        height: 28px;
    }
    .new_notification .decline_confirm_btn{
        padding: 6px 2px 6px 6px;
    }
    .decline_confirm_btn{
        gap: 15px;
    }
    .notifications_block {
        padding: 18px 14px 15px 14px;
    }
    .second_block{
        flex-direction: column-reverse;
    }
    .juggling_ball_blck{
        flex-direction: column;
        gap: 0;
    }
    .popups_title{
        text-align: center;
        font-size: 24px;
    }
    .fill_popup{
        padding: 52px 22px 22px 22px;
        gap: 20px;
    }
    .coachof_user{
        gap: 20px;
    }
    .call_ifwhat{
        font-size: 9px;
        text-align: center;
    }
    .contact_phone {
        flex-direction: row;
    }
    .phone_num {
        font-size: 12px;
    }
    .cont_btn {
        width: fit-content;
        border-radius: 4px;
        font-size: 6px;
    }
    .coach_name_mini {
        font-size: 40px;
        line-height: 40px;
    }
    .social_alink svg, .social_alink {
        width: 16px;
        height: 16px;
    }
    .coachof_user{
        padding: 14px 20px;
    }
    .coach_img_inf .quest_img {
        max-width: 80px;
        height: 52px;
    }
    .coach_img_inf .quest_img img {
        max-width: 52px;
    }
    .background_color {
        clip-path: polygon(0 0, 100% 0%, 90% 100%, 0% 100%);
    }

}
@media screen and (max-width: 430px){
    .ball_web{
        display: none;
    }
    .white_slash{
        right: 0;
    }
    .month_, .score_num{
        font-size: 10px;
    }
    .ball_mob{
        display: block;
    }
    .loading_blck{
        width: 90%;
        top: 76%;
        right: 20px;
    }
    .load_area{
        width: 100%;
    }
    .procent_load{
        font-size: 172px;
    }
    .load_area {
        height: 118px;
        width: 64%;
    }

    .for_scrollbar .swiper-button-prev{
        right: 65px;
    }
    .swiper-horizontal>.swiper-scrollbar, .swiper-scrollbar .swiper-scrollbar-horizontal{
        width: 60% !important;
    }
    .swiper-button-next, .swiper-button-prev{
        width: 36px !important;
        height: 30px !important;
    }
    .swiper-button-next svg, .swiper-button-prev svg {
        width: 6px !important;
        height: 6px !important;
    }
    .faq_svg svg{
        width: 13px;
    }
    :root{
        --twenty: 14px;
    }
    .hidden_acc{
        font-size: 12px;
    }
    .fb_link{
        font-size: 44px;
    }
    .arrows_link svg, .arrows_link{
        min-width: 30px;
        width: 30px;
        height: 30px;
    }
    .insta_social{
        top: 150px;
    }
    .follow_section{
        height: 255px;
    }


}
@media screen and (max-width: 375px){
    .fill_popup{
        padding: 30px 10px 22px 10px;
    }
    .message_popup .from_img {
        min-width: 45px;
        width: 45px;
        height: 45px;
    }
    .message_popup .sms_from, .message_popup .my_sms {
        padding: 14px;
    }
    .zoom_out svg{
        width: 50px;
    }
    .message_popup .sand_btn {
        width: 50px;
        min-width: 50px;
        height: 50px;
    }
    .message_popup .sand_sms{
        padding: 12px 12px 12px 20px;
    }


}