.wrapper_branch{
    max-width: 1600px;
    width: 100%;
    margin: 0 auto;
    padding: 0 20px;
}
.branches_section{
    flex-direction: column;
    gap: 30px;
    align-items: start;
    /* padding: 0 30px; */
}
.toast-message{
    color: white!important;
}
.pagination_sp{
    border-radius:4px ;
}
.border-color-error{
    border-color: red;
}
.branch_map_block{
    gap: 20px;
}
.filtr_branch_block{
    display: none;
    justify-content: start;
    max-width: 620px;
    width: 50%;
    height: 580px;
    overflow: auto;
    padding-right: 15px;
    flex-direction: column;
    gap: 10px;
}
.filtr_branch_block_active{
    display: flex;
}
.filter_img{
    min-width: 190px;
    width: 190px;
    height: 168px;
}
.filter_img img{
    border-radius: 20px;
}
.filter_blcks{
    justify-content: start;
    overflow: auto;
    white-space: nowrap;
    padding-bottom: 10px;
    gap: 14px;
    align-items: stretch;
}
.choose_filt{
    font-family: 'Mardoto_Medium';
    font-size: 20px;
    padding: 14px 20px;
    cursor: pointer;
    border: 1px solid #9A9AA8;
    border-radius: 90px;
}
.choose_filt_active, .choose_filt:hover{
    background-color: var(--orange);
    border-color: var(--orange);
    color: var(--white);
}
.filter_blcks::-webkit-scrollbar-thumb,
.filtr_branch_block::-webkit-scrollbar-thumb{
    background-color: black;
    border-radius: 10px;
    background-clip: padding-box;
    transition: all 300ms ease-out;
}
.filter_blcks::-webkit-scrollbar,
.filtr_branch_block::-webkit-scrollbar{
    height: 4px;
    width: 2px;
}
.filter_blcks::-webkit-scrollbar-track,
.filtr_branch_block::-webkit-scrollbar-track{
    background-color: rgba(40, 40, 40, 0.20);
}
.filtr_branch_block::-webkit-scrollbar-thumb{
    background-color: var(--orange);
    border-radius: 10px;
    background-clip: padding-box;
    transition: all 300ms ease-out;
    cursor: pointer;
}
.filtr_branch_block::-webkit-scrollbar{
    height: 4px;
    width: 4px;
}
.filtr_branch_block::-webkit-scrollbar-track{
    background-color: rgba(40, 40, 40, 0.20);
}
.branch_info_block{
    cursor: pointer;
    justify-content: start;
    padding: 20px 16px;
    border-radius: 20px;
    gap: 28px;
    background: var(--white);
}
.branch_info_block_active{
    background: #232330;
}
.branch_infs{
    flex-direction: column;
    align-items: start;
    gap: 10px;
    max-width: 400px;
    width: 100%;
}
.branch_name{
    font-size: 20px;
    font-family: 'Mardoto_Bold';
}
.stars_rev_blck{
    gap: 30px;
    justify-content: start;
}
.leave_rev_btn{
    padding: 9px 20px;
    font-size: 10px;
    box-shadow: none;
}
.contact_loc_ph{
    gap: 16px;
}
.locs_svg svg{
    min-width: 16px;
}
.conts_sp{
    font-size: 12px;
    color: #9A9AA8;
}
.conts_sp:hover{
    text-decoration: underline;
}
.read_social{
    gap: 10px;
}
.more_sp{
    font-size: 12px;
    font-family: 'Mardoto_Bold';
}
.more_sp:hover{
    text-decoration: underline;
}
.soc_media{
    gap: 16px;
}
.map_branches{
    max-width: 900px;
    width: 60%;
    height: 560px;
}
.map_branches iframe{
    border-radius: 46px;
    width: 100%;
    height: 100%;
}
.branch_info_block_active .branch_name{
    color: var(--white);
}
.instructor_section{
    flex-direction: column;
    align-items: start;
    gap: 60px;
    margin: 90px 0 100px 0;
}
.branchs_orange{
    color: var(--orange);
}
.second_title_blck{
    font-size: 28px;
    font-family: 'Mardoto_Bold';
}
.title_btn_blck{
    gap: 10px;
}
.big_leave{
    font-size: 12px;
    padding: 15px 35px;
}
.instructors_block{
    flex-wrap: wrap;
    justify-content: start;
    gap: 20px;
    display: none;
}
.instructors_block_active{
    display: flex;
}
.instructor_item_blck{
    flex-direction: column;
    gap: 12px;
    align-items: start;
    width: calc(100% / 4 - 15px);
}
.instructor_img{
    border-radius: 40px;
    overflow: hidden;
    height: 325px;
}
.instructor_item_blck:hover .instructor_img img{
    transform: scale(1.1);
}
.nameof_instructor{
    font-size: 24px;
    margin-top: 20px;
    font-family: 'Mardoto_Bold';
}
.about_instr, .about_instr span{
    justify-content: start;
    gap: 4px;
    font-size: 16px;
    color: #9A9AA8;
}
.car_type{
    justify-content: start;
    gap: 12px;
    font-size: 16px;
    color: #9A9AA8;
}
.more_about_intstr{
    font-size: 16px;
    color: var(--orange);
    font-family: 'Mardoto_Bold';
}
.instructor_item_blck:hover .more_about_intstr{
    text-decoration: underline;
}
.pagination_{
    justify-content: center;
    gap: 10px;
}
.next_prev_btn{
    cursor: pointer;
}
.instructor_section .pagination_sp:hover {
    background: var(--orange);
    color: var(--white);
}
.pagination_active{
    background: var(--orange);
    color: var(--white);
}
.tochki_:hover{
    background-color: transparent !important;
    color: black !important;
}
.gray_back{
    background: rgb(35 35 49 / 70%);
    backdrop-filter: blur(4px);
    display: none;
    position: fixed;
    width: 100%;
    z-index: 32;
    height: 100%;
    top: 0;
    right: 0;
    left: 0;
}
.gray_back_active {
    display: block;
}
.parent_pop {
    position: relative;
    display: flex;
    justify-content: center;
}
.leave_review_popup{
    z-index: 33;
    position: fixed;
    display: none;
    max-width: 675px;
    width: 85%;
    border-radius: 40px;
    flex-direction: column;
    align-items: center;
    justify-content: start;
    top: 3%;
    max-height: 83vh;
    overflow: hidden;
    background: #F4F4F7;
}
.leave_review_popup_active{
    display: flex;
}
.leave_rev_form{
    overflow: auto;
    padding: 40px;
    border-radius: 40px;
    flex-direction: column;
    gap: 20px;
}
.title_x_blck{
    gap: 20px;
}
.popup_title{
    font-size: 32px;
    font-family: 'Mardoto_Bold';
}
.close_popup{
    margin-left: auto;
    cursor: pointer;
}
.close_popup:hover svg path{
    fill: red;
}
.inp_lab{
    align-items: start;
}
.leave_rev_form .inputs_{
    background-color: var(--white);
    padding: 20px;
}
.lav_sp{
    font-size: 12px;
}
.about_intructor_block{
    margin: 70px 0 40px 0;
    gap: 20px;
    align-items: stretch;
}
.intstructor_big_img{
    max-width: 770px;
    width: 100%;
}
.intstructor_big_img img{
    border-radius: 40px;
}
.intructors_info_block{
    justify-content: start;
    align-items: start;
    padding: 40px;
    flex-direction: column;
    gap: 16px;
    max-width: 770px;
    width: 60%;
    border-radius: 40px;
    background: var(--white);
}
.name_leave_rev{
    gap: 20px;
}
.nameof_inst{
    font-size: 32px;
    font-family: 'Mardoto_Bold';
}
.reviews_about_ints_blck{
    justify-content:start;
    flex-direction: column;
    gap: 10px;
    height: 450px;
    overflow: auto;
    padding-right: 14px;
}
.reviews_about_ints_blck::-webkit-scrollbar-thumb,
.leave_rev_form::-webkit-scrollbar-thumb{
    background-color: var(--orange);
    border-radius: 10px;
    background-clip: padding-box;
    transition: all 300ms ease-out;
    cursor: pointer;
}
.reviews_about_ints_blck::-webkit-scrollbar,
.leave_rev_form::-webkit-scrollbar{
    height: 4px;
    width: 4px;
}
.reviews_about_ints_blck::-webkit-scrollbar-track,
.leave_rev_form::-webkit-scrollbar-track{
    background-color: rgba(40, 40, 40, 0.20);
}
.reviews_block{
    padding: 22px 25px;
    background: #F4F4F7;
    border-radius: 20px;
    flex-direction: column;
    gap: 15px;
    align-items: start;
}
.rev_text{
    font-size: 12px;
    color: #5D5D6E;
}
.nameof_revs{
    font-size: 13px;
    font-family: 'Mardoto_Bold';
}
.not_reviews{
    flex-direction: column;
    gap: 14px;
    margin: auto;
}
.not_revs_yet{
    font-size: 18px;
    font-family: 'Mardoto_Bold';
}
.dropdown_rel{
    position: relative;
}
.drps_title{
    cursor: pointer;
}
.dropdown_{
    background-color: var(--white);
    cursor: pointer;
    width: 100%;
    position: absolute;
    top: 60px;
    border-top: 1px solid rgb(40 40 40 / 6%);
    left: 0;
    display: none;
    flex-direction: column;
    max-height: 155px;
    overflow: auto;
    z-index: 2;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
}
.dropdown_::-webkit-scrollbar-thumb{
    background-color: var(--orange);
    border-radius: 10px;
    background-clip: padding-box;
    transition: all 300ms ease-out;
    cursor: pointer;
}
.dropdown_::-webkit-scrollbar{
    height: 4px;
    width: 4px;
}
.dropdown_::-webkit-scrollbar-track{
    background-color: rgba(40, 40, 40, 0.20);
}
.dropdown_active{
    display: flex;
}
.city_sps{
    padding: 9px 16px;
    color: rgba(40, 40, 40, 0.2);
    font-size: 14px;
    border-bottom: 1px solid rgb(40 40 40 / 6%);
}
.city_sps:hover {
    color: var(--orange);
}
.leave_rev_stars{
    gap: 20px;
    justify-content: start;
}
.revstar_title{
    font-size: 12px;
}
.start_comment:hover svg path,
.start_comment_active svg path,
.start_comment_actives svg path {
    fill:#ff9e00;
}
.start_comment{
    cursor: pointer;
}
.rate_wstars{
    gap: 8px;
}
.confirm_btn{
    box-shadow: none;
    justify-content: center;
}
textarea{
    resize: none;
}

/* success fail */
.success_popup, .fail_popup{
    z-index: 33;
    position: fixed;
    display: none;
    max-width: 600px;
    width: 85%;
    border-radius: 40px;
    flex-direction: column;
    align-items: center;
    justify-content: start;
    top: 3%;
    max-height: 83vh;
    overflow: hidden;
    background: #F4F4F7;
}
.success_popup_active, .fail_popup_active{
    display: flex;
}
.success_fail_block{
    padding: 40px;
    flex-direction: column;
    gap: 20px;
    border-radius: 40px;
    background-color: #F4F4F7;
}
.success_fail_img{
    max-width: 154px;
}
.success_fail_message{
    max-width: 445px;
    text-align: center;
    font-size: 32px;
    color: #5D5D6E;
    font-family: 'Mardoto_Bold';
}