* {
    padding: 0px;
    margin: 0px;
    border: 0px;
}

*,
*:before,
*:after {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

aside,
nav,
footer,
header,
section {
    display: block;
}

html,
body {
    height: 100%;
}

body {
    font-family: "Istok Web", sans-serif;
    -ms-text-size-adjust: 100%;
    -moz-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%;
}
body.overlay{
    overflow: hidden;
}
body.overlay::before{
    content:'';
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.85);
    z-index: 999;
}

input,
button,
textarea {
    font-family: "Istok Web", sans-serif;
    font-size: inherit;
}

button {
    cursor: pointer;
    background-color: inherit;
}

button::-moz-focus-inner {
    padding: 0;
    border: 0;
}

a,
a:visited {
    text-decoration: none;
}

a:hover {
    text-decoration: none;
}

ul li {
    list-style: none;
}

img {
    vertical-align: top;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-weight: inherit;
    font-size: inherit;
}

body {
    font-size: 18px;
    font-weight: 400;
    line-height: 1.4;
    color: rgb(57, 57, 57);
}

body.lock {
    overflow: hidden;
}

body.hide-scrollbar .header {
    padding-right: 17px;
}

body.hide-scrollbar .attention-modal {
    margin-right: 17px;
}

.cta__bubble-box {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    gap: 8px;
}

.bubble {
    padding: 8px 8px 8px 16px;
    transition: 0.3s;
    border-radius: 12px;
    font-size: 13px;
    font-weight: 400;
    line-height: 1.4;
    text-transform: uppercase;
    letter-spacing: 0.26px;
    display: flex;
    flex-direction: row;
    align-items: center;
    column-gap: 12px;
    background-color: rgb(214, 214, 214);
    color: rgb(131, 131, 131);
    border: none;
    outline: none;
    width: fit-content;
}

.bubble:hover {
    background-color: rgb(250, 120, 74);
    color: #FFFFFF;
    outline: none;
    border: none;
    cursor: default;
}


.wrapper {
    width: 100%;
    min-height: 100%;
    overflow: hidden;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    position: relative;
}

/*feedback button*/

@keyframes puls {
    0% {
        box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.8);
    }
    50% {
        box-shadow: 0px 0px 15px #2A39F0;
    }
}

.main-block {
    position: fixed;
    width: 200px;
    height: 200px;
    bottom: 85px;
    right: 0;
    z-index: 100;
}

.main-block:hover .circle {
    animation: none;
}

.main-block:hover .circle > i {
    transform: rotate(360deg);
}

.main-block:hover .circle__item {
    opacity: 1;
}

.main-block:hover .circle__item:before {
    content: '';
    position: absolute;
    width: 30px;
    height: 1px;
    background-color: #2A39F0;
}

/*.main-block:hover #item1 {*/
/*  transform: translate(-250%, -50%);*/
/*}*/

.main-block:hover #item1 {
    transform: translate(-250%, 0%) rotate(-15deg);
}


.main-block:hover #item1:before {
    right: -30px;
    bottom: 50%;
}

/*.main-block:hover #item2 {*/
/*  transform: translate(-200%, -200%);*/
/*}*/

.main-block:hover #item2 {
    transform: translate(-241%, -122%) rotate(-21deg);
}

.main-block:hover #item2:before {
    transform: rotate(45deg);
    right: -20px;
    bottom: -5px;
}

/*.main-block:hover #item3 {*/
/*  transform: translate(-50%, -250%);*/
/*}*/

.main-block:hover #item3 {
    transform: translate(-154%, -211%) rotate(-32deg);
}

.main-block:hover #item3:before {
    transform: rotate(90deg);
    right: 5px;
    bottom: -15px;
}

.main-block:hover #item4 {
    transform: translate(-33%, -240%);
}

.main-block:hover #item4:before {
    transform: rotate(90deg);
    right: 5px;
    bottom: -15px;
}


.circle {
    animation: puls 1s infinite;
    box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.8);
    text-align: center;
    font-size: 40px;
    color: #fff;
    line-height: 80px;
    position: absolute;
    width: 80px;
    height: 80px;
    border-radius: 100px;
    background-color: #2A39F0;
    right: 30px;
    bottom: 0;
    display: flex;
    align-items: center;
    justify-content: center;
}

.circle i {
    transition: all 0.3s ease;
}

.circle__items {
    list-style: none;
}

.circle__item {
    display: block;
    font-size: 18px;
    line-height: 40px;
    position: absolute;
    width: 40px;
    height: 40px;
    border-radius: 20px;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    opacity: 0;
    text-align: center;
}

.circle__item--orange {
    background: orangered;
}

.circle__item--blue {
    background: dodgerblue;
}

.circle__item--green {
    background: seagreen;
}

.circle__item--purple {
    background: mediumpurple;
}

.circle__item:hover {
    background: #2A39F0;
    box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.8);
}

.circle__item > a {
    display: block;
    width: 40px;
    height: 40px;
    line-height: 40px;
    color: #fff;
    text-decoration: none;
}

#item1 {
    transition: all 0.2s ease;
}

#item2 {
    transition: all 0.4s ease;
}

#item3 {
    transition: all 0.6s ease;
}

.container {
    width: 100%;
    max-width: 1180px;
    margin: 0 auto;
    padding: 0 32px;
}

.title {
    font-size: 40px;
    font-weight: 700;
    line-height: 1;
}

.title span {
    color: rgb(229, 88, 40);
}

.hidden {
    opacity: 0;
    visibility: hidden;
}

.subtitle {
    font-size: 24px;
}

.content {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    background-color: rgb(251, 251, 251);
    position: relative;
    z-index: 1;
}

/*! -- Badge styles----------------------------- */

.badge {
    background-color: #60b7b2;
    border-radius: 54px;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
}

.badge.blue {
    background-color: #6ea9cb;
}

.badge.brown {
    background-color: #bc9683;
}

.badge.orange {
    background-color: #f09654;
}

.badge.green {
    background-color: #60b7b2;
}

.badge.purple {
    background-color: #a38dbf;
}

.badge.pink {
    background-color: #bf6cb2;
}

.badge__inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-column-gap: 4px;
    -moz-column-gap: 4px;
    column-gap: 4px;
    padding: 8px 16px;
}

.badge__inner span {
    color: #FFFFFF;
    font-size: 14px;
    font-weight: 700;
    letter-spacing: 0.28px;
    text-transform: uppercase;
}

/*! -- Select-dropdown styles----------------------------- */

.select-dropdown {
    position: relative;
    display: inline-block;
    background-color: rgba(255, 255, 255, 0.05);
    width: 100%;
    border-radius: 4px;
}

.select-dropdown__button {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-column-gap: 8px;
    -moz-column-gap: 8px;
    column-gap: 8px;
    padding: 14px 16px;
    background-color: #FFFFFF;
    color: rgb(57, 57, 57);
    border: 2px solid rgba(0, 0, 0, 0.12);
    border-radius: 12px;
    cursor: pointer;
    width: 100%;
    text-align: left;
    font-size: 16px;
    line-height: 1.4;
}

.select-dropdown__button:hover {
    background-color: #fafafa;
}

.select-dropdown__button svg.arrow-select {
    -webkit-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
    -webkit-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
    margin-left: auto;
}

.select-dropdown__button:focus {
    outline: none;
}

.select-dropdown__button.active svg.arrow-select {
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
}

.select-dropdown__list {
    position: absolute;
    display: block;
    left: 0;
    right: 0;
    max-height: 300px;
    overflow: auto;
    margin: 0;
    padding: 0;
    list-style-type: none;
    opacity: 0;
    pointer-events: none;
    -webkit-transform-origin: top left;
    -ms-transform-origin: top left;
    transform-origin: top left;
    -webkit-transform: scale(1, 0);
    -ms-transform: scale(1, 0);
    transform: scale(1, 0);
    -webkit-transition: all ease-in-out 0.3s;
    transition: all ease-in-out 0.3s;
    z-index: 2;
    margin: 8px 0px 0px 0px;
    border: 2px solid rgba(0, 0, 0, 0.12);
    background-color: #FFFFFF;
    border-radius: 12px;
}

.select-dropdown__list.active {
    opacity: 1;
    pointer-events: auto;
    -webkit-transform: scale(1, 1);
    -ms-transform: scale(1, 1);
    transform: scale(1, 1);
}

.select-dropdown__list-item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-column-gap: 8px;
    -moz-column-gap: 8px;
    column-gap: 8px;
    list-style-type: none;
    padding: 5px 16px;
    font-size: 13px;
    line-height: 18px;
    cursor: pointer;
    -webkit-transition: all ease-in-out 0.3s;
    transition: all ease-in-out 0.3s;
}

/*! -- Attention-modal styles----------------------------- */

.attention-modal {
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%) !important;
    border-radius: 12px;
    background: linear-gradient(135deg, #282828 0%, #404040 100%);
    color: rgb(251, 251, 251);
    max-width: 546px;
    height: 350px;
    width: 100%;
    z-index: 50;
}

.attention-modal__inner {
    padding: 24px 40px 24px 40px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    flex-direction: column;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 32px;
    position: relative;
    height: 100%;
}

/*.attention-modal__inner::before {*/
/*  content: "";*/
/*  position: absolute;*/
/*  top: 50%;*/
/*  left: 26px;*/
/*  -webkit-transform: translateY(-50%);*/
/*  -ms-transform: translateY(-50%);*/
/*  transform: translateY(-50%);*/
/*  background-image: url("../img/attention-icon.svg");*/
/*  background-position: center center;*/
/*  background-size: cover;*/
/*  background-repeat: no-repeat;*/
/*  width: 20px;*/
/*  height: 20px;*/
/*  z-index: 1;*/
/*}*/

.attention-modal__close {
    position: absolute;
    top: 24px;
    right: 24px;
    width: 18px;
    height: 18px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    cursor: pointer;
}

.attention-modal p {
    font-size: 18px;
}

.attention-modal h3 {
    font-size: 23px;
    font-weight: 700;
    text-transform: uppercase;
    margin: 0px 0px 16px 0px;
    letter-spacing: 0.32px;
}

.attention-modal h3 span {
    color: rgb(229, 88, 40);
    text-decoration: underline;
}

.attention-modal__right-column {
    width: 100%;
}

.attention-modal .btn-full {
    font-size: 16px;
    font-weight: 400;
    padding: 16px;
    width: 100%;
    justify-content: center;
}

/*! -- Attention-modal styles----------------------------- */

/*! -- Links styles----------------------------- */

.link {
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    vertical-align: middle;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-column-gap: 8px;
    -moz-column-gap: 8px;
    column-gap: 8px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: 13px;
    font-weight: 400;
    line-height: 1.4;
    letter-spacing: 0.26px;
    text-transform: uppercase;
    color: #5d9eff;
    -webkit-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
    cursor: pointer;
}

.link svg path {
    -webkit-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
}

.link:hover {
    color: #4563ff;
}

.link:hover svg path {
    fill: #4563ff;
}

.link:active {
    color: #e55828;
}

.link:active svg path {
    fill: #e55828;
}

.link:focus {
    outline: none;
}

.link.blocked {
    pointer-events: none;
    color: rgb(131, 131, 131);
}

.link.blocked svg path {
    fill: rgb(131, 131, 131);
}

.link.blocked:focus {
    outline: none;
}

.swiper-pagination {
    height: 20px;
    position: static;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin: 32px 0px 0px 0px;
}

.swiper-pagination .swiper-pagination-bullet {
    width: 20px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    height: 20px;
    font-size: 12px;
    color: #FFFFFF;
    border-radius: 50%;
    background-color: green;
    -webkit-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
}

.swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
    width: 20px;
    height: 20px;
    background-color: rgb(229, 88, 40);
}

/*! -- Buttons styles----------------------------- */

.btn-full {
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-column-gap: 8px;
    -moz-column-gap: 8px;
    column-gap: 8px;
    color: #FFFFFF;
    text-align: center;
    font-size: 16px;
    font-weight: 600;
    line-height: 1.4;
    letter-spacing: 0.32px;
    text-transform: uppercase;
    padding: 16px 24px;
    background-color: #e55828;
    border-radius: 12px;
    -webkit-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
    vertical-align: middle;
    cursor: pointer;
}

.btn-full.icon-arrow-left::before {
    content: '';
    position: relative;
    top: 0;
    left: 0;
    width: 20px;
    height: 20px;
    background-image: url('../img/icon-arrow-left.svg');
    transform: rotate(180deg);
    background-repeat: no-repeat;
    background-size: cover;
}


.btn-full:focus {
    background-color: rgb(192, 58, 11);
    outline: none;
}

.btn-full:hover {
    background-color: rgb(192, 58, 11);
}

.btn-full:active {
    background-color: rgb(153, 38, 0);
    -webkit-box-shadow: none;
    box-shadow: none;
}

.btn-full.blocked {
    background-color: rgb(186, 186, 186);
    color: rgb(131, 131, 131);
    pointer-events: none;
    -webkit-box-shadow: none;
    box-shadow: none;
}

.btn-full.blocked svg path {
    fill: rgb(131, 131, 131);
}

.btn-full.blocked:focus {
    outline: none;
}

.btn-outline {
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    text-align: center;
    -webkit-column-gap: 8px;
    -moz-column-gap: 8px;
    column-gap: 8px;
    color: rgb(57, 57, 57);
    font-size: 13px;
    font-weight: 700;
    line-height: 1.4;
    letter-spacing: 0.26px;
    text-transform: uppercase;
    padding: 14px 15px;
    border-radius: 12px;
    border: 2px solid rgb(57, 57, 57);
    background-color: transparent;
    -webkit-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
    vertical-align: middle;
    cursor: pointer;
}

.btn-outline:hover {
    border-color: rgb(192, 58, 11);
}

.btn-outline:active {
    border-color: rgb(153, 38, 0);
}

.btn-outline:focus {
    outline: none;
    border-color: rgb(192, 58, 11);
}

.btn-outline.blocked {
    color: rgb(131, 131, 131);
    pointer-events: none;
    border-color: rgb(131, 131, 131);
}

.btn-outline.blocked svg path {
    fill: rgb(131, 131, 131);
}

.btn-outline.blocked:focus {
    outline: none;
}

#btn-up {
    display: none;
    position: fixed;
    bottom: 70px;
    left: 15px;
    z-index: 99;
    width: 40px;
    height: 40px;
    border: none;
    outline: none;
    background-color: rgb(229, 88, 40);
    cursor: pointer;
}

#btn-up__svg-holder {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

/*! -- Inputs styles----------------------------- */

input[type=text],
input[type=tel] {
    width: 100%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border: 2px solid rgba(0, 0, 0, 0.12);
    border-radius: 4px;
    color: rgb(57, 57, 57);
    font-size: 16px;
    line-height: 1.4;
    font-weight: 400;
    padding: 22px 32px 22px 38px;
    border-radius: 12px;
    -webkit-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
}

input[type=text]::-webkit-input-placeholder,
input[type=tel]::-webkit-input-placeholder {
    font-family: "Istok Web", sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 1.4;
    color: rgb(57, 57, 57);
}

input[type=text]::-moz-placeholder,
input[type=tel]::-moz-placeholder {
    font-family: "Istok Web", sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 1.4;
    color: rgb(57, 57, 57);
}

input[type=text]:-ms-input-placeholder,
input[type=tel]:-ms-input-placeholder {
    font-family: "Istok Web", sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 1.4;
    color: rgb(57, 57, 57);
}

input[type=text]::-ms-input-placeholder,
input[type=tel]::-ms-input-placeholder {
    font-family: "Istok Web", sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 1.4;
    color: rgb(57, 57, 57);
}

input[type=text]::placeholder,
input[type=tel]::placeholder {
    font-family: "Istok Web", sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 1.4;
    color: rgb(57, 57, 57);
}

input[type=text]:hover,
input[type=tel]:hover {
    background-color: #fafafa;
}

input[type=text]:focus,
input[type=tel]:focus {
    outline: none;
    border-color: #5d9eff;
    background-color: #fafafa;
}

input[type=text].disabled,
input[type=tel].disabled {
    pointer-events: none;
    background-color: transparent;
    border: none;
}

input[type=text].disabled::-webkit-input-placeholder,
input[type=tel].disabled::-webkit-input-placeholder {
    color: rgb(186, 186, 186);
}

input[type=text].disabled::-moz-placeholder,
input[type=tel].disabled::-moz-placeholder {
    color: rgb(186, 186, 186);
}

input[type=text].disabled:-ms-input-placeholder,
input[type=tel].disabled:-ms-input-placeholder {
    color: rgb(186, 186, 186);
}

input[type=text].disabled::-ms-input-placeholder,
input[type=tel].disabled::-ms-input-placeholder {
    color: rgb(186, 186, 186);
}

input[type=text].disabled::placeholder,
input[type=tel].disabled::placeholder {
    color: rgb(186, 186, 186);
}

input.novalid {
    border: 2px solid red !important;
}

/*! -- Forms styles----------------------------- */

.form__input-wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    row-gap: 16px;
    margin: 0px 0px 16px 0px;
}

.form__input-holder {
    position: relative;
}

.form__input-holder--name::before {
    background-image: url("../img/user-icon.svg");
}

.form__input-holder--phone::before {
    background-image: url("../img/phone-icon.svg");
}

.form__input-holder::before {
    content: "";
    position: absolute;
    top: 50%;
    left: 16px;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    background-position: center;
    background-repeat: no-repeat;
    width: 14px;
    height: 14px;
    background-size: 14px 14px;
}

.form__button-holder {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
}

/*! -- Modal styles----------------------------- */

.fancybox__slide {
    padding-top: 0 !important;
}

.modal-call {
    position: fixed;
    top: 0;
    right: 0;
    padding: 0;
    width: 100%;
    max-width: 568px;
    min-height: 750px;
    max-height: 1080px;
    height: 100%;
}

.modal-call .is-close-btn {
    position: absolute;
    top: 16px !important;
    right: 16px !important;
    opacity: 1 !important;
    background-color: transparent !important;
    background-image: url("../img/close-modal.svg");
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
    width: 20px;
    height: 20px;
}

.modal-call .is-close-btn svg {
    display: none;
}

.modal-call__inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    height: inherit;
}

.modal-call__left-column {
    position: relative;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    -ms-flex-item-align: stretch;
    -ms-grid-row-align: stretch;
    align-self: stretch;
}

.no-webp .modal-call__left-column::after {
    background-image: url("../img/modal-image-line.png");
}

.modal-call__left-column::after {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
    width: 100%;
    height: 150px;
    z-index: 1;
}

.modal-call__right-column {
    padding: 32px 64px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
}

.modal-call__right-column h2 {
    font-size: 28px;
    font-weight: 700;
    line-height: 1.2;
    color: rgb(57, 57, 57);
    margin: 0px 0px 32px 0px;
}

.modal-call__right-column p {
    margin: 0px 0px 32px 0px;
}

.modal-call__image-holder {
    height: 100%;
}

.modal-call__image-holder img {
    position: absolute;
    height: 100%;
    width: 100%;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    max-width: 100%;
    overflow: hidden;
    max-height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
}

.modal-call .form {
    margin: 0px 0px 32px 0px;
}

.modal-call .form__inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    row-gap: 16px;
}

.modal-call .form input[type=text],
.modal-call .form input[type=tel] {
    border: 2px solid rgba(0, 0, 0, 0.12);
    padding: 14px 16px 14px 38px;
    border-radius: 12px;
}

.modal-call .form .btn-full {
    font-size: 13px;
    font-weight: 400;
    letter-spacing: 0.26px;
    padding: 16px 26px;
}

.modal-call__social-box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-column-gap: 8px;
    -moz-column-gap: 8px;
    column-gap: 8px;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.modal-call__social-box p {
    text-transform: uppercase;
    color: rgb(105, 105, 105);
    font-size: 12px;
    letter-spacing: 0.24px;
    margin: 0px 0px 0px 0px;
}

.modal-call__social-box a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.modal-call .modal-phone-box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    margin: 0px 0px 24px 0px;
}

.modal-call .modal-phone-box__left-column {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 0px 24px 0px 46px;
}

.modal-call .modal-phone-box__left-column p {
    font-size: 12px;
    line-height: 1.4;
    letter-spacing: 0.24px;
    text-transform: uppercase;
    margin: 0px 0px 0px 0px;
    color: rgb(105, 105, 105);
}

.modal-call .modal-phone-box__right-column {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
}

.modal-call .modal-phone-box__right-column a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-column-gap: 8px;
    -moz-column-gap: 8px;
    column-gap: 8px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-weight: 700;
    color: rgb(57, 57, 57);
    font-size: 16px;
    line-height: 1.4;
}


.modal-perform {
    position: fixed;
    top: 0;
    right: 0;
    padding: 0;
    width: 100%;
    max-width: 568px;
    min-height: 750px;
    max-height: 1080px;
    height: 100%;
    overflow: auto;
    @media (min-width: 1200px) {
        position: relative;
        right: unset;
        top: unset;
        max-width: 1000px;
        height: auto;
        min-height: auto;
        max-height: none;
    }
}


.modal-perform .is-close-btn {
    position: absolute;
    top: 16px !important;
    right: 16px !important;
    opacity: 1 !important;
    background-color: rgb(229, 88, 40) !important;
    background-image: url("../img/close-modal.svg");
    background-position: center center;
    background-size: 20px 20px;
    background-repeat: no-repeat;
    width: 52px;
    height: 52px;
    border-radius: 0;
}

.modal-perform__inner {
    padding: 100px 16px 64px 16px;
    display: flex;
    flex-direction: column;
    row-gap: 24px;
    @media (min-width: 1200px) {
        row-gap: 48px;
        padding: 64px 32px 64px 32px;
    }
}

.modal-perform__title {
    font-size: 20px;
    line-height: 28px;
    font-weight: 700;
    position: relative;

    &::after {
        content: '';
        position: absolute;
        bottom: -12px;
        left: 0;
        width: 100%;
        height: 1px;
        background-color: rgb(229, 88, 40);
    }

    @media (min-width: 1200px) {
        font-size: 32px;
        line-height: 40px;
        &::after {
            bottom: -24px;
        }
    }
}

.modal-perform__content {
    display: flex;
    flex-direction: column;
    row-gap: 24px;
    @media (min-width: 1200px) {
        flex-direction: row;
        gap: 32px;
    }
}

.modal-perform__left-column {
    @media (min-width: 1200px) {
        width: 40%;
    }
}

.modal-perform__image-holder {
    img {
        width: 100%;
        height: 100%;
        object-fit: cover;
        border-radius: 8px;
    }

}

.modal-perform__right-column {
    @media (min-width: 1200px) {
        width: 60%;
        max-height: 400px;
        overflow: auto;
    }
}

.modal-perform__text-holder {
    @media (min-width: 1200px) {
        padding-right: 20px;
    }

    p {
        &:not(:last-child) {
            margin-bottom: 12px;
        }
    }

    ul {
        display: flex;
        flex-direction: column;
        row-gap: 8px;

        &:not(:last-child) {
            margin-bottom: 12px;
        }

        padding-left: 20px;

        li {
            list-style-type: disc;
        }
    }
}

::-webkit-scrollbar {
    width: 3px;
}

::-webkit-scrollbar-track {
    background: #f1f1f1;
}

::-webkit-scrollbar-thumb {
    background: #888;
    transition: background 0.4s;
}

::-webkit-scrollbar-thumb:hover {
    background: #555;
}

/*! -- Accordion styles----------------------------- */

.accordion {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    row-gap: 40px;
    width: 100%;
    max-width: 736px;
    position: relative;
}

.accordion__wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    row-gap: 15.5px;
}

.accordion__btn {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-column-gap: 16px;
    -moz-column-gap: 16px;
    column-gap: 16px;
    cursor: pointer;
    color: rgb(57, 57, 57);
    width: 100%;
    border: none;
    font-size: 24px;
    line-height: 140%;
    font-weight: 400;
    text-align: left;
    outline: none;
    -webkit-transition: all 0.2s;
    transition: all 0.2s;
    position: relative;
}

.accordion__btn svg {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    -webkit-transition: all 0.2s;
    transition: all 0.2s;
}

.accordion__btn svg path {
    -webkit-transition: all 0.2s;
    transition: all 0.2s;
}

.accordion__btn.active {
    color: rgb(229, 88, 40);
}

.accordion__btn.active svg {
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
}

.accordion__btn.active svg path {
    fill: rgb(229, 88, 40);
}

.accordion__btn.active::after {
    opacity: 0;
    visibility: hidden;
}

.accordion__text-holder {
    max-height: 1px;
    border-bottom: 1px solid rgb(186, 186, 186);
    overflow: hidden;
    -webkit-transition: max-height 0.2s ease-out;
    transition: max-height 0.2s ease-out;
}

.accordion__list {
    margin: -16px 0px 22px 0px;
}

.accordion__list li {
    font-size: 16px;
    line-height: 22px;
    font-weight: 300;
}

.accordion__text {
    font-size: 16px;
    line-height: 22px;
    font-weight: 300;
    margin: 0px 0px 16px;
}

/*! -- Scrollbar styles----------------------------- */

#scrollbar-reviews,
#scrollbar-stages {
    margin: 32px 0px 0px 0px;
    position: static;
    width: 100%;
    cursor: pointer;
    background-color: #FFFFFF;
    border-radius: 0;
}

#scrollbar-reviews .swiper-scrollbar-drag,
#scrollbar-stages .swiper-scrollbar-drag {
    background-color: rgb(229, 88, 40);
    border-radius: 0;
}

/*! -- Dropdown styles----------------------------- */

.dropdown {
    width: 100%;
    max-width: 303px;
    position: relative;
}

.dropdown__content {
    position: absolute;
    top: 72px;
    left: 0;
    right: 0;
    z-index: 1;
    display: none;
    padding: 8px 40px 24px;
    background-color: rgb(251, 251, 251);
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px;
}

.dropdown__phone-box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    margin: 0px 0px 24px 0px;
}

.dropdown__phone-box p {
    margin: 0px 0px 8px 0px;
    color: rgb(105, 105, 105);
    font-size: 12px;
    letter-spacing: 0.24px;
    text-transform: uppercase;
    text-align: center;
}

.dropdown__phone-box a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    text-align: center;
    -webkit-column-gap: 8px;
    -moz-column-gap: 8px;
    column-gap: 8px;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    color: rgb(57, 57, 57);
    font-size: 16px;
    font-weight: 700;
    line-height: 1.4;
}

.dropdown .btn-full {
    color: rgb(251, 251, 251);
    font-size: 13px;
    font-weight: 400;
    line-height: 1.4;
    letter-spacing: 0.26px;
    text-transform: uppercase;
}

.dropdown__social {
    margin: 24px 0px 0px 0px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-column-gap: 8px;
    -moz-column-gap: 8px;
    column-gap: 8px;
}

.dropdown__social a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.dropdown__social p {
    color: rgb(105, 105, 105);
    font-size: 12px;
    letter-spacing: 0.24px;
    text-transform: uppercase;
}

/*! -- Header styles----------------------------- */

.header {
    position: fixed;
    top: 0;
    left: 0;
    height: 42px;
    width: 100%;
    z-index: 10;
    background-color: rgb(251, 251, 251);
}

.header__container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    height: inherit;
    background-color: rgb(251, 251, 251);
}

.header__container.container {
    max-width: 100%;
    padding: 0;
}

.header__logo-mobile {
    display: none;
}

.header__menu {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 100%;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.header__list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-column-gap: 48px;
    -moz-column-gap: 48px;
    column-gap: 48px;
}

.header__link {
    position: relative;
    padding: 4px 0px;
    color: rgb(57, 57, 57);
    font-size: 13px;
    line-height: 1.4;
    font-weight: 400;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
    border-radius: 4px;
    border: 3px solid transparent;
    text-transform: uppercase;
}

.header__link:hover {
    color: rgb(192, 58, 11);
}

.header__link:focus {
    color: rgb(192, 58, 11);
    outline: none;
}

.header__link:active {
    color: rgb(229, 88, 40);
}

.header__link.blocked {
    color: rgb(131, 131, 131);
    outline: none;
    pointer-events: none;
}

.header__logo {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.header .menu-item {
    position: relative;
}

.header .menu-item::after {
    content: "";
    position: absolute;
    top: 0;
    right: -24px;
    background-color: rgb(158, 158, 158);
    width: 1px;
    height: 100%;
    z-index: 1;
}

.header .menu-item:last-child::after {
    display: none;
}

.header .dropdown {
    display: none;
}

.header__menu > .header-menu__footer {
    display: none;
}

.header .overlay {
    display: none;
}

.header__burger {
    display: none;
}

#send_popup svg {
    width: 16px;
    height: 16px;
}

#form_open svg {
    width: 18px;
    height: 18px;
    transform: translateY(-1px);
}

.dropdown__content .btn-full {
    flex-direction: row-reverse;
}

.dropdown__content .btn-full svg {
    width: 16px;
    height: 16px;
}

/*! -- Hero styles----------------------------- */

.no-webp .hero {
    background-image: url(../img/hero-img.jpg);
}

.no-webp .hero.hero-ventilation {
    background-image: url(../img/hero-ventilation.jpg);
}

.hero {
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
    width: 100%;
    height: 100%;
    min-height: 850px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    @media (min-width: 1199px){
        /* padding-top: 100px; */
    }
}

.hero__message .btn-full svg {
    width: 20px;
    height: 20px;
}

.no-webp .hero--success {
    background-image: url("../img/hero-success-bg.jpg");
}

.hero--success .hero__svg-holder {
    margin: 0px 0px 128px 0px;
}

.hero--success .hero__inner {
    -webkit-box-pack: unset;
    -ms-flex-pack: unset;
    justify-content: unset;
}

.hero__text-holder {
    padding-right: 15px;
}

.hero--success .hero__text-holder {
    margin-bottom: 24px;
}

.hero__image-holder {
    display: none;
}

.hero__container {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
}

.hero__container.container {
    padding: 0;
    max-width: 100%;
}

.hero__left-column {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    width: 100%;
    max-width: 1067px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    background: rgba(251, 251, 251, 0.7);
    -webkit-backdrop-filter: blur(12px);
    backdrop-filter: blur(12px);
}

.hero__right-column {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    width: 100%;
    max-width: 853px;
}

.hero__inner {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    max-width: 707px;
    min-width: 707px;
    margin-left: auto;
    padding: 80px 0px 63px 42px;
}

.hero__header {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.hero__svg-holder {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-column-gap: 8px;
    -moz-column-gap: 8px;
    column-gap: 8px;
}

.hero__svg-holder a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.hero__svg-holder p {
    color: rgb(22, 22, 22);
}

.hero .dropdown-main-link {
    color: rgb(57, 57, 57);
    font-size: 20px;
    font-weight: 700;
    line-height: 1.2;
    text-transform: uppercase;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-column-gap: 8px;
    -moz-column-gap: 8px;
    column-gap: 8px;
    padding: 24px 40px;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
}

.hero__title {
    font-size: 68px;
    line-height: 60px;
    font-weight: 700;
    margin: 0 0 16px 0;
}

.hero__subtitle {
    font-size: 48px;
    line-height: 1;
    margin: 0 0 64px 0;
}

.hero__text-holder p {
    font-size: 24px;
}

.hero__message {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    flex-direction: column;
    gap: 24px;
}

.hero__message .btn-full {
    width: fit-content;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: 16px;
    line-height: 1.4;
    font-weight: 400;
    letter-spacing: 0.32px;
    padding: 24px 16px;
}

.hero-message {
    max-width: 352px;
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-column-gap: 16px;
    -moz-column-gap: 16px;
    column-gap: 16px;
}

.hero-message__image-holder {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    width: 60px;
    height: 60px;
    position: relative;
}

.hero-message__image-holder img {
    border-radius: 50%;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
}

.hero-message__number {
    width: 20px;
    height: 20px;
    position: absolute;
    top: 0;
    left: 0;
    border-radius: 50%;
    background-color: #4EB625;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    color: rgb(251, 251, 251);
    font-size: 10px;
    font-weight: 600;
    line-height: 12px;
}

.hero-message p {
    font-size: 16px;
    line-height: 22px;
}

.hero-message p span {
    font-style: italic;
    color: rgb(229, 88, 40);
}

.hero .hero-logo {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-column-gap: 64px;
    -moz-column-gap: 64px;
    column-gap: 64px;
}

.hero .hero-logo--mobile {
    display: none;
}

.hero .hero-logo__svg-holder {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    position: relative;
    height: 35px;
    width: 100%;
    max-width: 150px;
}

.hero .hero-logo__svg-holder svg {
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%);
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    opacity: 0.4;
    mix-blend-mode: luminosity;
}

.hero .hero-logo__svg-holder::after {
    content: "";
    position: absolute;
    top: 0;
    right: -32px;
    background-color: rgb(158, 158, 158);
    height: 100%;
    width: 2px;
}

.hero .hero-logo__svg-holder:last-child::after {
    display: none;
}

.factoid {
    padding: 64px 0;
    background: var(--Dark-50, #FBFBFB);
}

.factoid__items {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-column-gap: 24px;
    -moz-column-gap: 24px;
    column-gap: 24px;
}

.factoid .advantages-card {
    width: 100%;
    max-width: 356px;
    min-height: 268px;
    border-radius: 24px;
    background: var(--Dark-0, #FFFFFF);
}

.factoid .advantages-card:nth-child(odd) {
    background: var(--Dark-0, #FFFFFF);
}

.factoid .advantages-card__inner {
    padding: 0 32px;
}

/*! -- Tabs styles----------------------------- */

.tabs__container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-column-gap: 24px;
    -moz-column-gap: 24px;
    column-gap: 24px;
}

.tabs__container.container {
    width: 100%;
    max-width: 100%;
    padding: 0;
}

.tabs__left-column {
    width: 50%;
    max-width: 100%;
}

.tabs__right-column {
    width: 50%;
    max-width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    padding: 192px 0px 0px 0px;
}

.tabs__right-column h2 {
    margin: 0px 0px 64px 0px;
}

.tabs__right-column h3 {
    font-size: 28px;
    font-weight: 700;
    line-height: 1.2;
    margin: 0px 0px 32px 0px;
}

.tabs__right-column p span {
    color: rgb(229, 88, 40);
    font-style: italic;
}

.tabs__inner {
    width: 100%;
    max-width: 546px;
}

.tabs__image-holder {
    position: relative;
    height: 850px;
}

.tabs__image-holder img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
}

.tabs__image-holder::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
    background: radial-gradient(70.3% 58.41% at 36.68% 52.66%, rgba(251, 251, 251, 0) 0%, #fbfbfb 83%);
}

.tab {
    overflow: hidden;
    margin: 0px 0px 64px 0px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: 16px;
}

.tab button {
    background-color: inherit;
    float: left;
    cursor: pointer;
    padding: 8px 8px 8px 16px;
    -webkit-transition: 0.3s;
    transition: 0.3s;
    border-radius: 12px;
    font-size: 13px;
    font-weight: 400;
    line-height: 1.4;
    text-transform: uppercase;
    letter-spacing: 0.26px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-column-gap: 12px;
    -moz-column-gap: 12px;
    column-gap: 12px;
    background-color: rgb(214, 214, 214);
    color: rgb(131, 131, 131);
    border: none;
    outline: none;
}

.tab button span {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 40px;
    height: 40px;
    background-color: #FFFFFF;
    border-radius: 8px;
}

.tab button:hover {
    background-color: rgb(250, 120, 74);
    color: #FFFFFF;
    outline: none;
    border: none;
}

.tab button:hover svg path {
    fill: rgb(229, 88, 40);
}

.tab button:focus {
    outline: none;
    border: none;
}

.tab button.active {
    background-color: rgb(229, 88, 40);
    color: #FFFFFF;
    outline: none;
    border: none;
}

.tab button.active svg path {
    fill: rgb(229, 88, 40);
}

.tabcontent {
    display: none;
}

.tabcontent {
    -webkit-animation: fadeEffect 1s;
    animation: fadeEffect 1s;
}

@-webkit-keyframes fadeEffect {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

@keyframes fadeEffect {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

/*! -- Benefits styles----------------------------- */

.no-webp .benefits {
    background-image: url("../img/benefits-bg.jpg");
}

.benefits {
    padding: 137px 0px 117px;
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
    width: 100%;
    height: 100%;
}

.benefits .swiper-wrapper {
    justify-content: space-between;
}

.benefits__container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-column-gap: 24px;
    -moz-column-gap: 24px;
    column-gap: 24px;
}

.benefits__left-column {
    width: 100%;
    max-width: 864px;
    flex-shrink: 0;
}

.benefits__right-column {
    width: calc(100% - 831px);
}

.benefits__image-holder {
    position: relative;
}

.no-webp .benefits__image-holder::before {
    background-image: url("../img/benefits-img-vector.png");
}

.benefits__image-holder::before {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
    width: 403px;
    height: 59px;
    -webkit-filter: blur(9px);
    filter: blur(9px);
    z-index: 1;
}

.benefits__image-holder img {
    position: relative;
    z-index: 2;
}

.benefits__header {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    row-gap: 32px;
    margin: 89px 0px 104.5px 0px;
}

.benefits__text {
    font-size: 24px;
}

.benefits__slider {
    overflow: hidden;
}

.benefits-slide {
    width: 100%;
    max-width: 275px;
    min-height: auto;
}

.benefits-slide__inner {
    padding: 14px 16px;
    border: 1px solid rgb(214, 214, 214);
    border-radius: 24px;
    background: #FFFFFF;
    min-height: 264px;
    height: 100%;
}

.benefits-slide__header {
    margin: 0px 0px 24px 0px;
    padding: 8px 16px;
    border-radius: 54px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-column-gap: 8px;
    -moz-column-gap: 8px;
    column-gap: 8px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.benefits-slide__header.blue {
    background-color: #6EA9CB;
}

.benefits-slide__header.brown {
    background-color: #BC9683;
}

.benefits-slide__header.orange {
    background-color: #F09654;
}

.benefits-slide__header.green {
    background-color: #60B7B2;
}

.benefits-slide__header.purple {
    background-color: #A38DBF;
}

.benefits-slide__header.pink {
    background-color: #BF6CB2;
}

.benefits-slide__header h3 {
    color: #FFFFFF;
    font-size: 13px;
    font-weight: 700;
    letter-spacing: 0.28px;
}

.benefits-slide .content-inner {
    max-height: 122px;
    overflow: hidden;
    -webkit-transition: max-height 0.25s ease;
    transition: max-height 0.25s ease;
}

.benefits-slide .content-full p {
    font-size: 18px;
    line-height: 1.4;
}

.benefits-slide .read-more {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-column-gap: 8px;
    -moz-column-gap: 8px;
    column-gap: 8px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background-color: transparent;
    color: #5D9EFF;
    text-transform: uppercase;
    font-size: 13px;
    letter-spacing: 0.26px;
    padding: 3.5px 0px;
    margin-left: auto;
}

.benefits-slide .read-more.show svg {
    -webkit-transform: rotate(-180deg);
    -ms-transform: rotate(-180deg);
    transform: rotate(-180deg);
}

.benefits-bullets .swiper-pagination-bullet {
    background-color: #000000;
}

/*! -- Timeline styles----------------------------- */

.timeline {
    background-color: rgb(251, 251, 251);
    overflow: hidden;
}

.timeline-card .timeline-card__image-holder {
    img {
        width: 100%;
        height: 100%;
        object-fit: cover;
    }
}

.timeline:hover .timeline-card {
    -webkit-transform: translateY(0%);
    -ms-transform: translateY(0%);
    transform: translateY(0%);
}

.timeline__container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
}

.timeline__container.container {
    max-width: 100%;
    padding: 0;
}

.timeline__inner {
    width: 100%;
    max-width: 641px;
    position: absolute;
    top: 128px;
    right: -72px;
    z-index: 5;
}

.timeline__left-column {
    padding: 126.5px 0px;
    width: 972px;
    position: relative;
}

.timeline__right-column {
    position: relative;
    width: 948px;
    min-height: 1124px;
}

.timeline__right-column::after {
    content: "";
    position: absolute;
    top: 0;
    left: -2px;
    width: 100%;
    height: 101%;
    z-index: 1;
    background: -webkit-gradient(linear, right top, left top, color-stop(50%, rgba(251, 251, 251, 0)), color-stop(92%, #FBFBFB));
    background: linear-gradient(270deg, rgba(251, 251, 251, 0) 50%, #FBFBFB 92%);
}

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

.timeline__video-holder {
    height: 100%;
    width: 100%;
}

.timeline__title {
    margin: 0px 0px 64px 0px;
}

.timeline__items {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    row-gap: 48px;
    position: relative;
}

.timeline__items::before {
    content: "";
    position: absolute;
    top: 50%;
    left: 11px;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    background-image: url("../img/timeline-icon.svg");
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
    height: 100%;
    width: 2px;
    z-index: 1;
}

.timeline__item {
    position: relative;
    padding-left: 71px;
}

.timeline__item::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    background-image: url("../img/dot-icon.svg");
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
    width: 24px;
    height: 24px;
    z-index: 2;
}

.timeline__item h3 {
    font-size: 20px;
    font-weight: 700;
    line-height: 1.2;
    text-transform: uppercase;
    margin: 0px 0px 24px 0px;
}

.timeline__item a {
    line-height: 22px;
    color: #5D9EFF;
}

.timeline__item a span {
    color: rgb(57, 57, 57);
}

.timeline__item p {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-size: 16px;
}

.timeline__item a {
    font-size: 16px;
    text-transform: none;
}

.timeline__item .badge {
    margin: 24px 0px 0px 0px;
}

.timeline__item .badge + .badge {
    display: none;
}

.timeline-card {
    position: absolute;
    bottom: 16px;
    left: 128px;
    -webkit-transform: translateY(calc(100% + 16px));
    -ms-transform: translateY(calc(100% + 16px));
    transform: translateY(calc(100% + 16px));
    padding: 16px 16px 24px;
    width: 100%;
    max-width: 356px;
    border-radius: 24px;
    border: 1px solid rgb(214, 214, 214);
    background: #FFFFFF;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    row-gap: 24px;
    -webkit-transition: all 0.5s ease 0s;
    transition: all 0.5s ease 0s;
    z-index: 5;
}

.timeline-card__logo {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-column-gap: 32px;
    -moz-column-gap: 32px;
    column-gap: 32px;
}

.timeline-card__svg-holder {
    position: relative;
    height: 15px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.timeline-card__svg-holder svg {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
}

.timeline-card__svg-holder::after {
    content: "";
    position: absolute;
    top: 0;
    right: -16px;
    height: 100%;
    width: 2px;
    background-color: rgb(158, 158, 158);
}

.timeline-card__svg-holder:last-child::after {
    display: none;
}

.timeline-card .badge {
    width: 100%;
}

.timeline-card p {
    color: #282828;
}

.timeline-card p span {
    color: rgb(229, 88, 40);
    font-weight: 700;
}

/*! -- Perform styles----------------------------- */

.perform .content-inner, .perform .read-more {
    display: none;
}

.perform__slide {
    min-height: auto !important;
}

.perform {
    padding: 128px 0;
}

.perform__container {
    display: flex;
    flex-direction: column;
    row-gap: 64px;
}

.perform__header {
    display: flex;
    flex-direction: column;
    row-gap: 24px;
}

.perform__btn {
    border-radius: 0;
    width: 100%;
    justify-content: center;
}

.perform__text-holder {
    font-size: 16px;
    font-weight: 400;

    p {
        &:not(:last-child) {
            margin-bottom: 12px;
        }
    }
}

.perform__title {
    font-size: 40px;
    font-weight: 700;
    line-height: 1;
}

.perform-slider {
    overflow: visible;
}

.perform__wrapper {
    align-items: stretch;
}

.perform__slide {
    height: auto;
    min-height: 580px;
}

.perform__slide.show {
    height: 100%;
    min-height: 580px;
}

.perform-slide__inner {
    display: flex;
    flex-direction: column;
    row-gap: 24px;
    height: 100%;
    padding: 24px;
    background: #fff;
    min-height: inherit;
}


.perform__slide .content-inner {
    max-height: 122px;
    overflow: hidden;
    transition: max-height 0.25s ease;
}

.perform__slide .read-more {
    margin-top: auto;
    margin-left: auto;
    color: #fff;
    align-items: center;
    column-gap: 8px;
}

.perform__slide .read-more {
    svg {
        path {
            fill: #fff;
        }
    }
}

.perform__slide .read-more.show {
    svg {
        transform: rotate(-180deg);
    }
}

.slider-perform__image-holder {
    max-width: 100%;

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

.slider-perform__title {
    font-weight: 600;
}


.perform-slider__nav {
    position: absolute;
    bottom: -130px;
    left: 0;
    height: 48px;
    width: 100%;
    display: flex;
    justify-content: center;
    column-gap: 16px;

    .swiper-button-prev, .swiper-button-next {
        background-color: rgb(229, 88, 40);
        color: #fff;
        font-size: 24px;
        padding: 0;
        width: 48px;
        height: 48px;
        display: flex;
        align-items: center;
        justify-content: center;
        margin-top: 0;
        position: static;
        transition: background 0.4s;
    }

    .swiper-button-prev:hover, .swiper-button-next:hover {
        background-color: rgb(153, 38, 0);
    }

    .swiper-button-prev::after, .swiper-button-next::after {
        font-size: 18px;
    }

}

@media (max-width: 1200px) {
    .perform-slide__inner {
        row-gap: 16px;
        padding: 16px;
    }

    .perform__container {
        row-gap: 32px;
    }

    .perform__container.container {
        padding: 0 16px;
    }

    .perform__title {
        font-size: 28px;
    }

}

/*! -- Strengths styles----------------------------- */
.strengths {
    padding: 128px 0;
    max-width: 1920px;
    margin: 0 auto;
}

.strengths__container {
    display: flex;
    flex-direction: column;
    row-gap: 64px;
}

.strengths__container.container {
    max-width: 100%;
    padding: 0;
}

.strengths__title {
    font-size: 40px;
    font-weight: 700;
    line-height: 1;
    width: 100%;
    max-width: 1180px;
    margin: 0 auto;
    padding: 0 32px;
}

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


.item-strengths {
    min-height: 450px;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
    padding: 64px 32px 32px 32px;
    row-gap: 32px;
    color: #393939;
    min-width: 385px;
    width: 25%;
    flex: 1 0 0;
    transition: background 0.4s, color 0.4s;
}

.item-strengths--gray:nth-child(1), .item-strengths--gray:nth-child(3), .item-strengths--gray:nth-child(6), .item-strengths--gray:nth-child(8) {
    background: #D6D6D6;
}


.item-strengths__svg-holder {
    border-radius: 50%;
    border: 3px solid #393939;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    max-width: 64px;
    height: 64px;
    transition: border 0.4s;

    svg {
        width: 100%;
        max-width: 32px;
        object-fit: cover;

        path {
            transition: fill 0.4s;
        }
    }
}

.item-strengths__title {
    text-align: center;
    font-size: 20px;
    font-weight: 700;
    line-height: 1.2;
    text-transform: uppercase;
}

.item-strengths__text-holder {
    text-align: center;
    font-size: 18px;
    font-weight: 400;
    line-height: 1.4;
}

@media (min-width: 1200px) {
    .item-strengths:hover {
        background: #393939;
        color: #FBFBFB;
        text-align: center;
    }

    .item-strengths:hover .item-strengths__svg-holder {
        border-color: #FBFBFB;
    }

    .item-strengths:hover .item-strengths__svg-holder svg {
        path {
            fill: #FBFBFB;;
        }
    }

}

@media (max-width: 1539px) {
    .item-strengths {
        width: 50%;
        flex: none;
    }

    .item-strengths--gray:nth-child(1), .item-strengths--gray:nth-child(4), .item-strengths--gray:nth-child(5), .item-strengths--gray:nth-child(8) {
        background: #D6D6D6;
    }

    .item-strengths--gray:nth-child(3), .item-strengths--gray:nth-child(6) {
        background: unset;
    }
}

@media (max-width: 1200px) {
    .strengths__title {
        font-size: 28px;
    }
}

@media (max-width: 769px) {
    .item-strengths {
        width: 100%;
        min-width: auto;
    }

    .item-strengths--gray:nth-child(even) {
        background: unset;
    }

    .item-strengths--gray:nth-child(odd) {
        background: #D6D6D6;
    }

    .item-strengths__title {
        font-size: 14px;
        line-height: 1.4;
        letter-spacing: 0.28px;
    }

    .item-strengths__text-holder {
        font-size: 16px;
    }
}

/*! -- CTA styles----------------------------- */

.cta {
    padding: 128px 0px;
    background-color: rgb(251, 251, 251);
}

.cta__container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-column-gap: 119px;
    -moz-column-gap: 119px;
    column-gap: 119px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    max-width: 1520px;
}

.cta__right-column {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    row-gap: 64px;
}

.cta__text {
    font-size: 24px;
}

.cta__buttons-box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    gap: 16px;
}

.cta__buttons-box .btn-outline {
    font-size: 16px;
}

.cta__buttons-box .btn-full {
    font-weight: 400;
}

.cta__image-holder img {
    mix-blend-mode: darken;
}

/*! -- Advantages styles----------------------------- */

.advantages__container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.advantages__container.container {
    max-width: 100%;
    padding: 0;
}

.advantages-card {
    position: relative;
    width: 33.333%;
    min-height: 600px;
    overflow: hidden;
    -webkit-transition: all 0.5s ease 0s;
    transition: all 0.5s ease 0s;
}

.advantages-card__inner {
    position: relative;
    padding: 32px;
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    text-align: center;
}

.advantages-card__title {
    -webkit-transform: translateY(100%);
    -ms-transform: translateY(100%);
    transform: translateY(100%);
    -webkit-transition: -webkit-transform 0.5s ease 0s;
    transition: -webkit-transform 0.5s ease 0s;
    transition: transform 0.5s ease 0s;
    transition: transform 0.5s ease 0s, -webkit-transform 0.5s ease 0s;
    text-transform: uppercase;
    font-size: 20px;
    line-height: 1.2;
    margin: 0px 0px 32px 0px;
}

.advantages-card:nth-child(odd) {
    background: rgb(214, 214, 214);
}

.advantages-card__svg-holder {
    width: 64px;
    height: 64px;
    border-radius: 50%;
    border: 3px solid rgb(57, 57, 57);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-transform: translateY(0%);
    -ms-transform: translateY(0%);
    transform: translateY(0%);
    -webkit-animation: fastAnimation 0.2s ease 0s;
    animation: fastAnimation 0.2s ease 0s;
}

.advantages-card__text {
    color: rgb(251, 251, 251);
    display: none;
}

.advantages-card__svg-click {
    display: none;
}

@-webkit-keyframes fastAnimation {
    0% {
        -webkit-transform: translateY(-1000%);
        transform: translateY(-1000%);
    }

    100% {
        -webkit-transform: translateY(0%);
        transform: translateY(0%);
    }
}

@keyframes fastAnimation {
    0% {
        -webkit-transform: translateY(-1000%);
        transform: translateY(-1000%);
    }

    100% {
        -webkit-transform: translateY(0%);
        transform: translateY(0%);
    }
}

@-webkit-keyframes slowAnimation {
    0% {
        -webkit-transform: translateY(0%);
        transform: translateY(0%);
    }

    100% {
        -webkit-transform: translateY(-1000%);
        transform: translateY(-1000%);
    }
}

@keyframes slowAnimation {
    0% {
        -webkit-transform: translateY(0%);
        transform: translateY(0%);
    }

    100% {
        -webkit-transform: translateY(-1000%);
        transform: translateY(-1000%);
    }
}

/*! -- CTA-additionally styles----------------------------- */

.cta-additionally__container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
}

.cta-additionally__column {
    width: 33.333%;
}

.cta-additionally__column-content {
    min-width: 640px;
    background: rgb(251, 251, 251);
    -webkit-backdrop-filter: blur(10.5px);
    backdrop-filter: blur(10.5px);
}

.cta-additionally__column-content p {
    margin: 0px 0px 40px 0px;
}

.cta-additionally__column-image {
    min-width: 280px;
}

.cta-additionally__image-holder {
    height: 600px;
}

.cta-additionally__image-holder img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center;
    object-position: center;
}

.cta-additionally__inner {
    padding: 62px 64px;
    height: 100%;
}

.cta-additionally .badge {
    margin: 0px 0px 40px 0px;
}

.cta-additionally__title {
    margin: 0px 0px 40px 0px;
}

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

/*! -- Logo styles----------------------------- */

.logo {
    background-color: rgb(251, 251, 251);
    padding: 265px 0px;
}

.logo-ventilation {
    padding: 60px 0 100px;
}

.logo__title {
    font-size: 40px;
    font-weight: 700;
    line-height: 1;
}

@media (max-width: 1200px) {
    .logo__title {
        font-size: 28px;
    }
}

.logo__container {
    display: flex;
    flex-direction: column;
    row-gap: 64px;
}

.logo__rows {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    border-bottom: 1px solid rgb(214, 214, 214);
}

.logo__rows:last-child {
    border-bottom: none;
}

.logo__items {
    display: none;
}

.logo__item {
    width: 25%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    border-right: 1px solid rgb(214, 214, 214);
    min-height: 140px;
}

.logo__item:last-of-type {
    border-right: none;
}

.logo__svg-holder {
    height: 35px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.logo__svg-holder svg {
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%);
    width: 100%;
    height: 100%;
    -o-object-fit: contain;
    object-fit: contain;
    opacity: 0.4;
    mix-blend-mode: luminosity;
}

/*! -- Works styles----------------------------- */
.works {
    padding: 0 0 128px;
}

.works__container {
    display: flex;
    flex-direction: column;
    row-gap: 64px;
}

.works__title {
    font-size: 40px;
    font-weight: 700;
    line-height: 1;
}

@media (max-width: 1200px) {
    .works__title {
        font-size: 28px;
    }
}


.works-slider {
    overflow: visible;
}

.slide-works {
    width: 100%;
    max-width: 534px;
    display: flex;
    flex-direction: column;
    row-gap: 16px;
    outline: none;
}

.slide-works:focus {
    outline: none;
}

.slide-works__image-holder {
    width: 100%;
    height: 500px;

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

.slide-works__title {
    font-size: 20px;
    font-weight: 700;
    line-height: 1.2;
    text-transform: uppercase;
    color: #393939;
    text-align: center;
}

.slider-works__nav {
    position: absolute;
    bottom: -75px;
    left: 0;
    height: 48px;
    width: 100%;
    display: flex;
    justify-content: center;
    column-gap: 16px;

    .swiper-button-prev, .swiper-button-next {
        background-color: rgb(229, 88, 40);
        color: #fff;
        font-size: 24px;
        padding: 0;
        width: 48px;
        height: 48px;
        display: flex;
        align-items: center;
        justify-content: center;
        margin-top: 0;
        position: static;
        transition: background 0.4s;
    }

    .swiper-button-next:hover, .swiper-button-prev:hover {
        background-color: rgb(153, 38, 0);
    }

    .swiper-button-prev:after {
        font-size: 18px;
    }

    .swiper-button-next:after {
        font-size: 18px;
    }
}

@media (max-width: 1199px) {
    .main-block {
        width: 80px;
        height: 80px;
        right: 15px;
    }

    .circle {
        right: 0;
    }

    .works__slider {
        width: 100%;
    }

    .slide-works {
        max-width: 360px;
    }

    .slide-works__image-holder {
        height: 400px;

    }

}

/*! -- Reviews styles----------------------------- */

.reviews {
    padding: 128px 0px 256px;
    position: relative;
    z-index: 4;
    background-color: rgb(57, 57, 57);
}

.reviews__container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    row-gap: 64px;
}

.reviews__title {
    color: rgb(251, 251, 251);
}

.reviews__text {
    margin: 0px 0px 32px 0px;
}

.reviews-slider {
    cursor: -webkit-grab;
    cursor: grab;
}

.reviews-slide {
    width: 356px;
    min-height: auto;
}

.reviews-slide__inner {
    padding: 32px;
    background-color: #FFFFFF;
    border-radius: 24px;
    min-height: 308px;
    height: 100%;
}

.reviews-slide__header h3 {
    font-size: 24px;
    font-weight: 400;
    line-height: 1.4;
    margin: 0px 0px 24px 0px;
}

.reviews-slide .content-inner {
    max-height: 110px;
    overflow: hidden;
    -webkit-transition: max-height 0.25s ease;
    transition: max-height 0.25s ease;
}

.reviews-slide .content-full p {
    font-size: 16px;
    line-height: 22px;
}

.read-more {
    margin: 24px 0px 0px 0px;
    padding: 16px;
    background-color: rgb(229, 88, 40);
    border-radius: 12px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    cursor: pointer;
}

.read-more svg {
    pointer-events: none;
}

.read-more.show svg {
    -webkit-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    transform: rotate(-90deg);
}

/*! -- Footer styles----------------------------- */

.footer {
    position: relative;
    padding: 64px 0px;
    background-color: rgb(22, 22, 22);
}

.footer__shapoval-link {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: absolute;
    bottom: 0;
    right: 0;
}

.footer__container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    row-gap: 128px;
}

.footer__upper-row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    position: relative;
}

.footer__upper-row::after {
    content: "";
    position: absolute;
    bottom: -64px;
    left: 0;
    width: 100%;
    height: 2px;
    background-color: #FFFFFF;
    opacity: 0.05;
}

.footer__upper-right {
    max-width: 451px;
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
}

.footer__upper-right p {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-column-gap: 8px;
    -moz-column-gap: 8px;
    column-gap: 8px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin: 0px 0px 16px 0px;
    color: rgb(251, 251, 251);
}

.footer__upper-right .link {
    margin-bottom: 16px;
    align-items: flex-start;
}

.footer__upper-right .link svg {
    width: 16px;
    height: 16px;
}

.work-schedule p {
    font-size: 13px;
    color: rgb(158, 158, 158);
    letter-spacing: 0.26px;
    text-transform: uppercase;
    margin: 0;
}

.footer__upper-right .btn-full {
    font-size: 13px;
    font-weight: 400;
    line-height: 20px;
    letter-spacing: 0.26px;
    margin: 64px 0px 0px 0px;
}

.footer__upper-left {
    width: 100%;
    max-width: 236px;
}

.footer__upper-left p {
    color: rgb(251, 251, 251);
}

.footer .logo-plus {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin: 0px 0px 32px 0px;
}

.footer .subtitle {
    font-size: 28px;
    font-weight: 700;
    line-height: 1.2;
    color: rgb(251, 251, 251);
    margin: 0px 0px 16px 0px;
}

.footer__lower-row {
    text-align: center;
}

.footer__lower-row p {
    font-size: 13px;
    color: rgb(158, 158, 158);
    letter-spacing: 0.26px;
    text-transform: uppercase;
    margin: 0px 0px 32px 0px;
}

.footer__phone-links {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-column-gap: 48px;
    -moz-column-gap: 48px;
    column-gap: 48px;
    margin: 0px 0px 32px 0px;
}

.footer__phone-links a {
    color: rgb(251, 251, 251);
    font-size: 20px;
    font-weight: 700;
    line-height: 1.2;
    text-transform: uppercase;
}

.footer__social-links {
    margin: 64px 0px 0px 0px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-column-gap: 16px;
    -moz-column-gap: 16px;
    column-gap: 16px;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.footer__social-links a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.footer__social-links a svg path {
    fill: rgb(229, 88, 40);
}

.footer__email {
    color: rgb(251, 251, 251);
    font-size: 18px;
    font-weight: 400;
    line-height: 1.4;
}


.webp .modal-call__left-column::after {
    background-image: url(../img/modal-image-line.webp);
}

.webp .hero {
    background-image: url(../img/hero-img.jpg);
}

.webp .hero.hero-ventilation {
    background-image: url(../img/hero-ventilation.jpg);
}

.webp .hero--success {
    background-image: url(../img/hero-success-bg.webp);
}

.webp .benefits {
    background-image: url(../img/benefits-bg.webp);
}

.webp .benefits__image-holder::before {
    background-image: url(../img/benefits-img-vector.webp);
}

@media (any-hover: hover) and (min-width: 1200px) {
    .dropdown:hover {
        background-color: rgb(251, 251, 251);
        -webkit-box-shadow: 0px 0px 16px 0px rgba(0, 0, 0, 0.15);
        box-shadow: 0px 0px 16px 0px rgba(0, 0, 0, 0.15);
    }

    .dropdown:hover .dropdown-main-link {
        background-color: rgb(251, 251, 251);
    }

    .dropdown:hover .dropdown-main-link svg {
        -webkit-transform: rotate(180deg);
        -ms-transform: rotate(180deg);
        transform: rotate(180deg);
    }

    .dropdown:hover .dropdown__content {
        display: block;
        -webkit-box-shadow: 0px 0px 16px 0px rgba(0, 0, 0, 0.15);
        box-shadow: 0px 0px 16px 0px rgba(0, 0, 0, 0.15);
    }

    .dropdown:hover .dropdown__content::before {
        content: "";
        position: absolute;
        top: -15px;
        left: 0;
        width: 100%;
        height: 18px;
        background-color: rgb(251, 251, 251);
    }
}

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

    .title {
        font-size: 28px;
    }

    .subtitle {
        font-size: 18px;
    }

    body.hide-scrollbar .header {
        padding-right: 0px;
    }

    body.hide-scrollbar .attention-modal {
        margin-right: 0px;
    }

    /*! -- Badge styles----------------------------- */
    .badge__inner {
        padding: 4px 8px 4px 4px;
    }

    .badge__inner svg {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        width: 14px;
        height: 14px;
    }

    .badge__inner span {
        font-size: 10px;
        letter-spacing: 0.2px;
    }

    .attention-modal {
        max-width: 320px;
        padding: 16px;
    }

    .attention-modal__inner {
        padding: 40px 0px 0px;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-column-gap: 0px;
        -moz-column-gap: 0px;
        column-gap: 0px;
        row-gap: 16px;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
    }

    .attention-modal__inner::before {
        top: 8px;
        left: 0;
    }

    /*! -- Buttons styles----------------------------- */
    .btn-full {
        font-weight: 400;
    }

    .btn-full svg {
        width: 18px;
        height: 18px;
    }

    .btn-outline {
        font-weight: 400;
    }

    .btn-outline svg {
        width: 18px;
        height: 18px;
    }

    /*! -- Inputs styles----------------------------- */
    input[type=text],
    input[type=tel] {
        padding: 14px 16px 14px 38px;
    }

    /*! -- Modal styles----------------------------- */
    .modal-call {
        position: fixed;
        top: 0;
        right: 0;
        max-width: 256px;
        min-height: 600px;
        max-height: 812px;
    }

    .modal-call .form {
        margin: 0px 0px 0px 0px;
    }

    .modal-call__right-column {
        padding: 32px 16px;
    }

    .modal-call__right-column h2 {
        font-size: 20px;
        text-transform: uppercase;
        margin: 0px 0px 32px 0px;
    }

    .modal-call__right-column p {
        font-size: 16px;
    }

    .modal-call .modal-phone-box {
        display: none;
    }

    .modal-call__social-box {
        display: none;
    }

    /*! -- Accordion styles----------------------------- */
    .accordion {
        row-gap: 16px;
        max-width: 100%;
    }

    .accordion__btn {
        font-size: 16px;
        line-height: 22px;
        font-weight: 400;
        -webkit-column-gap: 8px;
        -moz-column-gap: 8px;
        column-gap: 8px;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
    }

    .accordion__btn svg {
        width: 16px;
        height: 16px;
    }

    .accordion__wrapper {
        row-gap: 15px;
    }

    .accordion__image-box {
        -webkit-column-gap: 0px;
        -moz-column-gap: 0px;
        column-gap: 0px;
        margin: 0 -8px 8px;
    }

    .accordion__text {
        font-size: 16px;
        line-height: 1.4;
        margin: 0px 0px 30px 0px;
    }

    .accordion__text:last-child {
        margin: 0px 0px 16px 0px;
    }

    .accordion__list {
        margin: -8px 0px 10px 0px;
    }

    .accordion__list li {
        font-size: 13px;
        line-height: 18px;
    }

    /*! -- Scrollbar styles----------------------------- */
    #scrollbar-reviews,
    #scrollbar-stages {
        margin: 32px 0px 0px 0px;
    }

    /*! -- Dropdown styles----------------------------- */
    .dropdown {
        background-color: rgb(251, 251, 251);
        padding: 16px 17.5px;
        max-width: 200px;
        width: 100%;
    }

    .dropdown-main-link {
        pointer-events: none;
        font-size: 14px;
        color: rgb(57, 57, 57);
        font-weight: 700;
        line-height: 1.4;
        letter-spacing: 0.25px;
    }

    .dropdown__social {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        row-gap: 8px;
    }

    .dropdown__social p {
        text-align: center;
        width: 100%;
        line-height: 8px;
    }

    .dropdown__svg-holder {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
    }

    .dropdown__inner {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-column-gap: 8px;
        -moz-column-gap: 8px;
        column-gap: 8px;
    }

    .dropdown .btn-full {
        width: 100%;
        padding: 16px 13.5px;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
    }

    .dropdown .btn-full svg {
        display: none;
    }

    .dropdown__phone-box p {
        text-align: center;
        margin: 0 auto;
        max-width: 100px;
        line-height: 1.4;
    }

    .dropdown__content {
        padding: 14.5px 8px 24px;
    }

    .dropdown.show {
        -webkit-box-shadow: 0px 0px 16px 0px rgba(0, 0, 0, 0.15);
        box-shadow: 0px 0px 16px 0px rgba(0, 0, 0, 0.15);
    }

    .dropdown.show .dropdown__content {
        display: block;
        -webkit-box-shadow: 0px 0px 16px 0px rgba(0, 0, 0, 0.15);
        box-shadow: 0px 0px 16px 0px rgba(0, 0, 0, 0.15);
        top: 52px;
    }

    .dropdown.show .dropdown__content::before {
        content: "";
        position: absolute;
        top: -20px;
        left: 0;
        width: 100%;
        height: 21px;
        background-color: rgb(251, 251, 251);
    }

    .dropdown.show .dropdown__svg-holder svg {
        -webkit-transform: rotate(180deg);
        -ms-transform: rotate(180deg);
        transform: rotate(180deg);
    }

    .dropdown.show .dropdown-main-link {
        pointer-events: all;
    }

    /*! -- Header styles----------------------------- */
    body.lock {
        overflow: hidden;
    }

    .header {
        position: static;
        height: auto;
        min-height: 65px;
        z-index: 150;
        overflow: visible;
        padding: 0 0px 32px 0px;
    }

    .header__left-column {
        -webkit-box-flex: 1;
        -ms-flex: 1;
        flex: 1;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-column-gap: 16px;
        -moz-column-gap: 16px;
        column-gap: 16px;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }

    .header .dropdown {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
    }

    .header__container {
        position: relative;
        -webkit-box-pack: unset;
        -ms-flex-pack: unset;
        justify-content: unset;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
    }

    .header__container.container {
        max-width: 100%;
        padding: 16px 32px 0;
    }

    .header__logo-mobile {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
    }

    .header__link {
        padding: 6px 8px;
        border: 0px;
        text-transform: uppercase;
    }

    .header__link:focus {
        border: 0px;
    }

    .header__menu {
        position: fixed;
        top: 0;
        right: -100%;
        width: 100%;
        max-width: 256px;
        height: 100%;
        background-color: rgb(251, 251, 251);
        -webkit-transition: all 0.3s ease 0s;
        transition: all 0.3s ease 0s;
        z-index: 150;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        padding: 100px 16px 32px;
        overflow-y: auto;
    }

    .header__menu .btn-full {
        margin: 24px 0px 92px 0px;
    }

    .header__list {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-column-gap: 0px;
        -moz-column-gap: 0px;
        column-gap: 0px;
        row-gap: 24px;
    }

    .header__list li {
        font-size: 16px;
        line-height: 30px;
        text-align: center;
    }

    .header .menu-item::after {
        display: none;
    }

    .header__container > .social {
        display: none;
    }

    /*.overlay {*/
    /*    display: none;*/
    /*    position: fixed;*/
    /*    top: 0;*/
    /*    left: 0;*/
    /*    width: 100%;*/
    /*    height: 100%;*/
    /*    background-color: rgba(0, 0, 0, 0.5);*/
    /*    z-index: 15;*/
    /*}*/

    .header__menu.active + .overlay {
        display: block;
    }

    .header__menu .header__logo {
        display: none;
    }

    .header__menu.active {
        right: 0;
        overflow-y: auto;
    }

    .header__menu.active .header__burger::before {
        background-image: url("../img/burger-close.svg");
    }

    .header__menu .header__burger {
        position: absolute;
        top: 0;
        right: 0;
        background-color: transparent;
    }

    .header__burger {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        row-gap: 2px;
        position: relative;
        width: 52px;
        height: 52px;
        background-color: rgb(229, 88, 40);
        border-radius: 12px;
        z-index: 3;
        -webkit-transition: all 0.3s ease 0s;
        transition: all 0.3s ease 0s;
        position: relative;
        cursor: pointer;
        margin-left: auto;
    }

    .header__burger::before {
        content: "";
        position: absolute;
        top: 50%;
        left: 50%;
        -webkit-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
        background-image: url("../img/burger.svg");
        background-position: center center;
        background-size: cover;
        background-repeat: no-repeat;
        width: 18px;
        height: 18px;
        z-index: 1;
    }

    .header__menu > .header-menu__footer {
        display: block;
    }

    .header__menu > .header-menu__footer .social {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        row-gap: 24px;
    }

    .header__menu > .header-menu__footer .social .logo {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
    }

    .header__menu > .header-menu__footer .social__phone-holder {
        text-align: center;
    }

    .header__menu > .header-menu__footer .social__phone-holder a {
        letter-spacing: -0.05em;
        font-weight: 400;
        font-size: 23px;
        line-height: 32px;
    }

    .header__menu > .header-menu__footer .social__address {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        row-gap: 8px;
    }

    .header__menu > .header-menu__footer .social__address p {
        font-size: 13px;
        font-weight: 300;
        line-height: 18px;
        text-align: center;
    }

    .header__menu > .header-menu__footer .social__address a {
        font-weight: 400;
        padding-left: 0;
        padding-right: 0;
    }

    .header__menu > .header-menu__footer .social__link {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
    }

    /*! -- Hero styles----------------------------- */
    .hero {
        background-color: rgb(251, 251, 251);
        min-height: 400px;
        background-image: unset !important;
    }

    .hero__container {
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-column-gap: 16px;
        -moz-column-gap: 16px;
        column-gap: 16px;
        row-gap: 64px;
    }

    .hero__header {
        display: none;
    }

    .hero__inner {
        width: 100%;
        max-width: unset;
        min-width: unset;
        padding: 0px 32px;
        row-gap: 64px;
    }

    .hero--success .hero__inner {
        row-gap: 0;
    }

    .hero__left-column {
        max-width: 100%;
        width: 50%;
        min-width: 256px;
        background-color: rgb(251, 251, 251);
        -webkit-backdrop-filter: unset;
        backdrop-filter: unset;
        padding: 10px 0px;
    }

    .hero__right-column {
        max-width: 591px;
        width: 50%;
        min-width: 256px;
    }

    .hero__title {
        text-align: center;
        margin: 0px 0px 16px 0px;
        line-height: 21px;
    }

    .hero__subtitle {
        text-align: center;
        font-size: 26px;
        font-weight: 400;
        line-height: 1;
        margin: 0px 0px 24px 0px;
    }

    .hero__message {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        row-gap: 24px;
    }

    .hero__message .btn-full {
        padding: 16px;
        min-width: 190px;
        font-size: 13px;
        width: unset;
        max-width: unset;
        -webkit-box-flex: 1;
        -ms-flex: 1 1 calc(50% - 12px);
        flex: 1 1 calc(50% - 12px);
    }

    .hero__message .btn-full svg {
        display: none;
    }

    .hero .hero-message {
        -webkit-box-flex: 1;
        -ms-flex: 1 1 calc(50% - 12px);
        flex: 1 1 calc(50% - 12px);
        max-width: unset;
        width: unset;
        min-width: 190px;
    }

    .hero__text-holder p {
        text-align: center;
        font-size: 18px;
        line-height: 25px;
    }

    .hero__text-holder p br {
        display: none;
    }

    .hero .hero-logo {
        display: none;
    }

    .hero .hero-logo--mobile {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        row-gap: 16px;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-column-gap: 48px;
        -moz-column-gap: 48px;
        column-gap: 48px;
    }

    .hero .hero-logo__svg-holder {
        height: 20px;
    }

    .hero .hero-logo__svg-holder svg {
        height: 100%;
        -o-object-fit: cover;
        object-fit: cover;
    }

    .hero .hero-logo__svg-holder:first-child::before {
        content: "";
        position: absolute;
        top: 0;
        left: -24px;
        background-color: rgb(158, 158, 158);
        height: 100%;
        width: 2px;
    }

    .hero .hero-logo__svg-holder::after {
        right: -24px;
    }

    .hero .hero-logo__svg-holder:last-child::after {
        display: block;
    }

    .hero__image-holder {
        display: block;
        height: 400px;
    }

    .hero__image-holder img {
        width: 100%;
        height: 100%;
        -o-object-fit: cover;
        object-fit: cover;
        object-position: right;
    }

    .factoid__items {
        gap: 16px;
    }

    .factoid .advantages-card {
        -webkit-box-flex: 1;
        -ms-flex: 1 0 0px;
        flex: 1 0 0;
        min-width: 256px;
        min-height: 256px;
        max-width: 100%;
    }

    .factoid .advantages-card.active {
        background-color: rgb(57, 57, 57);
    }

    .factoid .advantages-card.active:nth-child(odd) {
        background-color: rgb(57, 57, 57);
    }

    .factoid .advantages-card__inner {
        padding: 0 32px;
    }

    .factoid .advantages-card__svg-holder img {
        width: 16px;
        height: 16px;
    }

    /*! -- Tabs styles----------------------------- */
    .tabs {
        padding: 121px 0px;
    }

    .tabs__container {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        -webkit-column-gap: 0px;
        -moz-column-gap: 0px;
        column-gap: 0px;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        row-gap: 32px;
    }

    .tabs__inner {
        padding: 32px;
        max-width: 100%;
    }

    .tabs__image-holder {
        height: 400px;
    }

    .tabs__image-holder img {
        height: 100%;
    }

    .tabs__image-holder::after {
        background: linear-gradient(182deg, rgba(251, 251, 251, 0) 0%, #fbfbfb 97%), linear-gradient(359deg, rgba(251, 251, 251, 0) 80%, #fbfbfb 97%);
    }

    .tabs__left-column {
        -webkit-box-flex: 1;
        -ms-flex: 1;
        flex: 1;
        -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
        order: 2;
        min-width: 256px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
    }

    .tabs__right-column {
        -webkit-box-flex: 1;
        -ms-flex: 1;
        flex: 1;
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1;
        min-width: 450px;
        padding: 64px 0px 0px 0px;
    }

    .tabs__right-column h2 {
        margin: 0px 0px 32px 0px;
    }

    .tabs__right-column h3 {
        font-size: 20px;
        line-height: 1.2;
        margin: 0px 0px 16px 0px;
        text-transform: uppercase;
    }

    .tabs__right-column p {
        font-size: 16px;
    }

    .tab {
        gap: 8px;
        margin: 0px 0px 32px 0px;
        overflow: visible;
    }

    .tab button {
        padding: 8px;
        border-radius: 8px;
        white-space: nowrap;
        border: none;
        outline: none;
    }

    .tab button span {
        width: 24px;
        height: 24px;
    }

    .tab button span svg {
        width: 16px;
        height: 16px;
    }

    /*! -- Benefits styles----------------------------- */
    .no-webp .benefits {
        background-image: url("../img/benefits-bg-1199.jpg");
    }

    .benefits {
        padding: 128px 0px;
    }

    .benefits__container {
        position: relative;
    }

    .benefits__slider {
        overflow: visible;
        position: relative;
        z-index: 5;
    }

    .benefits__header {
        max-width: 567px;
        margin: 0px 0px 64px 0px;
    }

    .benefits__text {
        font-size: 18px;
    }

    .benefits__image-holder {
        width: 162px;
        height: 578px;
    }

    .benefits__image-holder img {
        width: 100%;
        height: 100%;
        -o-object-fit: cover;
        object-fit: cover;
    }

    .benefits__left-column {
        width: 100%;
        max-width: 875px;
    }

    .benefits .swiper-wrapper {
        flex-wrap: wrap;
        gap: 16px;
        justify-content: center;
    }

    .benefits__right-column {
        width: 162px;
        position: absolute;
        top: 50%;
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        transform: translateY(-50%);
        right: 124px;
    }

    .benefits-slide {
        min-width: 256px;
    }

    /*! -- Timeline styles----------------------------- */
    .timeline-card {
        display: none;
    }

    .timeline__container {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        -webkit-column-gap: 32px;
        -moz-column-gap: 32px;
        column-gap: 32px;
    }

    .timeline__left-column {
        width: 50%;
        max-width: 100%;
        padding-left: 32px;
        min-width: 256px;
        -webkit-box-flex: 1;
        -ms-flex: 1;
        flex: 1;
    }

    .timeline__inner {
        position: static;
    }

    .timeline__right-column {
        -webkit-box-flex: 1;
        -ms-flex: 1;
        flex: 1;
        width: 50%;
        max-width: 100%;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        min-height: unset;
    }

    .timeline__right-column::after {
        display: none;
    }

    .timeline__video {
        /*height: 664px;*/
        height: 100%;
    }

    .timeline__video-holder {
        width: auto;
        /*height: auto;*/
        height: 100%;
        position: relative;
    }

    .timeline__video-holder::after {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background: linear-gradient(182deg, rgba(251, 251, 251, 0) 75%, #FBFBFB 97%), linear-gradient(359deg, rgba(251, 251, 251, 0) 65%, #FBFBFB 97%);
        z-index: 1;
    }

    .timeline__items {
        row-gap: 32px;
    }

    .timeline__item {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        padding-left: 32px;
    }

    .timeline__item .badge {
        margin: 16px 0px 0px 0px;
    }

    .timeline__item .badge + .badge {
        display: block;
    }

    .timeline__item .badge span {
        white-space: nowrap;
    }

    .timeline__item h3 {
        font-size: 16px;
        line-height: 1.4;
        margin: 0px 0px 14px 0px;
        text-transform: none;
    }

    .timeline__item p {
        display: unset;
    }

    .timeline__title {
        margin: 0px 0px 40px 0px;
    }

    /*! -- CTA styles----------------------------- */
    .cta {
        padding: 128px 0px;
    }

    .cta__container {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-column-gap: 64px;
        -moz-column-gap: 64px;
        column-gap: 64px;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        row-gap: 32px;
    }

    .cta__left-column {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        width: 320px;
        min-width: 256px;
    }

    .cta__right-column {
        width: calc(100% - 320px);
        min-width: 256px;
        row-gap: 32px;
        -webkit-box-flex: 1;
        -ms-flex: 1;
        flex: 1;
    }

    .cta__image-holder {
        min-height: 320px;
    }

    .cta__image-holder img {
        width: 100%;
        height: 100%;
        -o-object-fit: contain;
        object-fit: contain;
    }

    .cta__title {
        text-align: center;
    }

    .cta__text {
        text-align: center;
        font-size: 16px;
        font-weight: 400;
    }

    .cta__buttons-box {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        gap: 16px;
    }

    .cta__buttons-box .btn-full, .cta__buttons-box .btn-outline {
        font-size: 13px;
    }


    /*! -- Advantages styles----------------------------- */
    .advantages-card {
        min-width: 320px;
        min-height: 200px;
        -webkit-box-flex: 1;
        -ms-flex: 1;
        flex: 1;
    }

    .advantages-card__inner {
        padding: 0px 32px;
    }

    .advantages-card__svg-holder {
        width: 32px;
        height: 32px;
        border: 1.5px solid rgb(57, 57, 57);
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        transform: translateY(-50%);
    }

    .advantages-card__svg-holder svg {
        width: 16px;
        height: 16px;
    }

    .advantages-card__title {
        font-size: 14px;
        letter-spacing: 0.28px;
        margin: 0px 0px 0px 0px;
    }

    .advantages-card__text {
        font-size: 16px;
    }

    .advantages-card__svg-click {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        position: absolute;
        bottom: 12px;
        right: 12px;
    }

    .advantages-card__svg-click svg path {
        -webkit-transition: all 0.5s ease 0s;
        transition: all 0.5s ease 0s;
    }

    .advantages-card.active {
        background-color: rgb(57, 57, 57);
    }

    .advantages-card.active .advantages-card__text {
        display: block;
    }

    .advantages-card.active .advantages-card__title {
        color: rgb(251, 251, 251);
        -webkit-transform: translateY(0%);
        -ms-transform: translateY(0%);
        transform: translateY(0%);
        margin: 0px 0px 32px 0px;
    }

    .advantages-card.active .advantages-card__svg-holder {
        display: none;
    }

    .advantages-card.active .advantages-card__svg-click svg path {
        fill: rgb(251, 251, 251);
    }

    /*! -- CTA-additionally styles----------------------------- */
    .cta-additionally__container {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }

    .cta-additionally__column {
        width: 50%;
    }

    .cta-additionally__column-image {
        -webkit-box-flex: 1;
        -ms-flex: 1;
        flex: 1;
        min-width: 320px;
    }

    .cta-additionally__column-image:last-child {
        display: none;
    }

    .cta-additionally__column-content {
        -webkit-box-flex: 1;
        -ms-flex: 1;
        flex: 1;
        min-width: 320px;
    }

    .cta-additionally__column-content p {
        margin: 0px 0px 32px 0px;
    }

    .cta-additionally__image-holder {
        height: 557px;
    }

    .cta-additionally__inner {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        padding: 64px 32px;
    }

    .cta-additionally .badge {
        margin: 0px 0px 32px 0px;
    }

    .cta-additionally__title {
        margin: 0px 0px 32px 0px;
    }

    /*! -- Logo styles----------------------------- */
    .logo {
        padding: 64px 0;
    }

    .logo__container {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        row-gap: 32px;
    }

    .logo__rows {
        display: none;
    }

    .logo__item {
        width: auto;
        border-right: none;
        min-width: 256px;
        max-width: 256px;
    }

    .logo__items {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        row-gap: 32px;
    }

    .logo__svg-holder {
        height: 35px;
        min-height: unset;
    }

    .logo__svg-holder svg {
        width: 100%;
        height: 100%;
        -o-object-fit: cover;
        object-fit: cover;
    }

    /*! -- Reviews styles----------------------------- */
    .reviews {
        padding: 160px 0px 160px;
    }

    .reviews__container {
        row-gap: 40px;
    }

    .reviews__text {
        font-size: 16px;
        line-height: 22px;
        margin: 0px 0px 24px 0px;
    }

    .reviews-slider {
        cursor: default;
    }

    .reviews-slide {
        width: 256px;
    }

    .reviews-slide__inner {
        padding: 16px;
        min-height: 251px;
    }

    .reviews-slide__header h3 {
        font-size: 18px;
        font-weight: 700;
        margin: 0px 0px 16px 0px;
    }

    .reviews-slide .content-inner {
        max-height: 110px;
    }

    .reviews-slide .content-full {
        font-size: 13px;
        line-height: 18px;
    }

    .read-more {
        margin: 16px 0px 0px 0px;
    }

    /*! -- Footer styles----------------------------- */
    .footer__container {
        row-gap: 64px;
    }

    .footer__upper-row {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        row-gap: 32px;
    }

    .footer__upper-row::after {
        bottom: -32px;
    }

    .footer__upper-left {
        -webkit-box-flex: 1;
        -ms-flex: 1 0 0px;
        flex: 1 0 0;
        max-width: 491px;
        min-width: 236px;
        text-align: center;
    }

    .footer .logo-plus {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
    }

    .footer__upper-right {
        -webkit-box-flex: 1;
        -ms-flex: 1 0 0px;
        flex: 1 0 0;
        max-width: 491px;
        min-width: 256px;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
    }

    .footer__upper-right .link {
        line-height: 26px;
    }

    .footer__upper-right p {
        text-align: center;
        font-size: 16px;
    }

    .footer__upper-right p svg {
        display: none;
    }

    .footer__upper-right .btn-full {
        padding: 17px 24px;
        margin: 32px 0px 0px 0px;
    }

    .footer__lower-row p {
        margin: 0px 0px 24px 0px;
    }

    .footer__phone-links {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        row-gap: 24px;
        margin: 0px 0px 24px 0px;
    }

    .footer__phone-links a {
        font-size: 16px;
        line-height: 1.4;
    }

    .footer__email {
        display: block;
        font-size: 16px;
        line-height: 22px;
    }

    .footer__social-links {
        margin: 32px 0px 0px 0px;
    }

    .webp .benefits {
        background-image: url(../img/benefits-bg-1199.webp);
    }
}

@media (max-width: 860px) {
    /*! -- Benefits styles----------------------------- */
    .benefits__left-column {
        position: relative;
        z-index: 5;
    }

    .benefits__right-column {
        width: 162px;
        position: absolute;
        right: 0;
    }


}


@media (max-width: 767px) {
    /*! -- Hero styles----------------------------- */
    .hero-logo__svg-holder::before, .hero-logo__svg-holder::after {
        display: none;
    }

    .hero .hero-logo__svg-holder:last-child::after {
        display: none;
    }

    .timeline__left-column {
        padding: 126.5px 0 0;
    }

    .timeline__container.container {
        padding-left: 32px;
    }
}

@media (max-width: 575px) {
    /*! -- Benefits styles----------------------------- */
    .benefits__right-column {
        width: 162px;
        position: absolute;
        right: -75px;
    }

    /*! -- Reviews styles----------------------------- */
    .reviews-slide {
        min-height: auto;
    }

    .reviews-slide__inner {
        position: static;
    }

    /*! -- Logo styles----------------------------- */
    .logo__item {
        min-width: unset;
        max-width: unset;
    }
}

@media (any-hover: hover) {
    .accordion__btn:hover {
        color: rgb(229, 88, 40);
    }

    .accordion__btn:hover svg path {
        fill: rgb(229, 88, 40);
    }

    .factoid .advantages-card:hover:nth-child(odd) {
        background: var(--Dark-700, #393939);
    }

    .factoid .advantages-card:hover .advantages-card__svg-holder {
        display: none;
    }

    .advantages-card:hover {
        background-color: rgb(57, 57, 57);
    }

    .advantages-card:hover .advantages-card__svg-holder {
        -webkit-transform: translateY(-1000%);
        -ms-transform: translateY(-1000%);
        transform: translateY(-1000%);
        -webkit-animation: slowAnimation 0.5s ease 0s;
        animation: slowAnimation 0.5s ease 0s;
    }

    .advantages-card:hover .advantages-card__title {
        color: rgb(251, 251, 251);
        -webkit-transform: translateY(0%);
        -ms-transform: translateY(0%);
        transform: translateY(0%);
    }

    .advantages-card:hover .advantages-card__text {
        display: block;
    }
}


#modal-promo {
    visibility: hidden;
    opacity: 0;
    transition: visibility 0.5s, opacity 0.5s;
}

#modal-promo.show {
    visibility: visible;
    opacity: 1;
}


.modal-promo {
    display: flex;
    flex-direction: column;
    background-color: #fff;
    width: 100%;
    max-width: 800px;
    position: fixed;
    top: calc(50% + 30px);
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 1000;




}
.modal-promo .form__inner {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-items: center;
    gap: 16px;
    @media (min-width: 1199px) {
        gap: 24px;
    }
}

.modal-promo .form__input-holder {
    min-width: 256px;
    flex: 1 0 0;

    input {
        padding: 15px 15px 15px 45px;
    }
}


.modal-promo .form__button-holder {
    flex: 1 0 0;
    min-width: 256px;

    button {
        width: 100%;
        justify-content: center;
    }
}
.modal-promo__close {
    position: absolute;
    top: 16px;
    right: 16px;
    background-color: #000;
    display: flex;
    padding: 3px;
    cursor: pointer;
    z-index: 101;

    svg {
        width: 24px;
        height: 24px;

        path {
            fill: white;
        }
    }
}

.modal-promo__images {
    display: flex;
}

.modal-promo__image-holder {
    flex: 1 0 0;
    max-height: 300px;
}

.modal-promo__image-holder img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.modal-promo__content {
    padding: 24px;
    display: flex;
    flex-direction: column;
    row-gap: 16px;


}
.modal-promo__content h2 {
    color: #e55828;
    text-align: center;
    font-weight: 600;
    font-size: 18px;
    @media (min-width: 1199px) {
        font-size: 24px;
    }
}
.modal-promo__text-holder {
    font-weight: 500;
    font-size: 16px;
    text-align: center;
    @media (min-width: 1199px) {
        font-size: 20px;
    }
}
.modal-promo__text-holder span{
    color: #e55828;
}
.modal-promo__list {
    font-size: 16px;
    font-weight: 500;
    @media (min-width: 1199px) {
        font-size: 20px;
    }
}

.modal-promo__list  li:not(:last-child){
    margin-bottom: 8px;
}
.modal-promo__list  span{
    color: #e55828;
}
.fixed-message {
    width: 100%;
    padding: 10px 15px;
    background-color: #e55828;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 12px;
    @media (min-width: 1199px) {
        gap: 24px;
        padding: 20px 15px;
    }



}


.fixed-message .form__inner {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 8px;
    @media (min-width: 1199px) {
        gap: 24px;
    }
}

.fixed-message .form__input-holder {
    flex: 1 0 0;
    min-width: 200px;

    input {
        padding: 5px 10px 5px 45px;
        @media (min-width: 1199px){
            padding: 10px 10px 10px 45px;
        }
    }
}

.fixed-message .form__button-holder {
    flex: 1 0 0;
    min-width: 200px;
}

.fixed-message .btn-full {
    padding: 5px;
    background-color: #fff;
    color: #e55828;
    width: 100%;
    justify-content: center;
    text-transform: none;
    @media (min-width: 1199px){
        padding: 10px;
    }
}
.fixed-message__text-holder {
    color: #fff;
    flex: 1 0 0;
    max-width: 1100px;
    min-width: 256px;
    font-size: 14px;
    @media (min-width: 1199px){
        font-size: 20px;
    }
}

.fixed-message__buttons {
    flex: 1 0 0;
    min-width: 256px;
    @media (min-width: 1199px){
        max-width: 600px;
    }
}