/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */
html {
    line-height: 1.15;
    -webkit-text-size-adjust: 100%
}

body {
    margin: 0
}

main {
    display: block
}

h1 {
    font-size: 2em;
    margin: 0.67em 0
}

hr {
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
    height: 0;
    overflow: visible
}

pre {
    font-family: monospace, monospace;
    font-size: 1em
}

a {
    background-color: transparent
}

abbr[title] {
    border-bottom: none;
    text-decoration: underline;
    -webkit-text-decoration: underline dotted;
    text-decoration: underline dotted
}

b,
strong {
    font-weight: bolder
}

code,
kbd,
samp {
    font-family: monospace, monospace;
    font-size: 1em
}

small {
    font-size: 80%
}

sub,
sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline
}

sub {
    bottom: -0.25em
}

sup {
    top: -0.5em
}

img {
    border-style: none
}

button,
input,
optgroup,
select,
textarea {
    font-family: inherit;
    font-size: 100%;
    line-height: 1.15;
    margin: 0
}

button,
input {
    overflow: visible
}

button,
select {
    text-transform: none
}

button,
[type="button"],
[type="reset"],
[type="submit"] {
    -webkit-appearance: button
}

button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
    border-style: none;
    padding: 0
}

button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
    outline: 1px dotted ButtonText
}

fieldset {
    padding: 0.35em 0.75em 0.625em
}

legend {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    color: inherit;
    display: table;
    max-width: 100%;
    padding: 0;
    white-space: normal
}

progress {
    vertical-align: baseline
}

textarea {
    overflow: auto
}

[type="checkbox"],
[type="radio"] {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0
}

[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
    height: auto
}

[type="search"] {
    -webkit-appearance: textfield;
    outline-offset: -2px
}

[type="search"]::-webkit-search-decoration {
    -webkit-appearance: none
}

::-webkit-file-upload-button {
    -webkit-appearance: button;
    font: inherit
}

details {
    display: block
}

summary {
    display: list-item
}

template {
    display: none
}

[hidden] {
    display: none
}


p,
h1,
h2,
h3,
h4,
h5,
h6 {
    margin: 0;
    padding: 0;
    font-weight: 400;
}

html {
    box-sizing: border-box;
    scroll-behavior: smooth;
    overflow-x: hidden;
}

* {
    outline: none;
}

*,
*::before,
*::after {
    box-sizing: inherit;
}

body {
    overflow-x: hidden;
    font-family: "Onest", sans-serif;
    color: #263141;
}

a {
    text-decoration: none;
}

ul {
    list-style: none;
    padding-left: 0;
    margin-top: 0;
}

.container {
    max-width: 1550px;
    margin: 0 auto;
    width: 100%;
    padding: 0 15px;
    padding-bottom: 1px;
}


.header {
    position: fixed;
    top: 0;
    right: 0;
    width: 100%;
    z-index: 10;
    background-color: #fff;
}

.header_body {
    display: flex;
    justify-content: space-between;
    padding: 20px 0;
}

.header_right {
    width: 1350px;
}

.header_wrapper {
    display: flex;
    justify-content: space-between;
    align-items: center;
    border-bottom: 1px solid #EAEEF3;
    margin-bottom: 20px;
    padding-bottom: 20px;
}

.header_catalog {
    position: relative;
    margin-right: auto;
    display: flex;
}

.header_catalog-dropdown {
    background: #E2EDFB;
    border-radius: 10px;
    opacity: 0;
    visibility: hidden;
    transition: all 0.3s;
    position: absolute;
    display: flex;
    padding: 30px;
    width: 1120px;
    justify-content: space-between;
    left: 0;
    top: calc(100% + 10px);
}

.header_catalog-dropdown.active {
    opacity: 1;
    visibility: visible;
}

.header_catalog-btn {
    background: #F6F8FE;
    width: 172px;
    gap: 15px;
    height: 50px;
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
    font-weight: 600;
    font-size: 16px;
    line-height: 100%;
    color: #204395;
    transition: all 0.3s;
    border-radius: 10px;
}

.header_catalog-btn:hover {
    opacity: 0.6;
}

.header_catalog-links {
    width: 175px;
    padding-right: 20px;
    border-right: 1px solid #26314133;
}

.header_catalog-link {
    font-weight: 500;
    font-size: 16px;
    line-height: 130%;
    margin-bottom: 15px;
    display: block;
    cursor: pointer;
    color: #263141;
}

.header_catalog-link.active {
    color: #204395;
}

.header_catalog-content {
    columns: 4;
    gap: 40px;
    width: 860px;
    display: none;
}

.header_catalog-content.active {
    display: block;
}

.header_catalog-item {
    page-break-inside: avoid;
    break-inside: avoid;
    margin-bottom: 40px;
}

.header_catalog-title {
    font-weight: 500;
    font-size: 16px;
    line-height: 130%;
    margin-bottom: 15px;
    color: #263141;
    display: block;
}

.header_catalog-list a {
    margin-bottom: 10px;
    display: flex;
    font-size: 14px;
    line-height: 130%;
    color: #474F5A;
}

.header_catalog-list a:hover {
    transition: all 0.3s;
}

.header_catalog-list a:hover {
    color: #3C62BC;
}

.menu {
    display: flex;
    justify-content: space-between;
}

.menu a {
    font-weight: 500;
    font-size: 16px;
    line-height: 130%;
    color: #263141;
    transition: all 0.3s;
}

.menu a:hover {
    color: #3C62BC;
}

.btn_blue {
    display: flex;
}

.btn_blue svg {
    height: 100%;
    width: auto;
    margin: 0 -1px;
}

.btn_blue span {
    background: #204395;
    padding: 16px 24px;
    display: block;
    font-weight: 600;
    font-size: 16px;
    line-height: 100%;
    text-transform: uppercase;
    color: #fff;
    transition: all 0.3s;
}

.btn_blue path {
    transition: all 0.3s;
}

.btn_blue:hover span {
    background: #3C62BC;
}

.btn_blue:hover path {
    fill: #3C62BC;
}

.header_order {
    margin-right: 40px;
}

.header_number {
    font-weight: 600;
    font-size: 20px;
    line-height: 100%;
    color: #263141;
    display: block;
    margin-bottom: 8px;
    transition: all 0.3s;
}

.header_number:hover {
    color: #3C62BC;
}

.header_messages {
    display: flex;
    gap: 10px;
    margin-right: 40px;
}

.header_message {
    display: flex;
    transition: all 0.3s;
}

.header_message:hover {
    opacity: 0.6;
}

.header_link {
    font-size: 14px;
    line-height: 100%;
    color: #204395;
}

.header_links {
    margin-right: 40px;
}

.header_log {
    transition: all 0.3s;
}

.header_log:hover {
    opacity: 0.6;
}

.main {
    position: relative;

}

/* .main::before {
    position: absolute;
    content: "";
    background-image: url(../img/main_top.svg);
    background-size: cover;
    background-position: center bottom;
    width: 100%;
    top: 0;
    right: 0;
    height: 109px;
    z-index: 2;
    pointer-events: none;
} */

.main::after {
    position: absolute;
    content: "";
    background-image: url(../img/main_bot.svg);
    background-size: cover;
    background-position: center bottom;
    width: 100%;
    bottom: 0;
    right: 0;
    height: 109px;
    z-index: 2;
    pointer-events: none;
}

.main_slider {
    margin-top: 151px;
}

.main_slider .slick-track {
    display: flex;
}

.main_slide {
    padding: 150px 0 200px;
    height: inherit;
    display: flex !important;
    flex-direction: column;
    justify-content: flex-end;
    position: relative;
    z-index: 1;
}

.main_slide:first-child::before {
    position: absolute;
    content: "";
    background-image: url(../img/main_top.svg);
    background-size: cover;
    background-position: center bottom;
    width: 100%;
    top: 0;
    right: 0;
    height: 109px;
    z-index: 2;
    pointer-events: none;
}

.main_slide .container {
    margin-bottom: auto;
}

.main_slide-img {
    position: absolute;
    top: 0;
    right: 0;
    width: 100%;
    height: 100%;
    z-index: -1;
    display: flex;
}

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


/* .main_slide-img::before {
    position: absolute;
    content: "";
    background-image: url(../img/main_slide-img.png);
    width: 100%;
    height: 100%;
    top: 0;
    right: 0;
    background-size: cover;
    background-position: center;
} */

.main_slide:first-child .main_slide-img::before {
    position: absolute;
    content: "";
    background-image: url(../img/main_slide-img.png);
    width: 100%;
    height: 100%;
    top: 0;
    right: 0;
    background-size: cover;
    background-position: center;
}

.main_slide-info {
    width: 800px;
    color: #fff;
    position: relative;
    z-index: 1;
}

.main_slide-info::before {
    position: absolute;
    content: "";
    background-image: url(../img/main_slide-info2.svg);
    background-size: cover;
    width: 400px;
    height: 109px;
    top: 125px;
    left: 145px;
    z-index: -1;
}

.main_slide-title {
    font-weight: 600;
    font-size: 48px;
    line-height: 130%;
    margin-bottom: 30px;
}

.main_slide-text {
    font-size: 20px;
    line-height: 130%;
    color: #fff;
    margin-bottom: 60px;
}

.main_slide-info {
    position: relative;
}

.main_slide-map {
    position: absolute;
    display: flex;
    right: -460px;
    top: 280px;
    transition: all 0.3s;
}

.main_slide-map:hover {
    transform: scale(1.02);
}

.main_slide-info ul {
    margin-bottom: 60px;
}

.main_slide-info ul li {
    font-size: 16px;
    line-height: 130%;
    padding-left: 46px;
    position: relative;
    margin-bottom: 13px;
}

.main_slide-info li::before {
    position: absolute;
    content: "";
    background-image: url(../img/main_slide-info.svg);
    background-size: cover;
    width: 34px;
    height: 16px;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
}


.btn_green {
    display: flex;
}

.btn_green svg {
    height: 100%;
    width: auto;
    margin: 0 -1px;
}

.btn_green span {
    background: #42ACAA;
    padding: 16px 24px;
    display: flex;
    justify-content: center;
    align-items: center;
    font-weight: 600;
    font-size: 16px;
    line-height: 100%;
    text-transform: uppercase;
    color: #fff;
    transition: all 0.3s;
}

.btn_green path {
    transition: all 0.3s;
}

.btn_green:hover span {
    background: #34DBD8;
}

.btn_green:hover path {
    fill: #34DBD8;
}

.main_slide-btn span {
    width: 320px;

}

.main_slide-btns {
    display: flex;
    gap: 20px;
}


.btn_sky {
    display: flex;
}

.btn_sky svg {
    height: 100%;
    width: auto;
    margin: 0 -1px;
}

.btn_sky span {
    background: #78A5DF;
    padding: 16px 24px;
    display: flex;
    justify-content: center;
    align-items: center;
    font-weight: 600;
    font-size: 16px;
    line-height: 100%;
    text-transform: uppercase;
    color: #fff;
    transition: all 0.3s;
}

.btn_sky path {
    transition: all 0.3s;
}

.btn_sky:hover span {
    background: #99C3FA;
}

.btn_sky:hover path {
    fill: #99C3FA;
}

.main_slider .slick-arrow {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    font-size: 0;
    border: none;
    background: none;
    background-size: cover;
    cursor: pointer;
    width: 60px;
    height: 60px;
    z-index: 1;
    transition: all 0.3s;
}

.main_slider .slick-arrow:hover {
    opacity: 0.6;
}

.main_slider .slick-next {
    background-image: url(../img/arrow_right.svg);
    right: 70px;
}

.main_slider .slick-prev {
    background-image: url(../img/arrow_left.svg);
    left: 70px;
}


.services {
    padding: 100px 0 120px;
    position: relative;
    z-index: 2;
}

.services::after {
    position: absolute;
    content: "";
    background-image: url(../img/services_bot.svg);
    background-size: cover;
    background-position: center bottom;
    width: 100%;
    bottom: 0;
    right: 0;
    height: 120px;
    pointer-events: none;
}

.title {
    font-weight: 600;
    font-size: 52px;
    line-height: 130%;
    margin-bottom: 60px;
}

.services_items {
    display: flex;
    flex-wrap: wrap;
    gap: 40px 60px;
    position: relative;
}

.services_items::before {
    position: absolute;
    content: "";
    background-image: url(../img/services_items.svg);
    width: 400px;
    height: 109px;
    bottom: 132px;
    left: -91px;
}

.services_items::after {
    position: absolute;
    content: "";
    background-image: url(../img/services_items.svg);
    width: 400px;
    height: 109px;
    top: 155px;
    right: -101px;
}

.services_item {
    width: 300px;
    height: 300px;
    z-index: 1;
    background: #78A5DF;
    padding: 30px;
    border-radius: 50%;
    position: relative;
    gap: 20px;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    transition: all 0.3s;
}

.services_item:hover {
    background: #99C3FA;
}

.services_item:nth-child(1)::after,
.services_item:nth-child(3)::after,
.services_item:nth-child(8)::after {
    position: absolute;
    content: "";
    background-image: url(../img/services_item1.svg);
    background-size: 70px 130px;
    background-repeat: no-repeat;
    background-position: top left;
    top: -26px;
    left: -20px;
    width: calc(100% + 40px);
    height: calc(100% + 52px);
    transform: rotate(-90deg);
    transition: all 0.6s;
}

.services_item:hover::before,
.services_item:hover::after {
    transform: rotate(0deg) !important;
}

.services_item:nth-child(2)::after,
.services_item:nth-child(5)::after {
    position: absolute;
    content: "";
    background-image: url(../img/services_item2.svg);
    background-size: cover;
    background-size: 119px 85px;
    background-repeat: no-repeat;
    background-position: bottom left;
    bottom: -6px;
    left: -45px;
    width: calc(100% + 90px);
    height: calc(100% + 12px);
    transform: rotate(-90deg);
    transition: all 0.6s;
}

.services_item:nth-child(4)::after,
.services_item:nth-child(6)::after {
    position: absolute;
    content: "";
    background-image: url(../img/services_item3.svg);
    background-size: cover;
    background-size: 76px 125px;
    background-repeat: no-repeat;
    background-position: top right;
    top: -26px;
    right: -20px;
    width: calc(100% + 40px);
    height: calc(100% + 62px);
    transform: rotate(-90deg);
    transition: all 0.6s;
}

.services_item:nth-child(3)::before {
    position: absolute;
    content: "";
    background-image: url(../img/services_item4.svg);
    background-size: cover;
    background-size: 56px 137px;
    background-repeat: no-repeat;
    background-position: bottom right;
    bottom: 0;
    right: -40px;
    width: calc(100% + 80px);
    height: 100%;
    transform: rotate(-90deg);
    transition: all 0.6s;
}

.services_item:nth-child(6)::before {
    position: absolute;
    content: "";
    background-image: url(../img/services_item5.svg);
    background-size: cover;
    background-size: 76px 126px;
    background-repeat: no-repeat;
    background-position: bottom left;
    bottom: -24px;
    left: -20px;
    width: calc(100% + 40px);
    height: calc(100% + 48px);
    z-index: 3;
    transform: rotate(-90deg);
    transition: all 0.6s;
}

.services_item-title {
    font-weight: 500;
    font-size: 20px;
    line-height: 130%;
    text-align: center;
    color: #FFFFFF;
}

.services_item-img {
    position: relative;
    display: flex;
    width: 100%;
}

.services_item-img img {
    position: absolute;
    bottom: 0;
    right: 50%;
    transform: translateX(50%);
}

.services_item:nth-child(5) {
    margin-left: 140px;
}


.catalog {
    padding: 200px 0 1px;
    margin-top: -120px;
    background: #DDE9FA;
    position: relative;
    z-index: 1;
}

.catalog::before {
    position: absolute;
    content: "";
    background-image: url(../img/catalog.svg);
    background-size: cover;
    bottom: -120px;
    right: 0;
    background-position: center top;
    width: 100%;
    height: 120px;
}

.catalog_top {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 60px;
}

.catalog_top .title {
    margin-bottom: 0;
}

.catalog_items {
    display: flex;
    gap: 20px 0;
    flex-wrap: wrap;
    margin-bottom: 179px;
}


.catalog_item {
    width: 349px;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    padding: 30px;
    text-align: center;
    margin: 0 -28.2px;
    height: 320px;
    background-image: url(../img/catalog_item.svg);
    filter: drop-shadow(-10px 4px 20px #0000001A);
    z-index: 1;
    position: relative;
}

.catalog_item:hover::before {
    opacity: 1;
}

.catalog_item::before {
    position: absolute;
    content: "";
    width: 100%;
    height: 100%;
    top: 0;
    background-image: url(../img/catalog_item2.svg);
    z-index: -1;
    right: 0;
    opacity: 0;
    background-size: cover;
    transition: all 0.3s;
}

.catalog_item-title {
    font-weight: 500;
    /* font-size: 20px; */
    font-size: 16px;
    line-height: 130%;
    text-align: center;
    margin-bottom: 5px;
    color: #263141;
    margin-top: 20px;
}

.catalog_item:nth-child(2),
.catalog_item:nth-child(4),
.catalog_item:nth-child(7),
.catalog_item:nth-child(9),
.catalog_item:nth-child(12),
.catalog_item:nth-child(14) {
    transform: translateY(170px);
}

.catalog_item:nth-child(5n) {
    margin-right: 0;
}

.catalog_item:nth-child(1),
.catalog_item:nth-child(5n + 1) {
    margin-left: 0;
}

.catalog_item-text {
    font-weight: 500;
    font-size: 16px;
    line-height: 130%;
    text-align: center;
    color: #204395;
}

.catalog_item-img {
    position: relative;
    display: flex;
    width: 100%;
}

.catalog_item-img img {
    position: absolute;
    bottom: 0;
    right: 50%;
    transform: translateX(50%);
    max-width: 100%;
}

.how {
    padding: 200px 0 40px;
}

.how_top {
    display: flex;
    justify-content: space-between;
    margin-bottom: 60px;
    align-items: flex-end;
}

.how_top-left {
    max-width: 1205px;
}

.how_subtitle {
    font-size: 20px;
    line-height: 130%;
}

.how_items {
    display: flex;
    flex-wrap: wrap;
}

.how_item-row {
    display: flex;
    flex-direction: column;
    margin: 0 -28px;
    gap: 20px;
}

.how_item {
    width: 300px;
    height: 260px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    text-align: center;
    background-size: cover;
    background-position: center;
    padding: 50px;
    gap: 10px;
}

.how_item-row:nth-child(1) .how_item {
    background-image: url(../img/how_item.svg);
}

.how_item-row:nth-child(1) {
    margin-left: 0;
}

.how_item-row:nth-child(2n) {
    margin-top: 140px;
    flex-direction: column-reverse;
}

.how_item-row:nth-child(2) .how_item {
    background-image: url(../img/how_item2.svg);
}

.how_item-row:nth-child(3) .how_item {
    background-image: url(../img/how_item3.svg);
}

.how_item-row:nth-child(4) .how_item {
    background-image: url(../img/how_item4.svg);
}

.how_item-row:nth-child(5) .how_item {
    background-image: url(../img/how_item5.svg);
}

.how_item-row:nth-child(6) .how_item {
    background-image: url(../img/how_item6.svg);
}

.how_item-row:nth-child(6) {
    margin-right: 0;
}

.how_item-number {
    font-weight: 600;
    font-size: 40px;
    line-height: 130%;
    color: #FFFFFF66;
}

.how_item-title {
    font-weight: 600;
    font-size: 20px;
    line-height: 130%;
    color: #fff;
}

.how_item-text {
    font-size: 14px;
    line-height: 130%;
    text-align: center;
    color: #FFFFFFCC;
}

.how_item-img {
    width: 300px;
    height: 260px;
    display: flex;
}

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


.delivery {
    padding: 140px 0;
    position: relative;
    z-index: 1;
}

.delivery_wrapper {
    position: relative;
}

.delivery::after {
    position: absolute;
    content: "";
    background-image: url(../img/delivery_top.svg);
    height: 120px;
    width: 100%;
    top: 0;
    right: 0;
    background-size: cover;
    background-position: bottom;
}

.delivery_bot {
    position: absolute;
    content: "";
    background-image: url(../img/delivery_bot.svg);
    height: 120px;
    width: 100%;
    bottom: -2px;
    right: 0;
    background-size: cover;
    background-position: top;
}

.delivery::before {
    position: absolute;
    content: "";
    background-image: url(../img/delivery_info.svg);
    background-size: cover;
    width: 55%;
    background-position: right;
    height: 100%;
    top: 0;
    left: 0;
    z-index: -1;
}

.delivery_img {
    position: absolute;
    right: 0;
    top: 0;
    height: 100%;
    z-index: -2;
    width: 56%;
    display: flex;
}

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

.delivery_info {
    width: 810px;
    padding: 60px;
    position: relative;
    z-index: 2;
    color: #fff;
}

.delivery_info::before {
    position: absolute;
    content: "";
    background-image: url(../img/delivery_info-bef.svg);
    background-size: cover;
    width: 400px;
    height: 109px;
    top: 130px;
    left: 70px;
}

.delivery_info .title {
    margin-bottom: 30px;
}

.delivery_subtitle {
    font-size: 24px;
    line-height: 130%;
    margin-bottom: 60px;
}

.delivery_btn {
    width: fit-content;
}

.delivery_btn span {
    width: 320px;
}

.steps {
    padding: 40px 0;
}



.steps_items {
    display: flex;

}

.steps_items-row {
    width: max-content;
    animation: stepsAnim 60s linear infinite;
    display: flex;
}

@keyframes stepsAnim {
    0% {
        transform: translateX(0%);
    }

    100% {
        transform: translateX(-50%);
    }
}

.steps_item {
    width: 320px;
    margin: 0 -10px;
    display: flex !important;
    flex-direction: column;
    gap: 20px;
    min-width: 320px;
    position: relative;
}

.steps_item::before {
    position: absolute;
    content: "";
    background-image: url(../img/steps_item-arrow.png);
    background-size: cover;
    width: 118px;
    height: 80px;
    top: 50px;
    right: -100px;
}

.steps_item:nth-child(2n) {
    flex-direction: column-reverse;
}

.steps_item:nth-child(2n)::before {
    background-image: url(../img/steps_item-arrow2.png);
    top: auto;
    bottom: 50px;
}

.steps_item-info {
    background: #F6F8FE;
    height: 320px;
    width: 100%;
    border-radius: 50%;
    display: flex;
    flex-direction: column;
    gap: 20px;
    justify-content: center;
    align-items: center;
    padding: 20px 60px;
    text-align: center;
}

.steps_item-text {
    font-size: 16px;
    line-height: 130%;
    text-align: center;
    color: #474F5A;
}

.steps_item-number {
    font-weight: 600;
    font-size: 96px;
    line-height: 130%;
    text-align: center;
    color: #F6F8FE;
}

.corporation {
    padding: 200px 0 0;
    background: #F6F8FE;
    position: relative;
}

.corporation::before {
    position: absolute;
    content: "";
    width: 100%;
    top: 0;
    right: 0;
    height: 120px;
    background-image: url(../img/corporation_top.svg);
    background-size: cover;
}



.corporation_info {
    width: 710px;
}

.corporation_info .title {
    margin-bottom: 30px;
}

.corporation_info p,
.corporate_inner p {
    font-size: 20px;
    line-height: 130%;
    margin-bottom: 20px;
}

.corporation_btn {
    margin-top: 60px;
    width: fit-content;
}

.corporation_btn span {
    width: 175px;
}

.corporation_btn-inner span {
    width: 202px;
}

.corporation_wrapper {
    align-items: center;
    display: flex;
    justify-content: space-between;
}

.corporation_wrapper .services_items {
    width: 760px;
}

.corporation_wrapper .services_item:nth-child(3) {
    margin-left: 94px;
}

.corporation_wrapper .services_item::before,
.corporation_wrapper .services_item::after {
    display: none;
}

.partners {
    position: relative;
    padding: 200px 0 0;
}

.partners::after {
    position: absolute;
    content: "";
    width: 100%;
    top: 0;
    right: 0;
    z-index: 1;
    height: 120px;
    background-image: url(../img/corporation_bot.svg);
    background-size: cover;
}

.corporate_inner + .partners::after {
    background: none;
    position: unset;
    height: unset;
}

.corporate_inner {
    position: relative;
    padding: 200px 0 0;
}

.corporate_inner::after {
    position: absolute;
    content: "";
    width: 100%;
    top: 0;
    right: 0;
    z-index: 1;
    height: 120px;
    background-image: url(../img/corporation_bot.svg);
    background-size: cover;
}

/*
.partners_slider {
    width: max-content;
    animation: stepsAnim 30s linear infinite;
    display: flex;
    gap: 20px;
}
*/
.partners_slide {
    width: 288px;
    min-width: 288px;
    height: 200px;
    display: flex;
    justify-content: center;
    padding: 8px;
    align-items: center;
}

.partners_slide img {
    max-width: 100%;
    max-height: 100px;
}

.about {
    padding: 175px 0;
    /* background-image: url(../img/about.jpg); */
    background-size: cover;
    background-position: center;
    position: relative;
}

.about::after {
    position: absolute;
    content: "";
    background-image: url(../img/delivery_top.svg);
    height: 120px;
    width: 100%;
    top: 0;
    right: 0;
    background-size: cover;
    background-position: bottom;
}

.about::before {
    position: absolute;
    content: "";
    background-image: url(../img/delivery_bot.svg);
    height: 120px;
    width: 100%;
    bottom: -2px;
    right: 0;
    background-size: cover;
    background-position: top;
}

.about_wrapper {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.about_info {
    width: 575px;
    height: 549px;
    position: relative;
    z-index: 1;
    padding: 60px 0;
}

.about_info::after {
    position: absolute;
    content: "";
    background-image: url(../img/about_info.svg);
    background-size: cover;
    height: 100%;
    background-position: right;
    width: 189px;
    top: 0;
    right: -189px;
}

.about_info .title {
    margin-bottom: 30px;
}

.about_info p {
    font-size: 18px;
    line-height: 130%;
    margin-bottom: 15px;
}

.about_info p:last-child {
    margin-bottom: 0;
}

.about_info::before {
    position: absolute;
    content: "";
    background: #FFFFFF;
    right: 0;
    top: 0;
    width: 200%;
    height: 100%;
    z-index: -1;
}

.about_list {
    width: 600px;
}

.about_list li {
    font-weight: 600;
    font-size: 24px;
    line-height: 130%;
    color: #fff;
    margin-bottom: 30px;
    padding-left: 60px;
    position: relative;
}

.about_list li::before {
    position: absolute;
    content: "";
    background-image: url(../img/main_slide-info.svg);
    background-size: cover;
    width: 34px;
    height: 16px;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
}

.about_list li:last-child {
    margin-bottom: 0;
}

.reviews {
    padding: 40px 0;
    overflow: visible;
}

.reviews .container {
    overflow: visible;
}

.reviews_top {
    display: flex;
    align-items: center;
    margin-bottom: 60px;
}

.reviews_top .title {
    margin-bottom: 0;
    margin-right: 45px;
}

.reviews_ratings {
    display: flex;
    gap: 30px;
}

.reviews_rating {
    padding-left: 65px;
    position: relative;
}

.reviews_rating-stars {
    display: flex;
    margin-bottom: 6px;
}

.reviews_rating-title {
    font-weight: 600;
    font-size: 16px;
    line-height: 100%;
    color: #204395;
}

.reviews_rating-icon {
    position: absolute;
    display: flex;
    left: 0;
    top: 0;
}

.reviews_slider {
    width: 100vw;
    margin-left: calc(50% - 50vw);
    overflow: visible;
}

.reviews_slider .slick-list {
    overflow: visible;
}

.reviews_slider .slick-arrow {
    position: absolute;
    top: -124px;
    font-size: 0;
    border: none;
    cursor: pointer;
    z-index: 1;
    background: none;
    width: 60px;
    height: 60px;
    transition: all 0.3s;
}

.reviews_slider .slick-arrow:hover {
    opacity: 0.8;
}

.reviews_slider .slick-next {
    right: calc(((100vw - 1530px) / 2));
    background-image: url(../img/arrow_right2.svg);
}

.reviews_slider .slick-prev {
    right: calc(((100vw - 1400px) / 2));
    background-image: url(../img/arrow_left2.svg);
}

.reviews_slide {
    position: relative;
    height: 380px;
    padding: 0 100px;
    width: 600px;
    margin-right: -53px;
    opacity: 0;
    transition: all 0.3s;
}

.reviews_slide.slick-active {
    opacity: 1;
}

.reviews_slide.slick-active~.reviews_slide {
    opacity: 1;
}

.reviews_slide:nth-child(2n) {
    margin-top: 190px;
}

.reviews_slide::before {
    position: absolute;
    content: "";
    background-image: url(../img/reviews_slide1.svg);
    background-size: cover;
    height: 100%;
    width: 100px;
    top: 0;
    left: 0;
}

.reviews_slide::after {
    position: absolute;
    content: "";
    background-image: url(../img/reviews_slide2.svg);
    background-size: cover;
    height: 100%;
    width: 100px;
    top: 0;
    right: 0;
}

.reviews_slide-wrapper {
    background: #F6F8FE;
    padding: 30px 0;
    height: 100%;
}

.reviews_slide-text {
    font-size: 16px;
    line-height: 140%;
    color: #303030;
    display: -webkit-box;
    -webkit-line-clamp: 10;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.reviews_slide-title {
    font-weight: 600;
    font-size: 24px;
    line-height: 130%;
    margin-bottom: 10px;
}

.reviews_slide-inner {
    display: flex;
    align-items: center;
}

.reviews_slide-top {
    margin-bottom: 30px;
    padding-left: 90px;
    position: relative;
}

.reviews_slide-stars {
    display: flex;
    margin-right: 30px;
}

.reviews_slide-date {
    font-weight: 500;
    font-size: 16px;
    line-height: 140%;
    color: #303030;
}

.reviews_slide-img {
    position: absolute;
    left: 0;
    top: 0;
    width: 70px;
    height: 70px;
    border-radius: 50%;
    overflow: hidden;
    display: flex;
}

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

.question {
    padding: 220px 0;
    background: #204395;
    color: #fff;
    position: relative;
}

.question::after {
    position: absolute;
    content: "";
    background-image: url(../img/delivery_top.svg);
    height: 120px;
    width: 100%;
    top: 0;
    right: 0;
    background-size: cover;
    background-position: bottom;
}

.question::before {
    position: absolute;
    content: "";
    background-image: url(../img/delivery_bot.svg);
    height: 120px;
    width: 100%;
    bottom: -2px;
    right: 0;
    background-size: cover;
    background-position: top;
}

.question .title {
    text-align: center;
    margin-bottom: 15px;
}

.question_subtitle {
    font-size: 20px;
    line-height: 130%;
    text-align: center;
    margin-bottom: 30px;
    color: #FFFFFFCC;
}

.question_form {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    width: 774px;
    margin: 0 auto;
    gap: 10px;
}

.form_inp {
    background: #FFFFFF1A;
    border-radius: 10px;
    height: 60px;
    padding-left: 30px;
    color: black;
    width: calc(33.333% - 6.666px);
    font-weight: 500;
    border: none;
}

.form_area::placeholder,
.form_inp::placeholder {
    color: #FFFFFF99;
}

.form_area {
    background: #FFFFFF1A;
    border-radius: 10px;
    height: 150px;
    padding: 24px 30px;
    color: black;
    width: 100%;
    resize: none;
    font-weight: 500;
    border: none;
}

.question_form .form_area {
    margin-bottom: 30px;
}

.question_btn {
    background: none;
    border: none;
    cursor: pointer;
}

.question_btn span {
    width: 320px;
}

.form_ok {
    width: 354px;
    color: #FFFFFFCC;
    font-size: 14px;
    padding-left: 35px;
    position: relative;
    cursor: pointer;
    line-height: 130%;
}

.form_ok a {
    color: #fff;
    text-decoration: underline;
}

.form_ok input {
    display: none;
}

.form_ok span {
    background: #42ACAA;
    width: 20px;
    height: 20px;
    border-radius: 5px;
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);

}

.form_ok input:checked+span {
    background-position: 60%;
    background-repeat: no-repeat;
    background-image: url(../img/check.svg);
}

.blog {
    padding: 40px 0;
}

.blog .title {
    margin-bottom: 0;
}

.blog_top {
    margin-bottom: 60px;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.blog_btn span {
    width: auto;
}

.blog_items {
    display: flex;
    flex-wrap: wrap;
    gap: 40px;
}

.blog_item {
    width: calc(33.333% - 26.666px);
    text-align: center;
}

.blog_item-img {
    width: 350px;
    height: 350px;
    margin: 0 auto 30px;
    display: flex;
    overflow: hidden;
    border-radius: 50%;
}

.blog_item:hover .blog_item-img img {
    transform: scale(1.05);
}

.blog_item-img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: all 0.3s;
}

.blog_item-title {
    font-weight: 600;
    font-size: 22px;
    line-height: 130%;
    text-align: center;
    margin-bottom: 10px;
    color: #0D1114;
}

.blog_item-text {
    font-weight: 500;
    font-size: 16px;
    line-height: 130%;
    text-align: center;
    color: #303030;
}

.footer {
    background: #181A27;
    padding: 200px 0 30px;
    position: relative;
}

.footer a {
    transition: all 0.3s;
}

.footer a:hover {
    color: #3C62BC;
}

.footer::before {
    position: absolute;
    content: "";
    width: 100%;
    height: 200px;
    background-image: url(../img/footer.svg);
    background-size: cover;
    top: 0;
    right: 0;
}

.footer_wrapper {
    display: flex;
    justify-content: space-between;
    margin-bottom: 60px;
}

.footer_logo {
    display: flex;
}

.footer_menu {
    columns: 2;
    gap: 60px;
    padding-left: 72px;
    border-left: 1px solid #FFFFFF1A;
}

.footer_menu a {
    font-size: 16px;
    line-height: 130%;
    color: #fff;
    display: block;
    margin-bottom: 15px;
}

.footer_mail {
    display: flex;
    margin-bottom: 20px;
    font-size: 16px;
    line-height: 130%;
    color: #fff;
}

.footer_number {
    font-weight: 600;
    font-size: 20px;
    line-height: 150%;
    color: #fff;
}

.footer_messages {
    margin-top: 20px;
    display: flex;
    gap: 10px;
}

.footer_messag {
    display: flex;
}

.footer_links {
    padding-left: 72px;
    border-left: 1px solid #FFFFFF1A;
}

.footer_adreses-wrapper {
    border-top: 1px solid #FFFFFF1A;
    padding: 30px 0;
    margin-bottom: 60px;
}

.footer_adreses-title {
    color: #fff;
    font-weight: 600;
    font-size: 24px;
    line-height: 130%;
    margin-bottom: 20px;
}

.footer_adreses {
    display: flex;
    flex-wrap: wrap;
    gap: 15px;
}

.footer_adres {
    width: calc(33.333% - 10px);
    line-height: 100%;
    text-decoration: underline;
    color: #fff;
    display: flex;
    align-items: center;
    gap: 10px;
}

.footer_inner {
    display: flex;
    justify-content: space-between;
    border-top: 1px solid #FFFFFF1A;
    padding-top: 30px;
    flex-wrap: wrap;
}

.footer_inner-item {
    font-size: 16px;
    line-height: 130%;
    color: #fff;
}

.popup_body {
    background: #FFFFFF;
    width: 874px;
    border-radius: 20px;
    padding: 50px;
}

.popup_body-title {
    font-weight: 600;
    font-size: 32px;
    line-height: 130%;
    text-align: center;
    margin-bottom: 30px;
}

.popup_form {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
}

.popup_form .form_area {
    background: #F6F8FE;
    margin-bottom: 20px;
}

.popup_form .form_inp {
    background: #F6F8FE;
    width: calc(50% - 5px);
}

.popup_form .form_area::placeholder,
.popup_form .form_inp::placeholder {
    color: #A1ABB9;
}

.popup_form .form_ok {
    color: #303030;
}

.popup_form .form_ok a {
    color: #42ACAA;
}

.popup_body {
    overflow: visible;
}

.popup_body .fancybox-close-small {
    width: 52px;
    top: -26px;
    right: -26px;
    height: 52px;
    opacity: 1;
    background-image: url(../img/close.svg);
    background-size: cover;
    background-position: center;
}

.popup_body .fancybox-close-small svg {
    display: none;
}

.popup_form .form_inp.small {
    width: calc(33.333% - 6.666px);
}

.popup_calc-items {
    background: #F6F8FE;
    padding: 20px;
    border-radius: 15px;
    margin-bottom: 30px;
}

.popup_calc-item {
    font-weight: 500;
    font-size: 16px;
    line-height: 130%;
    color: #204395;
    padding-bottom: 20px;
    border-bottom: 1px solid #78A5DF;
    gap: 20px;
    display: flex;
    align-items: center;
    margin-bottom: 20px;
}

.popup_calc-item span {
    font-weight: 600;
    white-space: nowrap;
    margin-left: auto;
}

.popup_calc-item button {
    width: 18px;
    height: 18px;
    min-width: 18px;
    background: none;
    background-size: cover;
    border: none;
    cursor: pointer;
    background-image: url(../img/delete.svg);
}

.popup_calc-option {
    font-size: 16px;
    line-height: 130%;
    gap: 20px;
    display: flex;
    align-items: center;
    margin-bottom: 20px;
}

.popup_calc-option:last-child {
    margin-bottom: 0;
}

.popup_calc-option span {
    font-weight: 600;
    white-space: nowrap;
    margin-left: auto;
    color: #204395;
}

.popup_calc-option button {
    width: 18px;
    height: 18px;
    min-width: 18px;
    background: none;
    background-size: cover;
    border: none;
    cursor: pointer;
    background-image: url(../img/delete.svg);
}

.popup_calc-total {
    display: flex;
    margin-bottom: 30px;
    justify-content: space-between;
    align-items: center;
    font-weight: 600;
    font-size: 32px;
    line-height: 130%;
    color: #263141;
}

.popup_calc-total span {
    color: #204395;
}

#popup_thanks {
    text-align: center;
    width: 556px;
}

.popup_body-text {
    font-size: 20px;
    line-height: 130%;
    margin-bottom: 30px;
    color: #303030;
}

#popup_thanks .question_btn {
    margin: 0 auto;
    width: fit-content;
}

.menu_burger {
    display: none;
}

.header_inner .header_catalog-btn {
    display: none;
}


.service {
    margin-top: 151px;
    padding-top: 100px;
    background: #F6F8FE;
    position: relative;
    margin-bottom: 1px;
    padding-bottom: 1px;
}

.inner {
    margin-top: 151px;
    padding-top: 100px;
}

.service::before {
    position: absolute;
    content: "";
    width: 100%;
    height: 120px;
    top: 0;
    right: 0;
    background-image: url(../img/service.svg);
    background-size: cover;
    background-position: bottom;
}

.catalog_item-inner {
    transition: transform 0.6s;
    transform-style: preserve-3d;
    width: 100%;
    height: 100%;
}

.catalog_item-back {
    position: absolute;
    top: 0;
    left: 1%;
    width: 98%;
    height: 98%;
    transform: rotateY(180deg);
    background-image: url(../img/catalog_item5.svg);
    filter: drop-shadow(-10px 4px 20px #0000001A);
    background-size: cover;
    padding: 30px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    color: #fff;
}

.catalog_item-back .catalog_item-title {
    color: #fff;
}

.catalog_item-front {
    z-index: 2;
    position: absolute;
    background-image: url(../img/catalog_item.svg);
    background-size: cover;
    filter: drop-shadow(-10px 4px 20px #0000001A);
    width: 100%;
    padding: 30px;
    height: 100%;
    bottom: 0;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    right: 0;
    transition: all 0.3s;
}

.service .catalog_item {
    transition: all 0.3s;
    background: none;
    filter: none;
    padding: 0;
}

.service .catalog_item::before {
    display: none;
}

.service .catalog_item.active .catalog_item-front {
    opacity: 0;
}

.service .catalog_item.active .catalog_item-back {
    z-index: 3;
}

.service .catalog_item.active .catalog_item-inner {
    transform: rotateY(180deg);

}

.service .catalog_item {
    cursor: pointer;
}

.crumbs {
    display: flex;
    margin-bottom: 20px;
    gap: 15px;
    position: relative;
    flex-wrap: wrap;
}

.crumb {
    font-size: 16px;
    line-height: 130%;
    color: #0D1114;
    display: flex;
    align-items: center;
    gap: 10px;
}

.crumb:last-child {
    color: #303030;
    opacity: 0.6;
}

.crumb:last-child::after {
    display: none;
}

.crumb::after {
    position: relative;
    content: "";
    width: 20px;
    height: 1px;
    background-color: #0D1114;
}

.service_title {
    font-weight: 600;
    font-size: 52px;
    line-height: 130%;
    margin-bottom: 60px;
}

.catalog_item-options {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 15px;
}

.catalog_item-option {
    font-weight: 500;
    font-size: 16px;
    line-height: 130%;
    text-decoration: underline;
    color: #fff;
}

.catalog_item-more {
    font-weight: 600;
    font-size: 18px;
    line-height: 100%;
    text-transform: uppercase;
    text-decoration: underline;
    color: #78A5DF;
}

.calc {
    position: relative;
    background: #DDE9FA;
    padding-top: 200px;
}

.calc::before {
    position: absolute;
    content: "";
    width: 100%;
    height: 200px;
    top: -1px;
    right: 0;
    background-image: url(../img/calc_top.svg);
    background-size: cover;
    background-position: bottom;
}

.service .catalog_items {
    position: relative;
}

.service_back {
    font-weight: 500;
    font-size: 20px;
    line-height: 130%;
    color: #204395;
    gap: 20px;
    padding: 16px;
    display: flex;
    align-items: center;
    position: absolute;
    bottom: -170px;
    right: 0;
}


.calc_tabs {
    display: flex;
    gap: 20px;
    flex-wrap: wrap;
    margin-bottom: 60px;
}

.calc_tabs .catalog_item {
    margin: 0 !important;
    width: 220px;
    height: 200px;
    cursor: pointer;
    transform: none !important;
    background-size: cover;
    padding: 30px;
}

.calc_tabs .catalog_item input {
    display: none;
}

.calc_tabs .catalog_item.active::before {
    opacity: 1;
}

.calc_tabs .catalog_item-title {
    font-size: 16px;
}

.calc_tabs .catalog_item-img img {
    max-height: 148px;
    max-width: none;
}

.calc_desc {
    font-size: 20px;
    line-height: 130%;
}

.calc_wrapper {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    margin-bottom: 60px;
}

.calc_left {
    width: calc(50% - 10px);
}

.calc_item {
    margin-bottom: 20px;
}

.calc_items {
    display: none;
}

.calc_items.active {
    display: block;
}

.calc_item:last-child {
    margin-bottom: 0;
}

.calc_item-title {
    background: #42ACAA;
    display: flex;
    color: #fff;
    gap: 20px;
    padding: 18px 58px;
    font-weight: 500;
    font-size: 20px;
    margin: 0 20px;
    line-height: 130%;
    cursor: pointer;
    user-select: none;
    position: relative;
    /* border-radius:7px; */
}

.calc_item-add,
.calc_item-title img {
    position: absolute;
    display: flex;
    top: 50%;
    transform: translateY(-50%);
    transition: all 0.3s;
}

.calc_item-title .calc_item-add {
    left: 15px;
}

.calc_item-title img:nth-child(2) {
    right: 15px;
}

.calc_item-add img {
    position: relative;
    pointer-events: none;
    transform: none;
}

.calc_item-title.active img:nth-child(2) {
    transform: translateY(-50%) rotate(180deg);

}

.calc_item-title::before {
    position: absolute;
    content: "";
    background-image: url(../img/calc-item-title-new.svg);
    background-size: cover;
    background-position: center left;
    width: 27px;
    height: 100%;
    left: -27px;
    top: 0;
}

.calc_item-title::after {
    position: absolute;
    content: "";
    background-image: url(../img/calc-item-title2-new.svg);
    background-size: cover;
    background-position: center right;
    width: 27px;
    height: 100%;
    right: -27px;
    top: 0;
}

.calc_item-title span {
    white-space: nowrap;
    margin-left: auto;
}

.calc_item-title input {
    display: none;
}

.calc_item-options {
    background: #FFFFFF;
    box-shadow: -10px 4px 20px 0px #0000001A;
    border-radius: 20px;
    padding: 30px 35px;
    display: none;
    margin-top: 20px;
}

.calc_item-option {
    display: flex;
    margin-bottom: 20px;
    user-select: none;
    font-size: 16px;
    line-height: 130%;
    cursor: pointer;
    align-items: center;
    gap: 20px;
    color: #474F5A;
}

.calc_item-option input:checked+.box {
    border: 1.5px solid #204395;
    background: #204395;
    background-image: url(../img/check.svg);
    background-repeat: no-repeat;
    background-position: 60%;
}

.calc_item-option .box {
    border: 1.5px solid #C3CAD4;
    border-radius: 5px;
    width: 20px;
    height: 20px;
    display: block;
}

.calc_item-option input {
    display: none;
}

.calc_item-option .value {
    font-weight: 600;
    font-size: 16px;
    line-height: 130%;
    color: #204395;
    margin-left: auto;
}

.calc_item-option:last-child {
    margin-bottom: 0;
}


.calc_right {
    background: #FFFFFF;
    border-radius: 20px;
    padding: 30px;
    width: calc(50% - 10px);
}

.calc_right-title {
    font-weight: 600;
    font-size: 26px;
    line-height: 130%;
    margin-bottom: 30px;
}

.calc_option {
    background: #F6F8FE;
    border-radius: 15px;
    padding: 20px;
    margin-bottom: 10px;
}

.calc_option:last-child {
    margin-bottom: 0;
}

.calc_total {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin: 30px 0;
    font-weight: 600;
    font-size: 32px;
    line-height: 130%;
    color: #263141;
}

.calc_total span {
    color: #204395;
}

.calc_btn {
    width: 100%;
    margin-bottom: 10px;
}

.calc_btn svg {
    width: auto;
    height: auto;
}

.calc_btn span {
    flex: auto;
    text-align: center;
    position: relative;
    overflow: hidden;
}

.calc_btn span img {
    position: absolute;
    left: 52px;
    width: 50px;
    height: auto;
    top: 50%;
    transform: translateY(-50%) translateX(-100px);
    transition: all 0.3s;
    opacity: 0;
}

.calc_btn:hover span img {
    transform: translateY(-50%) translateX(-0px);
    opacity: 1;
}

.calc_btn:last-child {
    margin-bottom: 0;
}

.deadlines {
    padding: 200px 0 240px;
    position: relative;
    color: #fff;
    background: #204395;
}

.deadlines::before {
    position: absolute;
    content: "";
    width: 100%;
    height: 200px;
    top: 0;
    right: 0;
    background-image: url(../img/deadlines_top.svg);
    background-size: cover;
    background-position: bottom center;
}

.deadlines::after {
    position: absolute;
    content: "";
    width: 100%;
    height: 200px;
    bottom: 0;
    right: 0;
    background-image: url(../img/deadlines_bot.svg);
    background-size: cover;
    background-position: top center;
}

.deadlines_top {
    display: flex;
    justify-content: space-between;
    margin-bottom: 60px;
    align-items: flex-end;
}

.deadlines_top .title {
    margin-bottom: 0;
}

.deadlines_tabs {
    justify-content: space-between;
    width: 965px;
    display: flex;
    border-bottom: 1px solid #FFFFFF33;
}

.deadlines_tab {
    opacity: 0.8;
    font-weight: 500;
    font-size: 24px;
    line-height: 130%;
    padding-bottom: 10px;
    cursor: pointer;
    color: #FFFFFF99;
}

.deadlines_tab.active {
    color: #fff;
    opacity: 1;
    border-bottom: 2px solid #FFFFFF;
}

.deadlines_wrapper {
    display: flex;
    justify-content: space-between;
}

.deadlines_content {
    display: none;
}

.deadlines_content.active {
    display: block;
}

.deadlines_left {
    width: 495px;
}

.deadlines_right {
    width: 965px;
}

.deadlines_option {
    font-size: 20px;
    line-height: 130%;
    margin-bottom: 26px;
    color: #FFFFFFCC;
}

.deadlines_option span {
    font-weight: 600;
    font-size: 32px;
    line-height: 130%;
    display: block;
    margin-bottom: 10px;
    color: #fff;
}

.deadlines_left-desc {
    background-image: url(../img/deadlines_left-desc.svg);
    background-size: contain;
    background-position: center;
    padding: 17px 35px;
    font-weight: 500;
    font-size: 20px;
    line-height: 130%;
    text-align: center;
}

.deadlines_title {
    font-weight: 600;
    font-size: 32px;
    line-height: 130%;
    margin-bottom: 30px;
}

.deadlines_right ul li {
    font-size: 20px;
    line-height: 130%;
    padding-left: 49px;
    color: #FFFFFFCC;
    position: relative;
    margin-bottom: 30px;
}

.deadlines_right li::before {
    position: absolute;
    content: "";
    background-image: url(../img/main_slide-info.svg);
    background-size: cover;
    width: 34px;
    height: 16px;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
}

.main_slide .crumb {
    color: #fff;
}

.main_slide .crumb::after {
    color: #fff;
    background-color: #fff;
}

.deadlines_right p {
    font-size: 20px;
    line-height: 130%;
    color: #FFFFFFCC;
    margin-bottom: 30px;
}

.technologies {
    background: #DDE9FA;
    position: relative;
    padding-bottom: 200px;
}

.technologies::after {
    position: absolute;
    content: "";
    width: 100%;
    height: 200px;
    bottom: 0;
    right: 0;
    background-image: url(../img/technologies.svg);
    background-size: cover;
    background-position: top center;
}

.technologies_tabs {
    display: flex;
    flex-wrap: wrap;
    gap: 24px;
    justify-content: center;
    margin-bottom: 60px;
}

.technologies_tab {
    cursor: pointer;
    display: flex;
}

.technologies_tab.active span {
    background: #204395;

}

.technologies_tab.active path {
    fill: #204395;
}

.technologies_tab svg {
    display: flex;
    margin: 0 -1px;
}

.technologies_tab span {
    background: #42ACAA;
    font-weight: 500;
    font-size: 20px;
    line-height: 130%;
    color: #FFFFFF;
    padding: 17px 15px;
}

.technologies_wrapper {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 60px;
}

.technologies_wrapper:nth-child(2n) {
    flex-direction: row-reverse;
}

.technologies_wrapper:last-child {
    margin-bottom: 0;
}

.technologies_info {
    width: 580px;
}

.technologies_info p {
    margin-bottom: 25px;
    font-size: 20px;
    line-height: 130%;
}

.technologies_title {
    font-weight: 600;
    font-size: 32px;
    line-height: 130%;
    margin-bottom: 25px;
    color: #263141;
}

.technologies_info p:last-child {
    margin-bottom: 0;
}

.technologies_info ul {
    list-style: disc;
    margin: 0 0 0 17px;
     font-size: 20px;
}

.technologies_img {
    width: 882px;
    height: 649px;
    display: flex;
    

    mask: url("../img/technologies-img.png");
    mask-repeat: no-repeat;
    mask-size: cover;
    mask-position: center;
}

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


.sales {
    position: relative;
    padding-bottom: 200px;
}

.sales::after {
    position: absolute;
    content: "";
    width: 100%;
    height: 200px;
    bottom: 0;
    right: 0;
    background-image: url(../img/sales.svg);
    background-size: cover;
    background-position: top center;
}

.sales_slide {
    width: 700px;
    height: 500px;
    border-radius: 30px;
    margin: 0 10px;
    display: flex;
    overflow: hidden;
}

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

.sales_slider {
    position: relative;
}

.sales_slider .slick-arrow {
    position: absolute;
    top: -124px;
    font-size: 0;
    border: none;
    cursor: pointer;
    z-index: 1;
    background: none;
    width: 60px;
    height: 60px;
    transition: all 0.3s;
}

.sales_slider .slick-arrow:hover {
    opacity: 0.8;
}

.sales_slider .slick-next {
    right: calc(((100vw - 1530px) / 2));
    background-image: url(../img/arrow_right2.svg);
}

.sales_slider .slick-prev {
    right: calc(((100vw - 1400px) / 2));
    background-image: url(../img/arrow_left2.svg);
}

.resalt {
    background: #F6F8FE;
}

.resalt_item {
    width: 100%;
    height: 650px;
    mask: url("../img/resalt_item.png");
    mask-repeat: no-repeat;
    mask-size: cover;
    mask-position: center;
}

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

.resalt_top {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom: 20px;
    gap: 25px;
    font-size: 16px;
    line-height: 150%;
    vertical-align: middle;
    color: #474F5A;
}

.resalt_top span:first-child {
    text-align: right;
}

.resalt_top span {
    width: 200px;
}

.technologies_content {
    display: none;
}

.technologies_content.active {
    display: block;
}

.maps {
    background: #F6F8FE;
    padding-top: 100px;
    position: relative;
}

.maps_top {
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
}

.maps_top .title {
    margin-bottom: 0;
    /* max-width: 460px; */
    max-width: 70%; 
}

.maps_tabs {
    gap: 60px;
    display: flex;
    border-bottom: 1px solid #C3CAD4;
}

.maps_tab {
    cursor: pointer;
    font-weight: 500;
    font-size: 24px;
    line-height: 130%;
    padding-bottom: 10px;
    opacity: 0.8;
    color: #303030;
}

.maps_tab.active {
    color: #204395;
    opacity: 1;
    border-bottom: 2px solid #204395;
}

.maps_item {
    display: flex;
    height: 900px;
    position: relative;
}

.maps_item::before {
    position: absolute;
    content: "";
    width: 100%;
    height: 120px;
    background-image: url(../img/maps_item1.svg);
    background-size: cover;
    background-position: bottom center;
    top: 0;
    right: 0;
    z-index: 1;
}

.maps_item::after {
    position: absolute;
    content: "";
    width: 100%;
    height: 120px;
    background-image: url(../img/maps_item2.svg);
    background-size: cover;
    background-position: bottom center;
    bottom: -1px;
    right: 0;
    z-index: 1;
}

.maps_item iframe {
    width: 100%;
    height: 100%;
    display: flex;
    border: none;
}

.maps_content {
    display: none;
    position: relative;
}

.maps_content.active {
    display: block;
}

.faq {
    padding: 40px 0;
}

.faq_items {
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
    align-items: flex-start;
}

.faq_item {
    width: calc(50% - 10px);
    background: #F6F8FE;
    border-radius: 20px;
}

.faq_item-title {
    cursor: pointer;
    font-weight: 500;
    font-size: 20px;
    padding: 30px 84px 30px 30px;
    position: relative;
    line-height: 130%;
}

.faq_item-title span {
    width: 24px;
    height: 24px;
    position: absolute;
    right: 30px;
    top: 50%;
    transform: translateY(-50%);
}

.faq_item-title span::before {
    position: absolute;
    content: "";
    width: 100%;
    height: 2px;
    top: 50%;
    right: 50%;
    transform: translate(50%, -50%);
    background-color: #204395;
}

.faq_item-title span::after {
    position: absolute;
    content: "";
    width: 2px;
    height: 100%;
    top: 50%;
    right: 50%;
    transform: translate(50%, -50%);
    transition: all 0.3s;
    background-color: #204395;
}

.faq_item-title.active span::after {
    transform: translate(50%, -50%) rotate(90deg);

}

.faq_item-text {
    padding: 0 30px 30px 30px;
    display: none;
    font-size: 16px;
    line-height: 140%;
    color: #303030;
}

.twentytwenty-horizontal .twentytwenty-handle:before,
.twentytwenty-horizontal .twentytwenty-handle:after {
    width: 2px;
}

.twentytwenty-handle {
    width: 58px;
    height: 58px;
    background: #FFFFFF;
    background-image: url(../img/twentytwenty-handle.svg);
    background-size: cover;
    background-position: center;
    border: none;
}


.docs {
    background: #F6F8FE;
    padding-top: 200px;
    position: relative;
}

.docs::before {
    position: absolute;
    content: "";
    width: 100%;
    height: 200px;
    top: 0;
    right: 0;
    background-image: url(../img/docs.svg);
    background-size: cover;
    background-position: top center;
}

.docs_items {
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
}

.docs_item {
    width: calc(33.333% - 13.333px);
    display: flex;
}

.docs_item svg {
    margin: 0 -1px;
    min-width: 19px;
}

.docs_item span {
    background: #42ACAA;
    color: #fff;
    flex: auto;
        align-items: center;
    padding: 17px 60px;
    position: relative;
    display: flex;
    font-weight: 500;
    font-size: 20px;
    line-height: 1.3;
}

.docs_item span::before {
    position: absolute;
    content: "";
    background-image: url(../img/file.svg);
    background-size: cover;
    left: 15px;
    top: 50%;
    transform: translateY(-50%);
    width: 34px;
    height: 34px;
}

.docs_item span::after {
    position: absolute;
    content: "";
    background-image: url(../img/download.svg);
    background-size: cover;
    right: 15px;
    top: 50%;
    transform: translateY(-50%);
    width: 24px;
    height: 24px;
}


.twentytwenty-left-arrow,
.twentytwenty-right-arrow {
    display: none;
}

.chistomat_page .main_slide {
    min-height: 900px;
    justify-content: center;
}


.chistomat_page .main_slide-map {
    right: 66px;
    bottom: 107px;
    top: auto;
}

.chistomat_page+.how {
    padding-top: 60px;
}

.video_block {
    padding: 60px 0;
}

.video_block .title {
    text-align: center;
    margin-bottom: 20px;
}

.video_block-subtitle {
    font-size: 20px;
    line-height: 130%;
    text-align: center;
    margin-bottom: 60px;
}

.video_block-item {
    height: 650px;
    border-radius: 30px;
    overflow: hidden;
    display: flex;
    position: relative;
}

.video_block-item::before {
    position: absolute;
    content: "";
    background-image: url(../img/video_block-item.svg);
    background-size: cover;
    width: 80px;
    height: 80px;
    top: 50%;
    right: 50%;
    transform: translate(50%, -50%);
}

.video_block-item img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.how_item-icon {
    display: flex;
}

.how_order {
    padding-top: 60px;
}

.offer {
    padding: 40px 0;
}

.offer_wrapper {
    display: flex;
    justify-content: space-between;
}

.offer_info {
    max-width: 900px;
}

.offer .title {
    margin-bottom: 30px;
}

.offer_info p {
    margin-bottom: 20px;
    font-size: 20px;
    line-height: 130%;
}

.offer_link {
    width: 288px;
    height: 260px;
    font-weight: 600;
    font-size: 20px;
    line-height: 130%;
    text-align: center;
    display: flex;
    justify-content: center;
    flex-direction: column;
    gap: 20px;
    align-items: center;
    color: #fff;
    background-image: url(../img/offer_link2.svg);
    background-size: cover;
    background-position: center;
}


.safety {
    padding: 200px 0;
    position: relative;
    background: #F6F8FE;
}

.safety::before {
    position: absolute;
    content: "";
    width: 100%;
    height: 200px;
    top: 0;
    right: 0;
    background-image: url(../img/safety1.svg);
    background-size: cover;
    background-position: center bottom;
}

.safety::after {
    position: absolute;
    content: "";
    width: 100%;
    height: 200px;
    bottom: 0;
    right: 0;
    background-image: url(../img/safety2.svg);
    background-size: cover;
    background-position: center top;
}

.safety_items {
    display: flex;
    gap: 80px;
    flex-wrap: wrap;
}

.safety_item {
    width: calc(25% - 60px);
    background: #FFFFFF;
    border-radius: 50%;
    height: 320px;
    display: flex;
    flex-direction: column;
    z-index: 1;
    justify-content: center;
    gap: 20px;
    align-items: center;
    position: relative;
}

.safety_item:hover::after {
    transform: rotate(0deg) !important;
}

.safety_item:nth-child(1)::after {
    position: absolute;
    content: "";
    background-image: url(../img/safety_item1.svg);
    background-size: 70px 130px;
    background-repeat: no-repeat;
    background-position: top left;
    top: -20px;
    left: -10px;
    width: calc(100% + 20px);
    height: calc(100% + 40px);
    transform: rotate(-90deg);
    transition: all 0.6s;
}

.safety_item:nth-child(2)::after {
    position: absolute;
    content: "";
    background-image: url(../img/safety_item2bef.svg);
    background-size: 119px 85px;
    background-repeat: no-repeat;
    background-position: bottom left;
    bottom: -6px;
    left: -25px;
    width: calc(100% + 50px);
    height: calc(100% + 12px);
    transform: rotate(-90deg);
    transition: all 0.6s;
}

.safety_item:nth-child(3)::after {
    position: absolute;
    content: "";
    background-image: url(../img/safety_item3bef.svg);
    background-size: 104px 102px;
    background-repeat: no-repeat;
    background-position: top right;
    top: -34px;
    right: -10px;
    width: calc(100% + 20px);
    height: calc(100% + 68px);
    transform: rotate(90deg);
    transition: all 0.6s;
}

.safety_item:nth-child(4)::after {
    position: absolute;
    content: "";
    background-image: url(../img/safety_item4bef.svg);
    background-size: 104px 102px;
    background-repeat: no-repeat;
    background-position: bottom right;
    bottom: 6px;
    right: -30px;
    width: calc(100% + 60px);
    height: calc(100% + 12px);
    transform: rotate(90deg);
    transition: all 0.6s;
}

.safety_item:hover .safety_item-info {
    opacity: 1;
    visibility: visible;
}

.safety_item-info {
    padding: 55px 24px;
    position: absolute;
    top: 0;
    right: 0;
    width: 100%;
    display: flex;
    align-items: center;
    flex-direction: column;
    justify-content: center;
    height: 100%;
    background-color: #fff;
    border-radius: 50%;
    font-size: 16px;
    line-height: 130%;
    opacity: 0;
    visibility: hidden;
    transition: all 0.3s;
    text-align: center;
    color: #474F5A;
}

.safety_item-title {
    font-weight: 600;
    font-size: 20px;
    line-height: 130%;
    text-align: center;
}

.sales+.faq {
    background: #F6F8FE;
    padding-bottom: 200px;
    position: relative;
}

.sales+.faq::before {
    position: absolute;
    width: 100%;
    content: "";
    background-image: url(../img/faq.svg);
    background-size: cover;
    height: 140px;
    bottom: 0;
    right: 0;
    background-position: top center;
}

.sales+.faq .faq_item {
    background-color: #fff;
}

.main_slide-subtitle {
    font-size: 36px;
    line-height: 130%;
    margin-bottom: 30px;
}


.extras {
    background: #204395;
    position: relative;
    padding-top: 160px;
    padding-bottom: 40px;
}

.extras::before {
    position: absolute;
    content: "";
    width: 100%;
    height: 160px;
    background-image: url(../img/extras.svg);
    background-size: cover;
    top: 0;
    right: 0;
    background-position: center bottom;
}

.extras_items {
    display: flex;
    gap: 120px;
}

.extras_item {
    width: calc(33.333% - 80px);
    font-weight: 600;
    font-size: 20px;
    gap: 20px;
    line-height: 130%;
    align-items: center;
    text-align: center;
    color: #fff;
    display: flex;
    flex-direction: column;
}

.advantages {
    padding-top: 200px;
    position: relative;
    background: #F6F8FE;

}

.advantages::before {
    position: absolute;
    content: "";
    width: 100%;
    height: 200px;
    background-image: url(../img/advantages.svg);
    background-size: cover;
    top: 0;
    right: 0;
    background-position: center bottom;
}

.advantages_subtitle {
    font-size: 20px;
    line-height: 130%;
    margin-bottom: 60px;
}

.advantages_items {
    display: flex;
    flex-wrap: wrap;
    gap: 60px;
}

.advantages_item {
    width: calc(25% - 45px);
    flex: auto;
    text-align: center;
}

.advantages_item-title {
    font-weight: 600;
    font-size: 20px;
    line-height: 130%;
    margin-bottom: 10px;
}

.advantages_item-text {
    font-size: 14px;
    line-height: 130%;
    text-align: center;
    color: #303030;
}

.advantages_item-icon {
    display: flex;
    justify-content: center;
    margin-bottom: 20px;
}

.advantages+.question::after {
    background-image: url(../img/question.svg);
    height: 200px;
}

.advantages+.question::before {
    background-image: url(../img/question2.svg);
    height: 200px;
}

.advantages+.question .form_inp {
    width: calc(50% - 5px);
}

.courer_form {
    position: relative;
    z-index: 1;
}

.courer_form-img {
    display: flex;
    position: absolute;
    right: 0;
    top: 50%;
    z-index: -1;
    transform: translateY(-50%);
}

.resalt+.sales {
    padding: 200px 0 0;
}

.resalt+.sales::after {
    top: 0;
    bottom: auto;
    background-image: url(../img/sales2.svg);
}

.question+.footer {
    margin-top: -201px;
}

.question+.footer::before {
    background-image: url(../img/footer2.svg);
}

.faq:has(.faq_circles) {
    z-index: 1;
}

.faq:has(.faq_circles)::after {
    position: absolute;
    content: "";
    background-image: url(../img/faq_circles.svg);
    background-size: cover;
    width: 253px;
    height: 109px;
    top: 91px;
    left: 0;
    z-index: -1;
}

.faq_circles {
    position: relative;
    height: 1200px;
    padding-top: 40px;
}

.faq_circle {
    position: absolute;
    width: 300px;
    height: 300px;
    background: #FFFFFF;
    border-radius: 50%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 30px;
    transition: all 0.3s;
    cursor: pointer;
}

.faq_circle.active {
    background: #204395;
    width: 618px;
    height: 618px;
    z-index: 2;
}

.faq_circle.active .faq_circle-title {
    color: #FFFFFF;
}

.faq_circle-title {
    font-weight: 500;
    font-size: 20px;
    line-height: 130%;
    text-align: center;
    transition: all 0.3s;
    color: #303030;
}

.faq_circle-text {
    font-size: 0px;
    line-height: 130%;
    transition: all 0.3s;
    text-align: center;
    color: #FFFFFFCC;
}

.faq_circle.active .faq_circle-text {
    font-size: 16px;
    margin-top: 20px;
}

.faq_circle:nth-child(1) {
    left: 0%;
    top: 168px;
}

.faq_circle:nth-child(1)::before,
.faq_circle:nth-child(6)::before {
    position: absolute;
    content: "";
    background-image: url(../img/faq_circle.svg);
    width: 70px;
    height: 130px;
    left: -27px;
    top: -9px;
}

.faq_circle:nth-child(2) {
    left: 30%;
    top: 14px;
}

.faq_circle:nth-child(3) {
    left: 51%;
    top: 91px;
}

.faq_circle:nth-child(3)::before,
.faq_circle:nth-child(8)::before,
.faq_circle:nth-child(11)::before {
    position: absolute;
    content: "";
    background-image: url(../img/faq_circle2.svg);
    width: 128px;
    height: 68px;
    left: 48px;
    top: -54px;
}

.faq_circle:nth-child(10)::before,
.faq_circle:nth-child(13)::before {
    position: absolute;
    content: "";
    background-image: url(../img/faq_circle4.svg);
    width: 76px;
    height: 124px;
    left: -50px;
    bottom: 28px;
}

.faq_circle:nth-child(4)::before,
.faq_circle:nth-child(12)::before {
    position: absolute;
    content: "";
    background-image: url(../img/faq_circle3.svg);
    width: 59px;
    height: 136px;
    right: -33px;
    bottom: 20px;
}

.faq_circle:nth-child(4) {

    top: 0px;
    right: 8%;
}

.faq_circle:nth-child(5) {
    left: 27%;
    top: 27%;
}

.faq_circle:nth-child(6) {
    left: 50%;
    top: 36%;
}

.faq_circle:nth-child(7) {
    right: 8%;
    top: 27%;
}

.faq_circle:nth-child(8) {
    left: -6%;
    top: 58%;
}

.faq_circle:nth-child(9) {
    left: 20%;
    top: 54%;
}

.faq_circle:nth-child(10) {
    left: 10%;
    top: 78%;
}



.faq_circle:nth-child(11) {
    left: 41%;
    top: 62%;
}

.faq_circle:nth-child(12) {
    left: 62%;
    top: 74%;
}

.faq_circle:nth-child(13) {
    right: 1%;
    top: 53%;
}


.reviews+.faq .faq_circle {
    background: #E2EDFB;
}

.reviews+.faq .faq_circle.active {
    background: #204395;
}

.reviews+.faq:has(.faq_circles)::after {
    background-image: url(../img/faq_circles2.svg);
}

.faq:has(.faq_circles) {
    position: relative;
}

.reviews+.faq .faq_circle:nth-child(3)::before,
.reviews+.faq .faq_circle:nth-child(8)::before,
.reviews+.faq .faq_circle:nth-child(11)::before {
    background-image: url(../img/faq_circle2_2.svg);
}

.reviews+.faq .faq_circle:nth-child(10)::before,
.reviews+.faq .faq_circle:nth-child(13)::before {
    background-image: url(../img/faq_circle4_2.svg);
}

.reviews+.faq .faq_circle:nth-child(4)::before,
.reviews+.faq .faq_circle:nth-child(12)::before {
    background-image: url(../img/faq_circle3_2.svg);
}

.reviews+.faq .faq_circle:nth-child(1)::before,
.reviews+.faq .faq_circle:nth-child(6)::before {
    position: absolute;
    content: "";
    background-image: url(../img/faq_circle_2.svg);
    width: 70px;
    height: 130px;
    left: -27px;
    top: -9px;
}

.inner + .about + .partners::after {
    background-image: unset;
}

.czenyi .sales {
    padding: 200px 0 0;
}

.czenyi .sales:after {
    top: 0;
    z-index: 1;
    background-image: url(../img/corporation_bot.svg);
}



@media (max-width: 1800px) {
    .main_slider .slick-next {
        right: 15px;
    }

    .main_slider .slick-prev {
        left: 15px;
    }
}

@media (max-width: 1560px) {
    .container {
        max-width: 1180px;
    }

    .menu a {
        font-size: 14px;
    }

    .header_right {
        width: 980px;
    }

    .main_slide-info {
        width: 720px;
    }

    .main_slide {
        padding: 120px 0 180px;
    }

    .main_slide-map {
        width: 360px;
        right: -380px;
    }

    .main::after,
    .main::before {
        height: 90px;
    }

    .main_slide-map img {
        width: 100%;
        height: auto;
    }

    .services_items {
        gap: 60px 40px;
    }

    .services_item {
        width: 256px;
        height: 256px;
    }

    .services_item::before,
    .services_item::after {
        z-index: -1;
    }

    .services_item:nth-child(5) {
        margin-left: 0;
    }

    .services .title {
        margin-bottom: 80px;
    }

    .catalog_items {
        gap: 10px 0;
    }

    .catalog_item {
        width: 275px;
        height: 252px;
        background-size: cover;
    }

    .catalog_item-img img {
        transform: translateX(50%) scale(0.7);
        margin-bottom: -15%;
    }

    .catalog_item-title {
        font-size: 18px;
    }

    .catalog_item:nth-child(2),
    .catalog_item:nth-child(4),
    .catalog_item:nth-child(7),
    .catalog_item:nth-child(9),
    .catalog_item:nth-child(12),
    .catalog_item:nth-child(14) {
        transform: translateY(130px);
    }

    .how_item-img {
        width: 228px;
        height: 198px;
    }

    .how_item-text {
        font-size: 12px;
    }

    .delivery_info {
        width: 670px;
        padding: 30px;
    }

    .delivery_img {
        width: 62%;
    }

    .how_item {
        width: 228px;
        height: 199px;
        padding: 40px;
        gap: 10px;
    }

    .how_item-row {
        margin: 0 -22px;
    }

    .how_item-row:nth-child(2n) {
        margin-top: 112px;
    }

    .how_item-title {
        font-size: 18px;
    }

    .how_item-number {
        font-size: 32px;
    }

    .steps_item-info {
        width: 290px;
        height: 290px;
        padding: 30px;
    }

    .corporation_wrapper .services_items {
        width: 590px;
    }

    .corporation_info {
        width: 520px;
    }

    .corporation_wrapper .services_item:nth-child(3) {
        margin-left: 30px;
    }

    .services_item-img img {
        transform: translateX(50%) scale(0.8);
        margin-bottom: -10%;
    }

    .corporation_info p,
    .corporate_inner p {
        font-size: 16px;
    }

    .about_info p {
        font-size: 16px;
    }

    .about_info {
        width: 500px;
        height: 510px;
        padding: 40px 0;
    }

    .about_info::after {
        width: 170px;
        right: -170px;
    }

    .about_list {
        width: 460px;
    }

    .about_list li {
        font-size: 20px;
        margin-bottom: 20px;
    }

    .reviews_top {
        flex-direction: column;
        align-items: flex-start;
        gap: 20px;
    }

    .reviews_slider {
        width: 100vw;
        margin-left: calc(50% - 50vw);
    }

    .reviews_slider .slick-next {
        right: calc(((100vw - 1150px) / 2));
    }

    .reviews_slider .slick-prev {
        right: calc(((100vw - 1020px) / 2));
    }

    .footer_links {
        padding-left: 0;
        border: none;
    }

    .footer_menu {
        padding-left: 30px;
    }

    .footer_wrapper {
        gap: 30px;
        flex-wrap: wrap;
    }

    .header_catalog-dropdown {
        width: 900px;
    }

    .header_catalog-content {
        width: 640px;
    }

    .header_catalog-content {
        gap: 26px;
    }

    .catalog_item-front .catalog_item-img img {
        transform: translateX(50%);
        margin-bottom: 0%;
    }


    .catalog_item-front .catalog_item-img img {
        height: 160px;
    }

    .calc_tabs .catalog_item {
        width: 214px;
        height: 196px;
    }

    .calc_item-title {
        min-height: 62px;
        align-items: center;
        font-size: 14px;
    }

    .calc_btn span img {
        left: 10px;
    }

    .deadlines_right {
        width: 700px;
    }

    .deadlines_left {
        width: 420px;
    }

    .deadlines_tabs {
        width: 700px;
    }

    .deadlines_tab {
        font-size: 20px;
    }

    .deadlines_left-desc {
        padding: 16px 35px;
        background-repeat: no-repeat;
        font-size: 16px;
    }

    .technologies_img {
        width: 620px;
        height: 456px;
    }

    .technologies_info p {
        font-size: 16px;
    }
    .technologies_info ul {
    list-style: disc;
    margin: 0 0 0 17px;
     font-size: 16px;
    }

    .technologies_info {
        width: 500px;
    }

    .sales_slider .slick-next {
        right: calc(((100vw - 1150px) / 2));
    }

    .sales_slider .slick-prev {
        right: calc(((100vw - 1020px) / 2));
    }

    .resalt_item {
        height: 494px;
    }

    .maps_tabs {
        gap: 20px;
    }

    .maps_top .title {
        max-width: 100%;
    }

    .maps_tab {
        font-size: 22px;
    }

    .catalog_item-options {
        /* gap: 10px; */
        gap: 5px; 
    }

    .catalog_item-option {
        font-size: 13px;
    }

    .catalog_item-more {
        font-size: 16px;
    }

    .video_block-item {
        height: 580px;
    }

    .how_item-icon {
        width: 32px;
    }

    .docs::before {
        height: 140px;
    }

    .docs {
        padding-top: 140px;
    }

    .docs_item span {
        font-size: 16px;
            line-height: 1.6;
    }

    .offer_info {
        max-width: 720px;
        width: auto;
    }

    .how_item-icon img {
        width: 100%;
        height: auto;
    }

    .how_order .how_item-title {
        font-size: 16px;
        line-height: 110%;
    }

    .safety_items {
        gap: 40px;
    }

    .safety_item {
        width: calc(25% - 30px);
        height: 260px;
    }

    .safety_item-info {
        font-size: 13px;
    }

    .safety_item-title {
        font-size: 18px;
    }

    .safety_item:nth-child(4)::after {
        bottom: -4px;
        right: -37px;
    }

    .courer_form-img {
        width: 400px;
    }

    .courer_form-img img {
        width: 100%;
        height: auto;
    }

    .faq_circle:nth-child(8) {
        left: 0;
        top: 41%;
    }

    .faq_circle {
        width: 260px;
        height: 260px;
    }

    .faq_circle-title {
        font-size: 16px;
    }

    .faq_circle:nth-child(5) {
        left: 23%;
    }

    .faq_circle:nth-child(7) {
        right: 4%;
    }

    .faq_circle:nth-child(4) {
        right: 0;
    }

    .faq_circle:nth-child(3) {
        left: 54%;
    }

    .faq_circle:nth-child(9) {
        left: 18%;
        top: 56%;
    }

    .faq_circle:nth-child(2) {
        left: 30%;
        top: 5%;
    }
}

@media (max-width: 1200px) {
    .container {
        max-width: 950px;
    }

    .header_logo {
        width: 100px;
    }

    .header_logo img {
        width: 100%;
        height: auto;
    }

    .header_order {
        display: none;
    }

    .header_right {
        width: 800px;
    }

    .menu a {
        font-size: 13px;
    }

    .header_wrapper {
        padding-bottom: 10px;
        margin-bottom: 10px;
    }

    .header_body {
        padding: 10px 0;
    }

    .main_slider {
        margin-top: 114px;
    }

    .main_slider .slick-arrow {
        display: none !important;
    }

    .main_slide-info {
        width: 100%;
        margin-top: 25px;
    }

    .main_slide-img::after {
        position: absolute;
        content: "";
        background: #204395B2;
        width: 100%;
        height: 100%;
        top: 0;
        right: 0;
    }
    
    .main_slide:not(:first-child) .main_slide-img::after{
        background: unset;
    }

    .main_slide-map {
        right: 0;
        top: 170px;
    }

    .main_slide-img img {
        object-position: right;
    }

    .services_item::after,
    .services_item::before {
        display: none;
    }

    .services_items {
        gap: 40px 20px;
    }

    .services_item {
        width: 215px;
        height: 215px;
    }

    .services_item-img img {
        transform: translateX(50%) scale(0.7);
        margin-bottom: -30%;
    }

    .services_item-title {
        font-size: 16px;
    }

    .main_slide {
        padding-bottom: 120px;
    }

    .catalog_item {
        width: 272px;
        height: 247px;
    }

    .catalog_item:nth-child(5n) {
        margin: 0 -28.2px;
    }

    .catalog_item:nth-child(5n + 1) {
        margin: 0 -28.2px;

    }

    .catalog_item:nth-child(4n + 1) {
        margin-left: 0;

    }

    .catalog_item:nth-child(4n) {
        margin-right: 0;
    }

    .catalog_item:nth-child(2),
    .catalog_item:nth-child(4),
    .catalog_item:nth-child(7),
    .catalog_item:nth-child(9),
    .catalog_item:nth-child(12),
    .catalog_item:nth-child(14) {
        transform: none;
    }

    .catalog_item:nth-child(2n) {
        transform: translateY(128px);
    }
    
    .catalog_item-title {
        font-size: 14px;
    }

    .how_top-left {
        width: 680px;
    }

    .how_item-img {
        display: none;
    }

    .how_items {
        margin-bottom: 120px;
        gap: 20px 0;
    }

    .how_item {
        width: 336px;
        height: 290px;
        padding: 60px;
        background-size: contain;
        background-position: center;
        background-repeat: no-repeat;
    }

    .how_item-row:nth-child(2n) {
        margin-top: 0;
    }

    .how_item-row:nth-child(4n) {
        margin-left: 0;
    }

    .how_item-row:nth-child(3n) {
        margin-right: 0;
    }

    .how_item-row:nth-child(2),
    .how_item-row:nth-child(5) {
        transform: translateY(120px);
    }

    .delivery::before {
        width: 70%;
    }

    .services_items::before {
        display: none;
    }

    .corporation_wrapper {
        flex-direction: column;
        position: relative;
        padding-bottom: 80px;
        gap: 30px;
    }

    .corporation_info {
        width: 100%;
    }

    .corporation_wrapper .services_items {
        width: 100%;
    }

    .corporation_wrapper .services_item:nth-child(3) {
        margin-left: 0;
    }

    .corporation_btn {
        position: absolute;
        bottom: 0;
        left: 0;
    }

    .partners_slide {
        width: 180px;
        min-width: 180px;
        height: 170px;
    }

    .about_info {
        color: #fff;
    }

    .about_info {
        width: 100%;
        padding: 0;
        height: auto;
    }

    .about_list {
        width: 100%;
    }

    .about_info::after,
    .about_info::before {
        display: none;
    }

    .about_wrapper {
        flex-direction: column;
        gap: 30px;
        align-items: flex-start;
    }

    .reviews_slider {
        width: 100vw;
        margin-left: calc(50% - 50vw);
    }

    .reviews_slider .slick-next {
        right: calc(((100vw - 930px) / 2));
    }

    .reviews_slider .slick-prev {
        right: calc(((100vw - 800px) / 2));
    }

    .blog_item-img {
        width: 280px;
        height: 280px;
    }

    .footer_adres {
        width: calc(50% - 7.5px);
    }

    .header_catalog-dropdown {
        width: 800px;
    }

    .header_catalog-content {
        width: 540px;
        columns: 3;
    }

    .service,
    .inner {
        margin-top: 114px;
    }

    .service::before {
        height: 90px;
    }

    .service_back {
        position: relative;
        width: 100%;
        inset: auto;
    }

    .service .catalog_items {
        margin-bottom: 0;
    }

    .calc_tabs .catalog_item {
        padding: 20px 30px;
        gap: 10px;
        width: 168px;
        height: 154px;
    }

    .deadlines::before,
    .calc::before {
        height: 140px;
    }

    .deadlines,
    .calc {
        padding-top: 140px;
    }

    .calc_tabs .catalog_item-title {
        margin-top: 0;
    }

    .calc_wrapper {
        flex-direction: column;
        gap: 30px;
    }

    .calc_left {
        width: 100%;
    }

    .calc_right {
        width: 100%;
    }

    .calc_desc {
        font-size: 16px;
    }

    .deadlines_top {
        margin-bottom: 30px;
        flex-direction: column;
        align-items: flex-start;
        gap: 20px;
    }

    .deadlines_wrapper {
        flex-direction: column;
        gap: 30px;
    }

    .deadlines_left {
        width: 100%;
    }

    .deadlines_right {
        width: 100%;
    }

    .deadlines_left-desc {
        margin: 0 auto;
        width: 390px;
    }

    .technologies_tabs {
        gap: 10px;
    }

    .technologies_wrapper:nth-child(2n),
    .technologies_wrapper {
        flex-direction: column;
        gap: 30px;
    }

    .technologies_info {
        width: 100%;
    }

    .technologies_img {
        order: 1;
    }

    .sales_slide {
        width: 540px;
        height: 386px;
    }

    .sales::after {
        height: 120px;
    }

    .sales {
        padding-bottom: 140px;
    }

    .sales_slider .slick-next {
        right: calc(((100vw - 930px) / 2));
    }

    .sales_slider .slick-prev {
        right: calc(((100vw - 800px) / 2));
    }

    .resalt_item {
        height: 396px;
    }

    .maps_top {
        flex-direction: column;
        align-items: flex-start;
        gap: 30px;
    }

    .maps_tabs {
        width: 100%;
        gap: 40px;
    }

    .maps_item {
        height: 700px;
    }

    .faq_item {
        width: 100%;
    }

    .chistomat_page .main_slide-map {
        inset: auto;
    }

    .video_block-item {
        height: 393px;
    }

    .docs_item {
        width: calc(50% - 10px);
    }

    .offer_wrapper {
        flex-direction: column;
        gap: 30px;
    }

    .safety_item {
        width: calc(33.333% - 26.666px);
        height: 280px;
    }

    .chistomat_page .main_slide {
        min-height: 1px;
    }

    .extras_item {
        font-size: 18px;
    }

    .advantages_items {
        gap: 30px;
    }

    .advantages_item {
        width: calc(33.333% - 20px);
    }

    .courer_form-img {
        display: none;
    }

    .faq:has(.faq_circles)::after {
        display: none;
    }

    .faq_circles {
        height: auto;
    }

    .faq_circle {
        position: relative;
        inset: auto !important;
        width: calc(33.333% - 13.333px);
        height: 294px;
    }

    .faq_circle.active {
        width: calc(66.666% - 13.3333px);
    }

    .faq_circle::before {
        display: none;
    }

    .faq_circle-items {
        display: flex;
        gap: 30px 20px;
        flex-wrap: wrap;
        justify-content: space-between;
    }
}

@media (max-width: 991.98px) {
    .container {
        max-width: 730px;
    }

    .header_links {
        display: none;
    }

    .header_inner {
        position: fixed;
        opacity: 0;
        visibility: hidden;
        width: 100%;
        height: calc(100% - 75px);
        background-color: #fff;
        left: 0;
        top: 75px;
        overflow: auto;
        padding-top: 60px;
        transition: all 0.6s;
    }

    .header_inner.active {
        opacity: 1;
        visibility: visible;
    }

    .header_inner .header_catalog-btn {
        display: flex;
        margin-bottom: 20px;
        margin-left: calc((100vw - 700px) / 2);
    }

    .header_catalog-dropdown {
        position: fixed;
        left: 0;
        /* height: calc(100% - 75px); */
        overflow: auto;
        padding-bottom: 60px;
        z-index: 2;
        width: 100%;
        top: 75px;
        flex-direction: column;
        
        gap: 20px;
    }

    .header_catalog-links {
        width: 100%;
        padding-right: 30px;
        flex-wrap: nowrap;
        display: flex;
        overflow: auto;
        gap: 10px;
        padding-right: 0;
        border: none;
    }

    .header_catalog-links::-webkit-scrollbar {
        display: none;
    }

    .header_catalog-link {
        white-space: nowrap;
        margin-bottom: 0;
    }

    .header_catalog-content {
        width: 100%;
    }

    .menu {
        flex-direction: column;
        width: 700px;
        margin: 0 auto 0;
    }

    .menu a {
        font-size: 20px;
        margin-bottom: 15px;
        display: block;
    }

    .header_wrapper {
        padding-bottom: 0;
        margin-bottom: 0;
        border: none;
        width: fit-content;
    }

    .header_right {
        width: fit-content;
        align-items: center;
    }

    .header_logo {
        width: 60px;
    }

    .header_catalog .header_catalog-btn {
        display: none;
    }

    .main_slider {
        margin-top: 75px;
    }

    .main_slide-btns {
        justify-content: center;
    }

    .main_slide-btn span {
        width: 280px;
    }

    .main_slide-map {
        transform: translateX(30px);
    }

    .main_slide-map {
        position: relative;
        margin: 0 auto 0;
        inset: auto;
    }

    .services .title {
        margin-bottom: 60px;
    }

    .catalog_items {
        flex-wrap: nowrap;
        overflow: auto;
        margin: 0;
        gap: 10px;
        width: calc(100% + ((100vw - 700px) / 2));
        padding-right: calc((100vw - 700px) / 2);
    }

    .catalog::before {
        height: 90px;
        bottom: -90px;
    }

    .services::after {
        height: 90px;
    }

    .services {
        padding-bottom: 90px;
    }

    .catalog_item-img {
        height: 140px;
    }

    .catalog {
        margin-top: -90px;
        padding-top: 160px;
    }

    .catalog_top {
        flex-direction: column;
        gap: 30px;
        align-items: flex-start;
    }

    .how {
        padding-top: 170px;
    }

    .how_top {
        flex-direction: column;
        margin-bottom: 40px;
        align-items: flex-start;
        gap: 30px;
    }

    .title {
        margin-bottom: 30px;
    }

    .catalog_item-img img {
        transform: none;
        position: relative;
        width: 100%;
        margin: 0;
        object-fit: contain;
        height: 100%;
        inset: auto;
    }

    .catalog_items::-webkit-scrollbar {
        display: none;
    }

    .catalog_item {
        width: 280px;
        transform: none !important;
        height: 256px;
        margin: 0 !important;
        min-width: 280px;
        box-shadow: none !important;
        filter: none;
    }

    .how_items {
        justify-content: space-between;
        gap: 20px 0;
        margin-bottom: 0;
    }

    .how_item-row:nth-child(2),
    .how_item-row:nth-child(5) {
        transform: none;
    }

    .how_item-row {
        width: 50%;
        margin: 0;
    }

    .how_item {
        width: 100%;
    }

    .delivery_info {
        padding: 0;
        width: 100%;
    }

    .delivery::after {
        height: 90px;
    }

    .delivery_bot {
        height: 90px;
    }

    .delivery::before {
        width: 100%;
        background: #204395B2;
    }

    .delivery_img {
        width: 100%;
    }

    .reviews_slider .slick-arrow {
        display: none !important;
    }

    .reviews_slider {
        width: 100vw;
        margin-left: calc(50% - 50vw);
    }

    .question {
        padding: 170px 0;
    }

    .question_form {
        width: 100%;
    }

    .question_btn span {
        width: 260px;
    }

    .title {
        font-size: 32px;
    }

    .blog_items {
        gap: 20px;
    }

    .blog_item {
        width: calc(50% - 10px);
    }

    .footer_inner {
        gap: 20px;
    }

    .menu_burger {
        display: block;
        width: 50px;
        height: 50px;
        position: relative;
        background: #F6F8FE;
        border-radius: 10px;
        margin-left: 30px;
    }

    .menu_burger::before {
        position: absolute;
        content: "";
        width: calc(100% - 30px);
        height: 2px;
        background-color: #204395;
        top: 18px;
        right: 50%;
        transform: translateX(50%);
        transition: all 0.3s;
    }

    .menu_burger.active::before {
        transform: translateX(50%) rotate(45deg);
        top: 24px;
    }

    .menu_burger::after {
        position: absolute;
        content: "";
        width: calc(100% - 30px);
        height: 2px;
        background-color: #204395;
        bottom: 18px;
        right: 50%;
        transform: translateX(50%);
        transition: all 0.3s;
    }

    .menu_burger.active::after {
        transform: translateX(50%) rotate(-45deg);
        bottom: 24px;
    }

    .menu_burger span {
        position: absolute;
        content: "";
        width: calc(100% - 30px);
        height: 2px;
        background-color: #204395;
        top: 24px;
        right: 50%;
        transition: all 0.3s;
        transform: translateX(50%);
    }

    .menu_burger.active span {
        transform: translateX(50%) scale(0);
    }

    .service, 
    .inner {
        margin-top: 75px;
    }

    .catalog_item-front {
        filter: none;
    }

    .catalog_item-back {
        filter: none;
    }

    .catalog_item-front .catalog_item-img img {
        transform: none;
    }

    .catalog_item-back {
        position: absolute;
        top: 0;
        left: 3%;
        padding: 20px;
        width: 95%;
        height: 95%;
    }

    .service .catalog_items {
        padding-right: 0;
        width: 100%;
        flex-wrap: wrap;
        overflow: visible;
        justify-content: space-evenly;
    }

    .calc_tabs .catalog_item {
        padding: 20px 30px;
        gap: 10px;
        width: 220px;
        min-width: 1px;
        height: 201px;
    }

    .deadlines::after {
        height: 90px;
    }

    .deadlines {
        padding-top: 90px;
        padding-bottom: 120px;
    }

    .technologies_tab span {
        font-size: 16px;
        padding: 14px 12px;
    }

    .technologies_tab svg {
        margin: 0 -3px;
        height: 49px;
    }

    .technologies::after {
        height: 120px;
    }

    .technologies {
        padding-bottom: 120px;
    }

    .sales_slide {
        width: 460px;
        height: 330px;
    }

    .sales_slider .slick-arrow {
        display: none !important;
    }

    .resalt_item {
        height: 300px;
    }

    .chistomat_page .main_slide-btn span {
        width: auto;
    }

    .how_order {
        padding-top: 60px;
    }

    .safety_item {
        width: calc(50% - 20px);
        height: 330px;
    }

    .extras_items {
        gap: 40px 20px;
        flex-wrap: wrap;
    }

    .extras_item {
        width: calc(50% - 10px);
    }

    .advantages_items {
        gap: 20px;
    }

    .advantages_item {
        width: calc(50% - 10px);
    }

    .advantages+.question::before,
    .advantages+.question::after {
        height: 170px;
    }

    .corporation .services_items {
        gap: 40px;
    }

    .faq_circle {
        width: calc(50% - 10px);
        height: 340px;
    }

    .faq_circle.active {
        width: 100%;
        height: 700px;
    }
}

@media (max-width: 767.98px) {
    .container {
        max-width: 100%;
    }

    .menu_burger {
        margin-left: 10px;
        width: 40px;
        height: 40px;
    }

    .header_messages {
        margin-right: 10px;

    }

    .header_log {
        width: 40px;
        height: 40px;
        display: flex;
    }

    .header_log img {
        width: 100%;
        height: auto;
    }

    .header_message {
        width: 40px;
        height: 40px;
    }

    .header_logo {
        width: 54px;
    }

    .menu_burger::before {
        width: calc(100% - 20px);
        top: 12px;
    }

    .menu_burger::after {
        width: calc(100% - 20px);
        bottom: 12px;
    }

    .menu_burger span {
        width: calc(100% - 20px);
        top: 19px;
    }

    .menu_burger.active::after {
        bottom: 19px;
    }

    .menu_burger.active::before {
        top: 19px;
    }

    .header_body {
        align-items: center;
    }

    .main_slider {
        margin-top: 70px;
    }

    .main_slide-title {
        font-size: 32px;
    }

    .main::after,
    .main::before {
        height: 40px;
    }

    .main_slide {
        padding: 70px 0 70px;
    }
    
    .main_slide-img img {
        /* 
        object-position: center;
        */
        
        object-fit: contain;      /* показать целиком */
        object-position: top center;
    }    

    .main_slide-text {
        font-size: 16px;
        margin-bottom: 20px;
    }

    .main_slide-info ul {
        margin-bottom: 30px;
    }

    .main_slide-btns {
        flex-direction: column;
        gap: 10px;
    }

    .main_slide-btn span {
        flex: auto;
        width: auto;
    }

    .main_slide-info::before {
        width: 300px;
        height: 80px;
        left: 40px;
    }

    .main_slide-map {
        width: 320px;
    }

    .services {
        padding: 60px 0;
    }

    .services .title {
        font-size: 26px;
    }

    .services .title {
        margin-bottom: 30px;
    }

    .services_items {
        gap: 20px 10px;
    }

    .services_item {
        width: calc(50% - 10px);
        height: calc(50vw - 25px);
        padding: 20px;
        gap: 10px;
    }

    .services_item-title {
        font-size: 14px;
    }

    .services_item-img img {
        position: relative;
        transform: none;
        inset: auto;
        width: 100%;
        height: 100%;
        object-fit: contain;
    }

    .services_item-img {
        height: calc(100% - 40px);
    }

    .services::after {
        height: 40px;
    }

    .catalog {
        padding: 100px 0 60px;
        margin-top: -40px;
    }

    .catalog_top {
        gap: 20px;
        margin-bottom: 30px;
    }

    .catalog_wrapper {
        position: relative;
        padding-bottom: 80px;
    }

    .catalog_btn {
        width: 100%;
        position: absolute;
        bottom: 0;
        left: 0;
    }

    .catalog_btn span {
        flex: auto;
    }

    .catalog_items {
        width: calc(100% + 15px);
        padding-right: 15px;
    }

    .catalog::before {
        height: 40px;
        bottom: -40px;
    }

    .how_subtitle {
        font-size: 16px;
    }

    .how_top {
        gap: 20px;
    }

    .how_btn {
        width: 100%;
    }

    .how_btn span {
        flex: auto;
    }

    .how_items {
        gap: 10px;
    }

    .how_item-row {
        width: 320px;
        height: 280px;
    }

    .how_items {
        flex-direction: column;
        align-items: center;
    }

    .how {
        padding: 100px 0 60px;
    }

    .title {
        font-size: 24px;
    }

    .how_top-left {
        width: 100%;
    }

    .delivery {
        padding: 60px 0;
    }

    .delivery::after {
        height: 40px;
    }

    .delivery_bot {
        height: 40px;
    }

    .delivery_subtitle {
        font-size: 16px;
        margin-bottom: 30px;
    }

    .delivery_btn {
        width: 100%;
    }

    .delivery_btn span {
        width: auto;
        flex: auto;
    }

    .delivery_info::before {
        z-index: -1;
    }

    .steps_item-info {
        width: 240px;
        height: 240px;
    }

    .steps_item {
        width: 240px;
        gap: 10px;
        margin: 0;
        min-width: 240px;
    }

    .steps_item-text {
        font-size: 13px;
        line-height: 120%;
    }

    .steps_item-number {
        font-size: 72px;
    }

    .steps_item-icon {
        width: 40px;
    }

    .steps_item-icon img {
        width: 100%;
        height: auto;
    }

    .steps_item::before {
        width: 90px;
        height: 62px;
        top: 29px;
        right: -80px;
    }

    .steps_item:nth-child(2n)::before {
        bottom: 30px;
    }

    .corporation::before {
        height: 40px;
    }

    .corporation {
        padding: 60px 0;
    }

    .corporation_btn span {
        width: auto;
        flex: auto;
    }

    .corporation_btn {
        width: 100%;
    }

    .corporation_info p:last-child,
    .corporate_inner p:last-child  {
        margin-bottom: 0;
    }

    .partners,
    .czenyi .sales,
    .corporate_inner {
        padding-top: 60px;
    }

    .partners::after,
    .corporate_inner::after {
        height: 40px;
    }

    .partners_slider {
        gap: 10px;
    }

    .partners_slide {
        width: 150px;
        min-width: 150px;
        height: 96px;
    }

    .about {
        padding: 60px 0 80px;
    }

    .about::after {
        height: 40px;
    }

    .about::before {
        height: 60px;
    }

    .about_list li {
        font-size: 18px;
        margin-bottom: 12px;
    }

    .reviews {
        padding: 40px 0;
    }

    .reviews_ratings {
        flex-wrap: wrap;
        gap: 20px;
    }

    .reviews_slider {
        width: 100vw;
        margin-left: calc(50% - 50vw);
    }

    .reviews_slide:nth-child(2n) {
        margin-top: 0;
    }

    .reviews_slide::after,
    .reviews_slide::before {
        display: none;
    }

    .reviews_slide {
        width: 300px;
        height: auto;
        padding: 0px;
        margin-right: 10px;
        border-radius: 20px;
        overflow: hidden;
    }

    .reviews_slide-img {
        width: 50px;
        height: 50px;
    }

    .reviews_slide-img img {
        width: 100%;
        height: auto;
    }

    .reviews_slide-top {
        padding-left: 70px;
        margin-bottom: 20px;
    }

    .reviews_slide-title {
        font-size: 18px;
        margin-bottom: 4px;
    }

    .reviews_slide-stars {
        margin-right: 10px;
        width: 120px;
    }

    .reviews_slide-stars img {
        width: 100%;
        height: auto;
    }

    .reviews_slide-date {
        font-size: 12px;
    }

    .reviews_slide-text {
        font-size: 14px;
    }

    .reviews_slide-wrapper {
        padding: 30px 20px;
    }

    .reviews_rating-title {
        font-size: 14px;
    }

    .reviews_rating {
        padding-left: 50px;
    }

    .reviews_rating-stars {
        width: 100px;
    }

    .reviews_rating-stars svg {
        width: 100%;
        height: auto;
    }

    .reviews_rating-icon {
        width: 40px;
    }

    .reviews_rating-icon img {
        width: 100%;
        height: auto;
    }

    .question {
        padding: 60px 0;
    }

    .question::after {
        height: 40px;
    }

    .question::before {
        height: 40px;
    }

    .question_subtitle {
        font-size: 16px;
        margin-bottom: 20px;
    }

    .form_inp {
        width: 100%;
    }

    .question_btn span {
        flex: auto;
    }

    .question_btn {
        width: 100%;
    }

    .question_form .form_area {
        margin-bottom: 8px;
    }

    .blog_top {
        flex-direction: column;
        align-items: flex-start;
        gap: 20px;
        margin-bottom: 20px;
    }

    .blog_item {
        width: 100%;
    }

    .blog_btn {
        width: 100%;
    }

    .blog_btn span {
        flex: auto;
    }

    .blog_item-img {
        width: 220px;
        height: 220px;
        margin-bottom: 10px;
    }

    .blog_item-title {
        font-size: 16px;
        margin-bottom: 6px;
    }

    .blog_item-text {
        font-size: 14px;
    }

    .footer::before {
        height: 120px;
    }

    .footer {
        padding-top: 120px;
    }

    .footer_logo {
        width: 110px;
    }

    .footer_logo img {
        width: 100%;
        height: auto;
    }

    .footer_menu {
        padding-left: 0;
        border: none;
    }

    .footer_wrapper {
        margin-bottom: 30px;
    }

    .footer_adres {
        width: 100%;
        line-height: 1.5;
    }

    .footer_adreses-wrapper {
        margin-bottom: 0;
        padding: 20px 0;
    }

    .header_inner {
        top: 70px;
        height: calc(100% - 70px);
        padding-top: 40px;
    }

    .header_catalog-dropdown {
        top: 70px;
        /* height: calc(100% - 70px); */
        padding-right: 0;
    }

    .menu {
        width: 100%;
        padding: 0 15px;
    }

    .header_inner .header_catalog-btn {
        margin-left: 15px;

    }

    .header_catalog-content {
        columns: unset;
    }

    .header_catalog-item {
        padding-right: 15px;
        margin-bottom: 20px;
    }

    .header_catalog-links {
        min-height: 20px;
        padding-right: 14px;
        margin-bottom: 30px;
    }

    .service,
    .inner {
        margin-top: 70px;
        padding-top: 70px;
    }

    .service::before {
        height: 60px;
    }

    .crumb {
        font-size: 12px;
    }

    .service_title {
        font-size: 36px;
        margin-bottom: 30px;
    }

    .service_back {
        font-size: 16px;
        gap: 10px;
    }

    .calc {
        padding-top: 60px;
    }

    .calc::before {
        height: 60px;
    }

    .calc_tabs {
        flex-wrap: nowrap;
        gap: 10px;
        width: calc(100% + 15px);
        padding-right: 15px;
        overflow: auto;
        margin-bottom: 30px;
    }

    .calc_tabs::-webkit-scrollbar {
        display: none;
    }

    .calc_tabs .catalog_item {
        min-width: 220px;
    }

    .calc_item-title::after,
    .calc_item-title::before {
        display: none;
    }

    .calc_item-title {
        margin: 0;
        border-radius: 14px;
        flex-direction: column;
        gap: 10px;
        align-items: flex-start;
    }

    .calc_item-title span {
        margin-left: 0;
    }

    .calc_item {
        margin-bottom: 10px;
    }

    .calc_item-options {
        padding: 20px;
    }

    .calc_item-option {
        flex-wrap: wrap;
        align-items: flex-start;
        gap: 10px;
    }

    .calc_item-option .value {
        margin-left: 0;
    }

    .calc_right {
        padding: 20px;
    }

    .calc_right-title {
        margin-bottom: 20px;
        font-size: 22px;
    }

    .popup_calc-option,
    .popup_calc-item {
        flex-direction: column;
        padding-right: 30px;
        position: relative;
        align-items: flex-start;
    }

    .popup_calc-option {
        gap: 10px;
    }

    .calc_btn span img {
        display: none;
    }

    .popup_calc-option span,
    .popup_calc-item span {
        margin-left: 0;
    }

    .popup_calc-option button,
    .popup_calc-item button {
        position: absolute;
        right: 0;
        top: 0;
    }

    .calc_total {
        font-size: 18px;
        margin: 15px 0;
    }

    .calc_btn svg {
        display: none;
    }

    .calc_btn span {
        font-size: 12px;
        border-radius: 14px;
        padding: 20px 10px;
    }

    .calc_wrapper {
        margin-bottom: 30px;
    }

    .deadlines::before,
    .calc::before {
        height: 60px;
    }

    .deadlines {
        padding: 60px 0;
    }

    .deadlines_tabs {
        flex-wrap: nowrap;
        gap: 20px;
        width: calc(100% + 15px);
        padding-right: 15px;
        overflow: auto;
    }

    .deadlines_tabs::-webkit-scrollbar {
        display: none;
    }

    .deadlines_tab {
        font-size: 18px;
        white-space: nowrap;
    }

    .deadlines_option span {
        font-size: 24px;
    }

    .deadlines_option {
        font-size: 16px;
        margin-bottom: 20px;
    }

    .deadlines_left-desc {
        width: 100%;
        padding: 20px 15px;
        background: #42ACAA;
        border-radius: 12px;
    }

    .deadlines_title {
        font-size: 24px;
    }

    .deadlines_right p {
        font-size: 16px;
    }

    .deadlines_right ul li {
        margin-bottom: 20px;
        font-size: 16px;
    }

    .deadlines::after {
        height: 60px;
    }

    .technologies_tabs {
        flex-wrap: nowrap;
        gap: 10px;
        width: calc(100% + 15px);
        padding-right: 15px;
        overflow: auto;
        align-items: flex-start;
        justify-content: flex-start;
        margin-bottom: 20px;
    }

    .technologies_tabs::-webkit-scrollbar {
        display: none;
    }

    .technologies_tab {
        white-space: nowrap;
    }

    .technologies_title {
        font-size: 24px;
        margin-bottom: 20px;
    }

    .technologies_img {
        width: 100%;
        height: auto;
    }

    .technologies_wrapper {
        gap: 20px;
        margin-bottom: 30px;
    }

    .technologies::after {
        height: 60px;
    }

    .technologies {
        padding-bottom: 60px;
    }

    .sales::after {
        height: 60px;
    }

    .sales_slide {
        width: 280px;
        height: 200px;
        margin: 0 4px;
        border-radius: 6px;
    }

    .resalt_top span {
        display: none;
    }

    .resalt_item {
        height: 220px;
        mask: none;
        border-radius: 20px;
    }

    .twentytwenty-handle {
        width: 42px;
        height: 42px;
    }

    .sales {
        padding-bottom: 60px;
    }

    .maps {
        padding-top: 60px;
    }

    .maps_tabs {
        flex-wrap: nowrap;
        gap: 16px;
        width: calc(100% + 15px);
        padding-right: 15px;
        overflow: auto;
        align-items: flex-start;
        justify-content: flex-start;
        margin-bottom: 20px;
    }

    .maps_item {
        height: 400px;
        padding-bottom: 60px;
    }

    .maps_item::before {
        height: 40px;
    }

    .maps_item::after {
        height: 40px;
    }

    .maps_tabs::-webkit-scrollbar {
        display: none;
    }

    .faq_item-title {
        font-size: 16px;
        padding: 20px 60px 20px 20px;
    }

    .faq_item-text {
        padding: 0 20px 20px;
    }

    .maps_tab {
        font-size: 16px;
        white-space: nowrap;
    }

    .chistomat_page .main_slide {
        min-height: 1px;
    }

    .chistomat_page .main_slide-btn span {
        font-size: 14px;
    }

    .video_block {
        padding-top: 0;
    }

    .video_block-subtitle {
        font-size: 16px;
        margin-bottom: 30px;
    }

    .video_block-item {
        height: 68vw;
    }

    .video_block-item::before {
        width: 60px;
        height: 60px;
    }

    .how_order {
        padding-top: 0px;
    }

    .docs::before {
        height: 60px;
    }

    .docs {
        padding-top: 60px;
    }

    .docs_item {
        width: 100%;
    }

    .docs_item span {
        align-items: center;
    }

    .docs_items {
        gap: 10px;
    }

    .offer_info p {
        font-size: 16px;
    }

    .offer_info p:last-child {
        margin-bottom: 0;
    }

    .offer_link {
        margin: 0 auto;
    }

    .safety {
        padding: 60px 0;
    }

    .safety::before {
        height: 60px;
    }

    .safety_item {
        width: 100%;
        height: calc(100vw - 30px);
    }

    .safety_items {
        gap: 10px;
    }

    .safety_item-info {
        font-size: 14px;
    }

    .safety::after {
        height: 60px;
    }

    .sales+.faq::before {
        height: 60px;
    }

    .sales+.faq {
        padding-bottom: 60px;
    }

    .main_slide-subtitle {
        font-size: 20px;
        margin-bottom: 20px;
    }

    .extras::after,
    .extras::before {
        height: 60px;
    }

    .extras {
        padding: 60px 0 20px;
    }

    .extras_item {
        width: 100%;
    }

    .extras_items {
        gap: 20px;
    }

    .extras_item img {
        width: 40px;
    }

    .advantages::before {
        height: 60px;
    }

    .advantages {
        padding-top: 60px;
    }

    .advantages_subtitle {
        font-size: 16px;
        margin-bottom: 20px;
    }

    .advantages_items {
        gap: 30px;
    }

    .advantages+.question::before,
    .advantages+.question::after {
        height: 60px;
    }

    .advantages_item {
        width: 100%;
    }

    .advantages {
        padding-bottom: 30px;
    }

    .resalt+.sales {
        padding-top: 60px;
    }

    .resalt {
        padding-bottom: 20px;
    }

    .main_slide-map:hover {
        transform: translateX(30px);
    }

    .faq_circle {
        border-radius: 20px;
    }

    .faq_circle-items {
        gap: 10px;
    }

    .faq_circle-title {
        text-align: left;
        position: relative;
        padding: 20px 60px 20px 20px;

    }

    .faq_circle.active .faq_circle-title,
    .faq_circle-text {
        text-align: left;
        color: #111;
    }

    .faq_circle-text {
        padding: 0 20px 0;
        margin-top: 0;
    }

    .faq_circle.active .faq_circle-text {
        padding: 0 20px 20px;
        margin-top: 0;
    }

    .faq_circle.active,
    .faq_circle {
        width: 100%;
        height: auto;
        background: #fff;
        justify-content: flex-start;
        padding: 0;
        align-items: flex-start;
    }

    .corporation .services_items {
        gap: 20px 10px;
    }

    .faq_circle-title span {
        width: 24px;
        height: 24px;
        position: absolute;
        right: 20px;
        top: 50%;
        transform: translateY(-50%);
    }

    .faq_circle-title span::before {
        position: absolute;
        content: "";
        width: 100%;
        height: 2px;
        top: 50%;
        right: 50%;
        transform: translate(50%, -50%);
        background-color: #204395;
    }

    .faq_circle-title span::after {
        position: absolute;
        content: "";
        width: 2px;
        height: 100%;
        top: 50%;
        right: 50%;
        transform: translate(50%, -50%);
        transition: all 0.3s;
        background-color: #204395;
    }

    .faq_circle.active .faq_circle-title span::after {
        transform: translate(50%, -50%) rotate(90deg);

    }

    .reviews+.faq .faq_circle.active {
        background: #E2EDFB;
    }
    
    .popup_form .form_inp,
    .popup_form .form_inp.small {
        width: 100%;
    }
    
    .popup_body .fancybox-close-small {
        top: -18px;
        right: -4px;
    }
    
    .popup_body {
        padding: 20px;
    }
}

.li_lo ul {
    margin: 20px;
    line-height: 130%;
    list-style: disc;
    padding-left: 30px;
}