@font-face {
    src: url("../fonts/Mardoto-Medium.ttf");
    font-family: 'Mardoto_Medium';
}
@font-face {
    src: url("../fonts/Mardoto-Regular.ttf");
    font-family: 'Mardoto_Regular';
}
@font-face {
    src: url("../fonts/Mardoto-Bold.ttf");
    font-family: 'Mardoto_Bold';
}
*{
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    color: var(--blackWithOpacity);
    transition: all 300ms ease-out;
    font-family: 'Mardoto_Medium';
}
*:focus{
    outline: none;
}
*:hover{
    transition: all 300ms ease-in;
}
html {
    scroll-behavior: smooth;
  }
a{
    text-decoration: none;
    color: var(--blackWithOpacity);
}
img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}
body{
    background-color: var(--background);
    overflow-x: hidden;
}
:root {
    --black: #232331;
    --orange: #EC3237;
    --gray: #9A9AA8;
    --grayBold: #393939;
    --background: #F4F4F7;
    --blackWithOpacity: #5D5D6E;
    --white: #FFFFFF;
}
.wrapper{
    max-width: 1920px;
    width: 100%;
    margin: 0 auto;
}
.d_flex{
    display: flex;
    align-items: center;
    justify-content: space-between;
}
/* header  */
.head_logo svg {
    width: 200px;
    height: 70px;
}
.for_mob_burg{
    cursor: pointer;
    display: none;
}
.plus_title:hover{
    box-shadow: none;
    border-color: var(--orange);
}
.header_section{
    padding: 20px 35px 20px 40px;
    width: 100%;
}
.nav_bar{
    column-gap: 20px;
}
.nav_bar_a{
    font-size: 16px;
}
.nav_bar_a_active{
    color: var(--orange);
}
.num_active{
    background-color: var(--orange) !important;
}
.nav_bar_a:hover{
    color: var(--orange);
}
.orange_btn{
    background-color: var(--orange);
    padding: 20px 40px;
    border-radius: 46px;
    color: white;
    cursor: pointer;
    border: 3px solid var(--orange);
    font-family: 'Mardoto_Bold';
    box-shadow: 0px 4px 20px rgb(252 0 0 / 60%);
}
.orange_btn:hover{
    background: transparent;
    color: var(--orange);
    box-shadow: none;
}
.nav_bar .orange_btn{
    padding: 14px 20px;
    border-radius: 25px;
}
.register_btn{
    box-shadow: none;
}
.map_section .orange_btn{
    box-shadow: none;
}
header{
    height: 126px;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: 11;
    background-color: var(--background);
}
/* header  */

/* home  */
main{
    padding-top: 126px;
}
#barev1{
    display: flex;
}
.home_section{
    padding-left: 180px;
    width: 100%;
    height: 960px;
    justify-content: start;
    column-gap: 98px;
    position: relative;
}
.dashed_line{
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: -2;
    height: 100vh;
    width: 82px;
    justify-content: center;
    background-color: var(--white);
    background-image: url(../img/Vector1.png);
    background-repeat-x: no-repeat;
    background-position: top;
}
.home_title_block{
    flex-direction: column;
    align-items: flex-start;
    max-width: 894px;
    row-gap: 48px;
}
.home_title_block h1{
    font-size: 64px;
    color: var(--black);
}
.addr_cars{
    column-gap: 44px;
}
.addr_cars span{
    font-size: 20px;
    color: var(--blackWithOpacity);
}
.big_btn{
    padding: 36px 32px;
}
.home_backg{
    max-width: 1230px;
    width: 60%;
    height: 100%;
    background-repeat: no-repeat;
    background-image: url(../img/car17.png), url(../img/Illustration.png);
    position: absolute;
    right: 0;
    bottom: 0;
    background-position: 25% 106%;
    background-size: contain;
    z-index: -1;
}
.sections_{
    flex-direction: column;
    row-gap: 46px;
    align-items: flex-start;
    position: relative;
}
.section_one{
    margin: 0 0 180px 0;
}
.section_numb{
    font-size: 42px;
    font-weight: 600;
    justify-content: end;
    padding: 8px 48px 8px 66px;
    color: var(--white);
    background-color: var(--gray);
    border-top-right-radius: 90px;
    border-bottom-right-radius: 90px;
}
.page_name_numb{
    justify-content: start;
    column-gap: 32px;
}
.section_seven .page_name_numb{
    padding: 0 40px;
}
.page_name{
    font-size: 32px;
    font-weight: 600;
}
.about_us_mini{
    width: 100%;
    align-self: center;
    justify-content: center;
    column-gap: 156px;
    padding: 0 20px 0 82px;
}
.about_texts{
    flex-direction: column;
    row-gap: 13px;
    font-size: 20px;
    line-height: 34px;
    max-width: 768px;
}
.gray_statistic{
    flex-wrap: wrap;
    width: 634px;
    padding: 88px 64px;
    row-gap: 78px;
    background-color: var(--black);
    border-radius: 46px;
}
.section_six .swiper{
    margin-right: 0 !important;
}
.statis_block{
    flex-direction: column;
    max-width: 220px;
    row-gap: 24px;
}
.statis_num{
    font-size: 50px;
    font-weight: 900;
    color: var(--white);
}
.title_stat{
    font-size: 16px;
    color: var(--gray);
    text-align: center;
}
.our_advantages_mini{
    flex-direction: column;
    width: 100%;
    align-self: center;
    padding: 0 20px 0 82px;
}
.three_lines{
    max-width: 1188px;
    width: 100%;
    row-gap: 32px;
    flex-wrap: wrap;
    align-items: start;
    column-gap: 10px;
}
.adv_block{
    flex-direction: column;
    row-gap: 24px;
    max-width: 316px;
}
.mini_grays{
    width: 100px;
    height: 100px;
    border-radius: 20px;
    background-color: var(--black);
    justify-content: center;
}
.section_two{
    min-height: 1080px;
    overflow: hidden;
    justify-content: start;
    row-gap: 92px;
}
.for_btn_section{
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
}
#section_two:before, #section_one:before, #section_three:before, #section_four:before,
#sectione_five:before, #section_six:before{
    display: block;
    content: "";
    height: 130px;
}

.xdr_back{
    background-image: url(../img/xDrive.png);
    background-repeat: no-repeat;
    position: absolute;
    width: 217px;
    height: 864px;
    right: -56px;
    bottom: 0;
}
.section_three{
    min-height: 924px;
    margin-top: 36px;
    column-gap: 36px;
    justify-content: flex-start;
}
.branches_mini{
    max-width: 1814px;
    padding-right: 180px;
    width: 100%;
    padding-left: 86px;
    justify-content: end;
    column-gap: 74px;
    align-items: flex-start;
}
.addres_branches{
    flex-direction: column;
    row-gap: 24px;
    align-items: flex-start;
}
.choose_adr_block{
    column-gap: 16px;
    align-items: flex-start;
}
.choose_adr_block .label_{
    cursor: pointer;
    text-align: start;
    font-weight: 600;
    font-size: 24px;
}
.payment_type .choose_adr_block .label_{
    font-size: 15px;
}
.payment_type .check_branch input:checked~.checkbox_form .mini_check{
    width: 8px;
    height: 8px;
}
.payment_type .check_branch input, .payment_type .check_branch, .payment_type .checkbox_form{
    width: 16px;
    height: 16px;
    min-width: 16px;
    min-height: 16px;
}
.payment_type .choose_adr_block{
    gap: 10px;
}
.term_btns{
    gap: 10px;
}
.remember_me_section {
    display: flex;
    align-items: center;
    column-gap: 10px;
}
.remember_me_check {
    position: relative;
    width: 16px;
    height: 16px;
}
.remembo {
    font-size: 11px;
    color: rgba(40, 40, 40, 0.6);
    cursor: pointer;
}
.lab_sp {
    color: var(--turquoise);
    text-decoration: underline;
}
․lab_sp։hover{
    color: rgb(236, 50, 55);
}

.fb_insta_blck{
    gap: 10px;
    justify-content: start;
}
.fbinst_svg:hover svg path{
    fill: black;
}
.remember_me_check input {
    opacity: 0;
    width: 16px;
    height: 16px;
    z-index: 2;
    position: absolute;
    cursor: pointer;
}
.checkbox_formul {
    width: 16px;
    height: 16px;
    border: 1.5px solid #CED0D1;
    box-sizing: border-box;
    position: absolute;
    left: 0;
    top: 0;
    display: flex;
    cursor: pointer;
    z-index: 0;
}

.remember_me_check input:checked~.checkbox_formul {
    background-image: url(../img/bsmale.svg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    border-color: #19928F;
}





.check_branch{
    position: relative;
    min-width: 32px;
    min-height: 32px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.check_branch input {
    opacity: 0;
    width: 32px;
    height: 32px;
    z-index: 2;
    position: absolute;
    cursor: pointer;
}
.checkbox_form {
    width: 32px;
    height: 32px;
    border: none;
    box-sizing: border-box;
    background-color: var(--white);
    border-radius: 90px;
    position: absolute;
    left: 0;
    top: 0;
    display: flex;
    cursor: pointer;
    z-index: 0;
    align-items: center;
    box-shadow: 0px 4px 20px rgb(0 0 0 / 10%);
}
.check_branch input:checked~.checkbox_form {
   background-color: black;
   justify-content: center;
}
.check_branch input:checked~.checkbox_form .mini_check{
    width: 15px;
    height: 15px;
    background-color: var(--white);
    border-radius: 90px;
}
.checked_addr, .addr_phone_chosen{
    flex-direction: column;
    row-gap: 16px;
    align-items: flex-start;
}
.phone_of_addr{
    column-gap: 16px;
    color: var(--blackWithOpacity);
}
.addr_phone_chosen{
    max-width: 390px;
    display: none;
}
.addr_phone_chosen svg{
    min-width: 16px
}
.map_section{
    max-width: 900px;
    width: 56%;
    flex-direction: column;
    row-gap: 32px;
    align-items: flex-start;
}
.map_block{
    border-radius: 46px;
    width: 100%;
    background-color: var(--white);
    padding: 32px;
    flex-direction: column;
    row-gap: 23px;
}
.map_title{
    width: 100%;
}
.map_title span{
    font-size: 24px;
    font-weight: 600;
    color: var(--gray);
}
.zoom_map{
    cursor: pointer;
}
.map_mini iframe{
    border-radius: 46px;
    width: 100%;
}
.branches_back{
    position: absolute;
    right:66px;
    top: 0;
    z-index: -2;
    max-width: 1300px;
    width: 100%;
    height: 100%;
    background-image: url(../img/Illustration.png);
    background-repeat: no-repeat;
    background-size: contain;
}
.section_four{
    column-gap: 92px;
}
.price_list_block{
    flex-direction: column;
    max-width: 1560px;
    width: 100%;
    align-self: center;
    column-gap: 10px;
    padding: 0 20px 0 82px;
}
.price_list_black{
    border-radius: 46px 46px 0 0;
    background: var(--black);
    padding: 40px;
    width: 100%;
    gap: 10px;
}
.price_list_white{
    border-radius: 0 0 46px 46px;
    padding: 70px;
    background-color: var(--white);
    width: 100%;
}
.loc_name span{
    font-size: 55px;
    color: var(--white);
    font-weight: 500;
}
.loc_name{
    column-gap: 24px;
}
.about_loc_price{
    flex-direction: column;
    row-gap: 24px;
    align-items: flex-start;
}
.pockege_title{
    color: var(--white);
    font-size: 20px;
    opacity: 0.7;
}
.about_pockege{
    flex-direction: column;
    row-gap: 16px;
    align-items: flex-start;
}
.your_ch_pock{
    font-size: 16px;
    color: var(--gray);
}
.mini_pock{
    color: var(--gray);
    font-size: 12px;
}
.pockege_types{
    width: 100%;
    border-radius: 46px 0 46px 0;
    border: 1px solid #9a9aa894;
}
.kletka_line{
    display: flex;
    width: 100%;
    border-bottom: 1px solid var(--gray);
}
.kletka_cubes{
    width: 220px;
    height: 126px;
    flex-direction: column;
    row-gap: 6px;
    justify-content: center;
    border-right: 1px solid #9a9aa894;
}
.kletka_cubes_two{
    height: 85px !important;
}
.last_cube{
    border: none;
}
.pockege_name{
    font-size: 16px;
    font-weight: 600;
    color: var(--gray);
}
.price_of_pockege{
    font-size: 24px;
    color: var(--black);
}
.theorietical_{
    font-size: 20px;
    color: var(--gray);
}
.hours_{
    font-size: 24px;
    color: var(--gray);
    font-weight: 600;
}
.minutes_{
    color: #B1B3C4;
    font-size: 16px;
}
.last_kletka{
    border-bottom: none;
}
.reg_our_pockege_btn, .region_reg_btn, .city_reg_btn{
    padding: 20px 40px;
    font-size: 16px;
    color: var(--orange);
    border-radius: 46px;
    cursor: pointer;
    border: 2px solid var(--orange);
}
.in_hov:hover{
    opacity: 0.7;
}
.reg_our_pockege_btn:hover ,  .region_reg_btn:hover, .city_reg_btn:hover{
    background: var(--orange);
    color: var(--white);
}
.sectione_five{
    margin: 180px 0 46px 0;
    row-gap: 46px;
}
.car_world_mini{
    align-self: center;
    column-gap: 24px;
    padding: 0 20px 0 82px;
}
.car_world_prod{
    max-width: 504px;
    width: 100%;
    display: flex;
    flex-direction: column;
    row-gap: 24px;
    align-items: flex-start;
}
.car_world_img{
    width: 100%;
    height: 293px;
}
.car_world_img img{
    border-radius: 46px;
}
.title_about_cars{
    flex-direction: column;
    row-gap: 14px;
    width: 100%;
    align-items: flex-start;
}
.title_caro{
    font-size: 24px;
    font-weight: 600;
    height: 30px;
    width: 100%;
    overflow: hidden;
}
.date_caro{
    font-size: 16px;
    color: var(--gray);
    opacity: 0.6;
}
.tc_about {
    height: 90px;
    width: 100%;
    overflow: hidden;
    font-size: 20px;
    color: var(--blackWithOpacity);
}
.read_more{
    font-size: 16px;
    color: var(--orange);
}
.read_more:hover{
    text-decoration: underline;
}
.see_all{
    padding: 20px 40px;
    font-size: 16px;
    color: var(--orange);
    border: 2px solid var(--orange);
    border-radius: 46px;
    cursor: pointer;
    align-self: center;
}
.see_all:hover{
    background-color: var(--orange);
    color: var(--white);
}
.section_six{
    column-gap: 46px;
    margin-bottom: 140px;
}
.reviews_students_slide{
   width: 96%;
}
.slick-prev, .slick-next{
    font-size: 0;
    line-height: 0;
    position: absolute;
    bottom: 37%;
    display: block;
    width: 64px;
    height: 64px;
    padding: 0;
    cursor: pointer;
    color: transparent;
    border: none;
    outline: none;
    background: transparent;
    z-index: 2;
}
.swiper-button-prev:after, .swiper-rtl .swiper-button-next:after,
.swiper-button-next:after, .swiper-rtl .swiper-button-prev:after {
    content: '' !important;
}
.review_prod{
    width: 636px !important;
    padding: 48px 48px 60px 48px;
    background-color: var(--white);
    border-radius: 46px;
    flex-direction: column;
    row-gap: 30px;
    align-items: flex-start;
}
.review_stars{
    column-gap: 8px;
}
.reviews_p{
    font-size: 20px;
    height: 218px;
    overflow: hidden;
    color: var(--blackWithOpacity);
}
.reviewer_name{
    font-size: 24px;
    font-weight: 600;
}
/* home  */

/* footer  */
footer{
    background: #E9EBF0;
    padding: 62px 20px;
}
.reserved_{
    font-size: 16px;
    font-weight: 600;
}
.center_f{
    display: flex;
    align-items: center;
    justify-content: space-around;
}
/* footer  */

/* register popup  */
.register_section, .pay_section, .congratulations_payment_section,
.try_again_section{
    position: fixed;
    top: 0;
    right: 0;
    left: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 20;
    width: 100%;
    height: 100%;
    background: rgb(35 35 49 / 70%);
    backdrop-filter: blur(4px);
    display: none;
}
.register_block, .pay_pop_block, .congr_block, .try_block{
    max-width: 518px;
    width: 100%;
    padding: 48px;
    background-color: #F4F4F7;
    box-shadow: 0px 4px 20px rgb(0 0 0 / 10%);
    border-radius: 46px;
}
.close_reg{
    cursor: pointer;
}
.popup_title{
    font-size: 24px;
}
.register_popup{
    display: flex;
    flex-direction: column;
    row-gap: 24px;
}
.col_tw{
    margin-bottom: 20px;
}
.inp_lab{
    display: flex;
    flex-direction: column;
    row-gap: 8px;
    width: 100%;
}
.inp_lab label{
    font-size: 15px;
}
.inputs_{
    width: 100%;
    padding: 12px 16px;
    font-size: 14px;
    border: none;
    border-radius: 10px;
    border: 1px solid transparent;
}
.inputs_::placeholder{
    color: #B1B3C4;
}
.inp_for_numb{
    position: relative;
    width: 100%;
}
.code_numb{
    position: absolute;
    top: 14px;
    left: 16px;
    font-size: 14px
}
.inp_for_numb .inputs_ {
    padding: 12px 50px;
}
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
.choose_city{
    width: 100%;
    background: var(--white);
    cursor: pointer;
    border-radius: 10px;
    position: relative;
    border: 1px solid transparent;
}
.choose_city_active{
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
}
.city_cl span:nth-child(1){
    color: rgba(40, 40, 40, 0.2);
    font-size: 14px;
}
.city_cl_1 span:nth-child(1){
    color: rgba(40, 40, 40, 0.2);
    font-size: 14px;
}
.drpdn_svg{
    width: 16px;
    height: 16px;
}
.city_cl {
    padding: 12px 16px;
}
.city_cl_1 {
    padding: 12px 16px;
}
.cities_drpdn{
    background-color: var(--white);
    cursor: pointer;
    width: 100%;
    position: absolute;
    bottom: -155px;
    border-top: 1px solid rgb(40 40 40 / 6%);
    left: 0;
    display: none;
    flex-direction: column;
    height: 155px;
    overflow: auto;
    z-index: 2;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
}
.cities_drpdn_active{
    display: flex;
}
.cities_drpdn span{
    padding: 9px 16px;
    color: rgba(40, 40, 40, 0.2);
    font-size: 14px;
    border-bottom: 1px solid rgb(40 40 40 / 6%);
}
.cities_drpdn span:hover{
    color: var(--orange);
}
.cities_drpdn::-webkit-scrollbar {
    height: 4px;
    width: 4px;
}
.cities_drpdn::-webkit-scrollbar-thumb {
    background-color: var(--orange);
    opacity: 0.3;
    border-radius: 10px;
    background-clip: padding-box;
    transition: all 300ms ease-out;
}
.inputs_:focus{
    border-color:gray;
}
.next_bt{
    align-self: end;
    box-shadow: none;
    font-size: 14px;
    padding: 10px 30px;
}
.close_reg:hover svg path{
    fill: var(--orange);
}
/* register popup  */

/* pay popup  */
.pay_pop_block{
    max-width: 581px;
}
.pay_popup{
    display: flex;
    flex-direction: column;
    row-gap: 24px;
    width: 100%;
}
.for_cvv_codes{
    column-gap: 15px;
}
.for_cvv_codes .inp_lab{
    max-width: 202px;
}
.total_price{
    background: #E9EBF0;
    padding: 32px;
    border-radius: 17px;
    column-gap: 20px;
    width: 100%;
}
.chosen_city_pockege{
    flex-direction: column;
    row-gap: 8px;
    align-items: flex-start;
}
.svg_text{
    column-gap: 8px;
    color: var(--gray);
}
.total_pr{
    font-size: 20px;
    font-weight: 600;
    color: var(--blackWithOpacity);
}
.btns_col{
    column-gap: 15px;
}
.btns_col .orange_btn{
    box-shadow: none;
}
.payment_type{
    column-gap: 32px;
}
.pay_popup .choose_adr_block .label_{
    font-size: 16px;
}
.pay_popup .choose_adr_block{
    align-items: center;
}
.after_btn{
    font-size: 16px;
    border: 2px solid var(--orange);
    color: var(--orange);
    padding: 20px 40px;
    border-radius: 46px;
    cursor: pointer;
}
.after_btn:hover{
    background-color: var(--orange);
    color: var(--white);
}
.after_ask_active:hover{
    background-color: var(--orange) !important;
    color: var(--white) !important;
}
 .next_ask_active:hover, .end_exam_active:hover{
    background: transparent !important;
    color: var(--orange) !important;
    box-shadow: none !important;
}
.after_ask_active, .next_ask_active{
    opacity: 1 !important;
    cursor: pointer !important;
}
.after_ask{
    font-size: 16px;
    border: 2px solid var(--orange);
    color: var(--orange);
    padding: 20px 40px;
    border-radius: 46px;
    cursor: pointer;
}
/* pay popup  */

/* congratulations popup  */
.congr_block, .try_block{
    max-width: 590px;
    position: relative;
}
.cool_svg{
    position: absolute;
    top: -101px;
    left: 29%;
}
.congr_popup{
    display: flex;
    flex-direction: column;
    row-gap: 142px;
    align-items: center;
    justify-content: center;
}
.close_congr{
    cursor: pointer;
    align-self: flex-end;
}
.close_congr:hover svg path{
    fill: var(--orange);
}
.row_congr{
    flex-direction: column;
    row-gap: 16px;
}
.congrats_{
    font-size: 32px;
    color: var(--black);
}
.good_news{
   font-size: 20px;
   max-width: 300px;
   text-align: center;
}
.about_test{
    padding: 16px 24px;
    background-color: var(--white);
    border-radius: 27px;
    font-size: 12px;
}
.about_test span{
    color: var(--orange);
}
/* congratulations popup  */

/* test block  */
.test_wrapp{
    max-width: 1600px;
    width: 100%;
    margin: 0 auto;
    padding: 0 20px;
}
.general_test_section{
    display: flex;
    flex-direction: column;
    row-gap: 22px;
    margin-bottom: 40px;
}
.general_test_section h1{
    font-size: 32px;
    color: var(--black);
    margin-bottom: 26px;
}
.about_skilss{
    max-width: 900px;
    font-size: 20px;
    line-height: 30px;
}
.all_tests_block{
    flex-wrap: wrap;
    column-gap: 24px;
    row-gap: 24px;
    justify-content: start;
}
.test_num{
    max-width: 240px;
    width: 100%;
    height: 194px;
    border-radius: 20px;
    background-color: var(--white);
    flex-direction: column;
    row-gap: 10px;
    justify-content: center;
    border: 2px solid transparent;
    box-shadow: 0px 4px 20px rgba(0, 0, 0, 0.1);
}
.test_num:hover{
    box-shadow: none;
    border-color: var(--orange);
}
.num_of_test{
    font-size: 72px;
    font-weight: bold;
    color: var(--black);
}
.test_{
    font-size: 24px;
    color: var(--gray);
}
/* test block  */

/* rules page  */
.traffic_rules_block{
    display: flex;
    flex-direction: column;
    row-gap: 64px;
}
.traffic_rules_block h1{
    font-size: 32px;
    color: var(--black);
    margin-top: 100px;
}
.rules_block{
    flex-direction: column;
    row-gap: 24px;
    width: 100%;
    align-items: flex-start;
}
.acc_rules{
    flex-direction: column;
    row-gap: 32px;
    width: 100%;
}
.acc_title{
    width: 100%;
    column-gap: 24px;
    align-items: center;
    justify-content: start;
}
.plus_minus_block{
    width: 48px;
    min-width: 48px;
    height: 48px;
    min-height: 48px;
    cursor: pointer;
    background-color: var(--orange);
    border-radius: 90px;
    justify-content: center;
}
.plus_minus_block:hover{
    background-color: #d10006;
}
.minus_acc{
    display: none;
}
.acc_white{
    max-width: 1488px;
    width: 100%;
    padding: 24px 62px;
    font-size: 20px;
    color: var(--black);
    background-color: var(--white);
    border-radius: 46px;
    border: 1px solid white;
}
.opened_acc_block{
    max-width: 1296px;
    width: 100%;
    align-self: center;
    display: none;
}
.opened_acc_block_active{
    display: block;
}
.acc_text{
    width: 100%;
    flex-direction: column;
    row-gap: 24px;
}
.title_acc_text{
    flex-direction: column;
    row-gap: 16px;
    align-items: flex-start;
}
.acc_text span{
    font-size: 20px;
    line-height: 30px;
    color:#5D5D6E;
}
.acc_text p{
    font-size: 24px;
    font-weight: bold;
    color: var(--black);
}
.traffic_rules_block{
    margin-bottom: 192px;
}
/* rules page  */

/* exam page  */
.exam_section{
    flex-direction: column;
    row-gap: 32px;
    max-width: 1296px;
    width: 100%;
    align-items: start;
    margin-bottom: 400px;
}
.back_to_test{
    column-gap: 16px;
    font-size: 32px;
    color: var(--black);
}
.back_to_test:hover{
    color: var(--orange);
}
.back_to_test:hover svg path{
    fill: var(--orange);
}
.exam_block{
    justify-content: center;
    padding: 0 20px;
}
.exam_general_block{
    background-color: var(--white);
    border-radius: 46px;
    padding: 62px 64px 48px 64px;
    width: 100%;
    overflow: hidden;
}
.exam_general_block .swiper-slide {
    text-align: center;
    font-size: 18px;
    background: #fff;

    /* Center slide text vertically */
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
}
.exam_general_block .swiper-button-next{
    color: var(--white);
}
.exam_general_block .swiper-button-next:hover{
    color: var(--orange);
}
.exam_general_block .swiper-button-prev{
    color: var(--orange);
    background-color: var(--white);
}
.exam_general_block .swiper-button-prev:hover{
    color: var(--white);
    background-color: var(--orange);
}
.exam_general_block .swiper-button-next,
.exam_general_block .swiper-button-prev{
    bottom: 26px;
    top: auto;
}
.exam_general_block .swiper-wrapper{
    padding-bottom: 112px;
}
.exam_general_block .swiper-pointer-events{
    max-width: 1168px;
}
.test_num_time{
    width: 100%;
    margin-bottom: 20px;
}
.question_num{
    font-size: 24px;
    color: #5D5D6E;
    font-weight: 600;
}
.time_for_quest{
    column-gap: 16px;
}
.time_out{
    font-size: 24px;
    font-weight: bold;
}
.img_and_question{
    flex-direction: column;
    row-gap: 58px;
    max-width: 654px;
    width: 100%;
    align-items: flex-start;
    margin-bottom: 70px;
}
.img_of_ask{
    max-width: 636px;
    width: 100%;
}
.img_of_ask img{
    border-radius: 46px;
    object-fit: contain;
}
.sw_slide_ask{
    flex-direction: column;
    display: none;
    align-items: center;
    margin-bottom: 30px;
}
.sw_slide_ask_active{
    display: flex;
}
.quest_title{
    font-size: 24px;
    color: var(--black);
    font-weight: bold;
}
.check_right_answer{
    flex-direction: column;
    row-gap: 24px;
    align-items: flex-start;
}
.underline_{
    max-width: 1036px;
    width: 100%;
    border-bottom: 2px solid var(--blackWithOpacity);
    opacity: 0.1;
}
.exam_general_block .swiper-button-next, .swiper-rtl .swiper-button-prev {
    right: 68px;
    width: 146px;
    height: 60px;
    font-size: 16px;
}
.next_ask, .after_ask{
    width: 146px;
    height: 60px;
    font-size: 16px;
    display: flex;
    align-items: center;
    justify-content: center
}
.after_ask,.next_ask{
    opacity: 0.5;
    cursor: auto;
}
.next_ask{
    background-color: var(--orange);
    padding: 20px 40px;
    border-radius: 46px;
    color: white;
    border: 3px solid var(--orange);
    font-family: 'Mardoto_Bold';
    box-shadow: 0px 4px 20px rgb(252 0 0 / 60%);
}
.end_exam{
    opacity: 0.5;
    display: none;
    background-color: var(--orange);
    padding: 20px 40px;
    border-radius: 46px;
    color: white;
    border: 3px solid var(--orange);
    font-family: 'Mardoto_Bold';
    box-shadow: 0px 4px 20px rgb(252 0 0 / 60%);
}
.end_exam_active{
    opacity: 1;
    cursor: pointer;
}

.exam_general_block .swiper-button-next{
    z-index: -1;
    opacity: 0.7;
}
.next_active{
    z-index: 2 !important;
    opacity: 1 !important;
}
.exam_general_block .swiper-button-prev, .swiper-rtl .swiper-button-next {
    left: 60px;
    width: 146px;
    height: 60px;
    font-size: 16px;
}
.end_tests{
    position: absolute;
    right: 68px;
    width: 146px;
    height: 60px;
    bottom: 26px;
    cursor: pointer;
    z-index: 20;
    display: none;
    justify-content: center;
    font-size: 16px !important;
    z-index: -2;
    opacity: 0.7;
}
.end_tests_active{
    z-index: 2;
    opacity: 1;
}
/* exam page  */



















/* news page  */

.news_section h1{
    font-size: 32px;
    margin-bottom: 34px;
}
.car_world_news{
    flex-direction: column;
    row-gap: 10px;
    max-width: 504px;
    width: 100%;
    align-items: flex-start;
}
.news_img_prod{
    width: 100%;
}
.news_img_prod img{
    border-radius: 46px;
}
.news_mini_title{
    font-size: 24px;
    color: #5D5D6E;
    margin-bottom: 5px;
    font-weight: 700;
}
.date_news{
    font-size: 16px;
    color: #9A9AA8;
    margin-bottom: 4px;
}
.mini_text_{
    font-size: 20px;
    color: #5D5D6E;
    line-height: 23px;
    height: 70px;
    overflow: hidden;
    margin-bottom: 10px;
}

.read_more{
    font-size: 16px;
    color: var(--orange);
}
.read_more:hover{
    text-decoration: underline;
}
.news_blck{
    flex-direction: column;
    row-gap: 85px;
    margin-bottom: 358px;
}

/* news paginaion  */
.pagination_block{
    column-gap: 10px;
    align-self: center;
    max-width: 390px;
}
.prev_next_page{
    cursor: pointer;
}
.pagination_sp {
    padding: 8px 18px;
    font-size: 25px;
    color: #282828;
}
.pagination_sp:hover{
    background: #FFE0D7;
}
.pagination_sp_active{
    color: white;
    background: #FF8760;
}
.news_prod .arrow_square{
    right: 0;
}
  /* end news paginaion  */

/* news page  */
.news_page_blck{
    flex-direction: column;
    row-gap: 26px;
    max-width: 1000px;
    margin: 0 auto;
    width: 100%;
    margin-bottom: 320px;
}
.news_general_img{
    width: 100%;
}
.news_general_img img{
    border-radius: 46px;
}
.news_title_text{
    flex-direction: column;
    align-items: start;
    width: 100%;
    row-gap: 16px;
}
.news_title_text h1{
    font-size: 32px;
    color: #282828;
}
.date_news{
    font-size: 16px;
    color: #9A9AA8;
}
.news_text{
    font-size: 18px;
    line-height: 28px;
}
.sto_{
    width: 100%;
}
.prev_link{
    align-self: start;
    width: 30px;
    height: 30px;
}
/* news page  */


/* new  */
.phone_header{
    gap:20px;
}

.phone_img img{
    width: 20px;
    height: 20px;
}

.phone_img  {
    background: rgba(3, 166, 0, 0.1);
    border-radius: 4px;
    width: 35px;
    height: 35px;
    text-align: center;
    align-items: center;
    justify-content: center;
    display: flex;
}

.p_numb a {
    font-weight: bold;
    font-size: 17.5448px ;
    line-height: 21px ;
    color: #18BF6D ;
}

.puls_btn{
    position: relative;
}
@keyframes pulsate {
    0% {
        -webkit-transform: scale(1, 1);
        opacity: 1;
    }
    100% {
        -webkit-transform: scale(1.3, 1.3);
        opacity: 0;
    }
}
.pulse_ring {
    content: '';
    width: 45px;
    height: 45px;
    background: rgba(84, 84, 84, 0.1);
    border: 5px solid rgba(84, 84, 84, 0.3);
    border-radius: 50%;
    position: absolute;
    top: -5px;
    left: -5px;
    animation: pulsate infinite 1.5s;
}
.puls_btn .phone_img{
    border-radius: 90px;
}



.typeof_photodaran{
    gap: 30px;
}
.all_video_photo{
    font-size: 18px;
    font-weight: 700;
    cursor: pointer;
    color: rgba(93, 93, 110, 0.6);
}
.all_video_photo:hover, .all_video_photo_active{
    color: #5D5D6E;
}
.photodaran_blck{
    width: 100%;
    padding: 0 40px;
    display: none;
    flex-wrap: wrap;
    gap: 24px;
    align-self: center;
}
.photodaran_active{
    display: flex;
}

.photo_mini{
    width: calc(100% / 3 - 16px);
    height: 332px;
}
.photo_mini img{
    border-radius: 75px;
}
.big_photo{
    width: calc(100% - 34%) !important;
    height: 690px;
}
.long_height_img{
    height: 690px;
}
.prod_video {
    position: relative;
}
.play_video {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 72px;
    height: 72px;
    border-radius: 20px;
    justify-content: center;
    cursor: pointer;
    z-index: 10;
    background: #FE703C;
    transform: translate(-50%,-50%);
}
.see_more_ph{
    padding: 20px 36px;
    border-radius: 90px;
    font-size: 16px;
    border: 2px solid var(--orange);
    color: var(--orange);
    align-self: center;
    cursor: pointer;
}
.see_more_ph:hover{
    background-color: var(--orange);
    color: white;
}
video {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.prod_video video{
    border-radius: 75px;
}
.add-text{
    margin-left: 35%;
    position: absolute;
    margin-top: 125px;
}
.text-center{
    text-align:center;
}
.partners-title{
 /*   margin-left: 150px;*/
    margin-top: 180px;
    font-size: 24px;
    margin-bottom: 50px;
    font-weight: 600;
}
.partners {
    margin:0 auto;
    max-width: 1000px;
    height: 100%;
}

.partners .swiper-slide {
    text-align: center;
    font-size: 18px;
    background: #fff;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 200px!important;
    height: 200px!important;
}

.swiper-slide img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: contain;
}

.see_more_ph a{
    color: #ec3237;
}
.see_more_ph a:hover{
    color: #fff;
}
.categories{
    background-color: #E9EBF0;
    padding: 20px;
    width: 100%;
}
.categories .lists{
    list-style-type: none;
    display: flex;
    justify-content: center;
    font-size: 18px;
}
.categories .list{
    margin: 0 10px; 
}

.groups{
    margin: 180px 0;
    display: flex;
    flex-direction: column;
    align-items: center;
}
.group{
    display: flex;
    align-items: center;
}
.cycle{
    width: 150px;
    height: 150px;
    border-radius: 50%;
    border: 5px solid #EC3237;
    margin: 40px -12px 40px 0;
    background: #fff;
    z-index: 1;
    position: relative;
}
.small-cycle{
    border-radius: 50%;
    position: absolute;
    background-color: #EC3237;
    top: 10px;
    bottom: 10px;
    left: 10px;
    right: 10px;
}
.small-cycle .title{
    color: #fff;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}
.small-cycle .title:hover {
    cursor: pointer;
    color: #ddd;
}
.category_title{
    font-size: 30px;
    margin-bottom: 30px;
}
.category_title::after {
    content: '';
    display: block;
    width: 40px;
    height: 3px;
    background-color: #EC3237;
    margin: 15px auto 0;
}
.group_name{
    background-color: #EC3237;
    width: 300px;
    padding: 35px;
    text-align: center;
    position: relative;
    border-radius: 5px;
}

.group_name a{
    color: #fff;
}
.group_name:hover{
    cursor: pointer;
    color: #ddd;
}
.little_cycle{
    width: 150px;
    height: 150px;
    background-color: #fff;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    color: white;
    font-size: 18px;
    position: absolute;
    top: calc(50% - 75px);
    left: -129px;
}

@media (max-width: 510px){
    .group {
        flex-direction: column;
    }
    .little_cycle {
        top: -130px;
        left: calc(50% - 75px);
    }
    .cycle{
        margin: 40px 0px -12px 0;
    }
    .group_name{
        margin-bottom: 20px;
    }
   .partners {
     max-width: 320px;
     height: 100%;
     margin:0 auto;
   }
}
@media (max-width: 768px){
   .partners {
     margin:0 auto;
     max-width: 500px;
     height: 100%;
   }
}

@media (max-width: 1120px){
   .partners {
     margin:0 auto;
     max-width: 700px;
     height: 100%;
   }
}