:root{
    font-synthesis: none;
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;

    --body_color: #F4F4F4;
    --black: #1E1E1E;
    --almost_black: #1E1E1E;
    --light_gray: #eaeaea;
    --color: #ffffff;
    --white: #ffffff;
    --yellow: #DFCB5D;
    --input_bg: #EDF5F4;
    --error: #ff2c2c;
    --red: #D12519;
    --form_bg: #1b1d207d;
    --text_red: #D83A43;
    --orange: #E67D48;
    --yellow_bg: #F8E749;

    --button_radius: 23px;
    --image_radius: 20px;
    --window_radius: 20px;
    --big_radius: 54px;
    --middle_radius: 40px;
    --input_radius: 6px;
    --gap: 20px;
    --window_padding: 2.6rem;
    --card_padding: 1.5rem 2rem;

    /*--border: 2px solid #E8CC5488;*/
    --border: 1px solid #fff;
    --border_black: 1px solid #000;

    --blue: #2f65fd;
    --gray: #9A9A9A;
    --light_blue: rgb(123, 170, 190);
    --gray_blue: #596577;
    --link: #2f65fd;
    --link_hover: #6990ff;
    --max_width: 1440px;
    --inner_width: 1200px;
}

@font-face{
    font-family: 'Gilroy';
    src: local('Gilroy'),
    url('/fonts/Gilroy-Regular.ttf') format('truetype');
    font-weight: 400;
    font-style: normal;
}

@font-face{
    font-family: 'Gilroy';
    src: local('Gilroy'),
    url('/fonts/Gilroy-SemiBold.ttf') format('truetype');
    font-weight: 500;
    font-style: normal;
}

@font-face{
    font-family: 'Gilroy';
    src: local('Gilroy'),
    url('/fonts/Gilroy-Bold.ttf') format('truetype');
    font-weight: 600;
    font-style: normal;
}

*{
    box-sizing: border-box;
    font-family: 'Gilroy', sans-serif;
    margin: 0;
    border: 0;
    outline: none;
    font-weight: 400;
}

html, body {
    height: 100%;
    width: 100%;
    margin: 0;
    border: 0;
}

html {
    position: relative;
    min-height: 100vh;
    font-size: 15px;
}

body {
    position: relative;
    overflow-x: hidden;
    overflow-y: auto;
    background-color: var(--body_color);
    color: var(--black);
    scroll-behavior: smooth;
}

img{
    margin: 0;
    padding: 0;
    display: inline-block;
    vertical-align: inherit;
}

button, .button{
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    display: inline-block;
    white-space: nowrap;
    word-break: keep-all;
    padding: 1rem 2rem;
    min-width: 215px;
    border-radius: var(--button_radius);
    font-weight: 600;
    text-align: center;
    /*text-transform: uppercase;*/
    cursor: pointer;
    transition: filter 150ms ease;
}

button:hover, .button:hover{
    filter: brightness(1.1);
}

form{
    position: relative;
}

input[type="text"], input[type="password"], input[type="number"], input[type="email"], select{
    outline: none;
}

input[type="text"].margin0, input[type="number"].margin0, input[type="number"].margin0, input[type="email"].margin0, select.margin0{
    margin: 0;
}

input[type="checkbox"]{
    cursor: pointer;
}

label{
    font-size: 13px;
    cursor: pointer;
}

.bg_transp{
    background-color: transparent;
}

.border_white{
    border: var(--border) !important;
}

.border_black{
    border: var(--border_black) !important;
}

.border_gray{
    border: 1px solid var(--gray) !important;
}

.text_white{
    color: #fff !important;
}

.text_black{
    color: #000 !important;
}

h1, .h1{
    font-size: 62px;
    line-height: 1.1;
}

h2, .h2{
    font-size: 35px;
    line-height: 1.1;
}

h3, .h3{
    color: var(--gray);
    font-size: 24px;
    font-weight: 500;
    margin-bottom: 2rem;
}

a, .link{
    color: var(--black);
    text-decoration: none;
    transition: color 0.1s ease;
    cursor: pointer;
}

a:active, .link:active{
    text-decoration: underline;
}

a:visited, .link:visited{
    /*color: var(--yellow);*/
}

a:hover, .link:hover{
    text-decoration: underline;
}

.btn_white{
    background-color: var(--white);
    border: 1px solid var(--black);
}

.btn_yellow{
    background-color: var(--yellow);
    color: var(--black);
}

.yellow_text{
    color: var(--yellow);
}

.btn_black{
    background-color: var(--black);
    color: var(--white);
}

.btn_gray{
    background-color: var(--gray);
    color: var(--white);
}

.btn_wide{
    min-width: 220px;
}

.bg_black{
    background-color: var(--black);
    color: var(--white);
}

.bg_white{
    background-color: var(--white);
    color: var(--black);
}

.bg_gray_body{
    background-color: var(--body_color) !important;
}

.bg_red{
    background-color: var(--red) !important;
    color: var(--white);
}

.bg_white_head{
    background-color: var(--white);
    color: var(--black);
}

.bg_gray{
    background-color: var(--gray);
    color: var(--white);
}

.bg_light_blue{
    background-color: var(--light_blue);
    color: var(--white);
}

.bg_gray_blue{
    background-color: var(--gray_blue);
    color: var(--white);
}

.bg_blue{
    background-color: var(--blue);
    color: var(--white);
}

.width100{
    width: 100%;
}

.width50{
    width: 50%;
}

.relative{
    position: relative;
}

.margin0auto{
    margin: 0 auto;
}

.center_text{
    text-align: center;
}

.padding_vert2rem{
    padding: 2rem 0;
}

.padding_vert4rem{
    padding: 4rem 0;
}

.top_section{
    margin-top: 150px !important;
}

.main_swiper_container {
    position: relative;
    border-radius: var(--image_radius);
    overflow: hidden;
    width: 100%;
    aspect-ratio: 2.222222;
}

.swiper.main_banners {
    position: relative;
    width: 100%;
    overflow-x: hidden;
}

.image_link {
    position: relative;
    display: flex;
    margin: 0;
    width: 100%;
    height: 100%;
}

/* flex */

.flex{
    display: flex;
}

.flex_row{
    flex-direction: row;
}

.flex_column{
    flex-direction: column;
}

.justify_content_center{
    justify-content: center;
}

.align_items_center{
    align-items: center;
}

.breadcrumbs {
    margin: 1.5rem 0 4.5rem;
    padding-left: 5rem;
}

.breadcrumbs__list {
    margin: 0;
    padding: 0;
    list-style: none;
}

.breadcrumbs__item {
    display: inline-block;
}

.breadcrumbs__item:not(:last-child)::after {
    display: inline-block;
    width: .6rem;
    height: 1rem;
    margin: 0 .7em;
    background-image: url(/img/breadcrumbs_arrow.svg);
    content: "";
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.breadcrumbs__link {
    padding: 1.5rem 0;
    font-weight: 600;
    font-size: 1.4rem;
}

.breadcrumbs__link--current, .breadcrumbs__link:active {
    opacity: .55;
}

.breadcrumbs__name{
    margin: 0;
}

/* flex end */

.app{
    position: relative;
    width: 100%;
    min-height: 100%;
    display: flex;
    flex-direction: column;
}

.header {
    position: fixed;
    display: flex;
    width: 100%;
    min-height: 38px;
    padding: 23px 0;
    left: 0;
    right: 0;
    top: 0;
    background: var(--white);
    color: var(--black);
    box-shadow: 0 0 10px rgba(0,0,0,.24);
    z-index: 12;
}

.header_address_block{
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 0.5rem;
    flex: 1;
}

.footer_address_block{
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 0.5rem;
    flex: 1;
    color: var(--white);
}

.content {
    position: relative;
    display: flex;
    flex-direction: column;
    width: 100%;
    flex: 1;
}

.footer {
    width: 100%;
    position: relative;
    display: flex;
    min-height: 38px;
    background-color: var(--black);
    color: var(--white);
}

.footer_inner{
    position: relative;
    width: 100%;
    max-width: var(--inner_width);
    margin: 0 auto;
    padding: 4rem 0;
}

section{
    position: relative;
    width: 100%;
}

.section{
    position: relative;
    width: 100%;
    max-width: 100%;
    margin: 0 auto;
}

.section_inner{
    position: relative;
    width: 100%;
    max-width: var(--inner_width);
    margin: 0 auto;
}

.text_red{
    color: var(--text_red);
}

.fw500{
    font-weight: 500;
}

.fs15{
    font-size: 15px;
}

.anchor{
    height: 0;
    transform: translateY(-92px);
}

.header_main, .footer_main{
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
}

.logo{
    display: block;
    width: 100%;
}

.logo_container{
    position: relative;
    max-width: 189px;
    width: 100%;
}

.header_addresses{
    display: flex;
    flex-wrap: wrap;
    justify-content: right;
    align-items: center;
    gap: 2rem;
}

.header_addresses_part{
    /*padding-left: 10rem;*/
    text-align: right;
}

.address_string{
    margin: 0;
    font-weight: 500;
    font-size: 12px;
    text-align: right;
}

.phone{
    white-space: nowrap;
    word-break: keep-all;
}

.border_top{
    /*border-top: 1px solid var(--yellow);*/
    padding: 23px 0;
}

.small_icon{
    display: block;
}

.footer_addresses{
    text-align: center;
}

.form{
    border-radius: var(--window_radius);
    border: var(--border);
    padding: 2.6rem 3.33rem;
    width: 100%;
    background-blend-mode: overlay, normal;
    -webkit-backdrop-filter: blur(6px);
    backdrop-filter: blur(6px);
}

.form_bg{
    background-color: var(--form_bg);
}

.form_lg{
    background-color: var(--light_gray);
}

.form1{
    max-width: 461px;
}

.form2{
}

.nowrap{
    white-space: nowrap;
    word-break: keep-all;
    font-size: inherit;
    font-weight: inherit;
}

.red_span{
    color: var(--text_red);
    font-size: inherit;
    font-weight: inherit;
}

.black_span{
    color: black;
    font-size: inherit;
    font-weight: inherit;
}

.magenta_span{
    color: #7269E2;
    font-size: inherit;
    font-weight: inherit;
}

.swiper_buttons_container{
    display: flex;
    width: 100%;
    justify-content: flex-end;
    align-items: center;
    gap: 1rem;
    margin-top: 1rem;
}

.sw-button-prev, .sw-button-next{
    width: 40px;
    height: 40px;
    border-radius: 50%;
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
    cursor: pointer;
}
.sw-button-prev{
    background-image: url("/img/arrow_left.svg");
}
.sw-button-next{
    background-image: url("/img/arrow_right.svg");
}

.block, .block2{
    display: block;
}

.bold{
    font-weight: 600;
}

.error{
    background-color: #ffd4d4 !important;
}

.label_error{
    color: #ff2424 !important;
}


/* .new_checkbox */
[type="checkbox"], [type="radio"] {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    padding: 0;
    -webkit-print-color-adjust: exact;
    color-adjust: exact;
    display: inline-block;
    vertical-align: middle;
    background-origin: border-box;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    flex-shrink: 0;
    height: 1rem;
    width: 1rem;
    color: #2563eb;
    background-color: #fff;
    border-color: #6b7280;
    border-width: 1px;
    --tw-shadow: 0 0 #0000;
}

.new_checkbox, .spec_checkbox {
    width: 48px;
    height: 20px;
    position: relative;
    background-color: var(--white);
}

.new_checkbox:hover, .spec_checkbox:hover{

}

.new_checkbox:disabled, .spec_checkbox:disabled{
    background-color: var(--light_gray);
}

.new_checkbox:after, .spec_checkbox:after {
    content: '';
    width: 10px;
    height: 6px;
    position: absolute;
    top: calc(50% - 6px);
    left: calc(50% - 5px);
    border: 3px solid var(--white);
    border-top: none;
    border-right: none;
    background: transparent;
    opacity: 0;
    transform: rotate(-45deg);
}

.spec_checkbox:after{
    top: calc(50% - 7px);
    border: 3px solid var(--almost_black);
    border-top: none;
    border-right: none;
}

.new_checkbox:hover::after, .spec_checkbox:hover::after {
    /*opacity: 0.3;*/
}

.new_checkbox:checked, .spec_checkbox:checked{
    background-image: none;
    background-color: var(--almost_black);
}

.spec_checkbox:checked{
    background-color: var(--white);
}

.new_checkbox:focus, .spec_checkbox:focus{
    outline: none;
    border-color: var(--almost_black);
}

.spec_checkbox:focus{
    background-color: var(--white);
}

.new_checkbox:checked:focus, .spec_checkbox:checked:focus{
    outline: none;
    background-color: var(--almost_black);
    border-color: var(--almost_black);
}

.spec_checkbox:checked:focus{
    background-color: var(--white);
}

.new_checkbox:checked::after, .spec_checkbox:checked::after{
    opacity: 1;
    background-image:none;
}

input.new_checkbox, input.spec_checkbox{
    background-image: none;
    /*border-color: transparent;*/
    background-color: var(--white);
    border: 1px solid var(--almost_black);
    outline: none;
    color: var(--black);
    border-radius: 10px;
}

/* end .new_checkbox */

.button166{
    font-size: 1.66rem;
}

.w100{
    width: 100%;
}

.mt1{
    margin-top: 1rem;
}

.mb1{
    margin-bottom: 2rem;
}

.mb_main{
    margin-bottom: 2rem;
}

.cb_main{
    margin: 1.5rem 0 !important;
}

.main_section_inner{
    margin-top: 92px;
    color: var(--black);
}

.main_header_container{
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: flex-end;
    flex-wrap: nowrap;
    gap: var(--gap);
    padding-top: 4rem;
}

.main_header{
    display: block;
    font-size: 97px;
    font-weight: 500;
    line-height: 1;
    /*max-width: 920px;*/
}

.arrow_down_img{
    display: block;
    width: 40px;
    height: 40px;
}

.section_paddings{
    padding: 0 0 4rem 0;
}

.pb4{
    padding-bottom: 4rem;
}

.checkin_info_block, .legend_info_block, .description_info_block{
    margin: 6rem auto;
    max-width: 980px;
    width: 100%;
    font-size: 51px;
    font-weight: 500;
    line-height: 1.2;
}
.legend_info_block{
    max-width: 960px;
}
.description_info_block{
    font-size: 38px;
}

.section1{
    position: relative;
    display: flex;
}

.h1block{
    padding-left: 3rem;
    text-align: right;
}

.margin_vertical_7{
    margin: 7rem auto;
}

.text12{
    font-size: 0.8rem;
}

.text16{
    font-size: 1.06rem;
}

.text19{
    font-size: 1.27rem;
}

.text21{
    font-size: 1.4rem;
}

.text24{
    font-size: 24px;
    font-weight: 500;
}

.text35{
    font-size: 2.33rem;
}

.head_buyout_div{
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: flex-end;
    flex-wrap: nowrap;
    margin-bottom: 2rem;
}
.text76{
    font-size: 71px;
    line-height: 1.1;
    font-weight: 600;
}

.buyout_img{
    margin-bottom: 0.5rem;
}

.text43{
    font-size: 43px;
    font-weight: bold;
    margin-bottom: 1rem;
}

.italic{
    font-style: italic;
}

.semibold{
    font-weight: 500;
}

input[type="file"] {
    display: none;
}

.uppercase{
    text-transform: uppercase;
}

.buyout_block{
    position: relative;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: flex-start;
    margin-top: 5rem;
}

.margin_vertical_4{
    margin: 4rem auto;
}

.input_group{
    display: flex;
    justify-content: start;
    align-items: center;
    gap: 23px;
}

.w32{
    width: 32%;
}

.w50{
    width: 49%;
}

.divider{
    width: 100%;
    height: 2px;
    background-color: var(--gray);
    margin: 2rem 0;
}

.cb_big_form_div{
    margin: 2rem 0 2rem 0;
}

.w357{
    max-width: 357px;
    width: 100%;
}

.buyout_item{
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    border-radius: var(--window_radius);
    border: var(--border);
    padding: 1.27rem;
    background-blend-mode: overlay, normal;
    -webkit-backdrop-filter: blur(6px);
    backdrop-filter: blur(6px);
    max-width: 31%;
    width: 100%;
    min-height: 555px;
}

.pv19{
    padding: 1.27rem 0;
}

.mt7{
    margin-top: 7rem;
}

.lh11{
    line-height: 1.1;
}

.jc_left{
    justify-content: left;
}

.jc_right{
    justify-content: right;
}


.drop_order_block{
    text-align: center;
    margin-top: 7rem;
}

.drop_order_btn{
    max-width: 369px;
    width: 100%;
    font-size: 1.4rem;
}

.map_block{
    position: relative;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
}

.yandex_map{
    flex: 1;
    order: 1;
    border-radius: var(--middle_radius);
    overflow: hidden;
    background-color: var(--white);
    min-height: 370px;
}

.map_adresses{
    order: 2;
    border-radius: var(--middle_radius);
    border: none;
    background-color: var(--white);
    padding: 3.33rem;
    background-blend-mode: overlay, normal;
    -webkit-backdrop-filter: blur(6px);
    backdrop-filter: blur(6px);
    max-width: 407px;
    width: 100%;
    min-height: 370px;
    margin-left: var(--gap);
}

.addr_block{
    margin-top: 1.5rem;
    padding-bottom: 1.5rem;
    border-bottom: 1px solid var(--gray);
}

.addr_block:first-child{
    margin-top: 0;
}

.addr_block:last-child{
    padding-bottom: 0;
    border-bottom: none;
}

.addr_string{
    font-size: 12px;
    font-weight: 600;
    line-height: 1.1;
}

/* modal */

.hidden_div{
    margin: 0;
    padding: 0;
    outline: none;
    height: 0 !important;
    width: 0 !important;
    overflow: hidden;
}

.overlay_div{
    display: none;
    justify-content: center;
    align-items: center;
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.31);
    -webkit-backdrop-filter: blur(6px);
    backdrop-filter: blur(6px);
    /*cursor: pointer;*/
    z-index: 9999;
}



.modal_div{
    position: relative;
    max-width: 420px;
    width: 100%;
    max-height: 100vh;
    /*min-height: 400px;*/
    overflow-y: auto;
    padding: 2rem;
    margin: 0.5rem;
    border: var(--border_black);
    border-radius: var(--window_radius);
    box-shadow: 0 2px 10px #00000096;
    transform: translateY(100%);
    transform-origin: left top;
    -webkit-transform: translateY(100%);
    -webkit-transform-origin: left top;
    opacity: 0;
    /*transition: 200ms ease;*/
    will-change: transform, opacity;
    cursor: initial;
    background-color: var(--white);
    color: var(--black);
}

.modal_active{
    transform-origin: left top;
    -webkit-transform-origin: left top;
    transform: translateY(0);
    -webkit-transform: translateY(0);
    opacity: 1;
    animation: 0.3s ease show_popup;
}

.modal_hide{
    animation: 0.3s ease hide_popup;
}

.spinner_div{
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: var(--window_radius);
    background-color: rgba(164, 164, 164, 0.7);
}

.spinner_img{
    width: 120px;
}

.modal_title, .thanks_title{
    font-size: 2.2rem;
    font-weight: 500;
    margin-bottom: 1rem;
}
.modal_title{
    font-size: 24px;
}

.thanks_title{
    text-align: center;
    margin: 2rem 0;
}

.thanks_text{
    font-size: 1.2rem;
    margin: 0 0 2rem 0;
    text-align: center;
}

.modal_form{
    position: relative;
    width: 100%;
}

.close_btn{
    position: absolute;
    right: 15px;
    top: 15px;
    width: 24px;
    height: 24px;
}

.close_button{
    display: block;
    /*filter: invert();*/
    width: 24px;
    height: 24px;
    cursor: pointer;
}

.new_edit, .new_select_button{
    position: relative;
    display: inline-block;
    font-size: 16px;
    color: var(--black);
    height: 40px;
    border-radius: 20px;
    border: 1px solid var(--black);
    border-color: var(--black);
    text-align: center;
    min-width: 80px;
    outline: none;
}

.file_label{
    display: flex;
    justify-content: center;
    align-items: center;
}

.adv_mt1{
    margin-top: 1rem;
}

.buyout_flex{
    justify-content: space-between !important;
}

.f15px{
    font-size: 15px;
    font-weight: 500;
    margin: 1rem 0;
}

/*.new_edit:focus{*/
/*    border-color: var(--black) !important;*/
/*}*/
option{
    background-color: #fff;
    color: #000;
}

input.bg_transp::placeholder{
    color: #fff;
}

.m05v{
    margin-top: 0.5rem;
    margin-bottom: 0.5rem;
}

.new_edit_big, .new_select_button_big{
    position: relative;
    height: 54px;
    border-radius: 30px;
}

/*.new_select_button_big{*/
/*    cursor: pointer;*/
/*}*/

@keyframes show_popup {
    from {
        transform: translateY(100%);
        -webkit-transform: translateY(100%);
        opacity: 0;
    }
    to {
        transform: translateY(0);
        -webkit-transform: translateY(0);
        opacity: 1;
    }
}

@keyframes hide_popup {
    from {
        transform: translateY(0);
        -webkit-transform: translateY(0);
        opacity: 1;
    }
    to {
        transform: translateY(100%);
        -webkit-transform: translateY(100%);
        opacity: 0;
    }
}

/* end modal */

.circle{
    display: none;
    justify-content: center;
    align-items: center;
    border: var(--border);
    border-radius: 100%;
    width: 64px;
    height: 64px;
}

.circle_inner{
    font-size: 3rem;
    text-align: center;
    font-weight: 500;
}

.error_div{
    color: #fff;
    background-color: var(--error);
    padding: 1rem;
    border-radius: var(--input_radius);
}

.footer_orders1, .footer_orders2, .footer_orders3, .footer_orders4, .footer_orders5{
    display: block;
}

.footer_orders1{
    justify-content: space-around;
}

.footer_orders2{
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
    justify-content: space-between;
    min-width: 175px;
}

.call_order_button{
    position: relative;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-start;
    flex-wrap: nowrap;
    min-width: 165px;
    /*width: 165px;*/
    background-color: var(--almost_black);
    border-radius: var(--button_radius);
    border: 1px solid var(--black);
    height: 46px;
    outline: none;
    padding: 0 1rem 0 48px;
    overflow: hidden;
}

.call_order_button_img_container{
    position: absolute;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: var(--white);
    width: 30px;
    height: 30px;
    border-radius: 100%;
    transition: 0.3s ease-out;
    left: 8px;
}
.call_order_button_img_container_hover{
    width: 101%;
    height: 190px;
    left: -1px;
}

.bg_yellow{
    background-color: var(--yellow) !important;
}

.border_yellow{
    border-color: var(--yellow) !important;
}

.mix_blend{
    mix-blend-mode: difference;
}

.big_white_button, .big_black_button{
    position: relative;
    display: inline-flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-start;
    flex-wrap: nowrap;
    min-width: 228px;
    width: 100%;
    height: 66px;
    background-color: var(--white);
    border-radius: 33px;
    padding: 10px 1rem 10px 66px;
    overflow: hidden;
}
.big_black_button{
    justify-content: flex-start;
    background-color: var(--black);
    padding: 10px;
    width: 100%;
    font-size: 19px;
}

.btn_center_text{
    padding: 10px 1rem !important;
}
.btn_span_center_text{
    display: block;
    margin: 0 !important;
    text-align: center;
    width: 100% !important;
}

.big_white_button_img_cont, .big_white_button_img_cont_white{
    position: absolute;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: var(--black);
    width: 46px;
    height: 46px;
    left: 10px;
    border-radius: 100%;
    transition: 0.3s ease-out;
}
.big_white_button_img_cont_hover{
    width: 102%;
    height: 280px;
    left: -3px;
}

.big_white_button_img_cont_white{
    background-color: var(--white);
}

.big_white_button_img{
    position: absolute;
    left: 24px;
}

.big_white_button_span, .big_black_button_span, .big_button_span_block{
    font-size: 15px;
    color: var(--black);
    margin-left: 1rem;
    font-weight: 500;
    transition: 0.3s ease-out;
    z-index: 5;
}
.big_black_button_span{
    color: var(--white);
}

.big_button_span_block{
    display: block;
    max-width: 86%;
    white-space: break-spaces;
    text-align: left;
    font-size: 15px;
    font-weight: 500;
    width: 100%;
    margin: 0 0 0 54px;
}

.call_order_button_svg{
    position: absolute;
    left: 14px; /* (container_width(30) - width(14)) / 2 + button_padding(8) */
}

.button_span{
    font-size: 13px;
    font-weight: 500;
    transition: 0.3s ease-out;
}

.color_white{
    color: var(--white);
}

.color_black{
    color: var(--black);
}

.color_red{
    color: var(--red) !important;
}

.cb_personal_div{
    display: flex;
    justify-content: flex-start;
    align-items: center;
    gap: 1rem;
}

.whatsapp_widget{
    position: fixed;
    right: 1.7rem;
    bottom: 6rem;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    flex-wrap: nowrap;
    border-top-right-radius: 35px;
    border-bottom-right-radius: 35px;
    overflow: hidden;
    transform-origin: 50% 50%;
    transition: all 200ms ease;
    z-index: 101;
}

.whatsapp_img_wrapper{
    display: flex;
    align-items: center;
    justify-content: center;
    width: 60px;
    height: 60px;
    border-radius: 100%;
    cursor: pointer;
}
.whatsapp_widget:hover{
    transform: scale(1.15);
}

.whatsapp_img{
    display: block;
    width: 100%;
    transform: scale(1.14);
}

.top_navigation_block{
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: nowrap;
    gap: 0.5rem;
}

.navigation_link{
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: var(--black);
    color: var(--white);
    border: 1px solid var(--black);
    font-weight: 500;
    font-size: 13px;
    height: 46px;
    padding: 0 1.2rem;
    border-radius: var(--button_radius);
    transition: color, background-color 0.3s ease;
}
.navigation_link:visited, .navigation_link:active{
    text-decoration: none;
    color: var(--white);
}
.navigation_link:hover{
    text-decoration: none;
    background-color: var(--white);
    color: var(--black);
}

.wa_img{
    width: 110px;
    transform: translateY(10px);
}

.red_arrow_img{
    width: 55px;
    transform: translateY(4px);
}

.two_cols_div{
    position: relative;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: space-between;
    align-items: stretch;
    gap: var(--gap);
}

.two_cols_div_part{
    position: relative;
    flex: 1;
}

.spec_service_center_div{
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: space-between;
    background-color: var(--text_red);
    color: var(--white);
    border-radius: var(--middle_radius);
    padding: var(--window_padding);
}

.spec_service_center_header{
    font-size: 31px;
    font-weight: 500;
}

.spec_service_center_text{
    font-size: 15px;
    font-weight: 500;
    margin-top: 1.5rem;
}

.spec_service_center_image{
    display: block;
    width: 100%;
    border-radius: var(--image_radius);
    margin: 2rem 0;
}

.discounts_block{
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: space-between;
    align-items: stretch;
    gap: var(--gap);
    margin-bottom: var(--gap);
}

.discount_div{
    flex: 1;
    background-color: var(--white);
    border-radius: var(--middle_radius);
    padding: var(--window_padding);
}

.discount_img_div{
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 50%;
    width: 40px;
    height: 40px;
    margin-bottom: var(--window_padding);
}

.sub_discounts_block{
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: stretch;
}

.sub_discounts_div{
    background-color: var(--body_color);
    border-radius: var(--image_radius);
    padding: var(--window_padding);
    width: calc(100% / 2);
}

.discounts_right{
    display: flex;
    flex-direction: column;
}

.first_time_block{
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    flex: 1;
    background-color: var(--white);
    border-radius: var(--middle_radius);
    padding: var(--window_padding);
}

.mw300{
    max-width: 300px;
}

.mw570{
    max-width: 570px;
}

.advantages_div{
    display: flex;
    flex-direction: row;
    align-items: stretch;
    gap: var(--gap);
    margin-top: 4rem;
}

.advantages_2{
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    flex: 1;
    width: 100%;
    border-radius: var(--middle_radius);
    background-color: var(--white);
    padding: var(--window_padding);
}

.advantages_4, .advantages_3{
    width: 100%;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    border-radius: var(--middle_radius);
    aspect-ratio: 1.41;
    max-width: 458px;
}

.advantages_3{
    background-image: url("/img/baic_testdrive.jpg");
    max-width: 506px;
}

.first_time_header{
    font-size: 43px;
    font-weight: 600;
}

.first_time_subheader{
    font-size: 24px;
    font-weight: 500;
}

.actions_header_div{
    position: relative;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    flex-wrap: nowrap;
    gap: var(--gap);
    width: 100%;
    margin: 4rem 0;
}

.actions_header{
    font-size: 70px;
}

.actions_container{
    position: relative;
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: stretch;
    flex-wrap: wrap;
    gap: var(--gap);
    width: 100%;
}

.action_div, .usloviya_div{
    position: relative;
    background-color: var(--white);
    border-radius: var(--middle_radius);
    padding: var(--window_padding);
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    width: calc((100% - var(--gap) * 2) / 3);
}
.usloviya_div{
    font-size: 31px;
    font-weight: 600;
    justify-content: flex-start;
}

.action_img{
    display: block;
    width: 100%;
    border-radius: var(--image_radius);
}

.action_text{
    margin-top: 1rem;
}

.usloviya_head{
    margin-top: 1rem;
    font-weight: 600;
}
.usloviya_text{
    font-size: 15px;
    font-weight: 500;
    color: var(--gray);
}

.legend_header_block{
    position: relative;
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
    flex-wrap: nowrap;
    gap: var(--gap);
}

.legend_header{
    font-size: 91px;
    font-weight: 500;
    line-height: 1.1;
    max-width: 1100px;
}

.legend_header_logo{
    display: block;
}

.baic_banner{
    display: block;
    width: 100%;
    border-radius: var(--big_radius);
    margin: 4rem 0;
}

.cars_container{
    display: flex;
    flex-direction: column;
    gap: var(--gap);
    width: 100%;
}

.cars_2_wrap{
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: stretch;
    flex-wrap: nowrap;
    gap: var(--gap);
}

.car_card{
    position: relative;
    flex: 1;
    background-color: var(--white);
    border-radius: var(--middle_radius);
    padding: var(--window_padding);
}

.car_image{
    display: block;
    max-width: 100%;
    margin: 0 auto 3rem;
}

.car_title, .toyota_title, .toyota_title1{
    font-size: 41px;
    font-weight: 500;
}
.toyota_title{
    padding: 0 var(--window_padding);
}
.toyota_title1{
    padding: 0 var(--window_padding);
    margin-bottom: 0.5rem;
    margin-top: 1rem;
}

.car_subtitle, .toyota_subtitle{
    font-size: 24px;
    font-weight: 500;
    margin-top: 1rem;
}
.toyota_subtitle{
    padding: 0 var(--window_padding);
}

.car_info_container{
    display: flex;
    flex-direction: row;
    justify-content: left;
    align-items: center;
    flex-wrap: nowrap;
    gap: var(--gap);
    margin-top: 1rem;
}

.car_info_part{
    flex: 1;
}

.car_info_text, .toyota_info_text, .toyota_info_text1{
    font-size: 15px;
    font-weight: 500;
    color: var(--gray);
}
.toyota_info_text{
    padding: 0 var(--window_padding);
}
.toyota_info_text1{
    font-size: 13px;
    padding: 0 var(--window_padding);
}

.m0{
    margin: 0;
}

.toyota_cards_container{
    position: relative;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    gap: var(--gap);
}

.toyota_card, .toyota_card1{
    position: relative;
    flex: 1;
    background-color: var(--white);
    border-radius: var(--middle_radius);
    padding: 0 0 var(--window_padding) 0;
    overflow: hidden;
}
.toyota_card1{
    flex: initial;
    width: calc((100% - var(--gap) * 2) / 3);
}

.special_sale_card{
    display: flex;
    flex-direction: column;
    gap: var(--gap);
    justify-content: space-between;
    align-items: stretch;
    padding: var(--window_padding);
}

.special_sale_card_1{
    font-size: 36px;
    font-weight: 600;
}
.special_sale_card_2{
    font-size: 24px;
    font-weight: 500;
    border-radius: 25px;
    background-color: var(--orange);
    color: var(--white);
    padding: 0.8rem 1.2rem;
}
.special_sale_card_3{
    font-size: 24px;
    font-weight: 500;
    border-radius: 25px;
    background-color: var(--light_gray);
    padding: 0.8rem 1.2rem;
}
.special_sale_card_4{
    font-size: 24px;
    font-weight: 500;
    border-radius: 25px;
    background-color: #7269E2;
    color: var(--white);
    padding: 0.8rem 1.2rem;
}

.toyota_card_image_wrapper{
    padding: var(--window_padding);
}

.toyota_arrow{
    display: inline-block;
}

/*------------------- menu burger ------------------- */

.menu_burger{
    display: none;
    position: relative;
    width: 36px;
    height: 28px;
    transition: transform 0.2s ease;
    z-index: 999;
    cursor: pointer;
}
.menu_burger::before, .menu_burger::after{
    content: "";
    position: absolute;
    width: 100%;
    height: 4px;
    left: 0;
    background-color: var(--black);
    transition: transform 0.2s ease, top 0.2s ease, bottom 0.2s ease;
}
.menu_burger::before{
    top: 0;
}
.menu_burger::after{
    bottom: 0;
}
.menu_burger span{
    position: absolute;
    left: 0;
    width: 100%;
    height: 4px;
    top: 12px;
    background-color: var(--black);
    transition: transform 0.2s ease;
}
.menu_burger.active::before{
    transform: rotate(45deg);
    top: 13px;
}
.menu_burger.active::after{
    transform: rotate(-45deg);
    bottom: 11px;
}
.menu_burger.active span{
    transform: scale(0);
}

/*------------------- end menu burger ------------------- */

.top_two_section_block{
    position: relative;
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: stretch;
    width: 100%;
    aspect-ratio: 2.4;
    border-radius: var(--middle_radius);
    overflow: hidden;
}

.top_two_section_block_left, .top_two_section_block_left1{
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: flex-start;
    width: 39%;
    background-color: var(--text_red);
    color: var(--white);
    padding: var(--window_padding);
}
.top_two_section_block_left1{
    width: 50%;
}

.top_two_section_block_top_text{
    font-weight: 500;
    font-size: 50px;
    line-height: 1.1;
}

.yellow_bg{
    background-color: var(--yellow_bg);
    color: var(--black);
}

.top_two_section_block_right{
    flex: 1;
}

.image_fit{
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.swiper_results_container{
    position: relative;
    width: 100%;
    background-color: var(--body_color);
    border-radius: var(--middle_radius);
    padding: var(--window_padding);
}

.swiper_results_slide{
    position: relative;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: stretch;
    flex-wrap: nowrap;
    gap: var(--gap);
}

.swiper_results_slide_part{
    position: relative;
    width: calc((100% - var(--gap)) / 2);
}

.swiper_results_slide_header{
    color: var(--gray);
    font-size: 24px;
    font-weight: 500;
    margin: 1rem 0;
}

.swiper_results_slide_image{
    display: block;
    width: 100%;
    border-radius: var(--image_radius);
    overflow: hidden;
}

.legal_info_div{
    padding: 1rem 0;
    font-size: 14px;
}

.big_red_slogan{
    position: relative;
    font-size: 64px;
    font-weight: 500;
    background-color: var(--text_red);
    color: var(--white);
    border-radius: var(--big_radius);
    padding: 60px;
    line-height: 1.2;
}

.advantages_ul{
    font-size: 43px;
}

.section_title{
    width: 100%;
    font-weight: 500;
    font-size: 35px;
    padding: 1rem 0 2rem 0;
}

.autos_container {
    position: relative;
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: stretch;
    flex-wrap: wrap;
    gap: 20px;
}

.auto_catalog_card {
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    flex: 0 1 calc((100% - 20px * 3) / 4); /* 100% - container gap * 3 gaps, 4 cards in a row */
    width: calc((100% - 20px * 3) / 4);
    /*margin-bottom: 2rem;*/
    border-radius: var(--window_radius);
    background-color: var(--white);
    overflow: hidden;
}
.auto_catalog_card{
    flex: 0 1 calc((100% - 20px * 2) / 3);
    width: calc((100% - 20px * 2) / 3);
}

.auto_card_content {
    position: relative;
    flex: 1;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    padding: var(--card_padding);
    border-top: 1px solid #6b7280;
}
.promo_card_content{
    color: var(--black) !important;
    padding-top: 1.5rem;
    padding-bottom: 1.5rem;
}

.auto_card_image_wrapper {
    position: relative;
    display: block;
    width: 100%;
    aspect-ratio: 1.56;
    background-image: url("/img/preloader.svg");
    background-repeat: no-repeat;
    background-position: center;
    background-size: auto;
    overflow: hidden;
}

.auto_card_image {
    display: block;
    width: 100%;
    transition: 0.3s ease-out;
    color: transparent;
    object-fit: cover;
    aspect-ratio: 1.56;
}

.auto_card_inner_div, .promo_card_inner_div{
    position: relative;
    width: 100%;
}

.auto_card_name_price {
    display: block;
    width: 100%;
}

.auto_card_info_block {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
    width: 100%;
    margin-top: 2rem;
}

.auto_card_up_right_img_container {
    position: relative;
    width: 23px;
}

.auto_card_up_right_img {
    display: block;
    width: 100%;
}

.auto_card_name {
    font-size: 24px;
    font-weight: 500;
    color: var(--black);
    text-align: left;
}

.auto_card_price_block {
    font-size: 24px;
    font-weight: 400;
    display: flex;
    justify-content: flex-start;
    align-items: baseline;
    gap: 0.6rem;
    padding: 0.5rem 0;
}

.auto_card_price {
    font-size: 24px;
    font-weight: 400;
    white-space: nowrap;
}

.auto_card_price_old {
    font-size: 18px;
    font-weight: 400;
    white-space: nowrap;
    text-decoration: line-through;
}

.auto_card_price_rouble {
    font-size: smaller;
    font-weight: 400;
}

.cor_form_block{
    position: relative;
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: stretch;
    flex-wrap: nowrap;
    gap: var(--gap);
    width: 100%;
}

.cor_form_block_left{
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: flex-start;
    gap: 1.5rem;
    background-color: var(--white);
    border-radius: var(--middle_radius);
    padding: var(--window_padding);
    width: calc((100% - var(--gap)) / 2);
}

.cor_form_block_right{
    position: relative;
    background-color: var(--white);
    border-radius: var(--middle_radius);
    padding: var(--window_padding);
    width: calc((100% - var(--gap)) / 2);
}

.cor_inline_form{
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: stretch;
    gap: 0.5rem;
    width: 100%;
}

.service_disclaimer_title{
    font-size: 31px;
    font-weight: 600;
    margin-bottom: 1.5rem;
}

.service_disclaimer_text{
    font-size: 16px;
    font-weight: 500;
    margin-bottom: 1.5rem;
}

.service_disclaimer_text > li{
    font-size: 16px;
    font-weight: 500;
    margin-bottom: 1rem;
}
.service_disclaimer_text > li:last-child{
    margin-bottom: 0;
}

select:disabled{
    opacity: 0.3;
}

.car_button_container{
    width: 100%;
    margin-top: 2rem;
}

.ac_cards_container{
    position: relative;
    display: flex;
    justify-content: flex-start;
    align-items: stretch;
    flex-wrap: nowrap;
    gap: 20px;
    width: 100%;
}

.ac_card{
    position: relative;
    border-radius: var(--window_radius);
    background-color: var(--white);
    overflow: hidden;
    flex: 1;
}

.ac_card_image_container{
    position: relative;
    width: 100%;
}

.ac_card_image{
    display: block;
    width: 100%;
}

.ac_card_logo{
    position: absolute;
    display: block;
    top: 2rem;
    left: 2rem;
    border-radius: 7px;
}

.ac_card_bottom{
    padding: var(--card_padding);
}

.ac_name{
    font-size: 24px;
    font-weight: 600;
    margin-bottom: 1rem;
}

.ac_address{
    font-size: 16px;
    font-weight: 500;
    margin-bottom: 1rem;
}

.ac_phone{
    font-size: 16px;
    font-weight: 500;
    color: var(--black) !important;
}

.ac_schedule_title{
    font-size: 24px;
    font-weight: 600;
    margin-top: 2rem;
    margin-bottom: 1rem;
}

.ac_schedule_container{
    position: relative;
    display: flex;
    justify-content: flex-start;
    align-items: stretch;
    flex-wrap: nowrap;
    gap: 1rem;
}

.ac_schedule_part{
    max-width: 160px;
    width: 100%;
}
.ac_schedule_part > div{
    font-size: 18px;
    font-weight: 500;
}

.contacts_map_container {
    position: relative;
    width: 100%;
    height: 278px;
    background-color: var(--white);
    border-radius: var(--window_radius);
    margin-bottom: 20px;
    overflow: hidden;
}

@media (max-width: 1200px){
    .header, .footer {
        padding: 1rem;
    }
    .section{
        padding: 0 1rem 4rem 1rem;
    }
    .main_section_inner{
        margin-top: 1.2rem;
    }
    .main_header{
        font-size: 70px;
        /*max-width: 800px;*/
    }
    .legend_header{
        font-size: 70px;
    }
    .anchor{
        transform: translateY(-76px);
    }
    .toyota_cards_container{
        flex-direction: column;
        justify-content: center;
        align-items: center;
    }
    .toyota_card, .toyota_card1{
        max-width: 600px;
        width: 100%;
    }
    .top_two_section_block{
        margin-top: 4rem;
        aspect-ratio: initial;
    }
    .top_section {
        margin-top: 130px !important;
    }
}

@media (max-width: 1100px){
    .checkin_info_block, .legend_info_block{
        font-size: 48px;
        margin: 4rem auto;
    }
    .description_info_block{
        margin: 4rem auto;
    }
    .wa_img{
        width: 87px;
        transform: translateY(6px);
    }
    .red_arrow_img {
        width: 42px;
    }
    .actions_header {
        font-size: 48px;
    }
    .top_two_section_block_top_text{
        font-size: 32px;
    }
    .header, .header_main{
        background-color: var(--white);
    }
    .top_navigation_block{
        display: none;
        position: absolute;
        top: 100%;
        left: 0;
        width: calc(100% + 2rem);
        margin-left: -1rem;
        flex-direction: column;
        background-color: var(--white);
        padding: 2rem 0 0 0;
        gap: 0;
        height: fit-content;
        z-index: -1;
    }
    .navigation_link{
        color: var(--black);
        border: 0;
        border-radius: 0;
        width: 100%;
        padding: 0;
        height: 50px;
        border-bottom: 1px solid var(--gray);
        background-color: transparent;
        font-size: 16px;
    }
    .navigation_link:visited, .navigation_link:active{
        color: var(--black);
    }
    /*.navigation_link:last-child{*/
    /*    border-bottom: 0;*/
    /*}*/
    .menu_burger{
        display: block;
        /*margin-left: 68px;*/
    }
    .big_red_slogan{
        font-size: 32px;
    }
    .advantages_ul {
        font-size: 28px;
    }
}

@media (max-width: 1000px){
    .two_cols_div{
        flex-direction: column;
        max-width: 600px;
        margin: 0 auto;
    }
    .advantages_div{
        flex-direction: column;
        max-width: 600px;
        margin: 4rem auto 0;
    }
    .m0{
        margin: 0 auto !important;
    }
    .advantages_4, .advantages_3{
        max-width: 600px;
    }
    .actions_container{
        flex-direction: column;
        max-width: 600px;
        margin: 0 auto;
    }
    .action_div, .usloviya_div{
        width: 100%;
    }
    .cars_2_wrap{
        flex-direction: column;
        max-width: 600px;
        margin: 0 auto;
        width: 100%;
    }
    .map_block{
        flex-direction: column;
        gap: var(--gap);
    }
    .yandex_map{
        order: 2;
    }
    .map_adresses{
        order: 1;
        margin-left: 0;
        max-width: 100%;
        min-height: initial;
    }
    .legend_header, .main_header{
        font-size: 48px;
    }
    .wa_img {
        width: 73px;
        transform: translateY(4px);
    }
    .red_arrow_img {
        width: 36px;
    }
    .cor_form_block{
        flex-direction: column;
        justify-content: flex-start;
        align-items: center;
    }
    .cor_form_block_left{
        max-width: 600px;
        width: 100%;
        order: 2;
    }
    .cor_form_block_right{
        max-width: 600px;
        width: 100%;
        order: 1;
    }
    .cor_benefits_right{
        font-size: 24px;
    }
    .block_signup_ckr{
        max-width: 600px;
        width: 100%;
        flex-direction: column;
        margin-right: auto;
        margin-left: auto;
    }
    .block_signup_ckr_left{
        max-width: 600px;
        width: 100%;
        order: 2;
    }
    .block_signup_ckr_right{
        max-width: 600px;
        width: 100%;
        aspect-ratio: 1.7;
        order: 1;
    }
    .big_red_slogan{
        padding: var(--window_padding);
        border-radius: var(--window_radius);
    }
    .auto_catalog_card {
        flex: 0 1 calc((100% - 20px) / 2);
        width: calc((100% - 20px) / 2);
    }
}

@media (max-width: 900px){

    .top_two_section_block{
        flex-direction: column;
        justify-content: stretch;
        align-items: center;
        width: 100%;
    }
    .top_two_section_block_left, .top_two_section_block_left1{
        flex-direction: row;
        width: 100%;
        gap: 1.5rem;
        align-items: center;
    }
    .top_two_section_block_right{
        position: relative;
        width: 100%;
        aspect-ratio: 2;
    }
}

@media (max-width: 830px){
    .ac_cards_container{
        flex-direction: column;
    }
    .contacts_map_container{
        height: 320px;
    }
    .logo_container{
        max-width: 142px;
    }
}

@media (max-width: 740px){
    .header_address_block{
        display: none;
    }
    .footer_inner{
        padding: 2rem 0;
    }
    .footer_main{
        flex-direction: column;
        gap: 2rem;
    }
    .section_title{
        font-size: 26px;
    }
    .first_time_header{
        font-size: 26px;
        line-height: 1.1;
    }
    .service_disclaimer_title{
        font-size: 26px;
        line-height: 1.1;
    }
}

@media (max-width: 700px){
    .main_image_block{
        aspect-ratio: 2 / 1;
        background-position: 25% 50%;
        border-radius: var(--image_radius);
    }
    .main_image_block_sale{
        border-radius: var(--image_radius);
    }
    .checkin_info_block, .legend_info_block, .description_info_block {
        font-size: 32px;
        margin: 4rem auto 0;
    }
    .wa_img {
        width: 66px;
        transform: translateY(4px);
    }
    .red_arrow_img {
        width: 32px;
    }
    .actions_header_div{
        flex-direction: column;
        gap: 4rem;
    }
    .spec_service_center_div{
        border-radius: var(--image_radius);
    }
    .discount_div{
        border-radius: var(--image_radius);
    }
    .first_time_block{
        border-radius: var(--image_radius);
    }
    .advantages_4, .advantages_3{
        border-radius: var(--image_radius);
    }
    .advantages_2{
        border-radius: var(--image_radius);
    }
    .action_div, .usloviya_div{
        border-radius: var(--image_radius);
    }
    .baic_banner{
        border-radius: var(--image_radius);
    }
    .car_card{
        border-radius: var(--image_radius);
    }
    .map_adresses{
        border-radius: var(--image_radius);
    }
    .yandex_map{
        border-radius: var(--image_radius);
    }
    .toyota_card, .toyota_card1{
        border-radius: var(--image_radius);
    }
    .top_two_section_block{
        border-radius: var(--image_radius);
    }
    .cor_form_block_left, .cor_form_block_right{
        border-radius: var(--image_radius);
    }
    .cor_benefits{
        border-radius: var(--image_radius);
        max-width: 600px;
        width: 100%;
        margin-left: auto;
        margin-right: auto;
        flex-direction: column;
        padding: var(--window_padding);
    }
    .cor_benefits_item{
        border-radius: var(--image_radius);
        max-width: 600px;
        width: 100%;
    }
    .block_signup_ckr{
        border-radius: var(--image_radius);
    }
    .swiper_results_container{
        border-radius: var(--image_radius);
    }
    .cor_benefits_container{
        flex-direction: column;
        align-items: center;
        width: 100%;
    }
    .cor_benefits_left{
        width: 100%;
        padding: 0;
    }
    .cor_benefits_right{
        padding: 0;
        margin-top: 1rem;
    }
    .swiper_results_slide{
        flex-direction: column;
    }
    .swiper_results_slide_part{
        width: 100%;
    }
    .advantages_ul{
        font-size: 20px;
    }
    .autos_container{
        max-width: 600px;
        margin: 0 auto;
    }
    .auto_catalog_card {
        flex: 0 1 100%;
        width: 100%;
    }
}

@media (max-width: 600px) {
    .main_swiper_container {
        aspect-ratio: 1.111111;
    }
    .footer_address_block{
        gap: 1.5rem;
    }
}

@media (max-width: 500px){
    :root{
        --window_padding: 1.4rem;
    }
    .map_adresses{
        padding: var(--window_padding);
    }
    .text24{
        font-size: 20px;
    }
    .car_title, .toyota_title{
        font-size: 32px;
    }
    .car_subtitle, .toyota_subtitle{
        font-size: 20px;
    }
    .car_info_container{
        flex-direction: column;
        gap: 0;
    }
    .car_info_part{
        width: 100%;
    }
    .first_time_subheader{
        font-size: 20px;
    }
    .block_signup_ckr_advantages{
        flex-direction: column;
        justify-content: flex-start;
        align-items: flex-start;
    }
    .ac_schedule_part > div{
        font-size: 15px;
    }
}

@media (max-width: 400px){
    .checkin_info_block, .legend_info_block, .description_info_block {
        font-size: 25px;
    }
    .wa_img {
        transform: translateY(7px);
    }
    .legend_header, .main_header {
        font-size: 36px;
    }
    .actions_header{
        font-size: 36px;
        text-align: center;
    }
    .spec_service_center_header{
        font-size: 27px;
    }
    .first_time_header{
        font-size: 27px;
    }
    .top_two_section_block_top_text{
        font-size: 27px;
    }
    .modal_div{
        padding: 1.2rem;
    }
    .auto_card_content{
        padding: 1.2rem;
    }
}