@media screen and (max-width: 1600px){
    :root{
        --sixteen: 14px;
        --eighteen: 16px;
        --twenty: 18px;
        --fontTwentyTwo: 20px;
        --twofour: 22px;
        --thirty: 28px;
        --titleFont: 36px;
    }

    .nav_bar{
        gap: 30px;
    }
    .header_block .logo_head {
        max-width: 300px;
    }
    .search_btn svg, .search_heads svg, .search_btn{
        width: 22px;
        height: 22px;
    }
    .home_general_block{
        gap: 80px;
        padding: 120px 0 70px 0;
    }
    .about_group{
        gap: 30px;
    }
    .sliders_section{
        margin: 120px auto;
    }
    .shadow_right, .shadow_left{
        max-width: 240px;
    }
    .bank_slide{
        height: 80px;
    }
    .logos {
        margin-top: 30px;
    }
    .news_item{
        max-width: 310px;
    }
    .news_img {
        height: auto;
    }
    .news_items_title {
        margin-top: 4px;
    }
    .grey_line {
        margin: 50px 0;
    }
    .presidentsSlidder {
        padding-left: 40px !important;
    }
    .banking_system_descrip_blck {
        margin: 80px auto !important;
    }
    .programs_item {
        max-width: 470px;
        height: 630px !important;
    }
    .program_item_title {
        margin-top: 0;
    }
    .newsitemSwiper {
        padding-top: 130px !important;
    }
    .contact_form{
        gap: 22px;
    }
    .shadow_right, .shadow_left {
        max-width: 190px;
    }


}
@media screen and (max-width: 1440px){
    .header_block .logo_head {
        max-width: 250px;
    }
    .burger_alink{
        padding: 6px 10px;
    }
    .presidentsSlidder, .values_on_img .newsitemSwiper {
        padding-left: 30px !important;
    }
    .wrapper, .f_wrapper, .mini_slider_wrapper{
        padding: 0 30px;
    }
    .choosen_lang{
        gap: 10px;
    }
    :root{
        --titleFont: 30px;
    }
    .about_group{
        max-width: 400px;
        gap: 22px;
        /* Centre the title in the space above the event block (which stays pinned
           to the bottom) instead of letting the reduced gap drag it low. */
        margin-top: auto;
        margin-bottom: auto;
    }
    .aboutus_btn{
        gap: 14px;
    }
    .arrow_btns{
        width: 40px;
        height: 40px;
    }
    .arrow_btns svg{
        width: 12px;
        height: 12px;
    }
    .home_general_block{
        height: 99vh;
        gap: 50px;
        padding: 120px 0 50px 0;
    }
    .event_blck_home{
        padding: 24px;
        max-width: 420px;
    }
    .nav_bar{
        gap: 24px;
    }
    .dateof_event{
        padding: 8px 12px;
    }
    .globe_icon{
        width: 34px;
        min-width: 34px;
        height: 34px;
    }
    .choosen_lang {
        gap: 8px;
    }
    .search_btn svg, .search_heads svg, .search_btn {
        width: 20px;
        height: 20px;
    }
    .dropdown_{
        min-width: 320px;
    }
    .sliders_section {
        margin: 80px auto;
    }
    .shadow_right, .shadow_left {
        max-width: 200px;
    }
    .logos {
        margin-top: 20px;
    }
    .bank_slide {
        height: 70px;
        padding: 18px 24px;
    }
    .swiper-button-next, .swiper-button-prev{
        width: 50px !important;
        height: 50px !important;
    }
    .news_item {
        gap: 10px;
        max-width: 280px;
    }
    .news_img {
        border-radius: 12px;
        height: auto;
    }
    .news_date {
        padding: 6px 12px;
    }
    footer{
        padding: 40px 0;
    }
    .logo_soc_fblck{
        margin-bottom: 50px;
    }
    .fnav_bar{
        gap: 22px;
    }
    .nav_grid{
        gap: 10px 30px;
    }
    .grey_line {
        margin: 30px 0;
    }
    .programs_item {
        max-width: 450px;
        height: 603px !important;
        border-radius: 30px;
    }
    .contacts_onmap_blck {
        left: 20px;
        bottom: 20px;
        width: calc(100% - 40px);
    }
    .conts_three_blcks {
        padding: 16px;
        gap: 10px;
    }
    .send_form_btn{
        padding: 16px 24px;
    }
    .radio_lab{
        gap: 16px;
    }
    .checko_, .check_inp, .checkbox_form {
        width: 20px;
        height: 20px;
        border-radius: 2px;
    }
    .choose_radio{
        max-width: 320px;
    }
    .map_block {
        border-radius: 20px;
    }
    .contact_form {
        gap: 20px;
    }
    .arb_img{
        height: 630px;
    } 
    .arb_info_blck {
        margin: 50px 0;
    }
    .image_info_blck {
        margin: 80px 0;
    }
    .our_values{
        padding: 100px 0;
    }
    .arb_tab_blck{
        gap: 50px;
    }
    .president_img{
        height: 400px;
    }
    /* [data-uba-team="council"] .president_img{
        height: 300px;
        padding: 26px 24px 104px;
    } */
    [data-uba-team="council"] .president_img img{
        max-height: 100px;
    }
    [data-uba-team="council"] .president_info_blck{
        min-height: 92px;
    }
    .name_prof{
        gap: 8px;
    }
    .soc_alinks {
        width: 50px;
        height: 50px;
    }
    .presidents_item_blck, .efpa_membe{
        border-radius: 30px;
    }
    .presidents_item_blck, .efpa_membe{
        max-width: 310px;
    }
    .white_video_history_blck{
        padding: 40px 30px;
    }
    .video_block{
        height: 600px;
    }


}
@media screen and (max-width: 1280px){
    .header_block .logo_head {
        max-width: 200px;
    }
    .search_btn svg, .search_heads svg, .search_btn {
        width: 16px;
        height: 16px;
    }
    :root{
        --twelve: 10px;
        --forteen: 12px;
        --sixteen: 12px;
        --eighteen: 14px;
        --twenty: 16px;
        --fontTwentyTwo: 18px;
        --twofour: 20px;
        --thirty: 26px;
        --titleFont: 28px;
    }
    .nav_bar {
        gap: 14px;
    }
    .info_for_register{
        gap: 30px;
    }
    .search_inp{
        padding: 10px 0 6px 20px;
    }
    .members_grid_blck{
        gap: 14px;
    }
    .bank_item_block{
        padding: 16px;
    }
    .for_input_block{
        max-width: 130px;
    }
    .rule_item_blck {
        gap: 20px;
    }
    .acc_block{
        padding: 30px;
    }
    .faq_acc_block_active .hidden_acc_blck {
        padding-top: 30px;
    }
    .title_descrip_start .description_{
        width: 73%;
    }
    .prev_next_btn, .pagination_sp, .pagination_dots{
        min-width: 46px;
        height: 46px;
    }
    .prev_next_btn svg{
        width: 12px;
        height: 12px;
    }
    .tab_blcks{
        gap: 30px;
    }
    .programs_item {
        max-width: 386px;
        height: 518px !important;
        border-radius: 30px;
    }
    .logo_goto_icon .arrow_btns {
        width: 50px;
        min-width: 50px;
        height: 50px;
    }
    .logo_program{
        max-width: 180px;
        padding: 8px;
        gap: 6px;
    }
    .program_inf_onimg{
        padding: 20px;
    }
    .close_popup {
        width: 50px;
        height: 50px;
    }
    .close_popup svg {
        width: 18px;
        height: 18px;
    }
    .news_single_blocks .general_title {
        margin-bottom: 4px;
    }
    .news_single_blocks{
        gap: 16px;
    }
    .banking_system_descrip_blck {
        margin: 60px auto !important;
    }
    .courses_section {
        gap: 40px;
    }
    .course_grid_blck{
        gap: 14px;
    }
    .courses_register_item {  
        gap: 40px;
    }
    .register_btn{
       padding: 8px 10px 8px 12px; 
    }
    .choose_report_tab{
        padding: 16px;
        border-bottom: 2px solid transparent;
    }
    .subscribe_onimg{
        width: 80%;        
    }
    .confirm_btn{
        padding: 14px 20px;
    }
    .confirm_btn svg{
        width: 12px;
        height: 12px;
    }
    .subscribe_block {
        padding: 50px;
    }
    .subs_title_descrip{
        gap: 30px;
    }
    .newsitemSwiper {
        padding-top: 80px !important;
    }
    .president_img {
        height: 350px;
    }
    /* [data-uba-team="council"] .president_img{
        height: 290px;
        padding: 24px 22px 100px;
    } */
    [data-uba-team="council"] .president_img img{
        max-height: 96px;
    }
    [data-uba-team="council"] .president_info_blck{
        min-height: 88px;
    }
    .arb_tab_blck {
        gap: 40px;
    }
    .task_white_blck{
        border-radius: 30px;
    }
    .task_white_blck{
        gap: 20px;
        padding: 20px 16px;
        border-radius: 30px;
        min-height: 110px;
    }
    .main_task_section{
        gap: 30px;
    }
    .task_icon{
        min-width: 46px;
        width: 46px;
        height: 46px;
        padding: 10px;
    }
    .title_descrip{
        margin-bottom: -50px;
    }
   
    .aboutus_banner {
        height: 400px;
    }
    .green_back {
        padding: 40px 0 100px 0;
    }
    .navigation_block{
        margin-bottom: 30px;
    }
    .structure_blck {
        max-width: 80%;
        margin: 0 auto;  
    }
    .president_info_blck{
        padding: 12px;
        gap: 8px;
    }
    .bank_logo {
        max-width: 90px;
    }
    .community_members_grid{
        grid-template-columns: repeat(5, 1fr);
    }
    .title_marg {
        margin-bottom: 30px;
    }
    .efpa_membe .president_img {
        height: 290px !important;
    }
    .start_title_blck {
        gap: 14px;
    }
    .duration_blck svg{
        width: 20px;
        height: 20px;
    }
    .hidden_sp{
        padding: 4px 8px;
    }
    .title_svg_blck {
        gap: 10px;
        margin-right: 12px !important;
    }
    .values_item_blck .title_svg_blck{
        margin-right: 0 !important;
    }
    .green_round {
        width: 20px;
        height: 20px;
    }
    .green_round svg{
        width: 13px;
        height: 13px;
    }
    .goto_certif_blck .green_round svg{
        width: 10px;
        height: 10px;
    }
    .green_cont_blck {
        gap: 30px;
        padding: 24px;
    }
    .send_form_btn {
        padding: 12px 16px;
    }
    .little_inf_blcks {
        gap: 16px;
    }
    .ulli_svg, .ul_ol_blck{
        gap: 10px;
    }
    .round_icon {
        min-width: 20px;
        width: 20px;
        height: 20px;
    }
    .instructor_swiper {
        max-width: 340px;
    }
    .instructor_img {
        height: 380px !important;
    }
    .soc_linksof_member{
        bottom: 10px;
        padding: 0 10px;
        gap: 12px;
    }
    .arrows_dots{
        bottom: 14px;
    }
    .info_instructor{
        gap: 10px;
        border-radius: 0 0 30px 30px;
        padding: 20px 20px 50px 20px;
    }
    .instructor_item {
        border-radius: 30px;
    }
    .see_more_inf {
        padding: 8px 10px;
    }
    .soc_alinks {
        width: 44px;
        height: 44px;
    }
    .soc_alinks svg{
        width: 22px;
        height: 22px;
    }
    .frankkfurt_banner .values_item_blck {
        gap: 20px;
        padding: 20px;
    }
    .systems_banner_blck .values_item_blck{
        gap: 50px;
        padding: 28px;
        border-radius: 30px;
    }
    .banks_title_white{
        font-size: 14px;
    }
    .white_big_num{
        font-size: 18px;
    }
    #map {
        height: 510px;
    }
    .icon_cnt {
        min-width: 22px;
        width: 22px;
        height: 22px;
    }
    .icon_cnt svg{
        width: 14px;
        height: 14px;
    }
    .conts_three_blcks {
        padding: 14px;
        gap: 8px;
    }
    .contacts_onmap_blck {
        left: 15px;
        bottom: 15px;
        width: calc(100% - 30px);
        border-radius: 16px;
    }
    .inps_{
        padding: 8px 8px 14px 8px;
    }
    .upload_file{
        gap: 8px;
        padding: 10px 16px;
    }
    .contact_form {
        gap: 18px;
    }
    .radio_lab {
        gap: 14px;
    }
    .checko_, .check_inp, .checkbox_form {
        width: 16px;
        height: 16px;
    }
    .btn_yellow_blue{
        padding: 14px 20px;
    }
    .efpaSwiper .efpa_membe{
        max-width: 200px;
    }
    .dropdown_{
        top: 20px;
    }
    .video_block{
        height: 400px;
    }
    [data-uba-team="council"] .president_img{
        height: 190px;
    }



}
@media screen and (max-width: 1024px){
    .header_block .logo_head {
        max-width: 180px;
        margin-right: auto;
    }
    [data-uba-team="council"] .president_img {
        height: 160px;
    }
    .members_grid_blck{
        grid-template-columns: repeat(3, 1fr);
    }
    .presidents_item_blck, .efpa_membe {
        border-radius: 20px;
    }
    .burger_btn, .close_burger {
        display: flex;
    }
    .newsitemSwiper{
        padding-top: 25px !important;
    }
    .navigation_block {
        gap: 6px;
    }
    .nav_bar {
        transform: translateX(-1024px);
        max-width: 600px;
        width: 100%;
        height: calc(100% - 65px);
        left: 0;
        top: 77px;
        gap: 20px;
        padding: 40px;
        z-index: 10;
        position: fixed;
        align-items: start;
        justify-content: start;
        flex-direction: column;
        border-radius: 0 40px 0 0;
        background-color: #043F37;
        box-shadow: 0px 0px 15px 0px rgb(0 0 0 / 35%);
    }
    .marg_title{
        margin: 0;
    }
    .dropdown_ {
        min-width: auto;
    }
    .nav_bar_active{
        transform: translateX(0px);
    }
    .home_head .nav_alink{
        color: var(--white);
    }
    .nav_alink{
        font-size: 20px;
    }
    .head_last_blck {
        gap: 14px;
    }
    header{
        padding: 30px 0 20px 0;
    }
    header.scrolled {
        padding: 20px 0;
    }
    .sliders_arrow{
        display: none;
    }
    .newsitemSwiper {
        padding-top: 50px !important;
    }
    .logo_head {
        max-width: 250px;
    }
    .wrapper, .f_wrapper, .mini_slider_wrapper {
        padding: 0 20px;
    }
    .presidentsSlidder, .values_on_img .newsitemSwiper{
        padding-left: 20px !important;
    }
    .fnav_bar {
        align-items: center;
        gap: 16px;
    }
    .footer_blck{
        gap: 30px;
        align-items: center;
        flex-direction: column;
    }
    .title_fnav{
        font-size: 16px;
    }
    .nav_grid{
        display: flex;
        flex-direction: column;
    }
    .subtitle_fnav, .title_fnav{
        text-align: center;
    }
    .logo_soc_fblck {
        flex-direction: column;
        margin-bottom: 20px;
    }
    .grey_line {
        margin: 20px 0;
    }
    footer {
        padding: 30px 0;
    }
    .news_item{
        max-width: 230px;
        margin-right: 12px !important;
    }
    .news_img{
        height: auto;
    }
    .shadow_right, .shadow_left {
        max-width: 90px;
    }
    :root{
        --forteen: 10px;
        --fontTwentyTwo: 16px;
        --twofour: 18px;
        --thirty: 22px;
        --titleFont: 24px;
    }
    .arrow_btns {
        width: 30px;
        height: 30px;
    }
    .aboutus_btn {
        gap: 10px;
    }
    .arrow_btns svg {
        width: 10px;
        height: 10px;
    }
    .about_group {
        max-width: 335px;
        gap: 16px;
    }
    .event_blck_home{
        gap: 14px;
        padding: 20px;
        border-radius: 20px;
    }
    .bank_slide {
        height: 54px;
        border-radius: 10px;
        padding: 14px 20px;
    }
    .logo-row{
        margin: 10px 0;
    }
    .sliders_section {
        margin: 30px auto;
    }
    .home_general_block{
        height: auto;
        gap: 40px;
        padding: 300px 0 30px 0;
    }
    .globe_icon {
        width: 30px;
        min-width: 30px;
        height: 30px;
        padding: 6px;
    }
    .header_block {
        gap: 10px;
    }
    .formob_arrow, .nav_bar .dropdown_rel {
        width: 100%;
    }
    .language_block{
        width: fit-content !important;
    }
    .arrow_mob {
        display: flex;
    }
    .nav_bar .dropdown_{
        align-items: center;
        position: initial;
        background-color: transparent;
        box-shadow: none;
        border-radius: 0;
        padding: 0 0 0 10px;
        gap: 12px;
        border: none;
        margin-top: 10px;
    }
    .burger_alink{
        font-size: 14px;
    }
    .burger_alink, .drop_to_drop_title  {
        overflow: initial;
        padding: 0;
        color: var(--white);
    }
    .right_drop{
        gap: 8px;
        opacity: 1;
        margin-top: 10px;
        position: initial;
        min-width: auto;
        visibility: initial;
        padding: 0 0 0 14px;
        background-color: transparent;
        border-radius: 0;
    }
    .drop_to_drop_title svg path{
        stroke: var(--white);
    }
    .drop_to_drop_title svg{
        transform: rotate(90deg);
    }
    .right_drop .burger_alink {
        font-size: 12px;
    }
    .burger_alink:hover, .drop_to_drop_title:hover{
        background-color: transparent;
    }
    .drps_svg {
        display: none;
    }
    .aboutus_banner {
        height: 400px;
        border-radius: 30px
    }
    .arb_info_blck{
        margin: 30px 0;
        flex-direction: column;
    }
    .arb_info_blck .description_, .arb_info_blck .second_title{
        max-width: none;
    }
    .arb_img {
        height: 450px;
        border-radius: 30px;
    }
    .infoof_arb_blck{
        gap: 20px;
    }
    .round_icon {
        min-width: 20px;
        width: 20px;
        height: 20px;
    }
    .infoof_arb_blck .second_title {
        margin-bottom: 10px;
    }
    .image_info_blck {
        margin: 70px 0;
    }
    .description_{
        gap: 16px;
    }
    .ulli_svg{
        gap: 10px;
    }
    .betterto_know{
        gap: 30px;
    }
    .our_values {
        padding: 80px 0;
    }
    .navigation_block{
        margin-bottom: 40px;
    }
    main {
        padding-top: 100px;
    }
    .green_back {
        padding: 40px 0 70px 0;
    }
    .soc_alinks {
        width: 40px;
        height: 40px;
    }
    .soc_alinks svg{
        width: 20px;
        height: 20px;
    }
    .president_info_blck {
        padding: 12px;
    }
    .news_grid_block{
        gap: 12px;
        grid-template-columns: repeat(3, 1fr);
    }
    .arb_tab_blck {
        gap: 20px;
    }
    .tab_blcks {
        overflow: auto;
        padding-bottom: 12px;
        gap: 16px;
    }
    .choose_report_tab {
        min-width: fit-content;
        padding: 10px
    }
    .approved_date, .typeof_file{
        padding: 7px 8px;
    }
    .rules_blck{
        grid-template-columns: repeat(3, 1fr);
    }
    .info_about_member{
        gap: 12px;
        padding-right: 12px;
    }
    .hidden_blck{
        padding: 20px 10px 20px 20px;
    }
    .about_member_blck{
        gap: 12px;
    }
    .historyof_creation{
        margin: 60px 0;
        flex-direction: column;
    }
    .logo_title_blck, .historyof_creation .description_{
        max-width: none;
    }
    .round_white {
        width: 40px;
        height: 40px;
    }
    .green_round {
        width: 20px;
        height: 20px;
    }
    .values_item_blck{
        gap: 26px;
    }
    .title_descrip {
        gap: 16px;
        margin-bottom: 0;
    }
    .values_blck {
        grid-template-columns: repeat(2, 1fr);
    }
    .values_item_blck{
        border-radius: 30px;
    }
    .presidents_item_blck, .efpa_membe {
        max-width: 250px;
    }
    .structure_blck {
        max-width: 100%;
    }
    .chosen_serv_block .presidentsSlidder {
        padding: 0 !important;
    }
    .shadow_bottom{
        height: 120px;
    }
    .grid_items_acc{
        gap: 12px;
        grid-template-columns: repeat(3, 1fr);
    }
    .acc_block {
        padding: 24px;
    }
    .acc_svg{
        width: 36px;
        height: 36px;
    }
    .efpa_membe .president_img {
        height: 240px !important;
    }
    .soc_alinks_yellow {
        width: 30px;
        min-width: 30px;
        height: 30px;
    }
    .top_abs_blck{
        top: 20px;
        padding: 0 20px;
    }
    .titleon_banner{
        bottom: 30px;
        left: 20px;
    }
    .logo_program{
        max-width: 140px;
    }
    .banking_system_descrip_blck {
        margin: 60px auto !important;
    }
    .descrip_wrapper .second_title {
        margin-top: 20px;
    }
    .descrip_wrapper .rules_blck {
        margin-bottom: 10px;
    }
    .course_general_section{
        margin-bottom: 40px;
    }
    .course_general_section{
        flex-direction: column;
    }
    .about_courses_block, .instructor_swiper, .map_block,
    .contact_form, .register_form, .total_block{
        max-width: none;
        width: 100%;
    }
    .instructor_item{
        display: flex !important;
        border-radius: 24px;
    }
    .info_instructor{
        border-radius: 0 24px 24px 0px;
    }
    .instructor_img {
        max-width: 115px;
        width: 100%;
        height: 150px !important;
    }
    .arrows_dots{
        right: 0;
        left: auto;
        width: calc(100% - 114px);
    }
    .nameof_inst{
        font-size: 18px;
    }
    .soc_alinks {
        width: 32px;
        height: 32px;
    }
    .soc_linksof_member {
        bottom: 8px;
        padding: 0 8px
    }
    .soc_alinks svg {
        width: 14px;
        height: 14px;
    }
    .contact_general_section{
        flex-direction: column;
    }
    #map {
        height: 400px;
    }
    .conts_three_blcks {
        padding: 20px;
        gap: 14px;
    }
    .conts_text{
        font-size: 16px;
    }
    .grey_cont_text{
        font-size: 14px;
    }
    .blue_back_banner{
        padding: 30px;
    }
    .logo_program {
        max-width: 120px;
    }
    .yellow_nums {
        font-size: 26px;
    }
    .values_on_img{
        gap: 30px;
    }
    .statistic_blue_blck {
        gap: 34px
    }
    .efpa_item{
        max-width: 230px;
        height: 350px !important;
    }
    .info_programm_item{
        gap: 24px;
        padding: 26px;
    }
    .goto_page_btn {
        padding: 10px;
    }
    .goto_certif_blck{
        gap: 14px;
        padding: 14px;
        border-radius: 16px;
    }
    .schedule_item{
        max-width: 120px;
        padding: 12px;
        height: 160px !important;
        margin-right: 12px !important;
    }
    .date_sch {
        font-size: 30px;
    }
    .month_schedule {
        font-size: 10px;
    }
    .time_sch {
        padding: 4px;
    }
    .back_subscribe{
        padding: 60px 40px;
    }
    .course_grid_blck {
        gap: 10px;
    }
    .courses_register_item{
        gap: 32px;
        padding: 14px;
    }
    .register_btn {
        font-size: 8px;
        padding: 6px 8px 6px 10px;
    }
    .duration_blck svg {
        width: 14px;
        height: 14px;
    }
    .duration_blck{
        gap: 4px;
        font-size: 8px;
    }
    .play_video_blck{
        top: 10px;
        left: 10px;
        gap: 6px
    }
    .subscribe_onimg{
        width: 72%;
        flex-direction: column;
    }
    .hidden_sp{
        opacity: 1;        
    }
    .subs_title_descrip, .subscribe_form, .subs_inp{
        max-width: none;
    }
    .subscribe_block {
        padding: 40px;
        border-radius: 30px;
    }    
    .subs_title_descrip{
        gap: 18px;
    }
    .play_video_blck svg{
        width: 26px;
        height: 26px;
    }
    .play_video_blck{
        font-size: 12px;
    }
    .add_member{
        padding: 14px 20px;
    }
    .delete_member{
        padding: 10px 16px;
    }
    .register_section{
        flex-direction: column;
    }
    .nav_alink{
        color: var(--white) !important;
    }
    .white_video_history_blck{
        border-radius: 30px;
        padding: 30px;
    }
  

}
@media screen and (max-width: 768px){
    .news_item {
        max-width: 200px;
    }
    .news_img {
        height: auto;
    }
    .title_descrip_start .description_ {
        width: 100%;
    }
    .title_fnav {
        font-size: 14px;
    }
    .logo_soc_fblck{
        gap: 38px;
    }
    .presidents_item_blck, .efpa_membe {
        border-radius: 20px;
    }
    .president_img {
        height: 300px;
    }
    /* [data-uba-team="council"] .president_img{
        height: 260px;
        padding: 20px 18px 96px;
    } */
    [data-uba-team="council"] .president_img img{
        max-height: 84px;
        max-width: 84%;
    }
    [data-uba-team="council"] .president_info_blck{
        min-height: 84px;
    }
    .popups_form_blck, .popup_block{
        border-radius: 30px;
    }
    .popups_form_blck{
        justify-content: start;
        flex-direction: column-reverse;
    }
    .popups_left_img{
        max-width: none;
        min-height: 200px;
    }
    .image_info_blck {
        flex-direction: column;
        margin: 50px 0;
    }
    .reversed_blck{
        flex-direction: column-reverse;
    }
    .arb_img, .infoof_arb_blck {
        max-width: none;
        width: 100%;
    }
    .arb_img {
        height: 300px;
    }
    .titleon_banner{
        width: calc(100% - 40px);
        bottom: 30px;
        left: 20px;
        gap: 12px;
    }
    .infoof_arb_blck .second_title {
        margin-bottom: 0;
    }
    .betterto_know .values_blck{
        grid-template-columns: repeat(1, 1fr);
    }
    .betterto_know {
        gap: 20px;
    }
    .our_values{
        margin: 60px 0;
        padding: 60px 0;
    }
    .task_grid_blck{
        grid-template-columns: repeat(1, 1fr);
    }
    .task_white_blck{
        min-height: auto;
    }
    .aboutus_banner {
        height: 300px;
    }
    .historyof_creation .description_{
        font-size: 12px;
    }
    .values_on_img{
        gap: 30px;
    }
    .title_descrip {
        gap: 10px;
    }
    .swiper-slide.presidents_item_blck{
        margin-right: 12px !important;
    } 
    .title_descrip_start{
        flex-direction: column;
    }
    .grid_items_acc {
        grid-template-columns: repeat(2, 1fr);
    }
    .community_members_grid {
        grid-template-columns: repeat(4, 1fr);
    }
    .efpa_membe .president_img {
        height: 220px !important;
    }
    .events_blck .acc_block{
        border-radius: 30px;
    }
    .rotate_svg {
        min-width: 30px;
        width: 30px;
        height: 30px;
    }
    .faq_acc_block_active .hidden_acc_blck {
        padding-top: 20px;
    }
    .three_items {
        gap: 10px;
        margin: 10px 0;
        grid-template-columns: repeat(1, 1fr);
    }
    .final_exam_blck{
        padding: 20px;
        margin-top: 16px;
    }
    .white_window_under{
        gap: 16px;
        padding: 16px;
        border-radius: 16px;
    }
    .step_blck {
        gap: 10px;
    }
    .frankkfurt_banner {
        gap: 80px;
        padding: 30px 0;
        border-radius: 30px;
    }
    .two_blcks, .three_blcks{
        flex-direction: column;
    }
    .goback_{
        min-width: 42px;
        width: 42px;
        height: 42px;
    }
    .go_back_title_blck{
        gap: 14px;
    }
    .conts_three_blcks {
        padding: 16px;
        gap: 10px;
    }
    .grey_cont_text {
        font-size: 10px;
    }
    .conts_text {
        font-size: 12px;
    }
    .about_investment_blck{
        gap: 14px;
        padding: 24px;
    }
    .white_window_under{
        gap: 10px;
    }
    .logo_program {
        max-width: 90px;
    }
    .blue_back_banner {
        padding: 22px;
    }
    .descrip_wrapper{
        margin: 40px auto;
    }
    .efpaSwiper .efpa_membe {
        max-width: 170px;
    }
    .adv_blue_items{
        gap: 16px;
        padding: 16px;
    }
    .certificate_grid_blck{
        grid-template-columns: repeat(2, 1fr); 
    }
    .news_single_img {
        height: auto;
    }
    .members_grid_blck{
        gap: 10px;
        grid-template-columns: repeat(3, 1fr);
    }
    .bank_img {
        height: 30px;
    }
    .bank_item_block {
        padding: 12px;
        gap: 20px;
    }
    .more_info_i{
        gap: 8px;
        padding: 6px 10px;
    }
    .back_subscribe .subscribe_onimg{
        flex-direction: column;
    }
    .subs_title_descrip, .subscribe_form{
        max-width: none;
        width: 100%;
    }
    .course_grid_blck{
        grid-template-columns: repeat(2, 1fr);
    }
    .back_subscribe {
        padding: 40px 30px;
    }
    .subs_inp{
        max-width: none;
    }
    .statement_item .news_item {
        padding: 14px;
    }
    .news_items_title {
        font-size: 12px;
    }
    .news_date{
        font-size: 10px;
    }

}
@media screen and (max-width: 600px){
    .info_for_register, .about_reg_infs{
        width: 100%;
        max-width: none;
    }
    .goto_certif_blck .green_round svg {
        width: 8px;
        height: 8px;
    }
    .search_btn svg, .search_heads svg, .search_btn {
        width: 15px;
        height: 15px;
    }
    .bank_slide{
        height: 45px;
        padding: 10px 12px;
    }
    .course_grid_blck {
        grid-template-columns: repeat(1, 1fr);
    }
    .general_title{
        line-height: normal;
    }
    .chosen_lang_sp{
        color: var(--white) !important;
    }
    .globe_icon svg path {
        fill: var(--white) !important;
    }
    .subscribe_block {
        padding: 20px;
        border-radius: 20px;
    }
    .subscribe_onimg{
        width: 100%;
    }
    .prev_page, .this_page {
        font-size: 10px;
    }
    .globe_icon{
        background: rgba(255, 255, 255, 0.10);
    }
    .arrow_icon svg path{
        stroke: var(--white) !important;
    }
    .wrapper, .f_wrapper, .mini_slider_wrapper{
        padding: 0 15px;
    }
    .presidentsSlidder, .values_on_img .newsitemSwiper{
        padding-left: 15px !important;
    }
    .nav_bar{
        overflow: auto;
        border-radius: 0;
        padding: 20px 15px;
        top: 60px;
        height: calc(100% - 60px);  
    }
    header, header.scrolled {
        padding: 12px 0;
    }
    .nav_alink, .chosen_lang_sp {
        font-size: 18px;
    }
    .search_inp{
        padding-top: 0;
    }
    .globe_icon {
        width: 34px;
        min-width: 34px;
        height: 34px;
    }
    .search_btn{
        top: -2px;
        width: 20px;
        height: 20px;
    }
    .shadow_right, .shadow_left{
        display: none;
    }
    .choose_lang{
        font-size: 12px;
    }
    .newsitemSwiper {
        padding-left: 16px !important;
        padding-top: 30px !important;
    }
    .general_img{
        border-radius: 0 0 20px 20px;
    }
    :root{
        --thirty: 18px;
        --titleFont: 20px;
    }
    .copyright_site {
        gap: 20px;
        flex-direction: column;
    }
    .rights_reserved, .site_dev{
        justify-content: center;
        align-items: center;
        text-align: center;
    }
    .home_general_block{
        gap: 24px;
    }
    .green_back {
        padding: 20px 0 80px 0;
    }
    .banking_system_descrip_blck {
        margin: 30px auto !important;
    }
    .top_abs_blck {
        top: 14px;
        padding: 0 12px;
    }
    .titleon_banner{
        bottom: 18px;
        left: 12px;
        width: calc(100% - 24px);
    }
    .aboutus_banner {
        height: 260px;
    }
    .navigation_block{
        margin-bottom: 20px;
    }
    main {
        padding-top: 70px;
    }
    .home_top {
        margin-top: -90px;
    }
    .news_grid_block{
        grid-template-columns: repeat(2, 1fr);
    }
    .president_info_blck {
        gap: 4px;
        padding: 8px 6px;
        align-items: end;
    }
    .dateof_period{
        padding: 6px;
        font-size: 8px;
    }
    .soc_alinks {
        width: 30px;
        height: 30px;
    }
    .nameof_president {
        font-size: 10px;
    }
    .president_img {
        height: 270px;
    }
    /* [data-uba-team="council"] .president_img{
        height: 230px;
        padding: 16px 12px 88px;
    } */
    [data-uba-team="council"] .president_img img{
        max-height: 72px;
        max-width: 86%;
    }
    [data-uba-team="council"] .president_info_blck{
        min-height: 78px;
    }
    .soc_alinks svg {
        width: 16px;
        height: 16px;
    }
    .shadow_bottom{
        height: 80px;
    }
    .upper_descrip{
        border-radius: 30px;
    }
    .rules_blck {
        grid-template-columns: repeat(1, 1fr);
    }
    .main_task_section {
        gap: 20px;
    }
    .task_white_blck {
        gap: 12px;
        padding: 18px 16px;
        border-radius: 24px;
    }
    .task_icon {
        min-width: 40px;
        width: 40px;
        height: 40px;
    }
    .values_blck {
        grid-template-columns: repeat(1, 1fr);
    }
    .round_white {
        width: 36px;
        height: 36px;
    }
    .green_round {
        width: 18px;
        height: 18px;
    }
    .presidents_item_blck, .efpa_membe {
        max-width: 190px;
    }
    .tabs_block{
        margin-top: 24px;
    }
    .choose_tab{
        font-size: 12px;
        padding: 14px;
    }
    .chosen_serv_block .description_ {
        font-size: 12px;
    }
    .tab_servs_blocks {
        margin: 40px 0 80px 0;
    }
    .grid_items_acc {
        grid-template-columns: repeat(1, 1fr);
    }
    .community_members_grid {
        gap: 12px;
        grid-template-columns: repeat(2, 1fr);
    }
    .event_banner{
        border-radius: 10px;
    }
    .events_blck .acc_block {
        padding: 14px;
        border-radius: 20px;
    }
    .rotate_svg {
        min-width: 24px;
        width: 24px;
        height: 24px;
    }
    .rotate_svg svg{
        width: 10px;
        height: 10px;
    }
    .top_abs_blck{
        flex-direction: column;
        align-items: start;
        gap: 6px;
    }
    .start_date{
        margin: 0;
        font-size: 8px;
        padding: 6px 10px;
    }
    .logo_program {
        max-width: 100px;
        padding: 2px 6px;
    }
    .green_cont_blck{
        flex-direction: column;
        gap: 20px;
        padding: 20px;
    }
    /* Course price bar on mobile: stack full-width and left-aligned instead of the
       desktop bottom-right alignment; the register button spans the full width. */
    .course_price_bar{
        align-items: stretch;
    }
    .course_price_bar .info_for_register{
        align-items: stretch;
    }
    .course_price_bar .price_reg_col{
        justify-content: flex-start;
    }
    .course_price_bar .note_col{
        max-width: none;
    }
    .course_price_bar .send_form_btn{
        align-self: stretch;
        width: 100%;
        justify-content: center;
    }
    .cont_inf_blck{
        flex-wrap: wrap;
        justify-content: center;
    }
    .cont_inf_blck{
        min-width: 36px;
        height: 36px;
        font-size: 12px;
    }
    .info_exam_blck {
        max-width: none;
        width: 100%;
        gap: 16px;
    }
    .thirty_title{
        margin: 0;
    }
    .final_exam_blck{
        flex-direction: column;
    }
    .conts_round_white {
        min-width: 25px;
        width: 25px;
        height: 25px;
    }
    .conts_round_white svg{
        width: 12px;
        height: 12px;
    }
    .swiper-button-next, .swiper-button-prev{
        display: none !important;
    }
    .start_title_blck{
        flex-wrap: wrap;
    }
    .h_line{
        height: 1px;
        border-right: none;
        border-bottom: 1px solid rgba(255, 255, 255, 0.10);
    }
    .info_for_register{
        flex-direction: column;
    }
    .about_reg_infs {
        gap: 10px;
    }
    .round_icon {
        min-width: 16px;
        width: 16px;
        height: 16px;
    }
    .round_icon svg {
        width: 10px;
        height: 10px;
    }
    .little_inf_blcks{
        padding: 16px;
    }
    .two_inps{
        flex-direction: column;
    }
    .contacts_onmap_blck{
        grid-template-columns: repeat(1, 1fr);
    }
    #map {
        height: 500px;
    }
    .accept_btn_blck{
        flex-direction: column;
        gap: 20px;
        align-items: end;
    }
    .choose_radio{
        max-width: none;
    }
    .send_form_btn {
        font-size: 12px;
        padding: 10px 14px;
    }
    .white_windows_grid{
        grid-template-columns: repeat(1, 1fr);
    }
    .for_blue_blck{
        min-height: 190px;
    }
    .btn_yellow_blue {
        padding: 12px 14px;
    }
    .btn_yellow_blue svg{
        width: 12px;
        height: 12px;
    }
    th, td{
        padding: 6px;
    }
    tbody td:first-child, tfoot td:first-child, thead th{
        font-size: 10px;
    }
    .table-wrapper, .about_investment_blck{
        border-radius: 20px;
    }
    .about_investment_blck{
        padding: 18px;
    }
    .blue_ul_blck{
        padding: 16px;
        gap: 10px;
    }
    .blue_certif_blck{
        gap: 10px;
        max-width: 230px;
        border-radius: 16px;
    }
    .schedule_white_blck {
        gap: 8px;
        padding: 6px 10px;
    }
    .logo_program_transparent {
        max-width: 140px;
    }
    .title_descrip_bnr{
        gap: 8px;
    }
    .values_on_img {
        gap: 10px;
    }
    .frankkfurt_banner{
        padding: 20px 0;
    }
    .blue_four_blck{
        grid-template-columns: repeat(2, 1fr);
    }
    .advantages_grid_blck{
        grid-template-columns: repeat(1, 1fr);
        grid-template-rows: auto;
    }
    .two_inf_blcks{
        flex-direction: column;
    }
    .info_programm_item {
        gap: 18px;
        padding: 20px;
        border-radius: 20px;
    }
    .statistic_blue_blck{
        gap: 30px;
        padding: 12px;
        border-radius: 16px;
    }
    .mini_white_descrip{
        font-size: 10px;
    }
    .yellow_nums {
        font-size: 18px;
    }
    .adv_blue_items:last-child {
        grid-column: auto;
    }
    .read_more_blck{
        margin-top: 8px;
        gap: 10px;
        padding: 10px;
    }
    .yellow_round svg {
        width: 8px !important;
    }
    .certificate_grid_blck{
        grid-template-columns: repeat(1, 1fr); 
    }
    .schedule_item{
        max-width: 110px;
        padding: 12px;
        height: 140px !important;
    }
    .frankkfurt_banner .values_item_blck{
        padding: 10px;
    }
    .mini_img {
        height: 70px;
        min-width: 70px;
    }
    .mini_inf_blcks .values_item_blck {
        max-width: 220px;
    }
    .w_img_slider{
        max-width: 260px !important;
    }
    .news_single_img {
        height: auto;
    }
    .members_grid_blck{
        grid-template-columns: repeat(2, 1fr);
    }
    .back_subscribe {
        padding: 30px 20px;
    }
    .confirm_btn {
        padding: 10px 14px;
    }
    .subs_inp{
        padding: 12px 10px;
    }
    .subscribe_form{
        gap: 12px;
    }
    .total_block{
        padding: 14px;
    }
    .payment_chosen_type{
        gap: 10px;
        padding: 8px;
    }
    .pricec_blck {
        gap: 10px;
    }
    .news_items_title {
        font-size: 10px;
        margin: 0;
    }
    .news_date{
        font-size: 8px;
        padding: 6px 10px;
    }
    .news_item{
        gap: 6px;
    }
    .news_img {
        height: auto;
        border-radius: 10px;
    }
    .programs_item {
        max-width: 300px;
        height: 430px !important;
        border-radius: 20px;
    }
    .program_inf_onimg {
        padding: 14px;
    }
    .logo_goto_icon .arrow_btns {
        width: 40px;
        min-width: 40px;
        height: 40px;
    }
    .historyof_creation {
        margin: 30px 0;
    }
    .bank_logo {
        max-width: 70px;
    }
    .systems_banner_blck .values_item_blck {
        gap: 26px;
        padding: 30px;
        border-radius: 24px;
    }
    .schedule_item{
        border-radius: 12px;
        max-width: 100px;
        margin-right: 8px !important;
    }
    .value_item_title{
        font-size: 12px;
    }
    .statement_item .news_item {
        padding: 10px;
        border-radius: 12px;
    }
    .pagination_ {
        gap: 8px;
    }
    .prev_next_btn, .pagination_sp, .pagination_dots {
        min-width: 30px;
        height: 30px;
        font-size: 10px;
    }
    .prev_next_btn svg {
        width: 10px;
        height: 10px;
    }
    .back_subscribe .subs_white_title {
        font-size: 12px;
    }
    .subs_white_title{
        font-size: 14px;
    }
    .subs_title_descrip {
        gap: 12px;
    }
     .video_block {
        height: 300px;
        border-radius: 20px;
    }
    .white_video_history_blck{
        padding: 16px;
        gap: 20px;
    }


}