* {
    margin: 0;
    padding: 0;
}
body{
    background: #ffffff;
}
::-webkit-scrollbar {
    width: 10px;
    height: 10px;
}
::-webkit-scrollbar-track {
    background: #f1f1f1; 
    border-radius: 5px;
}
::-webkit-scrollbar-thumb {
    background: #888; 
    border-radius: 5px;
}
::-webkit-scrollbar-thumb:hover {
    background: #555; 
}

:root {
    --btn-background:#E3B873;
    --ff-Nunito: 'Nunito Sans', sans-serif;
    --ff-Yeseva: 'Yeseva One';
    --font-weight: 400;
}

/* woff 400 Nunito */
@font-face {
    font-family:'Nunito Sans', sans-serif;
    font-weight: 400;
    font-style: normal;
    font-display: swap;
    src: url('fonts/nunito-sans-latin-400.woff') format('woff');
}
/* woff2 400 Nunito */
@font-face {
    font-family:'Nunito Sans', sans-serif;
    font-weight: 400;
    font-style: normal;
    font-display: swap;
    src: url('fonts/nunito-sans-latin-400.woff2') format('woff2');
}

/* woff 400 Yeseva */
@font-face {
    font-family:'Yeseva One';
    font-weight: 400;
    font-style: normal;
    font-display: swap;
    src: url('fonts/YesevaOne-Regular.woff') format('woff');
}
/* woff2 400 Yeseva */
@font-face {
    font-family:'Yeseva One';
    font-weight: 400;
    font-style: normal;
    font-display: swap;
    src: url('fonts/YesevaOne-Regular.woff2') format('woff2');
}

body {
    background: #fdfdfd;
}

.break_375 {
    display: none;
}

/* Голова HEADER */
.header {
    max-width: 1440px;
    width: 100%;
    min-height: 790px;
    background: #131313;
    margin: 0 auto;
    padding: 1px 0;
}
/* Блок навигации (меню) */
.header_navigation {
    max-width: 1440px;
    width: 100%;
    min-height: 83px;
    padding: 1px 0;
    display: flex;
    justify-content: center;
    align-items: center;
}
.header_navigation_nav {
    max-width: 1258px;
    width: 100%;
    height: 37px;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.header_navigation_nav-logo {
    width: 179.74px;
    height: 10px;
}
.header_navigation_nav-logo h3 {
    font-family: var(--ff-Nunito);
    font-weight: var(--font-weight);
    font-size: 11px;
    line-height: 100%;
    text-transform: uppercase;
    color: #E3B873;
}
.header_navigation_nav-link {
    width: 581.43px;
    height: 10px;
}
.header_navigation_nav-link_form {
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    list-style: none;
    height: 10px;
}
.header_navigation_nav-link_form a {
    text-decoration: none;
}
.header_navigation_nav-link_form a li {
    font-family: var(--ff-Nunito);
    font-weight: var(--font-weight);
    font-size: 11px;
    line-height: 100%;
    color: #ffffff;
    text-transform: uppercase;
    display: inline-block;
    transition: 250ms ease;
    position: relative;
}

.header_navigation_nav-link_form a li:hover {
    color: #E3B873;
}
.header_navigation_nav_phone-number {
    width: 332px;
    height: 37px;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.span_number {
    font-family:var(--ff-Nunito);
    font-weight: var(--font-weight);
    font-size: 11px;
    line-height: 100%;
    text-align: right;
    text-decoration: underline;
    color: #E3B873;
}
.btn_call {
    width: 161px;
    height: 37px;
    background: var(--btn-background);
    font-family: var(--ff-Nunito);
    font-weight: var(--font-weight);
    font-size: 11px;
    line-height: 100%;
    text-align: center;
    text-transform: uppercase;
    color: #ffffff;
    border: none;
}

/* Блок титульной информации (Подшапка) */
.header_title {
    max-width: 1440px;
    width: 100%;
    height: 707px;
    padding: 1px 0;
}
.image_375px {
    display: none;
}

/* Header изображение */
.hero_img {
    max-width: 1440px;
    width: 100%;
    height: 100%;
    background-image: url('../image/header_image.png');
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    padding: 1px 0;
} 
/* Блок титульной информации */
.header_subtitle {
    max-width: 676.11px;
    width: 100%;
    min-height: 305px;
    margin: 183px 124px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: flex-start;
}
/* h1 блок */
.header_subtitle_h1 {
    width: 668.11px;
    height: 105px;
}
.header_subtitle_h1 h1 {
    font-family: var(--ff-Yeseva);
    font-weight: var(--font-weight);
    font-size: 40px;
    line-height: 133%;
    text-transform: uppercase;
    color: #ffffff;
}
.header_subtitle_h1 span {
    color: #E3B873;
    font-family: var(--ff-Yeseva);
    font-weight: var(--font-weight);
    font-size: 40px;
    line-height: 133%;
    text-transform: uppercase;
    display: inline-block;
}
/* параграф блок */
.header_subtitle_p {
    width: 504px;
    height: 102px;
}
.header_subtitle_p p {
    font-family: var(--ff-Nunito);
    font-weight: var(--font-weight);
    font-size: 22px;
    line-height: 164%;
    color: #ffffff;
}

/* блок кнопок */
.header_subtitle_button {
    width: 434px;
    height: 51px;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.header_subtitle_button button:nth-child(1) {
    width: 207px;
    height: 51px;
    background: var(--btn-background);
    font-family: var(--ff-Nunito);
    font-weight: var(--font-weight);
    font-size: 11px;
    line-height: 100%;
    text-align: center;
    color: #ffffff;
    cursor: pointer;
    outline: none;
    border: none;
    font-style: italic;
}
.header_subtitle_button button:nth-child(2) {
    width: 207px;
    height: 51px;
    background: transparent;
    border: 1px solid #ffffff;
    cursor: pointer;
}
.span_style_1440 {
    font-family: var(--ff-Nunito);
    font-weight: var(--font-weight);
    font-size: 11px;
    line-height: 100%;
    text-align: center;
    color: #ffffff;
    font-style: italic;
}
.span_style_375 {
    display: none;
}

                                  /* 1 блок main */
/* --------------------------------------------------------------------- */

.main {
    max-width: 1440px;
    width: 100%;
    height: 100%;
    margin: 0 auto ;
}

.main_first_container {
    max-width: 1440px;
    width: 100%;
    height: 1074px;
    background: #131313;
    padding: 1px 0;
    position: relative;
}

/* Первый блок main */
.first_container_com-project {
    max-width: 1171px;
    width: 100%;
    height: 552.28px;
    margin: 50px auto;
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
}
/* левая часть */
.com-project_left {
    width: 442px;
    height: 482.92px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: flex-start;
}
.project_left_h2 {
    width: 253px;
    height: 66px;
}
.project_left_h2 h2 {
    font-family: var(--ff-Yeseva);
    font-weight: var(--font-weight);
    font-size: 27px;
    line-height: 139%;
    letter-spacing: -7%;
    text-transform: uppercase;
    color: #E3B873;
}
.project_left_p {
    width: 442px;
    height: 86px;
}
.project_left_p p {
    font-family: var(--ff-Nunito);
    font-weight: var(--font-weight);
    font-size: 14px;
    line-height: 191%;
    color: #fff;
}

.project_left_location {
    width: 403px;
    height: 160px;
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-template-rows: repeat(1, 1fr);
}
.project_left_location h2 {
    color: #E3B873;
    font-family: var(--ff-Yeseva);
    font-weight: var(--font-weight);
    font-size: 18px;
    line-height: 139%;
    text-transform: uppercase;
}
.project_left_location h3 {
    color: #fff;
    font-family: var(--ff-Nunito);
    font-weight: var(--font-weight);
    font-size: 13px;
    line-height: 164%;
}
.left_location_city {
    width: 161px;
    height: 71px;
}
.left_location_time {
    width: 156px;
    height: 55px;
}
.left_location_apartment {
    width: 213px;
    height: 52px;
}
.left_location_cost {
    width: 218px;
    height: 55px;
}
.project_left_arrow {
    width: 205.68px;
    height: 13.28px;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.project_left_arrow_circle {
    position: relative;
    width: 9.57px;
    height: 9.57px;
    border-radius: 50%;
    background: #FFFFFF4D;
}
.project_left_arrow_circle::after {
    content: '';
    position: absolute;
    width: 9.57px;
    height: 9.57px;
    border-radius: 50%;
    background: #fff;
    left: -30px;
}
.project_left_arrow_circle::before {
    content: '';
    position: absolute;
    width: 9.57px;
    height: 9.57px;
    border-radius: 50%;
    background: #FFFFFF4D;
    right: -30px;
}
/* правая часть */
.com-project_right {
    width: 679px;
    height: 552.28px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: flex-start;
}
.project_right_menu {
    width: 623px;
    height: 24px;
}
.project_right_menu ul {
    list-style: none;
    width: 100%;
    height: 24px;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.project_right_menu ul li {
    font-family: var(--ff-Yeseva);
    font-weight: var(--font-weight);
    font-size: 14px;
    line-height: 139%;
    text-transform: uppercase;
    color: #fff;
    position: relative;
    cursor: default;
}
.project_right_menu ul li:hover {
    color: #E3B873;
    transition: 250ms ease;
}
.project_right_menu ul li::before {
    content: '';
    position: absolute;
    width: 0;
    height: 1.5px;
    bottom: 0;
    left: 0;
    background: #E3B873;
    transition: 250ms ease;
}
.project_right_menu ul li:hover::before {
    width: 100%;
}
.project_right_image {
    width: 679px;
    height: 482.38px;
    background-image: url('../image/rostov-image.png');
    background-position: center top;
    background-repeat: no-repeat;
}

.box_online_control {
    width: 196px;
    height: 66.79px;
    margin: 0 auto;
}
.block_image_video {
    width: 817px;
    height: 434px;
    margin: 5rem auto;
    background-image: url('../image/Group\ -\ work.png');
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center top -60px;
}
.block_image_video_play {
    width: 85px;
    height: 85px;
    border-radius: 50%;
    background: #E3B873;
    box-shadow: 0px 5px 30px 0px #E3B87333;
    position: relative;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
}
.triangle-right {
    clip-path: polygon(0% 0%, 0% 100%, 100% 50%);
    position: absolute;
    top: 50%;
    left: 56%;
    transform: translate(-50%, -50%);
    background: #ffffff;
    width: 30px;
    height: 30px;
}
/* ----------------------------------------------------------------------------- */

/* второй блок main - input */

.main_input_block {
    width: 769px;
    height: 360.55px;
    margin: 11rem auto;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: center;
}
.line {
    width: 55px;
    height: 1.54px;
    background: #E3B873;
}
.main_input_block_p {
    width: 648px;
    height: 136.91px;
}
.main_input_block_p p {
    font-family: var(--ff-Nunito);
    font-weight: var(--font-weight);
    font-size: 18px;
    line-height: 204.99999999999997%;
    text-align: center;
    color: #363636;
}
.input_block {
    width: 769px;
    height: 51px;
}
.form_style {
    width: 100%;
    height: 51px;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.name_input label,
.phone_input label {
    font-family: var(--ff-Nunito);
    font-weight: var(--font-weight);
    font-size: 13px;
    line-height: 164%;
    color: #36363680;
    text-transform: capitalize;
}
.name_input input,
.phone_input input {
    border-top: none;
    border-left: none;
    border-right: none;
    border-bottom: none;
    outline: none;
    font-size: 18px;
    font-family: var(--ff-Nunito);
    font-weight: var(--font-weight);
    color: #363636;
}
.name_input input::placeholder,
.phone_input input::placeholder {
    font-family: var(--ff-Nunito);
    font-weight: var(--font-weight);
    font-size: 14px;
    line-height: 164%;
    color: #363636;
}
.name_input {
    width: 231px;
    height: 50px;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    border-bottom: 2px solid #3636364D;
}
.phone_input {
    width: 231px;
    height: 50px;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    border-bottom: 2px solid #3636364D;
}
.submit_form {
    width: 200px;
    height: 51px;
    border: none;
    border-radius: 2px;
    background: #E3B873;
    cursor: pointer;
    font-family: var(--ff-Nunito);
    font-weight: var(--font-weight);
    font-size: 13px;
    line-height: 204.99999999999997%;
    text-align: center;
    text-transform: uppercase;
    color: #ffffff;
    box-shadow: 0 0 10px #E3B873;
}
.section_submit_checkbox {
    width: 285px;
    height: 18px;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.style_checkbox {
    background: #E3B873;
    width: 16px;
    height: 16px;
    border: none;
    appearance: none;
    -webkit-appearance: none;
    transition: box-shadow 200ms ease;
}
.style_checkbox:checked {
    background-image: url('../image/checkedBox-svg.svg');
    background-position: center;
    background-size: 60%;
    background-repeat: no-repeat;
    box-shadow: 0 0 3px #888;
    transition: box-shadow 200ms;
}
.section_submit_checkbox label {
    font-family: var(--ff-Nunito);
    font-weight: var(--font-weight);
    font-size: 14px;
    line-height: 164%;
    color: #181818;
}


/* 3 block main */

.main_room_card {
    max-width: 1236px;
    width: 100%;
    height: 706px;
    margin: 20px auto;
    padding: 1px 0;
}
.box_svg_types {
    width: 257px;
    height: 67px;
    margin: 0 auto;
}

.main_room_card_container-card {
    max-width: 1236px;
    width: 100%;
    height: 608px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-top: 20px;
}
.style-card_room {
    width: 392px;
    height: 608px;
    position: relative;
    transition: 500ms ease;
}
.style-card_room:hover {
    box-shadow: 10px 10px 20px 0px #00000008,10px 10px 20px 0px #00000008,10px 10px 20px 0px #00000008;
}
.card_image-style {
    width: 392px;
    height: 421px;
}
/* общий стиль текст карт */
.container-card_list {
    width: 330px;
    height: 286px;
    box-shadow: 10px 10px 20px 0px #00000008;
    position: absolute;
    bottom: 20px;
    left: 30px;
    background: #fff;
}
.container-card_list ul {
    list-style: none;
    margin-left: 40px;
    margin-top: 20px;
}
.container-card_list ul h2 {
    font-family: var(--ff-Yeseva);
    font-weight: var(--font-weight);
    font-size: 18px;
    line-height: 139%;
    color: #363636;
}
.container-card_list ul li {
    font-family: var(--ff-Nunito);
    font-weight: var(--font-weight);
    font-size: 13px;
    line-height: 204.99999999999997%;
    color: #959595;
    position: relative;
    padding-left: 13px;
}
.container-card_list ul li::before {
    content: '';
    position: absolute;
    width: 4px;
    height: 4px;
    border-radius: 50%;
    background: #888;
    top: 10px;
    left: 2px;
}



/* кнопки карт */

.container-card_btn_style {
    width: 228px;
    height: 54px;
    background: var(--btn-background);
    box-shadow: 5px 5px 10px 0px #E3B8734D;
    position: absolute;
    bottom: 0;
    border: none;
    font-family: var(--ff-Yeseva);
    font-weight: var(--font-weight);
    font-size: 18px;
    line-height: 139%;
    text-transform: uppercase;
    color: #fff;
    cursor: pointer;
    transition: 250ms ease;
}
.container-card_btn_style:hover {
    scale: .95;
}

/* 4 блок (удаление на 375) */

.main_background-input_remove {
    max-width: 1300px;
    width: 100%;
    height: 725.44px;
    margin:  7.8rem auto;
    display: flex;
    justify-content: space-between;
    align-items: center;
    position: relative;
}

.background-input_remove_left {
    width: 640px;
    height: 645px;
    position: relative;
    background-image: url('../image/background-house.png');
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
}
.input_remove_left_case-block {
    width: 374.81px;
    height: 473.62px;
    position: absolute;
    top: 117px;
    right: 29px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.case_01 {
    width: 374px;
    height: 42px; 
    position: relative;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.svg_image_01 {
    width: 41.76px;
    height: 41.76px;
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
}

.item_case_number {
    position: absolute;
    top: 42%;
    left: 50%;
    transform: translate(-50%, -50%);
    font-family: var(--ff-Yeseva);
    font-weight: var(--font-weight);
    font-size: 18px;
    line-height: 139%;
    text-align: center;
    color: #fff;
}
.case_text_01 {
    width: 316px;
    height: 39px;
}
.case_text_01 p {
    font-family: var(--ff-Nunito);
    font-weight: var(--font-weight);
    font-size: 14px;
    line-height: 130%;
    color: #363636;
}
.case_02 {
    width: 145px;
    height: 42px;
    position: relative;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.svg_image_02 {
    width: 41.76px;
    height: 41.76px;
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
}
.case_text_02 {
    width: 87px;
    height: 35px;
}
.case_text_02 h3 {
    font-family: var(--ff-Nunito);
    font-weight: var(--font-weight);
    font-size: 14px;
    line-height: 100%;
    color: #363636;
}
.case_03 {
    width: 163px;
    height: 42px;
    position: relative;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.svg_image_03 {
    width: 41.76px;
    height: 41.76px;
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
}
.case_text_03 {
    width: 107px;
    height: 35px;
}
.case_text_03 h3 {
    font-family: var(--ff-Nunito);
    font-weight: var(--font-weight);
    font-size: 14px;
    line-height: 100%;
    color: #363636;
}
.case_04 {
    width: 253px;
    height: 42px;
    position: relative;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.svg_image_04 {
    width: 41.76px;
    height: 41.76px;
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
}
.case_text_04 {
    width: 198px;
    height: 39px;
}
.case_text_04 p {
    font-family: var(--ff-Nunito);
    font-weight: var(--font-weight);
    font-size: 14px;
    line-height: 130%;
    color: #363636;
}



.background-input_remove_right {
    width: 506px;
    height: 509px;
    background: #131313;
    display: flex;
    flex-direction: column;
    justify-content: space-evenly;
    align-items: center;
}
.input_remove_right_title {
    width: 273px;
    height: 47px;
}
.input_remove_right_title h3 {
    font-family: var(--ff-Nunito);
    font-weight: var(--font-weight);
    font-size: 18px;
    line-height: 143%;
    text-align: center;
    color: #fff;
}
.input_remove_right_input {
    width: 408px;
    height: 300px;
    position: relative;
}
.input_remove_right_button {
    width: 213px;
    height: 51px;
    background: var(--btn-background);
    box-shadow: 0px 5px 15px 0px #E3B87326;
    font-family: var(--ff-Nunito);
    font-weight: var(--font-weight);
    font-size: 13px;
    line-height: 164%; 
    text-align: center;
    text-transform: uppercase;
    color: #fff;
    position: absolute;
    right: 0;
    bottom: -40px;
    border: none;
}

.main_section_stage_inputBox_containerInput {
    max-width: 408px;
    width: 100%;
    height: 244px;
    margin: 39px auto;
}

.main_section_stage_inputBox_containerInput-form {
    display: flex;
    justify-content: space-between;
    flex-direction: column;
    height: 280px;
    width: 100%;
}
.containerInput-form_name {
    width: 408px;
    height: 50px;
    display: flex;
    flex-direction: column;
    justify-content: space-around;
    border-bottom: 2px solid #3636364D;
}
.containerInput-form_name input,
.containerInput-form_phone input,
.containerInput-form_email input {
    border: none;
    outline: none;
    background: transparent;
    color: #fff;
    font-size: 18px;
    font-family: var(--ff-Nunito);
    font-weight: var(--font-weight);
}
.containerInput-form_name input::placeholder,
.containerInput-form_phone input::placeholder,
.containerInput-form_email input::placeholder {
    font-family: var(--ff-Nunito);
    font-weight: var(--font-weight);
    font-size: 14px;
    line-height: 164%;
    color: #fff;
}
.containerInput-form_name label,
.containerInput-form_phone label,
.containerInput-form_email label {
    font-family: var(--ff-Nunito);
    font-weight: var(--font-weight);
    font-size: 13px;
    line-height: 164%;
    color: #FFFFFF80;
}
.containerInput-form_phone {
    width: 408px;
    height: 49px;
    display: flex;
    flex-direction: column;
    justify-content: space-around;
    border-bottom: 2px solid #3636364D;
}
.containerInput-form_email {
    width: 408px;
    height: 49px;
    display: flex;
    flex-direction: column;
    justify-content: space-around;
    border-bottom: 2px solid #3636364D;
}

.main_section_stage_inputBox_checkbox {
    width: 285px;
    height: 18px;
    display: flex;
    justify-content: center;
    align-items: center;
}
.main_section_stage_inputBox_checkbox label {
    font-family: var(--ff-Nunito);
    font-weight: var(--font-weight);
    font-size: 14px;
    line-height: 164%;
    color: #fff;
    padding-left: 5px;
}
.hogs_svg-block {
    width: 358px;
    height: 72px;
    position: absolute;
    right: 0;
    bottom: 0;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.hogs_svg-block p {
    font-family: var(--ff-Nunito);
    font-weight: var(--font-weight);
    font-size: 18px;
    line-height: 143%;
    color: #E3B873;
    box-shadow: 0px 3px 10px 0px #E3B87326;
}
/* 5 block main */
.main_room_photo-card {
    max-width: 1440px;
    width: 100%;
    height: 1017px;
    background-image: url('../image/room-background1.png');
    background-repeat: no-repeat;
    background-size: contain;
    background-position:  center top 100px;
    display: flex;
    justify-content: space-around;
    align-items: center;
    padding: 1px 0;
}
.room_photo-card_option_menu {
    width: 411px;
    height: 629px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: flex-start;
}
.card_option_menu_subtitle {
    font-family: var(--ff-Yeseva);
    font-weight: var(--font-weight);
    font-size: 27px;
    line-height: 139%;
    text-transform: uppercase;
    color: #E3B873;
}
.h3 {
    display: none;
}
.card_option_menu_menu {
    width: 299px;
    height: 516px;
}
.card_option_menu_menu_form-li {
    width: 100%;
    height: 516px;
    list-style: none;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: flex-start;
}
.card_option_menu_menu_form-li li {
    font-family: var(--ff-Nunito);
    font-weight: var(--font-weight);
    font-size: 20px;
    line-height: 191%;
    color: #fff;
    width: max-content;
    position: relative;
    cursor: default;
    transition: 250ms  ease;
}
.card_option_menu_menu_form-li li::before {
    content: '';
    position: absolute;
    left: 0;
    bottom: 0;
    height: 1px;
    width: 0;
    background: #E3B873;
    transition: 250ms ease;
}
.card_option_menu_menu_form-li li:hover::before {
    width: 100%;
}
.card_option_menu_menu_form-li li:hover {
    color: #E3B873;
}

.room_photo-card_photo_card {
    width: 750.81px;
    height: 1017.86px; 
    position: relative;
}
.card_photo_card_left {
    width: 353.81px;
    height: 945.86px;
    position: absolute;
    bottom: 0;
    left: 0;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: center;
    
}
.card_photo_card_righ {
    width: 353.81px;
    height: 935px;
    position: absolute;
    top: 0;
    right: 0;
    display: flex;
    justify-content: space-between;
    flex-direction: column;
}
.left-arrow_photo-img,
.right-arrow_photo-img {
    display: none;
}

/* 6 main block (remove 375px) */

.main_clients_block-remove {
    max-width: 1236px;
    width: 100%;
    height: 642.03px;
    margin: 69px auto;
}
.main_clients_subtitle {
    font-family: var(--ff-Yeseva);
    font-weight: var(--font-weight);
    font-size: 20px;
    line-height: 139%;
    text-align: center;
    text-transform: uppercase;
    color: #181818;
}
.main_clients_logo {
    width: 114px;
    height: 27.62px;
    background-image: url('../image/scg-image-client.svg');
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    margin: 13.22px auto;
}
.main_clients_text-p {
    font-family: var(--ff-Nunito);
    font-weight: var(--font-weight);
    font-size: 18px;
    line-height: 164%;
    text-align: center;
    color: #363636;
    width: 418px;
    height: 57px;
    margin: 0 auto;
}



.main_clients_card {
    max-width: 1236px;
    width: 100%;
    height: 455.03px;
    margin-top: 40px;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

/* Общ.стиль для карт */
.style_card_clients {
    width: 376px;
    height: 455.03px;
    position: relative;
}
/* Общ.стиль кнопок карт */
.style_btn-card {
    width: 293.75px;
    height: 54.03px;
    position: absolute;
    bottom: -7px;
    border: none;
    background: transparent;
    left: -13px;
    z-index: 2;
}
.style_btn-card img {
    object-fit: cover;
    width: 293.75px;
    height: 54.03px;
}

.card_Maria_info,
.card_Sergey_info,
.card_Egor_info {
    width: 376px;
    height: 428px;
    box-shadow: 0px 10px 50px 0px #0000000A;
    transition: 250ms ease;
    padding: 1px 0;
}

.hover_style-card:hover {
    box-shadow: 0 10px 30px 0px #dfd4d4,
    0 10px 30px 0px #b6aeae,
    0 10px 10px 0px #cac3c3;
    transition: 250ms ease;
}
.container_photo_profile-Maria,
.container_photo_profile-Sergey,
.container_photo_profile-Egor {
    width: 263px;
    height: 76px;
    margin: 20px 24px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    column-gap: 1.5rem;
    margin-left: 20px;
}
.profile-h2_style {
    font-family: var(--ff-Yeseva);
    font-weight: var(--font-weight);
    font-size: 18px;
    line-height: 127%;
    color: #181818;
    width: 178px;
    height: 42px;
}
.profile_p_style {
    font-family: var(--ff-Nunito);
    font-weight: var(--font-weight);
    font-size: 13px;
    line-height: 180%;
    color: #959595;
}
.container_text_profile-Maria,
.container_text_profile-Sergey,
.container_text_profile-Egor {
    width: 324.08px;
    height: 216px;
    margin: 20px;
}


/* 7 block */

.pre_footer {
    max-width: 1440px;
    width: 100%;
    height: 1236.9px;
    position: relative;
}
.background-frame {
    max-width: 1440px;
    width: 100%;
    height: 280px;
    position: relative;
}
.frame_left {
    position: absolute;
    top: -31rem;
    left: 0;
    transform: scaleX(-1);
}
.frame_right {
    position: absolute;
    top: -31rem;
    right: 0;
}

.background_map_container {
    max-width: 1440px;
    width: 100%;
    height: 953.9px;
    background: linear-gradient(180deg, rgba(0, 0, 0, 0.9) 3.74%, rgba(0, 0, 0, 0.72) 100%);
    filter: brightness(15%) grayscale(80%) contrast(100%);
    z-index: 2;
    position: absolute;
}

.pre_footer_input {
    width: 883px;
    height: 445.32px;
    z-index: 5;
    position: absolute;
    top: 35px;
    left: 275px;
    background: #131313;
    pad: 1px 0;
}
.pre_footer_input h2 {
    font-family: var(--ff-Yeseva);
    font-weight: var(--font-weight);
    font-size: 20px;
    line-height: 139%;
    text-align: center;
    text-transform: uppercase;
    color: #fff;
    text-align: center;
    margin: 20px;
}
.pre_footer_input_form {
    width: 520px;
    height: 304.71px;
    margin: 4rem auto;
}
.form {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: center;
    height: 304px;
}
.input_name-phone {
    width: 516.82px;
    height: 45px;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.input_name-phone_name {
    width: 231px;
    height: 45px;
}
.input_name-phone_name label {
    font-family: var(--ff-Nunito);
    font-weight: var(--font-weight);
    font-size: 13px;
    line-height: 164%;
    color: #FFFFFF80;
    text-transform: capitalize;
}
.input_name-phone_name input {
    background: transparent;
    border-top: none;
    border-left: none;
    border-right: none;
    border-bottom: 1px solid #FFFFFF26;
    outline: none;
    color: #fff;
    font-size: 18px;
    font-weight: var(--font-weight);
    font-family: var(--ff-Nunito);
}
.input_name-phone_name input::placeholder {
    font-family: var(--ff-Nunito);
    font-weight: var(--font-weight);
    font-size: 14px;
    line-height: 164%;
    color: #FFFFFF;
}

.input_name-phone_phone {
    width: 231px;
    height: 45px;
}
.input_name-phone_phone label {
    font-family: var(--ff-Nunito);
    font-weight: var(--font-weight);
    font-size: 13px;
    line-height: 164%;
    color: #FFFFFF80;
    text-transform: capitalize;
}
.input_name-phone_phone input {
    background: transparent;
    border-top: none;
    border-left: none;
    border-right: none;
    border-bottom: 1px solid #FFFFFF26;
    outline: none;
    color: #fff;
    font-size: 18px;
    font-weight: var(--font-weight);
    font-family: var(--ff-Nunito);
}
.input_name-phone_phone input::placeholder {
    font-family: var(--ff-Nunito);
    font-weight: var(--font-weight);
    font-size: 14px;
    line-height: 164%;
    color: #FFFFFF;
}
.input_question {
    width: 516.82px;
    height: 45px;
}
.input_question label {
    font-family: var(--ff-Nunito);
    font-weight: var(--font-weight);
    font-size: 13px;
    line-height: 164%;
    color: #FFFFFF80;
    text-transform: capitalize;
}
.input_question input {
    background: transparent;
    border-top: none;
    border-left: none;
    border-right: none;
    border-bottom: 1px solid #FFFFFF26;
    outline: none;
    color: #fff;
    font-size: 18px;
    font-weight: var(--font-weight);
    font-family: var(--ff-Nunito);
    width: 100%;
}
.input_question input::placeholder {
    font-family: var(--ff-Nunito);
    font-weight: var(--font-weight);
    font-size: 14px;
    line-height: 164%;
    color: #FFFFFF;
}
.input_checkbox-form {
    width: 285.62px;
    height: 18px;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.style_checkbox {
    background: #E3B873;
    width: 16px;
    height: 16px;
    border: none;
    appearance: none;
    -webkit-appearance: none;
    transition: box-shadow 200ms ease;
}
.style_checkbox:checked {
    background-image: url('../image/checkedBox-svg.svg');
    background-position: center;
    background-size: 60%;
    background-repeat: no-repeat;
    box-shadow: 0 0 3px #888;
    transition: box-shadow 200ms;
}
.input_checkbox-form label {
    font-family: var(--ff-Nunito);
    font-weight: var(--font-weight);
    font-size: 14px;
    line-height: 164%;
    color: #fff;
}
.input-btn {
    width: 200px;
    height: 51px;
    background: var(--btn-background);
    border: none;
    font-family: var(--ff-Nunito);
    font-weight: var(--font-weight);
    font-size: 13px;
    line-height: 204.99999999999997%;
    text-align: center;
    text-transform: uppercase;
    color: #fff;
}







.background_map_container_h3 {
    width: 599px;
    height: 199px;
    position: relative;
    z-index: 10;
    top: 15rem;
    left: 26rem;
}
.background_map_container_h3 h3 {
    font-family: var(--ff-Yeseva);
    font-weight: var(--font-weight);
    font-size: 20px;
    line-height: 139%;
    text-align: center;
    text-transform: uppercase;
    color: #E3B873;
}
.icon_box {
    width: 71px;
    height: 28px;
    margin: 20px auto;
}
.pre_footer_block_map {
    max-width: 925px;
    width: 100%;
    height: 465px;
    position: relative;
    z-index: 10;
    top: 16rem;
    left: 16rem;
}
.pre_footer_block_map img {
    object-fit: cover;
    object-position: left -30px top -10px;
}

.footer {
    max-width: 1440px;
    width: 100%;
    height: 133px;
    background: #181818;
    margin: -3px auto;
    display: block;
    display: flex;
    justify-content: center;
    align-items: center;
}