:root{
    --body_color: #f5f5f5;
    --black: #000;
    --almost_black: #1f1f1f;
    --light_gray: #eaeaea;
    --color: #ffffff;
    --white: #ffffff;
    --yellow: #DFCB5D;
    --input_bg: #EDF5F4;
    --error: #ff2c2c;
    --form_bg: #1b1d207d;

    --button_radius: 23px;
    --image_radius: 20px;
    --window_radius: 20px;
    --big_radius: 40px;
    --input_radius: 6px;

    /*--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-RegularItalic.ttf') format('truetype');
    font-weight: 400;
    font-style: italic;
}

@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-SemiBoldItalic.ttf') format('truetype');
    font-weight: 500;
    font-style: italic;
}

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

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

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

*{
    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: 12px;
    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(--yellow);
    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_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;
}

/* 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: rgb(2,4,5);
    background: linear-gradient(0deg, rgba(2,4,5,1) 0%, rgba(2,3,7,1) 100%);
    color: var(--white);
    z-index: 12;
}

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

.footer {
    width: 100%;
    position: relative;
    display: flex;
    min-height: 38px;
    background: rgb(2,4,5);
    background: linear-gradient(0deg, rgba(2,4,5,1) 0%, rgba(2,3,7,1) 100%);
    color: var(--white);
}

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

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

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

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

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

.logo_container{
    max-width: 172px;
    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;
}

.block, .block2{
    display: block;
}

.bold{
    font-weight: 600;
}

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

.label_error{
    color: #fda6a6 !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{
    position: relative;
    /*max-width: 1920px !important;*/
    max-width: 2560px !important;
    width: 100%;
    min-height: 100vh;
    height: 100%;
}

.main_section_inner{
    margin-top: 120px;
    padding-top: 6rem;
    padding-bottom: 4rem;
    color: var(--white);
}

.background1{
    background-color: #020406;
    /*background-image: url("/img/new/main_spring2025.jpg");*/
    background-image: url("/img/new/main_2025_06_06_1.jpg");
    background-position: 50% 100%;
    background-repeat: no-repeat;
    background-size: cover;
}
/*.background1{*/
/*    background-color: #020406;*/
/*    background-image: url("/img/new/main.jpg");*/
/*    background-position: 50% 100%;*/
/*    background-repeat: no-repeat;*/
/*    background-size: cover;*/
/*}*/

.background2{
    background-image: url("/img/car_bg_2.png");
    background-position: 100% 50%;
    background-repeat: no-repeat;
}

.background3{
    background-image: url("/img/car_bg_3.png");
    background-position: 0% 0%;
    background-repeat: no-repeat;
}

.background4{
    background-image: url("/img/car_bg_4.png");
    background-position: 100% 78%;
    background-repeat: no-repeat;
}

.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: 1.6rem;
}

.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;
}

.algorithm_block{
    position: relative;
    display: flex;
    flex-direction: row;
    align-items: stretch;
    justify-content: space-between;
    gap: 2%;
}

.algorithm_half{
    position: relative;
    flex: 0 1 49%;
    width: 49%;
}

.algorithm_half_flex{
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: stretch;
    gap: 1.5rem;
}

.algorithm_item{
    position: relative;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    flex-wrap: nowrap;
    padding: 1.2rem;
    border-radius: var(--big_radius);
    width: 100%;
}

.algorithm_cipher{
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 100%;
    background-color: var(--gray);
    color: var(--white);
    padding: 1rem;
    font-size: 18px;
    font-weight: 600;
    width: 40px;
    height: 40px;
}

.algorithm_text{
    font-size: 15px;
    font-weight: 500;
    color: #1E1E1E;
    margin-left: 1rem;
}

.algorithm_h3{
    margin-bottom: 1rem;
}

.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;
    margin-bottom: 7rem;
}

.yandex_map{
    flex: 1;
    order: 1;
    border-radius: var(--window_radius);
    overflow: hidden;
    background-color: #6f6f6f;
    min-height: 370px;
}

.map_adresses{
    order: 2;
    border-radius: var(--window_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: 3rem;
}

.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: 25px;
    font-weight: 500;
    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(200, 200, 200, 0.22);
    -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);
    border-radius: var(--window_radius);
    box-shadow: 0 2px 10px #000;
    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: #000000ab;
    color: var(--white);
}

.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(0,0,0,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: 10px;
    top: 10px;
    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;
}

.advantages_div, .advantages_div2{
    display: flex;
    flex-direction: row;
    align-items: stretch;
    gap: 1.5%;
}

.advantages_div2{
    margin-top: 1rem;
}

.advantages_1, .advantages_4{
    max-width: 468px;
    width: 100%;
    background-image: url("/img/new/money.jpg");
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    border-radius: var(--window_radius);
}

.advantages_4{
    background-image: url("/img/new/check_engine.jpg");
    aspect-ratio: 1.41;
    max-width: 458px;
}

.buyout_img_money{
    background-image: url("/img/new/money4.jpg");
    background-size: cover;
    background-position: 70% 50%;
    background-repeat: no-repeat;
    aspect-ratio: 1 / 1;
}

.adv_mt1{
    margin-top: 1rem;
}

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

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

.advantages_3 {
    flex: 0 1 32.3%;
    width: 32.3%;
    display: flex;
    position: relative;
    flex-direction: column;
    justify-content: flex-start;
    border-radius: var(--window_radius);
    background-color: var(--white);
    padding: 2.6rem 3.33rem;
}

.advantages_img{
    display: block;
    width: 100%;
    border-radius: var(--window_radius);
    aspect-ratio: 1.7;
}

.advantage_text{
    margin-top: 2rem;
    font-size: 24px;
    font-weight: 500;
}

.advantage_big_header, .algorithm_header{
    font-size: 43px;
    font-weight: 600;
}

.algorithm_header{
    max-width: 348px;
    width: 100%;
}

.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: 60px;
    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(--white);
    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(--yellow);
    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: 19px;
    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: 80%;
    white-space: break-spaces;
    text-align: left;
    font-size: 15px;
    font-weight: 500;
    width: 100%;
    margin: 0 0 0 60px;
}

.call_order_button_svg{
    position: absolute;
    left: 16px; /* (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);
}

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

@media (max-width: 1350px){
    .footer, .section{
        padding: 0 1rem;
    }
    .header{
        padding: 2rem 1rem;
    }
    h1, .h1{
        font-size: 5.1vw;
    }
    .text76{
        font-size: 55px;
    }
    /*.background1{*/
    /*    background-size: contain;*/
    /*}*/
    .background2{
        background-size: 60%;
    }
    .background3{
        background-size: 85%;
    }
    .background4{
        background-size: 100%;
    }
}



@media (max-width: 1200px){
    .algo_img{
        display: none;
    }
    .circle{
        display: flex;
        margin-right: 2rem;
    }
    .jc_right {
        justify-content: left;
    }
}

@media (max-width: 1100px){
    .header_addresses{
        flex-direction: column;
        gap: 0;
    }
    .advantage_big_header, .text43{
        font-size: 32px;
    }
    .advantages_div2, .advantages_div {
        flex-direction: column;
        margin: 1rem auto 0;
        align-items: center;
        gap: 1rem;
        max-width: 500px;
        width: 100%;
    }
    .advantages_1, .advantages_4{
        max-width: 100%;
        width: 100%;
    }
    .advantages_3 {
        flex: 0 1 100%;
        width: 100%;
    }
    /*.header_addresses_part{*/
    /*    padding-left: 0;*/
    /*}*/
    .buyout_block{
        flex-direction: column;
        align-items: center;
    }
    .buyout_item{
        max-width: 480px;
        margin-bottom: 2rem;
        min-height: 0;
    }
    .buyout_item:last-child{
        margin-bottom: 0;
    }
}

@media (max-width: 1000px){
    .margin_vertical_7 {
        margin: 4rem auto;
    }
    .mt7 {
        margin-top: 4rem;
    }
    .drop_order_block {
        margin-top: 4rem;
    }
    .map_block {
        margin-bottom: 4rem;
    }
    .buyout_block {
        margin-top: 4rem;
    }
    .margin_vertical_4{
        margin: 0 auto;
    }
    /*.header{*/
    /*    padding-bottom: 0;*/
    /*}*/
    .footer_main{
        max-width: 500px;
        flex-wrap: wrap;
        align-items: center;
        justify-content: center;
        margin: 0 auto;
    }
    .footer_orders1{
        order: 1;
        margin: 0 7rem;
    }
    .footer_orders2{
        order: 2;
        margin: 2rem auto 0 auto;
        justify-content: center;
        gap: 2rem;
        max-width: 500px;
        width: 100%;
    }
    .footer_orders3{
        order: 4;
        max-width: 500px;
        width: 100%;
    }
    .footer_orders4{
        order: 3;
        margin: 2rem 7rem 0 1rem;
    }
    .footer_orders5{
        order: 5;
    }
    .footer_addresses {
        margin: 2rem 0;
    }
    .addr_center{
        text-align: center;
    }
}

@media (max-width: 900px){
    .section1{
        flex-direction: column;
        align-items: center;
    }
    .form1{
        order: 2;
    }
    .h1block {
        order: 1;
        padding-left: 0;
        text-align: left;
        margin-bottom: 4rem;
        font-size: 5.6vw;
    }
    .map_block{
        flex-direction: column;
    }
    .yandex_map{
        order: 2;
        width: 100%;
        overflow: hidden;
    }
    .map_adresses {
        display: flex;
        align-items: center;
        justify-content: space-between;
        order: 1;
        margin-left: 0;
        max-width: initial;
        margin-bottom: 2rem;
        min-height: initial;
    }
    .addr_block{
        margin-bottom: 0;
        padding-bottom: 0;
        border: 0;
    }
    .addr_string{
        font-size: 20px;
    }
    h2, .h2 {
        font-size: 3.4vw;
    }
    .text35{
        font-size: 3.4vw;
    }
}

@media (max-width: 800px){
    .text24{
        font-size: 2.8vw;
    }
    .text19 {
        font-size: 2vw;
    }
    .addr_string {
        font-size: 17px;
    }
    .header_addresses{
        display: none;
    }
    .algorithm_block{
        flex-direction: column;
        max-width: 500px;
        width: 100%;
        margin-left: auto;
        margin-right: auto;
    }
    .algorithm_half {
        flex: 0 1 100%;
        width: 100%;
    }
    .algorithm_header{
        max-width: 100%;
    }
    .algorithm_half_flex{
        margin-top: 2rem;
    }
    .text76{
        font-size: 45px;
    }
}

@media (max-width: 700px){
    .input_group{
        flex-direction: column;
        gap: 0;
    }
    .w32 {
        width: 100%;
    }
    .w50 {
        width: 100%;
    }
    .block {
        display: inline;
    }
    .nowrap {
        white-space: initial;
        word-break: initial;
    }
    .map_adresses{
        padding: 2rem;
        flex-direction: column;
    }
    .addr_block {
        margin-bottom: 1rem;
    }
    .background4 {
        background-size: contain;
        background-position: 0 0;
    }
}

@media (max-width: 600px){
    .header_main{
        /*flex-direction: column;*/
        gap: 1rem;
    }
    .main_section_inner{
        margin-top: 100px;
    }
    .header_addresses {
        margin-top: 2rem;
    }
    .header_addresses_part {
        text-align: center;
    }
    .button166 {
        font-size: 1.4rem;
    }
    .w357 {
        max-width: initial;
    }
    h2, .h2 {
        font-size: 1.4rem;
    }
    .text19 {
        font-size: 1rem;
    }
    .text35 {
        font-size: 1.4rem;
    }
    .text16 {
        font-size: 1.2rem;
    }
    .background3 {
        background-size: cover;
    }
}

@media (max-width: 560px){
    .algo_left{
        max-width: initial;
        width: initial;
    }
    .circle_inner{
        width: 64px;
    }
}

@media (max-width: 500px){
    .form, .advantages_2, .advantages_3{
        padding: 1.6rem;
    }
    .buyout_item{
        padding: 1.6rem;
    }
    .map_adresses {
        padding: 1.6rem;
    }
    .modal_div{
        padding: 1.6rem;
    }
    .footer_orders1 {
        margin: 0 5rem;
    }
    .text21 {
        font-size: 1.2rem;
    }
    .button166 {
        font-size: 1.2rem;
    }
    h1, .h1 {
        font-size: 2.4rem;
    }
    h2, .h2 {
        font-size: 1.8rem;
    }
    .text24 {
        font-size: 1.2rem;
    }
    .drop_order_btn {
        font-size: 1.2rem;
    }
    .footer_orders5{
        font-size: 1.2rem;
        /*width: 100%;*/
    }
}

@media (max-width: 425px) {
    .header_addresses {
        width: 100%;
    }
    .footer_addresses {
        width: 100%;
    }
    .address_string {
        margin-bottom: 0.6rem;
    }
    .address_string:last-child{
        margin-bottom: 0;
    }
    .header_addresses_part:first-child{
        margin-bottom: 0.6rem;
    }
    .header_addresses_part {
        width: 100%;
    }
    .address_string {
        width: 100%;
        display: flex;
        justify-content: space-between;
    }
    .bold {
        font-weight: 500;
    }
}

@media (max-width: 400px){
    /* для всяких конгетов и прочего под футером */
    .footer_main{
        margin-bottom: 5rem;
    }
    .background2 {
        background-size: cover;
    }
    h1, .h1 {
        font-size: 1.9rem;
    }
    h2, .h2 {
        font-size: 24px;
    }
    .text76, .algorithm_header {
        font-size: 32px;
    }
    .advantage_big_header, .algorithm_header{
        line-height: 1.1;
    }
}