a {
    text-decoration: none;
}

html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video {
    margin: 0;
    padding: 0;
    border: 0;
    vertical-align: baseline;
}

img,
fieldset,
a img {
    border: none;
}

input[type="text"],
input[type="email"],
input[type="tel"],
textarea {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

input[type="submit"],
button {
    cursor: pointer;
}

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

textarea {
    overflow: auto;
}

input,
button {
    margin: 0;
    padding: 0;
    border: 0;
}

div,
input,
textarea,
select,
button,
h1,
h2,
h3,
h4,
h5,
h6,
span,
a,
a:focus {
    outline: none;
}

ul,
li,
ol {
    list-style: none;
}

table {
    border-spacing: 0;
    border-collapse: collapse;
    width: 100%;
}

html {
    box-sizing: border-box;
    text-size-adjust: 100%;
}

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

ins {
    text-decoration: none;
}

@media (prefers-reduced-motion: reduce) {
    * {
        transition: none !important;
    }
}

@font-face {
    font-family: Intro-bold-alt;
    src: url(../assets/fonts/Intro-Bold-Alt.eot), url(../assets/fonts/Intro-Bold-Alt.woff) format("woff"), url(../assets/fonts/Intro-Bold-Alt.ttf) format("truetype");
    font-weight: 700;
    font-style: normal;
}

@font-face {
    font-family: Intro-regular-alt;
    src: url(../assets/fonts/Intro-Regular-Alt.eot), url(../assets/fonts/Intro-Regular-Alt.woff) format("woff"), url(../assets/fonts/Intro-Regular-Alt.ttf) format("truetype");
    font-weight: 400;
    font-style: normal;
}

@font-face {
    font-family: Aeroport;
    src: url(../assets/fonts/Aeroport.eot), url(../assets/fonts/Aeroport.woff) format("woff"), url(../assets/fonts/Aeroport.ttf) format("truetype");
    font-style: normal;
}

.service-hero__content-title,
.title__h1 {
    font-size: 80px;
    font-size: calc(32px + (80 - 32) * (100vw - 375px) / (1920 - 375));
    line-height: 1.2;
}

@media (max-width: 375px) {
    .service-hero__content-title,
    .title__h1 {
        font-size: 32px;
    }
}

@media (min-width: 1920px) {
    .service-hero__content-title,
    .title__h1 {
        font-size: 80px;
    }
}

.title__h2 {
    font-size: 60px;
    font-size: calc(28px + (60 - 28) * (100vw - 375px) / (1920 - 375));
    line-height: 1.2;
}

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

@media (min-width: 1920px) {
    .title__h2 {
        font-size: 60px;
    }
}

.single__body h3,
.footer__phone,
.title__h3 {
    font-size: 40px;
    font-size: calc(20px + (40 - 20) * (100vw - 375px) / (1920 - 375));
    line-height: 1.2;
}

@media (max-width: 375px) {
    .single__body h3,
    .footer__phone,
    .title__h3 {
        font-size: 20px;
    }
}

@media (min-width: 1920px) {
    .single__body h3,
    .footer__phone,
    .title__h3 {
        font-size: 40px;
    }
}

.project-card__title,
.title__h4,
.collapse__head-title {
    font-size: 30px;
    font-size: calc(24px + (30 - 24) * (100vw - 375px) / (1920 - 375));
    line-height: 1.2;
}

@media (max-width: 375px) {
    .project-card__title,
    .title__h4,
    .collapse__head-title {
        font-size: 24px;
    }
}

@media (min-width: 1920px) {
    .project-card__title,
    .title__h4,
    .collapse__head-title {
        font-size: 30px;
    }
}

.service-advantages__stats-cover:after,
.circle-in-circles,
.numeration-list__item:before,
.slash-subtitle,
.title__h5,
.ticker__item,
.collapse__head:before,
.circle_button .button-content,
.circle_button {
    font-size: 24px;
    font-size: calc(18px + (24 - 18) * (100vw - 375px) / (1920 - 375));
    line-height: 1.3;
}

@media (max-width: 375px) {
    .service-advantages__stats-cover:after,
    .circle-in-circles,
    .numeration-list__item:before,
    .slash-subtitle,
    .title__h5,
    .ticker__item,
    .collapse__head:before,
    .circle_button .button-content,
    .circle_button {
        font-size: 18px;
    }
}

@media (min-width: 1920px) {
    .service-advantages__stats-cover:after,
    .circle-in-circles,
    .numeration-list__item:before,
    .slash-subtitle,
    .title__h5,
    .ticker__item,
    .collapse__head:before,
    .circle_button .button-content,
    .circle_button {
        font-size: 24px;
    }
}

@media screen and (max-width: 767px) {
    .service-advantages__stats-cover:after,
    .circle-in-circles,
    .numeration-list__item:before,
    .slash-subtitle,
    .title__h5,
    .ticker__item,
    .collapse__head:before,
    .circle_button .button-content,
    .circle_button {
        line-height: 1.2;
    }
}

.service-profit__result-label,
.service-profit__calculator-input,
.numbers__subtitle,
.header__inner,
.gray-line-list__item-label,
.figcaption__label,
.hover-list__item-address,
.range-field__label,
.project-card__features li,
.title__h6,
.custom-checkbox {
    font-size: 16px;
    line-height: 1.2;
}

.single__body figure figcaption,
.hover-list__item-address span,
.range-field__value-label,
.icons-list__item,
.project-info-slider-wrapper .swiper-pagination,
.line-list__item-text,
.line-list__item-label,
.numeration-list__item-description,
.collapse__body-answer,
.custom-field__value-label,
.custom-field__file-button,
.custom-field__input,
body {
    font-size: 18px;
    font-size: calc(16px + (18 - 16) * (100vw - 375px) / (1920 - 375));
    line-height: 1.3;
}

@media (max-width: 375px) {
    .single__body figure figcaption,
    .hover-list__item-address span,
    .range-field__value-label,
    .icons-list__item,
    .project-info-slider-wrapper .swiper-pagination,
    .line-list__item-text,
    .line-list__item-label,
    .numeration-list__item-description,
    .collapse__body-answer,
    .custom-field__value-label,
    .custom-field__file-button,
    .custom-field__input,
    body {
        font-size: 16px;
    }
}

@media (min-width: 1920px) {
    .single__body figure figcaption,
    .hover-list__item-address span,
    .range-field__value-label,
    .icons-list__item,
    .project-info-slider-wrapper .swiper-pagination,
    .line-list__item-text,
    .line-list__item-label,
    .numeration-list__item-description,
    .collapse__body-answer,
    .custom-field__value-label,
    .custom-field__file-button,
    .custom-field__input,
    body {
        font-size: 18px;
    }
}

@media screen and (max-width: 767px) {
    .single__body figure figcaption,
    .hover-list__item-address span,
    .range-field__value-label,
    .icons-list__item,
    .project-info-slider-wrapper .swiper-pagination,
    .line-list__item-text,
    .line-list__item-label,
    .numeration-list__item-description,
    .collapse__body-answer,
    .custom-field__value-label,
    .custom-field__file-button,
    .custom-field__input,
    body {
        line-height: 1.2;
    }
}

.project-hero__address,
.vacancy-hero__publish,
.service-hero__content-text,
.alert__text,
.circle-list__list {
    font-size: 24px;
    font-size: calc(18px + (24 - 18) * (100vw - 375px) / (1920 - 375));
    line-height: 1.3;
}

@media (max-width: 375px) {
    .project-hero__address,
    .vacancy-hero__publish,
    .service-hero__content-text,
    .alert__text,
    .circle-list__list {
        font-size: 18px;
    }
}

@media (min-width: 1920px) {
    .project-hero__address,
    .vacancy-hero__publish,
    .service-hero__content-text,
    .alert__text,
    .circle-list__list {
        font-size: 24px;
    }
}

.projects-hero__text,
.vacancy-hero__text,
.vacancies-hero__text,
.single__body .new > p:first-child {
    font-size: 32px;
    font-size: calc(22px + (32 - 22) * (100vw - 375px) / (1920 - 375));
    line-height: 1.3;
}

@media (max-width: 375px) {
    .projects-hero__text,
    .vacancy-hero__text,
    .vacancies-hero__text,
    .single__body .new > p:first-child {
        font-size: 22px;
    }
}

@media (min-width: 1920px) {
    .projects-hero__text,
    .vacancy-hero__text,
    .vacancies-hero__text,
    .single__body .new > p:first-child {
        font-size: 32px;
    }
}

.single__body p {
    font-size: 22px;
    font-size: calc(18px + (22 - 18) * (100vw - 375px) / (1920 - 375));
    line-height: 1.3;
}

@media (max-width: 375px) {
    .single__body p {
        font-size: 18px;
    }
}

@media (min-width: 1920px) {
    .single__body p {
        font-size: 22px;
    }
}

.single__body blockquote > p,
.service-expression__text,
.quoute-author__text {
    font-size: 32px;
    font-size: calc(18px + (32 - 18) * (100vw - 375px) / (1920 - 375));
    line-height: 1.3;
}

@media (max-width: 375px) {
    .single__body blockquote > p,
    .service-expression__text,
    .quoute-author__text {
        font-size: 18px;
    }
}

@media (min-width: 1920px) {
    .single__body blockquote > p,
    .service-expression__text,
    .quoute-author__text {
        font-size: 32px;
    }
}

.service-quote__text,
.about-mission__text,
.review-item__text,
.hover-list__item-name {
    font-size: 40px;
    font-size: calc(20px + (40 - 20) * (100vw - 375px) / (1920 - 375));
    line-height: 1.4;
}

@media (max-width: 375px) {
    .service-quote__text,
    .about-mission__text,
    .review-item__text,
    .hover-list__item-name {
        font-size: 20px;
    }
}

@media (min-width: 1920px) {
    .service-quote__text,
    .about-mission__text,
    .review-item__text,
    .hover-list__item-name {
        font-size: 40px;
    }
}

.single__socials,
.news-card__footer a,
.news__pagination .page-numbers,
.tag,
.footer__end button,
.tag-list__item,
.pagination__item,
.project-card__label,
.ghost_button,
.primary_button,
.outline_orange_button,
.outline_blue_button {
    font-size: 20px;
    font-size: calc(18px + (20 - 18) * (100vw - 375px) / (1920 - 375));
    line-height: 1.2;
}

@media (max-width: 375px) {
    .single__socials,
    .news-card__footer a,
    .news__pagination .page-numbers,
    .tag,
    .footer__end button,
    .tag-list__item,
    .pagination__item,
    .project-card__label,
    .ghost_button,
    .primary_button,
    .outline_orange_button,
    .outline_blue_button {
        font-size: 18px;
    }
}

@media (min-width: 1920px) {
    .single__socials,
    .news-card__footer a,
    .news__pagination .page-numbers,
    .tag,
    .footer__end button,
    .tag-list__item,
    .pagination__item,
    .project-card__label,
    .ghost_button,
    .primary_button,
    .outline_orange_button,
    .outline_blue_button {
        font-size: 20px;
    }
}

.custom-checkbox.error .custom-checkbox__error,
.custom-field {
    font-size: 12px;
    line-height: 1.2;
    letter-spacing: 0.96px;
}

.header__dropdown[data-dropdown="false"] .header__dropdown-list a {
    font-size: 28px;
    line-height: 1.2;
    font-weight: 700;
}

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

html,
body {
    width: 100%;
    overflow-x: hidden;
    scroll-behavior: initial;
}

body {
    min-height: 100vh;
    display: flex;
    flex-direction: column;
    font-family: Aeroport, sans-serif;
    color: #3c3c3b;
    font-weight: 400;
}

.main {
    flex-grow: 1;
    padding-top: 80px;
    padding-top: calc(65px + (80 - 65) * (100vw - 1024px) / (1920 - 1024));
}

@media (max-width: 1023px) {
    .main {
        padding-top: 65px;
    }
}

@media (min-width: 1920px) {
    .main {
        padding-top: 80px;
    }
}

.main--alert {
    padding-top: 150px;
}

@media screen and (max-width: 1023px) {
    .main--alert {
        padding-top: 140px;
    }
}

.container {
    max-width: 1920px;
    margin: 0 auto;
    padding: 0 80px;
}

@media screen and (max-width: 1439px) {
    .container {
        padding-left: 40px;
        padding-right: 40px;
    }
}

@media screen and (max-width: 1023px) {
    .container {
        padding-left: 24px;
        padding-right: 24px;
    }
}

.container-pl {
    padding-left: 190px;
    padding-left: calc(0px + (190 - 0) * (100vw - 1024px) / (1920 - 1024));
    padding-right: 80px;
    max-width: 1920px;
    margin: 0 auto;
}

@media (max-width: 1023px) {
    .container-pl {
        padding-left: 0;
    }
}

@media (min-width: 1920px) {
    .container-pl {
        padding-left: 190px;
    }
}

@media screen and (max-width: 1439px) {
    .container-pl {
        padding-left: 40px;
        padding-right: 40px;
    }
}

@media screen and (max-width: 1023px) {
    .container-pl {
        padding-left: 24px;
        padding-right: 24px;
    }
}

.page-container {
    max-width: 1920px;
    padding: 0 191px;
    margin: 0 auto;
}

@media screen and (max-width: 1439px) {
    .page-container {
        padding-left: 40px;
        padding-right: 40px;
    }
}

@media screen and (max-width: 1023px) {
    .page-container {
        padding-left: 24px;
        padding-right: 24px;
    }
}

@media screen and (max-width: 1439px) {
    .page-container {
        padding: 0 40px;
    }
}

@media screen and (max-width: 1023px) {
    .page-container {
        padding: 0 24px;
    }
}

a {
    color: currentColor;
}

.page-container-small {
    max-width: 1920px;
    padding: 0 80px 0 191px;
    margin: 0 auto;
}

@media screen and (max-width: 1439px) {
    .page-container-small {
        padding: 0 40px;
    }
}

@media screen and (max-width: 1023px) {
    .page-container-small {
        padding: 0 24px;
    }
}

.mask-text {
    display: inline-block;
    --clip: 0%;
    clip-path: polygon(0 0, 100% 0, 100% var(--clip), 0 var(--clip));
}

.mask-text span {
    line-height: calc(100% + 18px);
}

@media screen and (max-width: 1023px) {
    .desktop {
        display: none !important;
    }
}

@media only screen and (min-width: 1023px) {
    .tablet {
        display: none !important;
    }
}

@media only screen and (min-width: 768px) {
    .mobile {
        display: none !important;
    }
}

.js-play-button {
    transition: opacity 0.5s linear;
}

.js-play-button.isHidden {
    opacity: 0;
    pointer-events: none;
    visibility: hidden;
}

.outline_blue_button {
    height: fit-content;
    cursor: pointer;
    position: relative;
    overflow: hidden;
    display: block;
    border-radius: 100px;
    background-color: transparent;
    font-family: Aeroport, sans-serif;
    color: #233c7a;
    font-weight: 400;
    border: 2px solid #233c7a;
}

.outline_blue_button:hover {
    background-color: #233c7a;
    transition: background-color 1.2s ease;
}

.outline_blue_button:hover .button-content {
    transform: translateY(-100%);
}

.outline_blue_button .button-content {
    padding: 15px 31px;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 10px;
    width: 100%;
    height: 100%;
    transform: translateY(0);
    transition-property: transform;
    transition-duration: 0.4s;
    border-radius: 100px;
}

.outline_blue_button .button-content ~ .button-content {
    position: absolute;
    top: 100%;
    background-color: #233c7a;
    color: #fff;
}

.outline_blue_button svg {
    fill: currentColor;
    stroke: currentColor;
    transition: fill 0.2s ease-in, stroke 0.2s ease-in;
}

.outline_orange_button {
    height: fit-content;
    cursor: pointer;
    position: relative;
    overflow: hidden;
    display: block;
    border-radius: 100px;
    background-color: transparent;
    font-family: Aeroport, sans-serif;
    color: #e94e1b;
    font-weight: 400;
    border: 2px solid #e94e1b;
}

.outline_orange_button:hover {
    background-color: #e94e1b;
    transition: background-color 1.2s ease;
}

.outline_orange_button:hover .button-content {
    transform: translateY(-100%);
}

.outline_orange_button .button-content {
    padding: 16px 24px;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 10px;
    width: 100%;
    height: 100%;
    transform: translateY(0);
    transition-property: transform;
    transition-duration: 0.4s;
    border-radius: 100px;
}

.outline_orange_button .button-content ~ .button-content {
    position: absolute;
    top: 100%;
    background-color: #e94e1b;
    color: #fff;
}

.outline_orange_button svg {
    fill: currentColor;
    stroke: currentColor;
    transition: fill 0.2s ease-in, stroke 0.2s ease-in;
}

.primary_button_cf7 {
    height: 55px;
}

.primary_button {
    height: fit-content;
    cursor: pointer;
    position: relative;
    overflow: hidden;
    background-color: transparent;
    display: block;
    border-radius: 100px;
    background-color: #e94e1b;
    font-family: Aeroport, sans-serif;
    color: #fff;
    font-weight: 400;
}

.primary_button:hover {
    background-color: #233c7a;
    transition: background-color 1.2s ease;
}

.primary_button:hover .button-content {
    transform: translateY(-100%);
}

.primary_button .button-content {
    padding: 16px 24px;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 10px;
    width: 100%;
    height: 100%;
    transform: translateY(0);
    transition-property: transform;
    transition-duration: 0.4s;
    border-radius: 100px;
}

.primary_button .button-content ~ .button-content {
    position: absolute;
    top: 100%;
    background-color: #233c7a;
    color: #fff;
}

.primary_button svg {
    fill: currentColor;
    stroke: currentColor;
    transition: fill 0.2s ease-in, stroke 0.2s ease-in;
}

.ghost_button {
    cursor: pointer;
    position: relative;
    overflow: hidden;
    display: block;
    width: fit-content;
    height: fit-content;
    background-color: transparent;
    font-family: Aeroport, sans-serif;
    color: #233c7a;
    font-weight: 400;
}

.ghost_button:hover {
    background-color: transparent;
    transition: background-color 1.2s ease;
}

.ghost_button:hover .button-content {
    transform: translateY(-100%);
}

.ghost_button .button-content {
    padding: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 10px;
    width: 100%;
    height: 100%;
    transform: translateY(0);
    transition-property: transform;
    transition-duration: 0.4s;
    width: fit-content;
    height: fit-content;
}

.ghost_button .button-content ~ .button-content {
    position: absolute;
    top: 100%;
    background-color: transparent;
    color: #e94e1b;
}

.ghost_button svg {
    fill: currentColor;
    stroke: currentColor;
    transition: fill 0.2s ease-in, stroke 0.2s ease-in;
}

.circle_button {
    height: fit-content;
    cursor: pointer;
    position: relative;
    overflow: hidden;
    background-color: transparent;
    display: block;
    font-family: Intro-bold-alt, sans-serif;
    color: #fff;
    text-transform: uppercase;
    border-radius: 100%;
    flex-direction: column;
    justify-content: center;
    text-align: center;
    background-color: #e94e1b;
    width: 300px;
    height: 300px;
}

@media screen and (max-width: 1023px) {
    .circle_button {
        font-size: 14px;
        padding: 0;
    }
}

.circle_button:hover {
    background-color: #233c7a;
    transition: background-color 1.2s ease;
}

.circle_button:hover .button-content {
    transform: translateY(-100%);
}

.circle_button .button-content {
    padding: 24px;
    display: flex;
    align-items: center;
    gap: 10px;
    width: 100%;
    height: 100%;
    transform: translateY(0);
    transition-property: transform;
    transition-duration: 0.4s;
    font-family: Intro-bold-alt, sans-serif;
    color: #fff;
    text-transform: uppercase;
    border-radius: 100%;
    flex-direction: column;
    justify-content: center;
    text-align: center;
}

@media screen and (max-width: 1023px) {
    .circle_button .button-content {
        font-size: 14px;
        padding: 0;
    }
}

.circle_button .button-content ~ .button-content {
    position: absolute;
    top: 100%;
    background-color: #233c7a;
    color: #fff;
}

.circle_button svg {
    fill: currentColor;
    stroke: currentColor;
    transition: fill 0.2s ease-in, stroke 0.2s ease-in;
}

@media screen and (max-width: 1023px) {
    .circle_button {
        width: 200px;
        height: 200px;
    }
}

.button-arrow {
    width: 12px;
    height: 12px;
    flex-shrink: 0;
}

.button-arrow-wrap {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    width: 40px;
    height: 40px;
    border: 2px solid #ffffff;
    border-radius: 100%;
}

.custom-field {
    font-family: Aeroport, sans-serif;
    color: #1d1d1b;
    font-weight: 400;
    text-transform: uppercase;
    display: flex;
    flex-direction: column;
    width: 100%;
    position: relative;
}

.custom-field.error .custom-field__input {
    border-bottom-color: #e94e1b;
}

.custom-field.error .custom-field__error {
    display: block;
    color: #e94e1b;
}

.custom-field__input {
    font-family: Aeroport, sans-serif;
    color: #1d1d1b;
    font-weight: 400;
    padding-bottom: 16px;
    margin: 16px 0 6px;
    border-bottom: 1px solid #99a4ae;
    background-color: transparent;
}

.custom-field__input::placeholder {
    color: #929292;
}

.custom-field__input:focus {
    border-bottom: 1px solid #1d1d1b;
}

.custom-field__input--label {
    padding-right: 20px;
}

.custom-field__input[type="number"] {
    -moz-appearance: textfield;
}

.custom-field__input::-webkit-outer-spin-button,
.custom-field__input::-webkit-inner-spin-button {
    -webkit-appearance: none;
}

.custom-field__input[type="file"] {
    display: none;
}

.custom-field__file-button {
    font-family: Aeroport, sans-serif;
    color: #929292;
    font-weight: 400;
    background-color: transparent;
    width: 100%;
    padding-bottom: 14px;
    margin: 16px 0 6px;
    border-bottom: 1px solid #99a4ae;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.custom-field__file-button svg {
    width: 24px;
    height: 24px;
    stroke: #929292;
    fill: transparent;
}

.custom-field__value-label {
    font-family: Aeroport, sans-serif;
    color: #1d1d1b;
    font-weight: 400;
    position: absolute;
    top: 50%;
    right: 0;
    transform: translateY(-50%);
}

.custom-field__error {
    display: none;
}

.custom-checkbox {
    font-family: Aeroport, sans-serif;
    color: #929292;
    font-weight: 400;
    display: block;
    position: relative;
    padding-left: 24px;
    cursor: pointer;
    -webkit-user-select: none;
    user-select: none;
}

.custom-checkbox.error .custom-checkbox__error {
    font-family: Aeroport, sans-serif;
    color: #e94e1b;
    font-weight: 400;
    display: block;
    margin-top: 4px;
}

.custom-checkbox__check {
    position: absolute;
    top: 0;
    left: 0;
    height: 16px;
    width: 16px;
    background-color: #233c7a;
}

.custom-checkbox__check:after {
    content: "";
    display: none;
    position: absolute;
    left: 5px;
    top: 2px;
    width: 5px;
    height: 10px;
    border: solid #ffffff;
    border-width: 0 2px 2px 0;
    transform: rotate(45deg);
}

.custom-checkbox__error {
    display: none;
}

.custom-checkbox input {
    position: absolute;
    opacity: 0;
}

.custom-checkbox input:checked ~ .custom-checkbox__check:after {
    display: block;
}

.custom-checkbox a {
    color: #233c7a;
}

.collapse__item {
    padding: 30px 0 40px;
    counter-increment: collapse-counter;
}

@media screen and (max-width: 767px) {
    .collapse__item {
        padding: 30px 0 20px;
    }
}

.collapse__item.is-open .collapse__body {
    padding-top: 20px;
    max-height: 500px;
}

.collapse__item.is-open .collapse__head-arrow svg {
    transform: rotateX(0);
}

.collapse__head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 30px;
    cursor: pointer;
    position: relative;
    padding-top: 45px;
}

.collapse__head:before {
    font-family: Intro-regular-alt, sans-serif;
    color: #1d1d1b;
    font-weight: 400;
    text-transform: uppercase;
    content: counter(collapse-counter, decimal-leading-zero) "/";
    position: absolute;
    top: 0;
    left: 0;
}

.collapse__head-title {
    font-family: Intro-bold-alt, sans-serif;
    color: #1d1d1b;
    text-transform: uppercase;
    pointer-events: none;
}

.collapse__head-arrow {
    pointer-events: none;
    flex-shrink: 0;
    width: 50px;
    height: 50px;
    border: 1px solid #233c7a;
    border-radius: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}

@media screen and (max-width: 767px) {
    .collapse__head-arrow {
        width: 32px;
        height: 32px;
        position: absolute;
        top: 0;
        right: 0;
    }
}

.collapse__head-arrow svg {
    width: 20px;
    height: 20px;
    stroke: #233c7a;
    transform: rotateX(180deg);
    transition: transform 0.3s ease;
}

@media screen and (max-width: 767px) {
    .collapse__head-arrow svg {
        width: 12.8px;
        height: 12.8px;
        stroke: #233c7a;
    }
}

.collapse__body {
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.3s ease, padding 0.3s ease;
}

.collapse__body-answer {
    font-family: Aeroport, sans-serif;
    color: #3c3c3b;
    font-weight: 400;
}

@media only screen and (min-width: 768px) {
    .collapse__body-answer {
        margin-left: 110px;
        max-width: 400px;
    }
}

.collapse__line.line span {
    height: 2px;
}

.ticker-wrap {
    background-color: #e94e1b;
    padding: 14px 0;
    margin-left: -190px;
    width: calc(100% + 360px);
    overflow: hidden;
}

@media screen and (max-width: 767px) {
    .ticker-wrap {
        padding: 10px;
        width: calc(100% + 48px);
        margin-left: -24px;
    }
}

.ticker {
    display: flex;
    align-items: center;
    gap: 20px;
    animation: ticker-animation 20s linear infinite;
}

.ticker__item {
    font-family: Intro-bold-alt, sans-serif;
    color: #1d1d1b;
    text-transform: uppercase;
    color: #fff;
    flex-shrink: 0;
    white-space: nowrap;
    position: relative;
    padding-left: 35px;
}

.ticker__item:before {
    content: "";
    z-index: 10;
    width: 15px;
    height: 15px;
    background-color: #fff;
    border-radius: 50%;
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
}

@media screen and (max-width: 767px) {
    .ticker__item:before {
        width: 8px;
        height: 8px;
    }
}

@media screen and (max-width: 767px) {
    .ticker__item {
        padding-left: 28px;
    }
}

@keyframes ticker-animation {
    0% {
        transform: translateZ(0);
        visibility: visible;
    }
    to {
        transform: translate3d(-100%, 0, 0);
    }
}

.line {
    overflow: hidden;
}

.line span {
    display: block;
    height: 1px;
    width: 100%;
    background-color: #dadada;
}

.title {
    text-transform: uppercase;
}

.title__h1,
.title__h2,
.title__h3,
.title__h4,
.title__h5,
.title__h6 {
    font-family: Intro-bold-alt, sans-serif;
    color: #1d1d1b;
    text-transform: uppercase;
}

.title ins {
    color: #e94e1b;
}

@media only screen and (min-width: 1024px) {
    .title.align-end ins {
        display: block;
        text-align: end;
    }
}

@media only screen and (min-width: 1024px) {
    .title.block ins {
        display: block;
    }
}

.dot-paragraph {
    position: relative;
    padding-left: 34px;
}

.dot-paragraph:before {
    content: "";
    z-index: 10;
    width: 15px;
    height: 15px;
    background-color: #e94e1b;
    border-radius: 50%;
    position: absolute;
    left: 0;
    top: 6%;
}

@media screen and (max-width: 767px) {
    .dot-paragraph:before {
        width: 8px;
        height: 8px;
    }
}

@media screen and (max-width: 767px) {
    .dot-paragraph {
        padding-left: 23px;
    }
}

.slash-subtitle {
    font-family: Intro-bold-alt, sans-serif;
    color: #e94e1b;
    text-transform: uppercase;
}

.slash-subtitle:before {
    content: "//";
}

.circle-list {
    --main-color: #1d1d1b;
    --circle-color: #e94e1b;
}

.circle-list.white {
    --main-color: #fff;
    --circle-color: #fff;
}

.circle-list__title {
    margin-bottom: 40px;
}

@media screen and (max-width: 1023px) {
    .circle-list__title {
        margin-bottom: 15px;
    }
}

.circle-list__list {
    font-family: Aeroport, sans-serif;
    color: var(--main-color);
    font-weight: 400;
}

.circle-list__list li {
    padding-left: 36px;
    position: relative;
}

.circle-list__list li:before {
    content: "";
    z-index: 10;
    width: 12px;
    height: 12px;
    background-color: var(--circle-color);
    border-radius: 50%;
    position: absolute;
    left: 0;
    top: 8px;
}

@media screen and (max-width: 767px) {
    .circle-list__list li:before {
        width: 8px;
        height: 8px;
    }
}

@media screen and (max-width: 1023px) {
    .circle-list__list li {
        padding-left: 20px;
    }
}

.circle-list__list li + li {
    margin-top: 32px;
}

@media screen and (max-width: 1023px) {
    .circle-list__list li + li {
        margin-top: 16px;
    }
}

.numeration-list {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 120px 70px;
    counter-reset: item;
}

@media screen and (max-width: 1023px) {
    .numeration-list {
        grid-template-columns: 1fr 1fr;
    }
}

@media screen and (max-width: 767px) {
    .numeration-list {
        grid-template-columns: 1fr;
        gap: 90px;
    }
}

.numeration-list__item {
    position: relative;
    counter-increment: item;
    padding-left: 60px;
}

.numeration-list__item:before {
    font-family: Intro-bold-alt, sans-serif;
    color: #e94e1b;
    text-transform: uppercase;
    counter-increment: li;
    content: counter(item, decimal-leading-zero) "/";
    position: absolute;
    left: 0;
    top: 0;
}

.numeration-list__item-title {
    margin-bottom: 8px;
}

.numeration-list__item-description {
    font-family: Aeroport, sans-serif;
    color: #3c3c3b;
    font-weight: 400;
}

.numeration-list__item-circle {
    position: absolute;
    top: -50px;
    left: -45px;
    width: 185px;
    height: 185px;
    border: 1px solid #dadada;
    border-radius: 100%;
    z-index: -1;
}

@media screen and (max-width: 767px) {
    .numeration-list__item-circle {
        top: -60px;
        left: -55px;
        width: 140px;
        height: 140px;
    }
}

.line-list__item {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-template-rows: repeat(2, fit-content(100%));
    padding: 24px 0;
}

@media screen and (max-width: 767px) {
    .line-list__item {
        padding-bottom: 16px;
    }
}

.line-list__item-value {
    grid-row: 1/3;
}

.line-list__item-label {
    font-family: Intro-regular-alt, sans-serif;
    color: #1d1d1b;
    font-weight: 400;
    text-transform: uppercase;
}

@media screen and (max-width: 767px) {
    .line-list__item-label {
        font-size: 14px;
    }
}

.line-list__item-text {
    font-family: Aeroport, sans-serif;
    color: #3c3c3b;
    font-weight: 400;
}

@media screen and (max-width: 767px) {
    .line-list__item-text {
        font-size: 12px;
    }
}

.project-card {
    width: 100%;
    height: 100%;
    position: relative;
    display: block;
}

.projects-list__list-item:nth-child(3):has(+ .projects-list__list-item:nth-child(4)),
.projects-list__list-item:nth-child(8):has(+ .projects-list__list-item:nth-child(9)) {
/*     margin-left: auto; */
}

@media screen and (max-width: 1023px) {
    .projects-list__list-item:nth-child(3):has(+ .projects-list__list-item:nth-child(4)),
    .projects-list__list-item:nth-child(8):has(+ .projects-list__list-item:nth-child(9)) {
/*         margin-left: 0; */
    }
}

.project-card__image {
    margin-bottom: 35px;
    width: 100%;
    height: 70%;
}

@media screen and (max-width: 767px) {
    .project-card__image {
        margin-bottom: 12px;
    }
}

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

.project-card__title {
    font-family: Intro-regular-alt, sans-serif;
    color: #1d1d1b;
    font-weight: 400;
    text-transform: uppercase;
    position: relative;
    padding-left: 30px;
}

.project-card__title:before {
    content: "";
    z-index: 10;
    width: 12px;
    height: 12px;
    background-color: #e94e1b;
    border-radius: 50%;
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
}

@media screen and (max-width: 767px) {
    .project-card__title:before {
        width: 8px;
        height: 8px;
    }
}

.project-card__title:before {
    top: 12px;
}

.project-card__address {
    margin: 16px 0;
}

@media screen and (max-width: 767px) {
    .project-card__address {
        margin: 12px 0;
    }
}

.project-card__label {
    font-family: Aeroport, sans-serif;
    color: #3c3c3b;
    font-weight: 400;
    padding: 4px 20px;
    border-radius: 100px;
    background-color: #f1f4f7;
    position: absolute;
    top: 20px;
    right: 20px;
}

@media screen and (max-width: 767px) {
    .project-card__label {
        padding: 4px 12px;
        top: 12px;
        right: 10px;
    }
}

.project-card__features {
    margin-top: 16px;
    display: flex;
    align-items: center;
}

@media screen and (max-width: 767px) {
    .project-card__features {
        margin-top: 12px;
    }
}

.project-card__features li {
    font-family: Intro-regular-alt, sans-serif;
    color: #233c7a;
    font-weight: 400;
    text-transform: uppercase;
}

.project-card__features li + li {
    padding-left: 20px;
    margin-left: 20px;
    position: relative;
}

@media screen and (max-width: 767px) {
    .project-card__features li + li {
        margin-left: 12px;
    }
}

.project-card__features li + li:before {
    content: "";
    width: 6px;
    height: 6px;
    background-color: #e94e1b;
    border-radius: 100%;
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
}

.service-projects-wrapper .swiper {
    height: 100%;
}

.service-projects-wrapper .swiper-wrapper {
    width: 100vw;
    height: 100%;
}

.slider-scrollbar-wrapper {
    width: calc(100% + 80px);
}

@media screen and (max-width: 1439px) {
    .slider-scrollbar-wrapper {
        width: calc(100% + 40px);
    }
}

@media screen and (max-width: 1023px) {
    .slider-scrollbar-wrapper {
        width: calc(100% + 24px);
    }
}

@media only screen and (min-width: 768px) {
    .slider-scrollbar-wrapper .swiper-wrapper {
        margin-bottom: 110px;
    }
}

.slider-scrollbar-wrapper .swiper-scrollbar-wrapper {
    height: 16px;
    position: relative;
    display: flex;
    align-items: center;
    max-width: 1530px;
    width: calc(100% - 160px);
    margin: 0 auto;
    overflow: hidden;
}

@media screen and (max-width: 767px) {
    .slider-scrollbar-wrapper .swiper-scrollbar-wrapper {
        display: none;
    }
}

.slider-scrollbar-wrapper .swiper-scrollbar-wrapper[data-state="first"] .swiper-scrollbar-button-prev,
.slider-scrollbar-wrapper .swiper-scrollbar-wrapper[data-state="last"] .swiper-scrollbar-button-next {
    background-color: #e94e1b;
}

.slider-scrollbar-wrapper .swiper-scrollbar-button {
    content: "";
    width: 16px;
    height: 16px;
    background-color: #dadada;
    border-radius: 100%;
    position: absolute;
    top: -50%;
    transform: translateY(50%);
    cursor: pointer;
    z-index: 51;
}

.slider-scrollbar-wrapper .swiper-scrollbar-button-prev {
    left: 0;
}

.slider-scrollbar-wrapper .swiper-scrollbar-button-next {
    right: 0;
}

.slider-scrollbar-wrapper .swiper-scrollbar {
    width: 100%;
    height: 2px;
    background-color: #dadada;
    top: 50%;
}

.slider-scrollbar-wrapper .swiper-scrollbar-drag {
    background-color: #e94e1b;
    height: 100%;
}

@media only screen and (min-width: 768px) {
    .latest-news-wrapper .swiper-wrapper {
        margin-bottom: 90px;
    }
}

.latest-news-wrapper .swiper-scrollbar-wrapper {
    height: 16px;
    position: relative;
    display: flex;
    align-items: center;
    max-width: 55vw;
    overflow: hidden;
}

@media screen and (max-width: 767px) {
    .latest-news-wrapper .swiper-scrollbar-wrapper {
        display: none;
    }
}

.latest-news-wrapper .swiper-scrollbar-wrapper[data-state="first"] .swiper-scrollbar-button-prev,
.latest-news-wrapper .swiper-scrollbar-wrapper[data-state="last"] .swiper-scrollbar-button-next {
    background-color: #e94e1b;
}

.latest-news-wrapper .swiper-scrollbar-button {
    content: "";
    width: 16px;
    height: 16px;
    background-color: #dadada;
    border-radius: 100%;
    position: absolute;
    top: -50%;
    transform: translateY(50%);
    cursor: pointer;
}

.latest-news-wrapper .swiper-scrollbar-button-prev {
    left: 0;
}

.latest-news-wrapper .swiper-scrollbar-button-next {
    right: 0;
}

.latest-news-wrapper .swiper-scrollbar {
    width: 100%;
    height: 2px;
    background-color: #dadada;
    top: 50%;
}

.latest-news-wrapper .swiper-scrollbar-drag {
    background-color: #e94e1b;
    height: 100%;
}

.reviews-section-wrapper .swiper-button-prev,
.reviews-section-wrapper .swiper-button-next {
    display: flex;
    align-items: center;
    justify-content: center;
    --button-size: 70px;
    --icon-size: 20px;
    width: var(--button-size);
    height: var(--button-size);
    border: 2px solid #1d1d1b;
    border-radius: var(--button-size);
    cursor: pointer;
    transition: background-color 0.2s ease-in;
    bottom: 30px;
    bottom: calc(10px + (30 - 10) * (100vw - 1024px) / (1920 - 1024));
    position: absolute;
    z-index: 10;
}

@media (max-width: 1024px) {
    .reviews-section-wrapper .swiper-button-prev,
    .reviews-section-wrapper .swiper-button-next {
        bottom: 10px;
    }
}

@media (min-width: 1920px) {
    .reviews-section-wrapper .swiper-button-prev,
    .reviews-section-wrapper .swiper-button-next {
        bottom: 30px;
    }
}

@media screen and (max-width: 1023px) {
    .reviews-section-wrapper .swiper-button-prev,
    .reviews-section-wrapper .swiper-button-next {
        bottom: 0;
    }
}

.reviews-section-wrapper .swiper-button-prev:hover,
.reviews-section-wrapper .swiper-button-next:hover {
    background-color: #d7e1eb;
}

@media screen and (max-width: 1023px) {
    .reviews-section-wrapper .swiper-button-prev,
    .reviews-section-wrapper .swiper-button-next {
        --button-size: 50px;
        --icon-size: 16px;
    }
}

.reviews-section-wrapper .swiper-button-prev svg,
.reviews-section-wrapper .swiper-button-next svg {
    width: var(--icon-size);
    height: var(--icon-size);
    stroke: #1d1d1b;
}

.reviews-section-wrapper .swiper-button-next svg {
    transform: rotate(180deg);
}

.reviews-section-wrapper .swiper-button-prev {
    right: 90px;
}

@media screen and (max-width: 1023px) {
    .reviews-section-wrapper .swiper-button-prev {
        right: unset;
        left: 0;
    }
}

.reviews-section-wrapper .swiper-button-next {
    right: 0;
}

@media screen and (max-width: 1023px) {
    .reviews-section-wrapper .swiper-button-next {
        right: unset;
        left: 62px;
    }
}

.reviews-section-wrapper .swiper {
    height: 100%;
    position: relative;
}

@media screen and (max-width: 1023px) {
    .reviews-section-wrapper .swiper {
        padding-bottom: 70px;
    }
}

.reviews-section-wrapper .swiper-wrapper {
    width: 100vw;
    height: 100%;
    -webkit-transition-timing-function: linear !important;
    -o-transition-timing-function: linear !important;
    transition-timing-function: linear !important;
}

@media screen and (max-width: 1023px) {
    .project-info-slider-wrapper .swiper {
        padding-bottom: 40px;
    }
}

@media only screen and (min-width: 1024px) {
    .project-info-slider-wrapper .swiper-wrapper {
        margin-bottom: 40px;
    }
}

.project-info-slider-wrapper .swiper-pagination {
    font-family: Intro-regular-alt, sans-serif;
    color: #1d1d1b;
    font-weight: 400;
    text-transform: uppercase;
    position: absolute;
    bottom: -5px;
    right: 0;
}

@media screen and (max-width: 1023px) {
    .project-info-slider-wrapper .swiper-pagination {
        right: unset;
        left: 0;
        bottom: 0;
    }
}

.project-info-slider-wrapper .swiper-scrollbar-wrapper {
    height: 16px;
    position: relative;
    display: flex;
    align-items: center;
    width: 80%;
}

@media screen and (max-width: 1023px) {
    .project-info-slider-wrapper .swiper-scrollbar-wrapper {
        display: none;
    }
}

.project-info-slider-wrapper .swiper-scrollbar-wrapper[data-state="first"] .swiper-scrollbar-button-prev,
.project-info-slider-wrapper .swiper-scrollbar-wrapper[data-state="last"] .swiper-scrollbar-button-next {
    background-color: #e94e1b;
}

.project-info-slider-wrapper .swiper-scrollbar-button {
    content: "";
    width: 16px;
    height: 16px;
    background-color: #dadada;
    border-radius: 100%;
    position: absolute;
    top: -50%;
    transform: translateY(50%);
    cursor: pointer;
}

.project-info-slider-wrapper .swiper-scrollbar-button-prev {
    left: 0;
}

.project-info-slider-wrapper .swiper-scrollbar-button-next {
    right: 0;
}

.project-info-slider-wrapper .swiper-scrollbar {
    width: 100%;
    height: 2px;
    background-color: #dadada;
}

.project-info-slider-wrapper .swiper-scrollbar-drag {
    background-color: #e94e1b;
    height: 100%;
}

.manager-card {
    max-width: 320px;
}

@media screen and (max-width: 767px) {
    .manager-card {
        max-width: 100%;
    }
}

.manager-card__label {
    margin-bottom: 35px;
}

@media screen and (max-width: 767px) {
    .manager-card__label {
        max-width: 250px;
        margin-bottom: 27px;
        padding: 0;
    }
}

@media screen and (max-width: 767px) {
    .manager-card__label:before {
        content: none;
    }
}

.manager-card__wrapper {
    display: flex;
    flex-direction: column;
    gap: 20px;
}

@media screen and (max-width: 767px) {
    .manager-card__wrapper {
        flex-direction: row;
        gap: 16px;
    }
}

.manager-card__frame {
    display: flex;
    height: 340px;
    width: 250px;
    overflow: hidden;
}

@media only screen and (min-width: 768px) {
    .manager-card__frame {
        margin-bottom: 20px;
    }
}

@media screen and (max-width: 767px) {
    .manager-card__frame {
        height: 250px;
        width: 188px;
    }
}

@media screen and (max-width: 479px) {
    .manager-card__frame {
        height: 170px;
        width: 130px;
    }
}

.manager-card__info {
    font-family: Intro-regular-alt, sans-serif;
    font-size: 14px;
    font-weight: 400;
    text-transform: uppercase;
}

@media screen and (max-width: 767px) {
    .manager-card__info {
        font-size: 12px;
        align-self: flex-end;
        max-width: 90px;
    }
}

.manager-card__info-name {
    font-family: Intro-bold-alt, sans-serif;
    font-size: 18px;
    margin-bottom: 8px;
}

@media screen and (max-width: 767px) {
    .manager-card__info-name {
        font-size: 16px;
    }
}

.icons-list__item {
    font-family: Aeroport, sans-serif;
    color: #3c3c3b;
    font-weight: 400;
    display: flex;
    gap: 110px;
    gap: calc(20px + (110 - 20) * (100vw - 768px) / (1920 - 768));
}

@media (max-width: 768px) {
    .icons-list__item {
        gap: 20px;
    }
}

@media (min-width: 1920px) {
    .icons-list__item {
        gap: 110px;
    }
}

.icons-list__item + .icons-list__item {
    margin-top: 20px;
}

@media screen and (max-width: 767px) {
    .icons-list__item + .icons-list__item {
        margin-top: 15px;
    }
}

.icons-list__item-icon {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    width: 40px;
    height: 40px;
    border-radius: 100%;
}

.icons-list__item-icon--orange {
    background-color: #e94e1b;
}

.icons-list__item-icon--grey {
    background-color: #dadada;
}

.icons-list__item-icon svg {
    width: 24px;
    height: 24px;
    fill: #fff;
}

@media screen and (max-width: 767px) {
    .icons-list__item-icon svg {
        width: 18px;
        height: 18px;
    }
}

.range-field {
    display: grid;
    grid-template-columns: 1fr 1fr;
}

.range-field__label {
    font-family: Intro-regular-alt, sans-serif;
    color: #1d1d1b;
    font-weight: 400;
    text-transform: uppercase;
    letter-spacing: 0.8px;
    margin-bottom: 40px;
}

@media screen and (max-width: 767px) {
    .range-field__label {
        margin-bottom: 30px;
        font-size: 14px;
    }
}

.range-field__input {
    grid-column: 1/3;
    height: 2px;
    width: 100%;
    margin-bottom: 15px;
    -webkit-appearance: none;
    background: #dadada;
    background-image: linear-gradient(#e94e1b, #e94e1b);
    background-size: 1% 100%;
    background-repeat: no-repeat;
    border-radius: 5px;
}

@media screen and (max-width: 767px) {
    .range-field__input {
        margin-bottom: 12px;
    }
}

.range-field__input::-webkit-slider-thumb {
    -webkit-appearance: none;
    height: 16px;
    width: 16px;
    border-radius: 100%;
    background: #e94e1b;
    cursor: ew-resize;
    transition: background 0.3s ease-in-out;
}

.range-field__input::-webkit-slider-runnable-track {
    -webkit-appearance: none;
    box-shadow: none;
    border: none;
    background: transparent;
}

.range-field__value-label {
    font-family: Aeroport, sans-serif;
    color: #3c3c3b;
    font-weight: 400;
}

.range-field__value-label--max {
    justify-self: flex-end;
}

.horizontal-scroll-list {
    display: flex;
    gap: 110px;
    gap: calc(55px + (110 - 55) * (100vw - 375px) / (1920 - 375));
}

@media (max-width: 375px) {
    .horizontal-scroll-list {
        gap: 55px;
    }
}

@media (min-width: 1920px) {
    .horizontal-scroll-list {
        gap: 110px;
    }
}

@media only screen and (min-width: 768px) {
    .horizontal-scroll-list {
        -ms-overflow-style: none;
        scrollbar-width: none;
        overflow-x: auto;
        overflow-y: hidden;
    }

    .horizontal-scroll-list::-webkit-scrollbar {
        height: 0;
    }
}

@media screen and (max-width: 767px) {
    .horizontal-scroll-list {
        flex-direction: column;
    }
}

.horizontal-scroll-list__item {
    flex-shrink: 0;
}

@media only screen and (min-width: 768px) {
    .horizontal-scroll-list__item {
        max-width: 648px;
        max-width: calc(375px + (648 - 375) * (100vw - 375px) / (1920 - 375));
    }
}

@media only screen and (min-width: 768px) and (max-width: 375px) {
    .horizontal-scroll-list__item {
        max-width: 375px;
    }
}

@media only screen and (min-width: 768px) and (min-width: 1920px) {
    .horizontal-scroll-list__item {
        max-width: 648px;
    }
}

.hover-list__item {
    position: relative;
    padding: 50px 90px 50px 40px;
}

@media only screen and (min-width: 1024px) {
    .hover-list__item {
        display: grid;
        grid-template-columns: 1fr 340px;
        transition: background-color 0.2s ease;
    }
}

@media screen and (max-width: 1023px) {
    .hover-list__item {
        padding: 20px 0;
    }
}

@media only screen and (min-width: 1024px) {
    .hover-list__item:hover {
        background-color: #f1f4f7;
    }

    .hover-list__item:hover .hover-list__item-image {
        opacity: 1;
        visibility: visible;
    }
}

.hover-list__item-name {
    font-family: Intro-regular-alt, sans-serif;
    color: #1d1d1b;
    font-weight: 400;
    text-transform: uppercase;
    height: fit-content;
    position: relative;
    padding-left: 60px;
}

.hover-list__item-name:before {
    content: "";
    z-index: 10;
    width: 12px;
    height: 12px;
    background-color: #e94e1b;
    border-radius: 50%;
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
}

@media screen and (max-width: 767px) {
    .hover-list__item-name:before {
        width: 8px;
        height: 8px;
    }
}

@media screen and (max-width: 1023px) {
    .hover-list__item-name {
        padding-left: 24px;
        margin-bottom: 12px;
    }

    .hover-list__item-name:before {
        top: 12px;
    }
}

@media screen and (max-width: 767px) {
    .hover-list__item-name {
        padding-left: 16px;
    }
}

.hover-list__item-address {
    font-family: Intro-regular-alt, sans-serif;
    color: #233c7a;
    font-weight: 400;
    text-transform: uppercase;
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.hover-list__item-address span {
    font-family: Aeroport, sans-serif;
    color: #3c3c3b;
    font-weight: 400;
    text-transform: none;
}

.hover-list__item-image {
    width: 100%;
    height: auto;
    object-fit: contain;
}

@media only screen and (min-width: 1024px) {
    .hover-list__item-image {
        position: absolute;
        top: 50%;
        right: 5%;
        z-index: 10;
        translate: 0 -50%;
        max-width: 536px;
        max-width: calc(350px + (536 - 350) * (100vw - 1024px) / (1920 - 1024));
        opacity: 0;
        visibility: hidden;
        transition: opacity 0.3s ease-in;
    }
}

@media only screen and (min-width: 1024px) and (max-width: 1024px) {
    .hover-list__item-image {
        max-width: 350px;
    }
}

@media only screen and (min-width: 1024px) and (min-width: 1920px) {
    .hover-list__item-image {
        max-width: 536px;
    }
}

@media screen and (max-width: 1023px) {
    .hover-list__item-image {
        margin-bottom: 10px;
    }
}

.hover-list__item-line {
    position: absolute;
    left: 0;
    right: 0;
}

.hover-list__item-line--first {
    top: 0;
}

.hover-list__item-line--last {
    bottom: 0;
}

.quoute-author__icon {
    width: 85px;
    height: 53px;
    stroke: #e94e1b;
    fill: transparent;
    margin-bottom: 40px;
}

@media screen and (max-width: 767px) {
    .quoute-author__icon {
        margin-bottom: 20px;
    }
}

.quoute-author__text {
    font-family: Aeroport, sans-serif;
    color: #3c3c3b;
    font-weight: 400;
    margin-bottom: 30px;
}

.quoute-author__line {
    margin-bottom: 30px;
}

@media screen and (max-width: 767px) {
    .quoute-author__line {
        margin-bottom: 15px;
    }
}

.quoute-author__person {
    display: flex;
    gap: 16px;
}

@media screen and (max-width: 767px) {
    .quoute-author__person {
        align-items: center;
        gap: 12px;
    }
}

.quoute-author__person-name {
    position: relative;
    margin-top: 8px;
    padding-left: 20px;
    max-width: 150px;
}

.quoute-author__person-name:before {
    content: "";
    z-index: 10;
    width: 12px;
    height: 12px;
    background-color: #e94e1b;
    border-radius: 50%;
    position: absolute;
    left: 0;
    top: 8%;
}

@media screen and (max-width: 767px) {
    .quoute-author__person-name:before {
        width: 8px;
        height: 8px;
    }
}

@media screen and (max-width: 767px) {
    .quoute-author__person-name {
        margin-top: unset;
        padding-left: 16px;
    }
}

.quoute-author__person-image {
    width: 100px;
    height: 100px;
    aspect-ratio: 1;
    border-radius: 100%;
}

@media screen and (max-width: 767px) {
    .quoute-author__person-image {
        width: 70px;
        height: 70px;
    }
}

.latest-news-card {
    display: flex;
    gap: 20px;
}

@media screen and (max-width: 1023px) {
    .latest-news-card {
        flex-direction: column;
        gap: 16px;
    }
}

.latest-news-card__image {
    --image-zise: 314px;
    grid-area: image;
    width: var(--image-zise);
    height: var(--image-zise);
    object-fit: cover;
}

@media screen and (max-width: 1023px) {
    .latest-news-card__image {
        --image-zise: 240px;
    }
}

@media screen and (max-width: 479px) {
    .latest-news-card__image {
        --image-zise: 100%;
    }
}

.latest-news-card__info {
    display: flex;
    flex-direction: column;
}

.latest-news-card__info-publish {
    grid-area: publish;
    font-size: 14px;
}

.latest-news-card__info-title {
    grid-area: title;
    margin: 12px 0;
}

@media screen and (max-width: 1023px) {
    .latest-news-card__info-title {
        margin: 8px 0;
    }
}

.latest-news-card__info-description {
    grid-area: description;
}

@media only screen and (min-width: 1024px) {
    .latest-news-card__info-description {
        max-width: 336px;
    }
}

.latest-news-card__info-link {
    margin-top: auto;
    width: fit-content;
}

@media screen and (max-width: 1023px) {
    .latest-news-card__info-link {
        display: none;
    }
}

@media only screen and (min-width: 768px) {
    .paragraph-in-circles {
        position: relative;
        max-width: 400px;
    }
}

.paragraph-in-circles__text {
    font-size: 18px;
    font-size: calc(16px + (18 - 16) * (100vw - 375px) / (1920 - 375));
}

@media (max-width: 375px) {
    .paragraph-in-circles__text {
        font-size: 16px;
    }
}

@media (min-width: 1920px) {
    .paragraph-in-circles__text {
        font-size: 18px;
    }
}

.paragraph-in-circles__circle {
    position: absolute;
    top: 50%;
    left: 50%;
    translate: -50% -50%;
    border: 1px solid #d7e1eb;
    border-radius: 100%;
}

@media screen and (max-width: 767px) {
    .paragraph-in-circles__circle {
        transform: translateY(20px);
    }
}

.paragraph-in-circles__circle--1 {
    width: 584px;
    width: calc(254px + (584 - 254) * (100vw - 375px) / (1920 - 375));
    height: 584px;
    height: calc(254px + (584 - 254) * (100vw - 375px) / (1920 - 375));
}

@media (max-width: 375px) {
    .paragraph-in-circles__circle--1 {
        width: 254px;
    }
}

@media (min-width: 1920px) {
    .paragraph-in-circles__circle--1 {
        width: 584px;
    }
}

@media (max-width: 375px) {
    .paragraph-in-circles__circle--1 {
        height: 254px;
    }
}

@media (min-width: 1920px) {
    .paragraph-in-circles__circle--1 {
        height: 584px;
    }
}

.paragraph-in-circles__circle--2 {
    width: 956px;
    width: calc(514px + (956 - 514) * (100vw - 375px) / (1920 - 375));
    height: 956px;
    height: calc(514px + (956 - 514) * (100vw - 375px) / (1920 - 375));
}

@media (max-width: 375px) {
    .paragraph-in-circles__circle--2 {
        width: 514px;
    }
}

@media (min-width: 1920px) {
    .paragraph-in-circles__circle--2 {
        width: 956px;
    }
}

@media (max-width: 375px) {
    .paragraph-in-circles__circle--2 {
        height: 514px;
    }
}

@media (min-width: 1920px) {
    .paragraph-in-circles__circle--2 {
        height: 956px;
    }
}

.paragraph-in-circles__circle--3 {
    width: 1452px;
    width: calc(726px + (1452 - 726) * (100vw - 375px) / (1920 - 375));
    height: 1452px;
    height: calc(726px + (1452 - 726) * (100vw - 375px) / (1920 - 375));
}

@media (max-width: 375px) {
    .paragraph-in-circles__circle--3 {
        width: 726px;
    }
}

@media (min-width: 1920px) {
    .paragraph-in-circles__circle--3 {
        width: 1452px;
    }
}

@media (max-width: 375px) {
    .paragraph-in-circles__circle--3 {
        height: 726px;
    }
}

@media (min-width: 1920px) {
    .paragraph-in-circles__circle--3 {
        height: 1452px;
    }
}

.paragraph-in-circles__circle--4 {
    width: 575px;
    width: calc(204px + (575 - 204) * (100vw - 375px) / (1920 - 375));
    height: 575px;
    height: calc(204px + (575 - 204) * (100vw - 375px) / (1920 - 375));
}

@media (max-width: 375px) {
    .paragraph-in-circles__circle--4 {
        width: 204px;
    }
}

@media (min-width: 1920px) {
    .paragraph-in-circles__circle--4 {
        width: 575px;
    }
}

@media (max-width: 375px) {
    .paragraph-in-circles__circle--4 {
        height: 204px;
    }
}

@media (min-width: 1920px) {
    .paragraph-in-circles__circle--4 {
        height: 575px;
    }
}

.paragraph-in-circles__circle--5 {
    width: 941px;
    width: calc(414px + (941 - 414) * (100vw - 375px) / (1920 - 375));
    height: 941px;
    height: calc(414px + (941 - 414) * (100vw - 375px) / (1920 - 375));
}

@media (max-width: 375px) {
    .paragraph-in-circles__circle--5 {
        width: 414px;
    }
}

@media (min-width: 1920px) {
    .paragraph-in-circles__circle--5 {
        width: 941px;
    }
}

@media (max-width: 375px) {
    .paragraph-in-circles__circle--5 {
        height: 414px;
    }
}

@media (min-width: 1920px) {
    .paragraph-in-circles__circle--5 {
        height: 941px;
    }
}

.paragraph-in-circles__circle--6 {
    width: 425px;
    width: calc(274px + (425 - 274) * (100vw - 375px) / (1920 - 375));
    height: 425px;
    height: calc(274px + (425 - 274) * (100vw - 375px) / (1920 - 375));
}

@media (max-width: 375px) {
    .paragraph-in-circles__circle--6 {
        width: 274px;
    }
}

@media (min-width: 1920px) {
    .paragraph-in-circles__circle--6 {
        width: 425px;
    }
}

@media (max-width: 375px) {
    .paragraph-in-circles__circle--6 {
        height: 274px;
    }
}

@media (min-width: 1920px) {
    .paragraph-in-circles__circle--6 {
        height: 425px;
    }
}

.paragraph-in-circles__circle--7 {
    width: 789px;
    width: calc(509px + (789 - 509) * (100vw - 375px) / (1920 - 375));
    height: 789px;
    height: calc(509px + (789 - 509) * (100vw - 375px) / (1920 - 375));
}

@media (max-width: 375px) {
    .paragraph-in-circles__circle--7 {
        width: 509px;
    }
}

@media (min-width: 1920px) {
    .paragraph-in-circles__circle--7 {
        width: 789px;
    }
}

@media (max-width: 375px) {
    .paragraph-in-circles__circle--7 {
        height: 509px;
    }
}

@media (min-width: 1920px) {
    .paragraph-in-circles__circle--7 {
        height: 789px;
    }
}

.reviewer-info {
    display: flex;
    align-items: center;
}

.reviewer-info__img {
    width: 100px;
    width: calc(60px + (100 - 60) * (100vw - 375px) / (1920 - 375));
    height: 100px;
    height: calc(60px + (100 - 60) * (100vw - 375px) / (1920 - 375));
    border-radius: 50%;
    overflow: hidden;
}

@media (max-width: 375px) {
    .reviewer-info__img {
        width: 60px;
    }
}

@media (min-width: 1920px) {
    .reviewer-info__img {
        width: 100px;
    }
}

@media (max-width: 375px) {
    .reviewer-info__img {
        height: 60px;
    }
}

@media (min-width: 1920px) {
    .reviewer-info__img {
        height: 100px;
    }
}

.reviewer-info__img img {
    width: 100%;
    height: auto;
    object-fit: contain;
    object-position: center;
}

.reviewer-info__person {
    padding: 23px 27px;
}

@media screen and (max-width: 767px) {
    .reviewer-info__person {
        padding: 14px 18px;
    }
}

.reviewer-info__name {
    margin-bottom: 8px;
}

@media screen and (max-width: 767px) {
    .reviewer-info__name {
        margin-bottom: 3px;
    }
}

.reviewer-info__job-title {
    font-size: 18px;
    font-size: calc(12px + (18 - 12) * (100vw - 375px) / (1920 - 375));
    line-height: 1.3;
    text-transform: uppercase;
}

@media (max-width: 375px) {
    .reviewer-info__job-title {
        font-size: 12px;
    }
}

@media (min-width: 1920px) {
    .reviewer-info__job-title {
        font-size: 18px;
    }
}

@media screen and (max-width: 767px) {
    .reviewer-info__job-title {
        opacity: 0.6;
    }
}

@media screen and (max-width: 767px) {
    .review-item {
        display: flex;
        flex-direction: column-reverse;
    }
}

.review-item__text {
    font-family: Intro-bold-alt, sans-serif;
    color: #1d1d1b;
    text-transform: uppercase;
    margin-bottom: 40px;
}

@media screen and (max-width: 767px) {
    .review-item__text {
        margin-top: 20px;
        margin-bottom: 24px;
    }
}

.review-item__reviewer-info {
    margin-top: 30px;
}

@media screen and (max-width: 767px) {
    .review-item__reviewer-info {
        margin-bottom: 16px;
        margin-top: unset;
    }
}

.pagination {
    display: flex;
    gap: 10px;
}

.pagination__item {
    font-family: Aeroport, sans-serif;
    color: #3c3c3b;
    font-weight: 400;
    font-weight: 700;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 20px;
    border-radius: 50%;
}

.pagination__item.current {
    background-color: #dadada;
}

.pagination__item.next,
.pagination__item .pagination__item.prev {
    display: none;
}

.vacancy-item {
    position: relative;
    padding: 55px 0;
    display: flex;
    align-items: center;
    gap: 30px;
}

@media screen and (max-width: 1023px) {
    .vacancy-item {
        padding: 20px 0;
        flex-direction: column;
        align-items: flex-start;
        gap: 0;
    }
}

.vacancy-item__title {
    position: relative;
    padding-left: 45px;
}

.vacancy-item__title:before {
    content: "";
    z-index: 10;
    width: 12px;
    height: 12px;
    background-color: #e94e1b;
    border-radius: 50%;
    position: absolute;
    left: 0;
    top: 6%;
}

@media only screen and (min-width: 1024px) {
    .vacancy-item__title:before {
        top: 8px;
    }
}

@media screen and (max-width: 1023px) {
    .vacancy-item__title:before {
        top: 10px;
    }
}

@media screen and (max-width: 767px) {
    .vacancy-item__title:before {
        width: 8px;
        height: 8px;
    }
}

@media screen and (max-width: 1023px) {
    .vacancy-item__title {
        margin-bottom: 8px;
        padding-left: 16px;
    }
}

@media only screen and (min-width: 1024px) {
    .vacancy-item__city {
        margin-left: auto;
        margin-right: 80px;
        margin-right: calc(0px + (80 - 0) * (100vw - 1024px) / (1920 - 1024));
        max-width: 150px;
        width: 100%;
    }
}

@media only screen and (min-width: 1024px) and (max-width: 1024px) {
    .vacancy-item__city {
        margin-right: 0;
    }
}

@media only screen and (min-width: 1024px) and (min-width: 1920px) {
    .vacancy-item__city {
        margin-right: 80px;
    }
}

@media screen and (max-width: 1023px) {
    .vacancy-item__city {
        margin-bottom: 16px;
        padding-left: 16px;
    }
}

.vacancy-item__link {
    flex-shrink: 0;
    width: fit-content;
}

@media screen and (max-width: 767px) {
    .vacancy-item__link {
        width: 100%;
    }
}

.vacancy-item__line {
    position: absolute;
    left: 0;
    right: 0;
}

.vacancy-item__line--top {
    top: 0;
}

.vacancy-item__line--bottom {
    bottom: 0;
}

.circle-slider {
    display: flex;
    gap: 40px;
    width: calc(100% + 360px);
    overflow: hidden;
    margin-left: -180px;
    padding-top: 20px;
}

@media screen and (max-width: 1023px) {
    .circle-slider {
        margin-left: -24px;
        width: calc(100% + 48px);
    }
}

@media screen and (max-width: 767px) {
    .circle-slider {
        gap: 15px;
        margin-bottom: 40px;
    }
}

.circle-slider:hover .circle-slider__inner {
    animation-play-state: paused;
}

.circle-slider__inner {
    display: flex;
    gap: 40px;
    animation: slider 15s infinite linear;
}

@media screen and (max-width: 767px) {
    .circle-slider__inner {
        gap: 15px;
    }
}

@keyframes slider {
    to {
        transform: translate(0);
    }
    to {
        transform: translate(-51%);
    }
}

.circle-slide {
    border-radius: 100%;
    width: 300px;
    height: 300px;
    background-color: #f1f4f7;
}

.circle-slide--base .circle-slide__image {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 50%;
}

.circle-slide--contain .circle-slide__image {
    display: block;
    margin: 0 auto;
    width: 190px;
    height: 290px;
    transform: translateY(-40px);
    object-fit: cover;
}

@media screen and (max-width: 1023px) {
    .circle-slide--contain .circle-slide__image {
        width: 126px;
        height: 192px;
        transform: translateY(-20px);
    }
}

@media screen and (max-width: 1023px) {
    .circle-slide {
        width: 200px;
        height: 200px;
    }
}

.circle-slide__text {
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    padding: 0 40px;
    width: 100%;
    height: 100%;
}

@media screen and (max-width: 1023px) {
    .circle-slide__text {
        padding: 0 20px;
    }
}

.circle-slide__text p {
    color: #e94e1b;
}

.vacancy-info {
    border-radius: 10px;
    background-color: #f1f4f7;
    padding-top: 100px;
    padding-top: calc(30px + (100 - 30) * (100vw - 1024px) / (1920 - 1024));
    padding-bottom: 85px;
    padding-bottom: calc(30px + (85 - 30) * (100vw - 1024px) / (1920 - 1024));
    padding-left: 100px;
    padding-left: calc(20px + (100 - 20) * (100vw - 1024px) / (1920 - 1024));
    padding-right: 100px;
    padding-right: calc(20px + (100 - 20) * (100vw - 1024px) / (1920 - 1024));
}

@media (max-width: 1024px) {
    .vacancy-info {
        padding-top: 30px;
    }
}

@media (min-width: 1920px) {
    .vacancy-info {
        padding-top: 100px;
    }
}

@media (max-width: 1024px) {
    .vacancy-info {
        padding-bottom: 30px;
    }
}

@media (min-width: 1920px) {
    .vacancy-info {
        padding-bottom: 85px;
    }
}

@media (max-width: 1024px) {
    .vacancy-info {
        padding-left: 20px;
    }
}

@media (min-width: 1920px) {
    .vacancy-info {
        padding-left: 100px;
    }
}

@media (max-width: 1024px) {
    .vacancy-info {
        padding-right: 20px;
    }
}

@media (min-width: 1920px) {
    .vacancy-info {
        padding-right: 100px;
    }
}

.vacancy-info__list {
    margin-bottom: 50px;
}

@media screen and (max-width: 767px) {
    .vacancy-info__list {
        margin-bottom: 40px;
    }
}

.vacancy-info__item {
    display: flex;
    flex-direction: column;
    gap: 30px;
}

@media screen and (max-width: 767px) {
    .vacancy-info__item {
        gap: 20px;
    }
}

.vacancy-info__item + .vacancy-info__item {
    margin-top: 40px;
}

@media screen and (max-width: 767px) {
    .vacancy-info__item + .vacancy-info__item {
        margin-top: 30px;
    }
}

.vacancy-info__item-label {
    font-weight: 400;
}

.vacancy-info__button {
    max-width: 280px;
}

@media screen and (max-width: 767px) {
    .vacancy-info__button {
        max-width: 100%;
    }
}

.paragraphs__title {
    margin-bottom: 40px;
}

@media screen and (max-width: 1023px) {
    .paragraphs__title {
        margin-bottom: 20px;
    }
}

.paragraphs__item + .paragraphs__item {
    margin-top: 20px;
}

@media screen and (max-width: 1023px) {
    .paragraphs__item + .paragraphs__item {
        margin-top: 16px;
    }
}

.circle-in-circles {
    --size: 250px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-family: Intro-bold-alt, sans-serif;
    color: #fff;
    text-transform: uppercase;
    width: var(--size);
    height: var(--size);
}

@media screen and (max-width: 1023px) {
    .circle-in-circles {
        --size: 155px;
        font-size: 16px;
    }
}

.circle-in-circles__inner {
    position: relative;
    height: 100%;
    width: 100%;
}

.circle-in-circles__content {
    position: relative;
    z-index: 10;
    height: 100%;
    width: 100%;
}

.circle-in-circles__fact {
    height: 100%;
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: #e94e1b;
    border-radius: 100%;
}

.circle-in-circles__text {
    position: absolute;
    max-width: 73%;
}

.circle-in-circles__circle {
    position: absolute;
    top: 50%;
    left: 50%;
    translate: -50% -50%;
    z-index: -1;
    border: 1px solid #d7e1eb;
    border-radius: 100%;
}

.circle-in-circles__circle-small {
    width: 509px;
    width: calc(301px + (509 - 301) * (100vw - 375px) / (1920 - 375));
    height: 509px;
    height: calc(301px + (509 - 301) * (100vw - 375px) / (1920 - 375));
}

@media (max-width: 375px) {
    .circle-in-circles__circle-small {
        width: 301px;
    }
}

@media (min-width: 1920px) {
    .circle-in-circles__circle-small {
        width: 509px;
    }
}

@media (max-width: 375px) {
    .circle-in-circles__circle-small {
        height: 301px;
    }
}

@media (min-width: 1920px) {
    .circle-in-circles__circle-small {
        height: 509px;
    }
}

.circle-in-circles__circle-big {
    width: 977px;
    width: calc(499px + (977 - 499) * (100vw - 375px) / (1920 - 375));
    height: 977px;
    height: calc(499px + (977 - 499) * (100vw - 375px) / (1920 - 375));
}

@media (max-width: 375px) {
    .circle-in-circles__circle-big {
        width: 499px;
    }
}

@media (min-width: 1920px) {
    .circle-in-circles__circle-big {
        width: 977px;
    }
}

@media (max-width: 375px) {
    .circle-in-circles__circle-big {
        height: 499px;
    }
}

@media (min-width: 1920px) {
    .circle-in-circles__circle-big {
        height: 977px;
    }
}

.figcaption__image {
    width: 100%;
    height: auto;
    object-fit: cover;
    margin-bottom: 10px;
}

.figcaption__label {
    font-family: Aeroport, sans-serif;
    color: #3c3c3b;
    font-weight: 400;
    text-transform: uppercase;
}

@media screen and (max-width: 1023px) {
    .figcaption__label {
        font-size: 14px;
    }
}

.tabs {
    display: flex;
}

@media screen and (max-width: 767px) {
    .tabs {
        display: grid;
        grid-template-columns: 1fr;
        position: relative;
        border-top: 2px solid #e94e1b;
        border-bottom: 2px solid #e94e1b;
        transition: max-height 0.3s ease;
        overflow: hidden;
    }
}

@media screen and (max-width: 767px) {
    .tabs[data-open="true"] {
        max-height: 400px;
        transition: max-height 0.3s ease;
    }

    .tabs[data-open="true"] .tabs__arrow svg {
        transform: rotateX(0);
    }
}

@media screen and (max-width: 767px) {
    .tabs[data-open="false"] {
        max-height: 55px;
        transition: max-height 0.3s ease;
    }
}

.tabs__arrow {
    pointer-events: none;
    width: 32px;
    height: 32px;
    border: 2px solid #e94e1b;
    border-radius: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    top: 10px;
    right: 0;
}

@media only screen and (min-width: 768px) {
    .tabs__arrow {
        display: none;
    }
}

.tabs__arrow svg {
    width: 12.8px;
    height: 12.8px;
    stroke: #e94e1b;
    transform: rotateX(180deg);
    transition: transform 0.3s ease;
}

.tabs__item {
    width: 100%;
    padding: 16px;
    color: #3c3c3b;
    cursor: pointer;
}

@media only screen and (min-width: 768px) {
    .tabs__item {
        border-top: 2px solid #dadada;
        border-bottom: 2px solid #dadada;
        text-align: center;
    }
}

@media screen and (max-width: 767px) {
    .tabs__item {
        padding: 12px 0;
    }
}

@media screen and (max-width: 767px) {
    .tabs__item + .tabs__item {
        border-top: 2px solid #dadada;
    }
}

.tabs__item:hover {
    background-color: #f1f4f7;
}

.tabs__item[data-active-tab] {
    color: #e94e1b;
}

@media only screen and (min-width: 768px) {
    .tabs__item[data-active-tab] {
        border-color: #e94e1b;
    }
}

@media screen and (max-width: 767px) {
    .tabs__item[data-active-tab] {
        grid-row: 1/3;
    }
}

.tabs__item p {
    color: currentColor;
}

.tag-list {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
}

.tag-list__item {
    font-family: Aeroport, sans-serif;
    color: var(--text-color);
    font-weight: 400;
    padding: 4px 20px;
    width: fit-content;
    border: 1.5px solid var(--text-color);
    border-radius: 100px;
    cursor: pointer;
}

.tag-list__item--blue {
    --bg-color: transparent;
    --text-color: #233c7a;
    --active-text-color: #ffffff;
    --active-bg-color: #233c7a;
}

.tag-list__item--graphit {
    --bg-color: transparent;
    --text-color: #3c3c3b;
    --active-text-color: #ffffff;
    --active-bg-color: #3c3c3b;
}

.tag-list__item--orange {
    --bg-color: transparent;
    --text-color: #e94e1b;
    --active-text-color: #ffffff;
    --active-bg-color: #e94e1b;
}

.tag-list__item.active {
    background-color: var(--active-bg-color);
    color: var(--active-text-color);
}

.alert {
    position: fixed;
    top: 80px;
    left: 0;
    right: 0;
    z-index: 50;
    padding: 10px 0;
    background-color: #fffc;
    -webkit-backdrop-filter: blur(4px);
    backdrop-filter: blur(4px);
}

@media screen and (max-width: 1023px) {
    .alert {
        top: 66px;
    }
}

.alert__inner {
    display: flex;
    align-items: center;
}

.alert__text {
    font-family: Aeroport, sans-serif;
    color: #3c3c3b;
    font-weight: 400;
    display: flex;
    align-items: center;
    gap: 20px;
    margin-right: auto;
}

@media screen and (max-width: 767px) {
    .alert__text {
        display: none;
    }
}

.alert__text-icon {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    width: 30px;
    height: 30px;
    background-color: #e94e1b;
    border-radius: 100%;
}

.alert__text-icon svg {
    width: 14px;
    height: 14px;
    stroke: #fff;
}

.alert__button {
    min-width: 210px;
}

@media screen and (max-width: 767px) {
    .alert__button {
        min-width: unset;
        width: 100%;
    }
}

.alert__button ~ .alert__button {
    margin-left: 16px;
}

@media screen and (max-width: 767px) {
    .alert__button ~ .alert__button {
        margin-left: 6px;
    }
}

.gray-line-list {
    padding-left: 110px;
    padding-left: calc(20px + (110 - 20) * (100vw - 1024px) / (1920 - 1024));
    padding-right: 110px;
    padding-right: calc(20px + (110 - 20) * (100vw - 1024px) / (1920 - 1024));
    padding-top: 70px;
    padding-top: calc(30px + (70 - 30) * (100vw - 1024px) / (1920 - 1024));
    padding-bottom: 70px;
    padding-bottom: calc(30px + (70 - 30) * (100vw - 1024px) / (1920 - 1024));
    border-radius: 10px;
    background-color: #f1f4f7;
}

@media (max-width: 1024px) {
    .gray-line-list {
        padding-left: 20px;
    }
}

@media (min-width: 1920px) {
    .gray-line-list {
        padding-left: 110px;
    }
}

@media (max-width: 1024px) {
    .gray-line-list {
        padding-right: 20px;
    }
}

@media (min-width: 1920px) {
    .gray-line-list {
        padding-right: 110px;
    }
}

@media (max-width: 1024px) {
    .gray-line-list {
        padding-top: 30px;
    }
}

@media (min-width: 1920px) {
    .gray-line-list {
        padding-top: 70px;
    }
}

@media (max-width: 1024px) {
    .gray-line-list {
        padding-bottom: 30px;
    }
}

@media (min-width: 1920px) {
    .gray-line-list {
        padding-bottom: 70px;
    }
}

.gray-line-list__item + .gray-line-list__item {
    padding-top: 40px;
}

@media screen and (max-width: 1023px) {
    .gray-line-list__item + .gray-line-list__item {
        padding-top: 30px;
    }
}

.gray-line-list__item-first {
    margin: 15px 0;
}

@media screen and (max-width: 1023px) {
    .gray-line-list__item-first {
        margin: 20px 0;
    }
}

.gray-line-list__item-label {
    font-family: Intro-regular-alt, sans-serif;
    color: #1d1d1b;
    font-weight: 400;
    text-transform: uppercase;
}

.gray-line-list__item-value {
    margin: 30px 0;
}

@media screen and (max-width: 1023px) {
    .gray-line-list__item-value {
        margin: 20px 0;
    }
}

@media screen and (max-width: 1023px) {
    .gray-line-list__item-value p {
        font-size: 20px;
    }
}

.modal-base {
    position: fixed;
    top: 0;
    left: 50%;
    border-radius: 10px;
    max-width: 1300px;
    width: calc(100% - 48px);
    background-color: #fff;
    transform: translateY(-100%) translate(-50%);
    transition: transform 0.5s ease-in-out, opacity 0.5s ease-in;
    overflow: hidden;
    padding: 100px 110px 80px;
}

@media screen and (max-width: 1023px) {
    .modal-base {
        padding: 70px 0 35px 20px;
        min-height: 90vh;
    }
}

@media screen and (max-width: 1023px) {
    .modal-base {
        bottom: 50px;
    }
}

.modal-base.show {
    transform: translateY(10%) translate(-50%);
    opacity: 1;
    z-index: 250;
}

@media screen and (max-width: 1023px) {
    .modal-base.show {
        transform: translateY(20px) translate(-50%);
    }
}

@media screen and (max-width: 1023px) {
    .modal-base__window {
        padding-right: 20px;
        width: 100%;
        height: 100%;
        overflow-y: auto;
        overflow-x: hidden;
    }
}

.modal-base__window::-webkit-scrollbar {
    width: 8px;
}

.modal-base__window::-webkit-scrollbar-track {
    background-color: #f2f2f2;
}

.modal-base__window::-webkit-scrollbar-thumb {
    background-color: #d9d9d9;
    border-radius: 8px;
}

.modal-base__window::-webkit-scrollbar-thumb:hover {
    background-color: #ccc;
}

.modal-base__close {
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    right: 40px;
    top: 40px;
    background-color: #d7e1eb;
    width: 35px;
    height: 35px;
    border-radius: 100%;
}

@media screen and (max-width: 1023px) {
    .modal-base__close {
        right: 16px;
        top: 16px;
    }
}

.modal-base__close svg {
    width: 28px;
    height: 28px;
    fill: #1d1d1b;
}

.modal-overlay {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: -1;
    background-color: transparent;
    transition: background-color 0.3s ease-in, opacity 0.5s ease-in;
}

.modal-overlay.show {
    background-color: #d7e1ebcc;
    -webkit-backdrop-filter: blur(6px);
    backdrop-filter: blur(6px);
    opacity: 1;
    z-index: 200;
}

.header {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: 200;
}

.header[data-state="close"] {
    background-color: var(--header-bg-color);
    transition: background-color 0.2s ease-in;
}

.header[data-state="close"] .header__inner {
    border-bottom: 2px solid #dadada;
}

@media screen and (max-width: 767px) {
    .header[data-state="close"] .header__inner {
        border-width: 1px;
    }
}

.header[data-state="close"] .header__burger-btn--close {
    display: none;
}

.header[data-state="open"] {
    background-color: #e94e1b;
}

.header[data-state="open"] .header__logo {
    filter: brightness(0) saturate(100%) invert(100%) sepia(100%) saturate(0%) hue-rotate(123deg) brightness(103%) contrast(101%);
}

.header[data-state="open"] .header__nav {
    background-color: #e94e1b;
    transform: scaleY(1);
    opacity: 1;
    visibility: visible;
    overflow-y: auto;
    padding-bottom: 50px;
    width: calc(100% + 12px);
    transition: transform 0.4s ease-in, opacity 0.2s ease-in, visibility 0.2s ease-in, background-color 0.2s ease-in;
}

.header[data-state="open"] .header__language {
    color: #fff;
}

.header[data-state="open"] .header__burger-btn--open {
    display: none;
}

.header__inner {
    font-family: Intro-regular-alt, sans-serif;
    font-weight: 400;
    text-transform: uppercase;
    color: #1d1d1b;
    display: flex;
    align-items: center;
    gap: 48px;
    gap: calc(10px + (48 - 10) * (100vw - 1024px) / (1920 - 1024));
    border-bottom: 2px solid #dadada;
}

@media (max-width: 1024px) {
    .header__inner {
        gap: 10px;
    }
}

@media (min-width: 1920px) {
    .header__inner {
        gap: 48px;
    }
}

@media screen and (max-width: 1023px) {
    .header__inner {
        padding: 10px 0;
        border-width: 1px;
    }
}

.header__logo {
    max-width: 186px;
    max-height: 44px;
    width: 100%;
    object-fit: contain;
    transition: filter 0.2s ease-in;
}

@media only screen and (min-width: 1024px) {
    .header__nav {
        margin-left: 150px;
        margin-left: calc(10px + 0.15625 * (100vw - 1024px));
        display: flex;
        align-items: center;
        gap: 40px;
        gap: calc(10px + (40 - 10) * (100vw - 1024px) / (1920 - 1024));
    }
}

@media only screen and (min-width: 1024px) and (max-width: 1024px) {
    .header__nav {
        margin-left: 10px;
    }
}

@media only screen and (min-width: 1024px) and (min-width: 1920px) {
    .header__nav {
        margin-left: 150px;
    }
}

@media only screen and (min-width: 1024px) and (max-width: 1024px) {
    .header__nav {
        gap: 10px;
    }
}

@media only screen and (min-width: 1024px) and (min-width: 1920px) {
    .header__nav {
        gap: 40px;
    }
}

@media screen and (max-width: 1023px) {
    .header__nav {
        -ms-overflow-style: none;
        scrollbar-width: none;
        position: fixed;
        top: 60px;
        right: 0;
        bottom: 0;
        left: 0;
        padding: 0 24px;
        transform: scaleY(0);
        transform-origin: top center;
        opacity: 0;
        visibility: hidden;
        transition: transform 0.4s ease-in, opacity 0.5s ease-in, visibility 0.5s ease-in, background-color 0.4s ease-in;
    }

    .header__nav::-webkit-scrollbar {
        height: 0;
    }
}

.header__nav-item {
    flex-shrink: 0;
    font-size: 16px;
}

.header__dropdown-label {
    font-size: 16px;
}

.header__nav-item:hover .header__dropdown-label,
.header__nav-item:hover .header__nav-link {
    opacity: 0.6;
}

@media screen and (max-width: 1023px) {
    .header__nav-item {
        margin-top: 20px;
    }
}

.header__nav-link {
    transition: opacity 0.3s ease-in-out;
}

@media screen and (max-width: 1023px) {
    .header__nav-link {
        color: #fff;
        font-size: 20px;
        font-weight: 700;
    }
}

.header__dropdown {
    position: relative;
}

@media only screen and (min-width: 1024px) {
    .header__dropdown {
        padding: 30px 0;
    }
}

.menu-item-has-children > a .header__dropdown-label {
    font-size: 16px;
    font-family: Intro-regular-alt, sans-serif;
}

@media screen and (max-width: 1023px) {
    .header__dropdown-label {
        color: white;
        font-size: 20px;
        font-family: Intro-bold-alt, sans-serif;
    }
}

.header__dropdown[data-dropdown="true"] .header__dropdown-list {
    position: absolute;
    top: 100%;
    left: 0;
    right: 0;
    -webkit-backdrop-filter: blur(5px);
    backdrop-filter: blur(5px);
    opacity: 0;
    transform: scaleY(0);
    translate: -20px 2px;
    transform-origin: top center;
    transition: opacity 0.1s ease-out, transform 0.4s ease-out;
    padding: 22px 20px;
}

@media only screen and (min-width: 1024px) {
    .header__dropdown[data-dropdown="true"] .header__dropdown-list {
        background-color: #fff;
    }
}

.header__dropdown[data-dropdown="true"] .header__dropdown-list li {
    overflow: hidden;
    padding-bottom: 2px;
}

.header__dropdown[data-dropdown="true"] .header__dropdown-list li + li {
    margin-top: 15px;
}

.header__dropdown[data-dropdown="true"] .header__dropdown-list a {
    white-space: nowrap;
    position: relative;
}

.header__dropdown[data-dropdown="true"] .header__dropdown-list a:hover:after {
    transform: translate(0);
}

.header__dropdown[data-dropdown="true"] .header__dropdown-list a:after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    bottom: -2px;
    background-color: #1d1d1b;
    height: 1px;
    transform: translate(-100%);
    transition: transform 0.3s ease-in;
}

.header__dropdown[data-dropdown="true"]:hover .header__dropdown-label svg,
.header__dropdown[data-dropdown="true"]:focus .header__dropdown-label svg {
    transform: rotateX(0);
}

.header__dropdown[data-dropdown="true"]:hover .header__dropdown-list,
.header__dropdown[data-dropdown="true"]:focus .header__dropdown-list {
    transform: scaleY(1);
    opacity: 1;
    z-index: 150;
}

.header__dropdown[data-dropdown="false"] {
    border-bottom: 1px solid hsla(0, 0%, 100%, 0.3);
    padding: 20px 0;
    margin: 0;
}

.header__dropdown[data-dropdown="false"] .header__dropdown-label {
    color: #fff;
}

.header__dropdown[data-dropdown="false"] .header__dropdown-list {
    margin-top: 20px;
}

.header__dropdown[data-dropdown="false"] .header__dropdown-list li + li {
    margin-top: 20px;
}

.header__dropdown[data-dropdown="false"] .header__dropdown-list a {
    font-family: Intro-bold-alt, sans-serif;
    color: #fff;
    text-transform: uppercase;
    font-size: 20px;
}

.header__dropdown[data-dropdown="false"]:first-child {
    border-top: 1px solid hsla(0, 0%, 100%, 0.3);
}

.header__dropdown[data-dropdown="false"]:first-child .header__dropdown-list li + li {
    margin-top: 32px;
}

.header__dropdown[data-dropdown="false"]:first-child .header__dropdown-list a {
    font-size: 28px;
}

.header__dropdown[data-dropdown="false"]:last-child {
    margin-bottom: 20px;
}

.header__dropdown-label {
    display: flex;
    align-items: center;
    gap: 10px;
    cursor: pointer;
    transition: color 0.2s ease-in-out, opacity 0.3s ease-in-out;
}

.header__dropdown-label i {
    position: relative;
    width: 16px;
    height: 16px;
}

.header__dropdown-label i:after {
    content: "";
    position: absolute;
    width: 16px;
    height: 16px;
    border: 1px solid #1d1d1b;
    border-radius: 100%;
}

@media screen and (max-width: 1023px) {
    .header__dropdown-label i {
        display: none;
    }
}

.header__dropdown-label svg {
    width: 8px;
    height: 8px;
    fill: #1d1d1b;
    position: absolute;
    top: 50%;
    left: 50%;
    translate: -50% -50%;
    transform: rotateX(180deg);
    transition: transform 0.4s ease-out;
}

.header__dropdown-list {
    width: fit-content;
}

.header__language {
    margin-left: auto;
}

.header__language:hover .header__dropdown-label {
    opacity: 0.6;
}

.header__tel {
    flex-shrink: 0;
}

@media screen and (max-width: 1023px) {
    .header__tel {
        display: none;
    }
}

.header__burger-btn {
    position: relative;
    width: 60px;
    height: 45px;
    margin-left: 22px;
    background-color: transparent;
}

@media only screen and (min-width: 1024px) {
    .header__burger-btn {
        display: none;
    }
}

.header__burger-btn--close,
.header__burger-btn--open {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
}

.header .progress-container {
    width: 100%;
    height: 8px;
    background: #dadada;
}

.header .progress-container.isNone {
    display: none;
}

.header .progress-bar {
    height: 8px;
    background: #c7d4e0;
    width: 0%;
}

.footer {
    background-color: #1d1d1b;
    color: #929292;
    padding: 40px 0 34px;
}

@media screen and (max-width: 767px) {
    .footer {
        padding-bottom: 24px;
    }
}

.footer a {
    transition: color 0.3s ease-in-out;
}

.footer a:hover {
    color: #e94e1b;
}

.footer__upper {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding-bottom: 42px;
}

@media screen and (max-width: 767px) {
    .footer__upper {
        padding-bottom: 2px;
    }
}

.footer__upper img {
    width: 148px;
    height: 35px;
}

.footer__line.line span {
    background-color: #3c3c3b;
    height: 2px;
}

@media screen and (max-width: 767px) {
    .footer__line.line span {
        display: none;
    }
}

.footer__socials {
    display: flex;
    gap: 16px;
}

@media screen and (max-width: 767px) {
    .footer__socials {
        gap: 10px;
    }
}

.footer__socials a {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 40px;
    height: 40px;
    color: #929292;
    transition: color 0.3s ease;
}

.footer__socials a:hover {
    color: #e94e1b;
}

.footer__socials svg {
    width: 40px;
    height: 40px;
    fill: currentColor;
}

.footer__main {
    display: flex;
    padding: 30px 0 84px;
    color: #73736d;
}

@media screen and (max-width: 1439px) {
    .footer__main {
        flex-direction: column;
        gap: 66px;
    }
}

@media screen and (max-width: 767px) {
    .footer__main {
        padding: 30px 0 40px;
        border-bottom: 1px #3c3c3b solid;
        gap: 44px;
        color: #fff;
    }
}

.footer__nav {
    display: flex;
}

@media screen and (max-width: 1439px) {
    .footer__nav {
        justify-content: space-between;
    }
}

@media screen and (max-width: 767px) {
    .footer__nav {
        flex-direction: column;
    }
}

.footer__services {
    margin-right: 80px;
}

@media screen and (max-width: 767px) {
    .footer__services {
        margin: 0 0 44px;
    }
}

.footer__services ul {
    display: flex;
    flex-direction: column;
    gap: 16px;
    max-width: 220px;
    width: 100%;
}

@media screen and (max-width: 1439px) {
    .footer__services ul {
        max-width: 427px;
    }
}

.footer__services p {
    color: #fff;
    margin-bottom: 16px;
}

@media screen and (max-width: 767px) {
    .footer__services p {
        display: none;
    }
}

.footer__services .hidden-title {
    height: calc(16px + (18 - 16) * (100vw - 375px) / (1920 - 375));
    margin-bottom: 16px;
}

@media screen and (max-width: 1439px) {
    .footer__about {
        width: 427px;
    }
}

.footer__about ul {
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    row-gap: 16px;
    column-gap: 80px;
    max-width: 425px;
    max-height: 205px;
}

@media screen and (max-width: 767px) {
    .footer__about ul {
        flex-wrap: nowrap;
        max-height: 100%;
    }

    .footer__about ul li:nth-child(5) {
        margin-bottom: 28px;
    }
}

.footer__about p {
    color: #fff;
    margin-bottom: 16px;
}

@media screen and (max-width: 767px) {
    .footer__about p {
        display: none;
    }
}

.footer__contacts {
    width: 427px;
    margin-left: auto;
}

@media screen and (max-width: 1023px) {
    .footer__contacts {
        margin-left: 0;
    }
}

@media screen and (max-width: 767px) {
    .footer__contacts {
        width: 100%;
    }
}

.footer__contacts form {
    display: flex;
    justify-content: space-between;
    gap: 16px;
}

.footer__contacts button {
    display: flex;
    align-items: center;
    height: 48px;
    padding: 12px 25px;
    background-color: transparent;
    border-radius: 100px;
    border: 1px solid #fff;
    margin: auto 0 15px;
}

.footer__contacts button svg {
    width: 25px;
    height: 12px;
    stroke: #fff;
}

.footer__phone {
    display: inline-block;
    font-family: Intro-bold-alt, sans-serif;
    color: #fff;
    text-transform: uppercase;
    margin-bottom: 32px;
}

@media screen and (max-width: 767px) {
    .footer__phone {
        margin-bottom: 44px;
    }
}

.footer__phone-label {
    margin-bottom: 16px;
}

.footer__phone-label h6 {
    color: #fff;
    font-size: 14px;
}

@media screen and (max-width: 767px) {
    .footer__phone-label h6 {
        font-size: 12px;
    }
}

.footer__describe {
    display: flex;
    flex-direction: column;
    width: 100%;
}

@media screen and (max-width: 767px) {
    .footer__describe {
        gap: 12px;
    }

    .footer__describe .custom-field__input {
        margin-top: 0;
    }
}

.footer__describe-label {
    font-size: 14px;
    text-transform: uppercase;
}

@media screen and (max-width: 767px) {
    .footer__describe-label {
        font-size: 12px;
    }
}

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

.footer__input input {
    background-color: #1d1d1b;
    color: #fff;
}

.footer__input input:hover {
    border-bottom-color: #fff;
}

.footer__agreement {
    max-width: 89%;
    font-size: 12px;
    color: #464640;
}

@media screen and (max-width: 1023px) {
    .footer__agreement {
        display: none;
    }
}

.footer__agreement a {
    color: #233c7a;
}

.footer__end {
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
    font-size: 14px;
}

@media screen and (max-width: 767px) {
    .footer__end {
        flex-direction: row-reverse;
        align-items: start;
        padding-top: 16px;
        font-size: 12px;
    }
}

.footer__end button {
    display: flex;
    align-items: center;
    gap: 6px;
    margin-bottom: 7px;
    background-color: transparent;
    width: 247px;
    font-family: Intro-regular-alt, sans-serif;
    color: #828282;
    font-weight: 400;
    text-transform: uppercase;
}

@media screen and (max-width: 1023px) {
    .footer__end button {
        display: none;
    }
}

.footer__end button svg {
    width: 18px;
    height: 18px;
    stroke: currentColor;
}

@media screen and (max-width: 767px) {
    .footer__copyright {
        width: 40%;
        margin-right: 16px;
    }
}

.footer__links {
    display: flex;
    gap: 16px;
}

.service-card__picture {
    position: relative;
    z-index: 1;
    margin-bottom: 40px;
}

@media screen and (max-width: 1023px) {
    .service-card__picture {
        margin-bottom: 16px;
    }
}

.service-card__image {
    width: 100%;
    object-fit: contain;
}

.service-card__image--sun {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2;
}

.service-card__image--building {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 3;
}

.service-card__title {
    position: relative;
    padding-left: 24px;
    padding-bottom: 20px;
}

.service-card__title:before {
    content: "";
    z-index: 10;
    width: 15px;
    height: 15px;
    background-color: #e94e1b;
    border-radius: 50%;
    position: absolute;
    left: 0;
    top: 8px;
}

@media screen and (max-width: 767px) {
    .service-card__title:before {
        width: 8px;
        height: 8px;
    }
}

@media screen and (max-width: 1023px) {
    .service-card__title {
        padding-bottom: 12px;
    }
}

.service-card__line {
    margin-bottom: 20px;
}

@media screen and (max-width: 1023px) {
    .service-card__line {
        margin-bottom: 12px;
    }
}

.service-card__content {
    width: 64%;
    margin-left: auto;
}

@media screen and (max-width: 1023px) {
    .service-card__content {
        width: 100%;
        margin-left: 0;
    }
}

.service-card p {
    margin-bottom: 30px;
}

@media screen and (max-width: 1023px) {
    .service-card p {
        margin-bottom: 12px;
    }
}

.service-card a {
    align-items: baseline;
    width: fit-content;
}

.service-card svg {
    width: 12px;
    height: 12px;
    stroke: currentColor;
}

.testimonial {
    flex-basis: calc((100% - 21px) / 2);
    min-height: 620px;
    height: 100%;
    padding-top: 50px;
    padding-bottom: 30px;
    padding-left: 111px;
    padding-left: calc(20px + (111 - 20) * (100vw - 375px) / (1920 - 375));
    padding-right: 111px;
    padding-right: calc(20px + (111 - 20) * (100vw - 375px) / (1920 - 375));
    border-radius: 10px;
    border: 2px solid #dadada;
}

@media (max-width: 375px) {
    .testimonial {
        padding-left: 20px;
    }
}

@media (min-width: 1920px) {
    .testimonial {
        padding-left: 111px;
    }
}

@media (max-width: 375px) {
    .testimonial {
        padding-right: 20px;
    }
}

@media (min-width: 1920px) {
    .testimonial {
        padding-right: 111px;
    }
}

@media screen and (max-width: 1023px) {
    .testimonial {
        min-height: fit-content;
    }
}

@media screen and (max-width: 767px) {
    .testimonial {
        padding-top: 23px;
    }
}

.testimonial__header {
    display: flex;
    align-items: center;
    padding-bottom: 22px;
}

@media screen and (max-width: 767px) {
    .testimonial__header {
        padding-top: 12px;
    }
}

.testimonial__title {
    padding: 40px 0 16px;
}

@media screen and (max-width: 767px) {
    .testimonial__title {
        padding: 20px 0 10px;
    }
}

.testimonials {
    display: flex;
    gap: 21px;
}

@media screen and (max-width: 767px) {
    .testimonials {
        flex-direction: column;
    }
}

.tag {
    font-family: Aeroport, sans-serif;
    color: #3c3c3b;
    font-weight: 400;
    width: fit-content;
    height: 33px;
    padding: 10px 20px;
    text-transform: initial;
}

.tag.isActive {
    background-color: #233c7a;
    color: #fff;
}

.contact-us-form {
    background-color: #f1f4f7;
    overflow: hidden;
    padding: 110px 0 105px;
}

@media screen and (max-width: 1023px) {
    .contact-us-form {
        padding: 50px 0 55px;
    }
}

.contact-us-form__inner {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 40px;
}

@media screen and (max-width: 767px) {
    .contact-us-form__inner {
        grid-template-columns: 1fr;
    }
}

.contact-us-form__title {
    position: relative;
    z-index: 5;
}

@media only screen and (min-width: 768px) {
    .contact-us-form__title {
        grid-column: 1/3;
    }
}

.contact-us-form__manager {
    margin-left: 110px;
    margin-left: calc(0px + (110 - 0) * (100vw - 1024px) / (1920 - 1024));
}

@media (max-width: 1024px) {
    .contact-us-form__manager {
        margin-left: 0;
    }
}

@media (min-width: 1920px) {
    .contact-us-form__manager {
        margin-left: 110px;
    }
}

.contact-us-form__form {
    position: relative;
    max-width: 540px;
}

.contact-us-form__form-input {
    position: relative;
    z-index: 5;
}

.contact-us-form__form-input + .contact-us-form__form-input {
    margin-top: 30px;
}

.contact-us-form__form-submit {
    margin-top: 48px;
    min-width: 314px;
    position: relative;
    z-index: 5;
}

@media screen and (max-width: 767px) {
    .contact-us-form__form-submit {
        margin-top: 40px;
        width: 100%;
    }
}

.contact-us-form__form-circles {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
}

@media only screen and (min-width: 1024px) {
    .contact-us-form__form-circles:before,
    .contact-us-form__form-circles:after {
        position: absolute;
        top: 50%;
        left: 50%;
        translate: -50% -50%;
        content: "";
        border-radius: 100%;
    }
}

.contact-us-form__form-circles:before {
    width: 894px;
    width: calc(600px + (894 - 600) * (100vw - 1024px) / (1920 - 1024));
    height: 894px;
    height: calc(600px + (894 - 600) * (100vw - 1024px) / (1920 - 1024));
    background-color: #fff9;
}

@media (max-width: 1024px) {
    .contact-us-form__form-circles:before {
        width: 600px;
    }
}

@media (min-width: 1920px) {
    .contact-us-form__form-circles:before {
        width: 894px;
    }
}

@media (max-width: 1024px) {
    .contact-us-form__form-circles:before {
        height: 600px;
    }
}

@media (min-width: 1920px) {
    .contact-us-form__form-circles:before {
        height: 894px;
    }
}

.contact-us-form__form-circles:after {
    width: 1262px;
    width: calc(750px + (1262 - 750) * (100vw - 1024px) / (1920 - 1024));
    height: 1262px;
    height: calc(750px + (1262 - 750) * (100vw - 1024px) / (1920 - 1024));
    border: 2px solid #ffffff;
}

@media (max-width: 1024px) {
    .contact-us-form__form-circles:after {
        width: 750px;
    }
}

@media (min-width: 1920px) {
    .contact-us-form__form-circles:after {
        width: 1262px;
    }
}

@media (max-width: 1024px) {
    .contact-us-form__form-circles:after {
        height: 750px;
    }
}

@media (min-width: 1920px) {
    .contact-us-form__form-circles:after {
        height: 1262px;
    }
}

.vacancy-form {
    padding: 110px 0 150px;
    background-color: #f1f4f7;
    overflow: hidden;
}

@media screen and (max-width: 767px) {
    .vacancy-form {
        padding: 60px 0 70px;
    }
}

.vacancy-form__title {
    max-width: 890px;
    margin-bottom: 80px;
    position: relative;
    z-index: 10;
}

@media screen and (max-width: 1023px) {
    .vacancy-form__title {
        margin-bottom: 12px;
    }
}

.vacancy-form__form {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-template-areas: "label ." "name file" "tel message" ". checkbox" ". submit";
    gap: 30px 20px;
    max-width: 1100px;
    position: relative;
    margin: 0 auto;
}

@media screen and (max-width: 767px) {
    .vacancy-form__form {
        grid-template-columns: 1fr;
        grid-template-areas: "label" "name" "tel" "file" "message" "checkbox" "submit";
        gap: 30px;
    }
}

.vacancy-form__form-label {
    grid-area: label;
    position: relative;
    z-index: 10;
}

@media screen and (max-width: 767px) {
    .vacancy-form__form-label {
        margin-bottom: 10px;
    }
}

.vacancy-form__form-input {
    position: relative;
    z-index: 10;
}

.vacancy-form__form-input-name {
    grid-area: name;
}

.vacancy-form__form-input-tel {
    grid-area: tel;
}

.vacancy-form__form-input-file {
    grid-area: file;
}

.vacancy-form__form-input-message {
    grid-area: message;
}

.vacancy-form__form-checkbox {
    grid-area: checkbox;
}

.vacancy-form__form-submit {
    grid-area: submit;
    max-width: 314px;
    margin-top: 20px;
}

@media screen and (max-width: 767px) {
    .vacancy-form__form-submit {
        max-width: 100%;
        margin-top: 10px;
    }
}

.vacancy-form__form-circles {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
}

.vacancy-form__form-circles:before,
.vacancy-form__form-circles:after {
    position: absolute;
    top: 50%;
    left: 50%;
    translate: -50% -50%;
    content: "";
    border-radius: 100%;
}

.vacancy-form__form-circles:before {
    width: 1307px;
    width: calc(590px + (1307 - 590) * (100vw - 1024px) / (1920 - 1024));
    height: 1307px;
    height: calc(590px + (1307 - 590) * (100vw - 1024px) / (1920 - 1024));
    background-color: #fff9;
}

@media (max-width: 1024px) {
    .vacancy-form__form-circles:before {
        width: 590px;
    }
}

@media (min-width: 1920px) {
    .vacancy-form__form-circles:before {
        width: 1307px;
    }
}

@media (max-width: 1024px) {
    .vacancy-form__form-circles:before {
        height: 590px;
    }
}

@media (min-width: 1920px) {
    .vacancy-form__form-circles:before {
        height: 1307px;
    }
}

@media screen and (max-width: 767px) {
    .vacancy-form__form-circles:before {
        content: none;
    }
}

.vacancy-form__form-circles:after {
    width: 1642px;
    width: calc(750px + (1642 - 750) * (100vw - 1024px) / (1920 - 1024));
    height: 1642px;
    height: calc(750px + (1642 - 750) * (100vw - 1024px) / (1920 - 1024));
    border: 2px solid #ffffff;
}

@media (max-width: 1024px) {
    .vacancy-form__form-circles:after {
        width: 750px;
    }
}

@media (min-width: 1920px) {
    .vacancy-form__form-circles:after {
        width: 1642px;
    }
}

@media (max-width: 1024px) {
    .vacancy-form__form-circles:after {
        height: 750px;
    }
}

@media (min-width: 1920px) {
    .vacancy-form__form-circles:after {
        height: 1642px;
    }
}

.latest-news-slider {
    position: relative;
}

@media screen and (max-width: 767px) {
    .latest-news-slider__slider {
        margin-bottom: 50px;
    }
}

@media only screen and (min-width: 768px) {
    .latest-news-slider__link {
        position: absolute;
        bottom: 0;
        right: 0;
        transform: translateY(25%);
        z-index: 10;
    }
}

.project-modal {
    display: flex;
    gap: 120px;
    gap: calc(30px + (120 - 30) * (100vw - 1024px) / (1920 - 1024));
}

@media (max-width: 1024px) {
    .project-modal {
        gap: 30px;
    }
}

@media (min-width: 1920px) {
    .project-modal {
        gap: 120px;
    }
}

@media screen and (max-width: 1023px) {
    .project-modal {
        flex-direction: column;
    }
}

@media only screen and (min-width: 1024px) {
    .project-modal__title {
        width: 40%;
    }
}

@media only screen and (min-width: 1024px) {
    .project-modal__form {
        position: relative;
        width: 55%;
    }
}

.project-modal__form-input + .project-modal__form-input {
    margin-top: 30px;
}

.project-modal__form-checkbox {
    margin-top: 30px;
}

.project-modal__form-submit {
    margin-top: 48px;
    max-width: 270px;
    width: 100%;
}

@media screen and (max-width: 1023px) {
    .project-modal__form-submit {
        margin-top: 40px;
    }
}

@media screen and (max-width: 767px) {
    .project-modal__form-submit {
        max-width: unset;
    }
}

.project-modal__form-circles {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: -1;
}

.project-modal__form-circles:before,
.project-modal__form-circles:after {
    position: absolute;
    top: 50%;
    left: 50%;
    translate: -50% -50%;
    content: "";
    border-radius: 100%;
}

@media screen and (max-width: 1023px) {
    .project-modal__form-circles:before,
    .project-modal__form-circles:after {
        transform: translateY(50px);
    }
}

.project-modal__form-circles:before {
    width: 1198px;
    width: calc(472px + (1198 - 472) * (100vw - 375px) / (1920 - 375));
    height: 1198px;
    height: calc(472px + (1198 - 472) * (100vw - 375px) / (1920 - 375));
    background-color: #f1f4f780;
}

@media (max-width: 375px) {
    .project-modal__form-circles:before {
        width: 472px;
    }
}

@media (min-width: 1920px) {
    .project-modal__form-circles:before {
        width: 1198px;
    }
}

@media (max-width: 375px) {
    .project-modal__form-circles:before {
        height: 472px;
    }
}

@media (min-width: 1920px) {
    .project-modal__form-circles:before {
        height: 1198px;
    }
}

.project-modal__form-circles:after {
    width: 1627px;
    width: calc(640px + (1627 - 640) * (100vw - 375px) / (1920 - 375));
    height: 1627px;
    height: calc(640px + (1627 - 640) * (100vw - 375px) / (1920 - 375));
    border: 2px solid #f7f8fa;
}

@media (max-width: 375px) {
    .project-modal__form-circles:after {
        width: 640px;
    }
}

@media (min-width: 1920px) {
    .project-modal__form-circles:after {
        width: 1627px;
    }
}

@media (max-width: 375px) {
    .project-modal__form-circles:after {
        height: 640px;
    }
}

@media (min-width: 1920px) {
    .project-modal__form-circles:after {
        height: 1627px;
    }
}

.hero {
    background-color: #f1f4f7;
    min-height: 100vh;
    overflow: hidden;
}

@media screen and (max-width: 1023px) {
    .hero {
        min-height: fit-content;
    }
}

.hero__inner {
    padding: 150px 0 70px;
    position: relative;
}

@media screen and (max-width: 1023px) {
    .hero__inner {
        padding: 30px 0 20px;
    }
}

.hero__title {
    max-width: 1300px;
    margin-bottom: 136px;
    position: relative;
    z-index: 10;
}

@media screen and (max-width: 1023px) {
    .hero__title {
        margin-bottom: 35px;
    }
}

.hero__link {
    width: fit-content;
    margin-bottom: 120px;
    position: relative;
    z-index: 10;
}

@media screen and (max-width: 767px) {
    .hero__link {
        margin-bottom: unset;
        margin-top: 160px;
        width: 100%;
        position: relative;
        z-index: 10;
    }
}

.hero__bottom-link {
    text-transform: uppercase;
    color: #e94e1b;
    position: relative;
    z-index: 10;
    margin-bottom: 15px;
}

@media screen and (max-width: 767px) {
    .hero__bottom-link {
        display: none;
    }
}

.hero__scrollbar {
    position: relative;
    z-index: 10;
    bottom: 6px;
    max-width: 420px;
    height: 2px;
    background-color: #dadada;
    cursor: pointer;
}

@media screen and (max-width: 767px) {
    .hero__scrollbar {
        display: none;
    }
}

.hero__scrollbar-btn {
    position: absolute;
    top: 50%;
    width: 16px;
    height: 16px;
    border-radius: 100%;
    transform: translateY(-50%);
    background-color: #e94e1b;
}

.hero__scrollbar-prev {
    left: 0;
    background-color: #dadada;
}

.hero__scrollbar-prev.isActive {
    background-color: #e94e1b;
}

.hero__scrollbar-next {
    right: 0;
    background-color: #dadada;
}

.hero__scrollbar-next.isActive {
    background-color: #e94e1b;
}

.hero__scrollbar-drag {
    position: absolute;
    top: 0;
    left: auto;
    right: 0;
    bottom: 0;
    z-index: 10;
    width: 50%;
    background-color: #e94e1b;
}

.hero__scrollbar-drag.onStart {
    left: 0;
    right: auto;
}

.hero__back {
    position: absolute;
    bottom: -18%;
    right: -45%;
    width: calc(100% + 190px);
    height: 100%;
}

@media screen and (max-width: 1023px) {
    .hero__back {
        right: -24px;
        width: calc(100% + 48px);
    }
}

.hero__sun {
    position: absolute;
    z-index: 2;
    top: 6%;
    left: 31%;
    display: block;
    width: 180px;
    width: calc(73px + (180 - 73) * (100vw - 375px) / (1920 - 375));
    height: 180px;
    height: calc(73px + (180 - 73) * (100vw - 375px) / (1920 - 375));
    background-color: #e94e1b;
    border-radius: 50%;
    opacity: 0;
}

@media (max-width: 375px) {
    .hero__sun {
        width: 73px;
    }
}

@media (min-width: 1920px) {
    .hero__sun {
        width: 180px;
    }
}

@media (max-width: 375px) {
    .hero__sun {
        height: 73px;
    }
}

@media (min-width: 1920px) {
    .hero__sun {
        height: 180px;
    }
}

@media screen and (max-width: 1023px) {
    .hero__sun {
        top: 18%;
        left: 31%;
    }
}

@media screen and (max-width: 767px) {
    .hero__sun {
        top: 20%;
        left: 60%;
    }
}

@media screen and (max-width: 479px) {
    .hero__sun {
        top: 33%;
        left: 60%;
    }
}

.hero__lottie {
    height: 100%;
    width: 100%;
}

.hero__lottie--first {
    position: absolute;
    z-index: 3;
    top: 0;
    transition: opacity 0.5s linear;
}

.hero__lottie--first.isHidden {
    opacity: 0;
}

.hero__lottie--second {
    transition: opacity 0.5s linear;
}

.hero__lottie--second.isHidden {
    opacity: 0;
}

.numbers {
    display: flex;
    margin-bottom: 80px;
    max-width: 720px;
    position: relative;
    z-index: 10;
	column-gap: 25px;
}

@media screen and (max-width: 1023px) {
    .numbers {
        flex-wrap: wrap;
        gap: 32px 0;
    }
}

@media screen and (max-width: 479px) {
    .numbers {
        justify-content: space-between;
    }
}

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

@media screen and (max-width: 767px) {
    .numbers__item {
        max-width: 45%;
    }
}

.numbers__digit {
    position: relative;
    padding-left: 34px;
    white-space: nowrap;
}

.numbers__digit:before {
    content: "";
    z-index: 10;
    width: 15px;
    height: 15px;
    background-color: #e94e1b;
    border-radius: 50%;
    position: absolute;
    left: 0;
    top: 35%;
}

@media screen and (max-width: 767px) {
    .numbers__digit:before {
        width: 8px;
        height: 8px;
    }
}

@media screen and (max-width: 767px) {
    .numbers__digit {
        padding-left: 16px;
    }
}

.numbers__subtitle {
    padding-left: 34px;
    font-family: Intro-regular-alt, sans-serif;
    color: #1d1d1b;
    font-weight: 400;
    text-transform: uppercase;
    padding-bottom: 13px;
}

@media screen and (max-width: 767px) {
    .numbers__subtitle {
        padding-left: 16px;
    }
}

.numbers__text {
    padding-left: 40px;
    font-size: 14px;
}

@media screen and (max-width: 767px) {
    .numbers__text {
        padding-left: 16px;
        font-size: 12px;
    }
}

.main-slider {
    position: relative;
    min-height: 100vh;
    scroll-behavior: smooth;
}

@media screen and (max-width: 1023px) {
    .main-slider {
        min-height: auto;
    }
}

.main-slider__title-thumb {
    position: absolute;
    padding-top: 130px;
}

@media screen and (max-width: 1023px) {
    .main-slider__title-thumb {
        display: none;
    }
}

.main-slider__slider-mob{
    padding-bottom: 29px;
}

.main-slider__title {
    position: relative;
    z-index: 2;
    max-width: 270px;
}

.main-slider__title--mob{
    padding: 0 24px;
}

.main-slider__title--mob ins {
    display: block;
    text-align: end;
}

.main-slider__video {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    width: 100%;
}

@media screen and (max-width: 1023px) {
    .main-slider__video {
        display: none;
    }
}

.main-slider__video-mob {
    display: none;
}

@media screen and (max-width: 1023px) {
    .main-slider__video-mob {
        display: block;
        width: 100%;
    }
}

.main-slider__wrapper {
    min-height: 100vh;
}

@media screen and (max-width: 1023px) {
    .main-slider__wrapper {
        min-height: auto;
    }
}

.main-slider__container.swiper {
    height: 100vh;
}

@media screen and (max-width: 1023px) {
    .main-slider__container.swiper {
        display: none;
    }
}

.main-slider__container-mob {
    display: none;
}

@media screen and (max-width: 1023px) {
    .main-slider__container-mob {
        display: block;
        margin-top: 41px;
    }

    .main-slider__container-mob img {
        max-height: 120px;
        height: 100%;
        width: 100%;
        object-fit: cover;
        aspect-ratio: 3/2;
    }

    .main-slider__container-mob p {
        padding-left: 24px;
        padding-right: 29px;
    }
}

.main-slider__slider {
    position: relative;
    width: 100%;
}

@media screen and (max-width: 767px) {
    .main-slider__slider {
        display: flex;
    }
}

@media screen and (max-width: 1023px) {
    .main-slider__inner {
        display: flex;
        gap: 4px;
    }
}

.main-slider__scroll-container {
    display: flex;
    gap: 4px;
    margin-top: 41px;
    /*overflow-x: scroll;*/
    overflow-x: hidden;
}


.main-slider__img {
    position: absolute;
}

@media screen and (max-width: 1023px) {
    .main-slider__img {
        position: static;
        height: 120px;
    }
}

.main-slider__img--top {
    right: 190px;
    right: calc(24px + (190 - 24) * (100vw - 1024px) / (1920 - 1024));
    top: 190px;
    max-height: 31.5vh;
}

@media (max-width: 1024px) {
    .main-slider__img--top {
        right: 24px;
    }
}

@media (min-width: 1920px) {
    .main-slider__img--top {
        right: 190px;
    }
}

.main-slider__img--middle {
    left: 190px;
    left: calc(24px + (190 - 24) * (100vw - 1024px) / (1920 - 1024));
    top: 50%;
    max-height: 25vh;
}

@media (max-width: 1024px) {
    .main-slider__img--middle {
        left: 24px;
    }
}

@media (min-width: 1920px) {
    .main-slider__img--middle {
        left: 190px;
    }
}

.main-slider__img--bottom {
    left: 44%;
    bottom: 96px;
    max-height: 18.2vh;
}

.main-slider__text {
    position: absolute;
    bottom: 96px;
    left: 65%;
    max-width: 330px;
}

@media screen and (max-width: 1023px) {
    .main-slider__text {
        display: none;
    }
}

.services {
    padding-top: 194px;
}

@media screen and (max-width: 1023px) {
    .services {
        padding-top: 80px;
    }
}

.services__inner {
    padding: 62px 0 28px;
}

@media screen and (max-width: 1023px) {
    .services__inner {
        padding-top: 0;
    }
}

.services__inner p {
    position: relative;
    margin-left: auto;
    max-width: 390px;
    padding-left: 35px;
}

.services__inner p:before {
    content: "";
    z-index: 10;
    width: 12px;
    height: 12px;
    background-color: #e94e1b;
    border-radius: 50%;
    position: absolute;
    left: 0;
    top: 6%;
}

@media screen and (max-width: 767px) {
    .services__inner p:before {
        width: 8px;
        height: 8px;
    }
}

@media screen and (max-width: 767px) {
    .services__inner p {
        display: none;
    }
}

.services__title {
    margin-bottom: 35px;
    max-width: 500px;
}

@media screen and (max-width: 767px) {
    .services__title {
        margin-bottom: 0;
    }
}

.services__list {
    column-count: 2;
}

@media screen and (max-width: 767px) {
    .services__list {
        column-count: 1;
    }
}

.services__list li {
    display: inline-flex;
    width: 83%;
    margin-bottom: 168px;
}

.services__list li:nth-child(5) {
    margin-left: auto;
}

@media screen and (max-width: 767px) {
    .services__list li {
        width: 100%;
        margin-bottom: 54px;
    }

    .services__list li:first-child {
        margin-bottom: 0;
    }
}

.services__circle {
    position: absolute;
    top: 50%;
    left: 50%;
    translate: -50% -50%;
    z-index: -1;
    border: 1px solid #d7e1eb;
    border-radius: 100%;
}

.services__circle-1 {
    width: 564px;
    width: calc(282px + (564 - 282) * (100vw - 768px) / (1920 - 768));
    height: 564px;
    height: calc(282px + (564 - 282) * (100vw - 768px) / (1920 - 768));
}

@media (max-width: 768px) {
    .services__circle-1 {
        width: 282px;
    }
}

@media (min-width: 1920px) {
    .services__circle-1 {
        width: 564px;
    }
}

@media (max-width: 768px) {
    .services__circle-1 {
        height: 282px;
    }
}

@media (min-width: 1920px) {
    .services__circle-1 {
        height: 564px;
    }
}

.services__circle-2 {
    width: 956px;
    width: calc(478px + (956 - 478) * (100vw - 768px) / (1920 - 768));
    height: 956px;
    height: calc(478px + (956 - 478) * (100vw - 768px) / (1920 - 768));
}

@media (max-width: 768px) {
    .services__circle-2 {
        width: 478px;
    }
}

@media (min-width: 1920px) {
    .services__circle-2 {
        width: 956px;
    }
}

@media (max-width: 768px) {
    .services__circle-2 {
        height: 478px;
    }
}

@media (min-width: 1920px) {
    .services__circle-2 {
        height: 956px;
    }
}

.services__circle-3 {
    width: 1452px;
    width: calc(726px + (1452 - 726) * (100vw - 768px) / (1920 - 768));
    height: 1452px;
    height: calc(726px + (1452 - 726) * (100vw - 768px) / (1920 - 768));
}

@media (max-width: 768px) {
    .services__circle-3 {
        width: 726px;
    }
}

@media (min-width: 1920px) {
    .services__circle-3 {
        width: 1452px;
    }
}

@media (max-width: 768px) {
    .services__circle-3 {
        height: 726px;
    }
}

@media (min-width: 1920px) {
    .services__circle-3 {
        height: 1452px;
    }
}

.home-projects {
    margin-bottom: 150px;
}

@media screen and (max-width: 1023px) {
    .home-projects {
        margin-bottom: 88px;
    }
}

.home-projects__title {
    max-width: 430px;
    margin-bottom: 60px;
}

@media screen and (max-width: 1023px) {
    .home-projects__title {
        margin-bottom: 30px;
    }
}

.home-projects__list {
    margin-bottom: 70px;
    margin-left: auto;
    max-width: 1535px;
}

@media screen and (max-width: 1023px) {
    .home-projects__list {
        margin-bottom: 40px;
    }
}

@media only screen and (min-width: 768px) {
    .home-projects__link {
        max-width: fit-content;
        margin-left: auto;
        margin-right: 180px;
    }
}

@media screen and (max-width: 1023px) {
    .home-projects__link {
        margin-right: auto;
    }
}

.home-about {
    padding: 150px 0 20px;
    background-color: #f1f4f7;
}

@media screen and (max-width: 1023px) {
    .home-about {
        padding: 40px 0 50px;
    }
}

@media screen and (max-width: 767px) {
    .home-about {
        position: relative;
        padding: 40px 0 130px;
    }
}

.home-about__inner {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-template-areas: "title quote" "links quote" "video quote";
    column-gap: 220px;
    column-gap: calc(30px + (220 - 30) * (100vw - 1024px) / (1920 - 1024));
}

@media (max-width: 1024px) {
    .home-about__inner {
        column-gap: 30px;
    }
}

@media (min-width: 1920px) {
    .home-about__inner {
        column-gap: 220px;
    }
}

@media screen and (max-width: 1023px) {
    .home-about__inner {
        grid-template-columns: 1fr;
        grid-template-areas: "title" "video" "links" "quote";
    }
}

.home-about__title {
    grid-area: title;
    margin-bottom: 40px;
    max-width: 500px;
}

@media screen and (max-width: 1023px) {
    .home-about__title {
        margin-bottom: 24px;
    }
}

.home-about__links {
    display: flex;
    gap: 20px;
    margin-bottom: 30px;
}

@media screen and (max-width: 1023px) {
    .home-about__links {
        margin-bottom: 60px;
        max-width: calc(100% - 48px);
    }
}

.home-about__links a {
    max-width: 285px;
}

@media screen and (max-width: 1023px) {
    .home-about__links a {
        max-width: 100%;
    }
}

.home-about__link-us,
.home-about__link-team {
    width: 100%;
}

@media screen and (max-width: 767px) {
    .home-about__link-team {
        position: absolute;
        bottom: 50px;
        width: calc(100% - 48px);
    }
}

.home-about__video {
    grid-area: video;
    position: relative;
}

@media only screen and (min-width: 1024px) {
    .home-about__video {
        transform: translateY(60px);
    }
}

@media screen and (max-width: 1023px) {
    .home-about__video {
        margin-bottom: 30px;
        width: 100vw;
        transform: translate(-24px);
    }
}

.home-about__video-player {
    width: 100%;
    height: auto;
}

.home-about__video-play {
    position: absolute;
    top: 50%;
    left: 50%;
    translate: -50% -50%;
    width: 100px;
    height: 100px;
    background-color: #e94e1b;
    border-radius: 100%;
}

@media screen and (max-width: 1023px) {
    .home-about__video-play {
        width: 72px;
        height: 72px;
    }
}

.home-about__video-play:after {
    position: absolute;
    top: 50%;
    left: 50%;
    translate: -50% -50%;
    content: "";
    border-style: solid;
    border-width: 12px 0 12px 20px;
    border-color: transparent transparent transparent #ffffff;
    transform: translate(6px);
}

@media screen and (max-width: 1023px) {
    .home-about__video-play:after {
        border-width: 8px 0 8px 14px;
        transform: translate(3px);
    }
}

.home-about__quote {
    grid-area: quote;
}

@media only screen and (min-width: 1024px) {
    .home-about__quote {
        align-self: center;
    }
}

@media screen and (max-width: 1023px) {
    .home-about__quote {
        max-width: calc(100% - 48px);
    }
}

.home-mass-media {
    margin-bottom: 160px;
}

@media screen and (max-width: 1023px) {
    .home-mass-media {
        margin-bottom: 60px;
    }
}

.home-mass-media__title {
    margin-bottom: 50px;
}

@media screen and (max-width: 1023px) {
    .home-mass-media__title {
        margin-bottom: 25px;
    }
}

.home-mass-media__list {
    -ms-overflow-style: none;
    scrollbar-width: none;
    display: flex;
    gap: 66px;
    overflow-x: auto;
}

.home-mass-media__list::-webkit-scrollbar {
    height: 0;
}

@media screen and (max-width: 1023px) {
    .home-mass-media__list {
        gap: 20px;
        width: calc(100% + 24px);
        padding-right: 24px;
    }
}

.home-mass-media__list-item a {
    --circle-zise: 230px;
    display: flex;
    align-items: center;
    justify-content: center;
    width: var(--circle-zise);
    height: var(--circle-zise);
    border: 2px solid #dadada;
    border-radius: 100%;
}

@media screen and (max-width: 1023px) {
    .home-mass-media__list-item a {
        --circle-zise: 180px;
        border-width: 1px;
    }
}

.home-mass-media__list-item img {
    max-width: 179px;
    width: 100%;
    height: auto;
    object-fit: contain;
}

@media screen and (max-width: 1023px) {
    .home-mass-media__list-item img {
        max-width: 140px;
    }
}

.home-latest-news {
    padding: 230px 0 180px;
}

@media screen and (max-width: 1023px) {
    .home-latest-news {
        padding: 80px 0 90px;
    }
}

.home-latest-news__inner {
    position: relative;
}

.home-latest-news__title {
    max-width: 600px;
    margin-bottom: 60px;
}

.service-hero {
    position: relative;
    background-color: #f1f4f7;
}

.service-hero__inner {
    position: relative;
}

@media only screen and (min-width: 1024px) {
    .service-hero__inner {
        min-height: 80vh;
        display: flex;
        align-items: center;
        gap: 10px;
    }
}

@media screen and (max-width: 1023px) {
    .service-hero__inner {
        padding-top: 40px;
    }
}

@media screen and (max-width: 1023px) {
    .service-hero__content {
        margin-bottom: 30px;
    }
}

.service-hero__content-title {
    font-family: Intro-bold-alt, sans-serif;
    color: #1d1d1b;
    text-transform: uppercase;
    max-width: 700px;
    margin-bottom: 50px;
}

@media screen and (max-width: 1023px) {
    .service-hero__content-title {
        max-width: unset;
        margin-bottom: 20px;
    }
}

.service-hero__content-text {
    font-family: Aeroport, sans-serif;
    color: #3c3c3b;
    font-weight: 400;
    max-width: 400px;
    margin-left: 150px;
}

@media screen and (max-width: 1023px) {
    .service-hero__content-text {
        max-width: unset;
        margin-left: 0;
    }
}

@media screen and (max-width: 1023px) {
    .service-hero__content-text:before {
        top: 8px;
    }
}

.service-hero__picture {
    position: relative;
    max-width: 800px;
    max-height: 680px;
    object-fit: cover;
    background-color: #f1f4f7;
}

@media only screen and (min-width: 1024px) {
    .service-hero__picture {
        margin-top: auto;
        margin-left: auto;
        z-index: 8;
        transform: translateY(5%);
        width: 50%;
    }
}

@media screen and (max-width: 1023px) {
    .service-hero__picture {
        display: block;
        margin: 0 auto;
        width: 100%;
    }
}

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

.service-hero__image--sun {
    position: absolute;
    top: 0;
    right: 0;
    z-index: 9;
    will-change: transform;
}

.service-hero__image--building {
    position: absolute;
    top: 0;
    right: 0;
    z-index: 10;
}

@media only screen and (min-width: 1024px) {
    .service-hero__ticker {
        position: absolute;
        bottom: 0;
        right: 0;
        left: 0;
        z-index: 5;
    }
}

.service-about {
    padding-top: 250px;
    min-height: 100vh;
}

@media screen and (max-width: 1023px) {
    .service-about {
        padding-top: 80px;
    }
}

.service-about__inner {
    height: 100%;
    display: grid;
    position: relative;
}

@media only screen and (min-width: 1024px) {
    .service-about__inner {
        grid-template-columns: 1fr 1fr 1fr;
        grid-template-areas: "title title ." "list images images";
        padding-bottom: 40px;
    }
}

@media screen and (max-width: 1023px) {
    .service-about__inner {
        grid-template-columns: 1fr;
        grid-template-areas: "title" "list" "images";
        padding-bottom: 570px;
    }
}

@media screen and (max-width: 767px) {
    .service-about__inner {
        padding-bottom: 500px;
    }
}

.service-about__title {
    grid-area: title;
    max-width: 840px;
    margin-bottom: 80px;
}

@media screen and (max-width: 1023px) {
    .service-about__title {
        margin-bottom: 30px;
    }
}

.service-about__list {
    grid-area: list;
    max-width: 490px;
}

@media screen and (max-width: 1023px) {
    .service-about__list {
        max-width: unset;
        margin-bottom: 40px;
    }
}

.service-about__images {
    display: flex;
    align-items: center;
    justify-content: center;
    grid-area: images;
    margin-left: 60px;
    width: 780px;
    width: calc(430px + (780 - 430) * (100vw - 375px) / (1920 - 375));
    height: 780px;
    height: calc(430px + (780 - 430) * (100vw - 375px) / (1920 - 375));
    border-radius: 100%;
    border: 2px solid #d7e1eb;
    position: relative;
}

@media (max-width: 375px) {
    .service-about__images {
        width: 430px;
    }
}

@media (min-width: 1920px) {
    .service-about__images {
        width: 780px;
    }
}

@media (max-width: 375px) {
    .service-about__images {
        height: 430px;
    }
}

@media (min-width: 1920px) {
    .service-about__images {
        height: 780px;
    }
}

@media screen and (max-width: 1023px) {
    .service-about__images {
        margin-left: 0;
        justify-self: center;
        position: absolute;
        left: 0;
        top: 100%;
    }
}

@media screen and (max-width: 767px) {
    .service-about__images {
        transform: translate(-78px);
    }
}

@media screen and (max-width: 479px) {
    .service-about__images {
        transform: translate(-100px);
    }
}

.service-about__images:after {
    position: absolute;
    top: 50%;
    left: 50%;
    translate: -50% -50%;
    content: "";
    border-radius: 100%;
    border: 2px solid #e94e1b;
    width: 380px;
    width: calc(240px + (380 - 240) * (100vw - 375px) / (1920 - 375));
    height: 380px;
    height: calc(240px + (380 - 240) * (100vw - 375px) / (1920 - 375));
}

@media (max-width: 375px) {
    .service-about__images:after {
        width: 240px;
    }
}

@media (min-width: 1920px) {
    .service-about__images:after {
        width: 380px;
    }
}

@media (max-width: 375px) {
    .service-about__images:after {
        height: 240px;
    }
}

@media (min-width: 1920px) {
    .service-about__images:after {
        height: 380px;
    }
}

.service-about__images-base {
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    top: 180px;
    left: -40px;
    z-index: 10;
    width: 300px;
    width: calc(130px + (300 - 130) * (100vw - 375px) / (1920 - 375));
    height: 300px;
    height: calc(130px + (300 - 130) * (100vw - 375px) / (1920 - 375));
    border-radius: 100%;
    background-color: #e94e1b;
}

@media (max-width: 375px) {
    .service-about__images-base {
        width: 130px;
    }
}

@media (min-width: 1920px) {
    .service-about__images-base {
        width: 300px;
    }
}

@media (max-width: 375px) {
    .service-about__images-base {
        height: 130px;
    }
}

@media (min-width: 1920px) {
    .service-about__images-base {
        height: 300px;
    }
}

@media screen and (max-width: 1023px) {
    .service-about__images-base {
        top: 50px;
        left: 70px;
    }
}

@media screen and (max-width: 479px) {
    .service-about__images-base {
        top: 15px;
        left: 95px;
    }
}

.service-about__images-base img {
    width: 226px;
    width: calc(90px + (226 - 90) * (100vw - 375px) / (1920 - 375));
    height: 355px;
    height: calc(140px + (355 - 140) * (100vw - 375px) / (1920 - 375));
    object-fit: contain;
    transform: translateY(-60px);
}

@media (max-width: 375px) {
    .service-about__images-base img {
        width: 90px;
    }
}

@media (min-width: 1920px) {
    .service-about__images-base img {
        width: 226px;
    }
}

@media (max-width: 375px) {
    .service-about__images-base img {
        height: 140px;
    }
}

@media (min-width: 1920px) {
    .service-about__images-base img {
        height: 355px;
    }
}

@media screen and (max-width: 767px) {
    .service-about__images-base img {
        transform: translateY(-20px);
    }
}

.service-about__images-0 {
    position: absolute;
    top: -130px;
    z-index: 10;
    right: -150px;
    right: calc(0px + (-150 - 0) * (100vw - 1023px) / (1920 - 1023));
    width: 500px;
    width: calc(287px + (500 - 287) * (100vw - 375px) / (1920 - 375));
    height: 500px;
    height: calc(287px + (500 - 287) * (100vw - 375px) / (1920 - 375));
    aspect-ratio: 1;
    border-radius: 100%;
}

@media (max-width: 1023px) {
    .service-about__images-0 {
        right: 0;
    }
}

@media (min-width: 1920px) {
    .service-about__images-0 {
        right: -150px;
    }
}

@media (max-width: 375px) {
    .service-about__images-0 {
        width: 287px;
    }
}

@media (min-width: 1920px) {
    .service-about__images-0 {
        width: 500px;
    }
}

@media (max-width: 375px) {
    .service-about__images-0 {
        height: 287px;
    }
}

@media (min-width: 1920px) {
    .service-about__images-0 {
        height: 500px;
    }
}

@media screen and (max-width: 1023px) {
    .service-about__images-0 {
        top: unset;
        bottom: -130px;
        right: 10px;
    }
}

@media screen and (max-width: 479px) {
    .service-about__images-0 {
        right: 35px;
    }
}

.service-about__images-1 {
    position: absolute;
    bottom: -80px;
    z-index: 10;
    right: -70px;
    right: calc(0px + (-70 - 0) * (100vw - 1023px) / (1920 - 1023));
    width: 400px;
    width: calc(194px + (400 - 194) * (100vw - 375px) / (1920 - 375));
    height: 400px;
    height: calc(194px + (400 - 194) * (100vw - 375px) / (1920 - 375));
    aspect-ratio: 1;
    border-radius: 100%;
}

@media (max-width: 1023px) {
    .service-about__images-1 {
        right: 0;
    }
}

@media (min-width: 1920px) {
    .service-about__images-1 {
        right: -70px;
    }
}

@media (max-width: 375px) {
    .service-about__images-1 {
        width: 194px;
    }
}

@media (min-width: 1920px) {
    .service-about__images-1 {
        width: 400px;
    }
}

@media (max-width: 375px) {
    .service-about__images-1 {
        height: 194px;
    }
}

@media (min-width: 1920px) {
    .service-about__images-1 {
        height: 400px;
    }
}

@media screen and (max-width: 1023px) {
    .service-about__images-1 {
        right: -100px;
        top: 25px;
        bottom: unset;
    }
}

@media screen and (max-width: 767px) {
    .service-about__images-1 {
        right: -30px;
    }
}

@media screen and (max-width: 479px) {
    .service-about__images-1 {
        top: 10px;
    }
}

.service-about__images-text {
    max-width: 180px;
    text-align: center;
}

@media screen and (max-width: 767px) {
    .service-about__images-text {
        max-width: 140px;
    }
}

.service-quote {
    padding: 120px 0 160px;
    background-color: #e94e1b;
}

@media screen and (max-width: 767px) {
    .service-quote {
        padding: 72px 0 76px;
    }
}

.service-quote__inner {
    max-width: 1100px;
    margin: 0 auto;
}

.service-quote__logo {
    width: clamp(35px, 5vw, 45px);
    height: clamp(60px, 5vw, 75px);
    object-fit: contain;
    margin-bottom: 50px;
}

.service-quote__text {
    font-family: Intro-bold-alt, sans-serif;
    color: #fff;
    text-transform: uppercase;
}

.service-advantages {
    padding-top: 185px;
}

@media screen and (max-width: 1023px) {
    .service-advantages {
        padding-top: 80px;
    }
}

.service-advantages__title {
    max-width: 980px;
    margin-bottom: 110px;
}

.service-advantages__list {
    max-width: 80%;
    margin: 0 auto 170px;
}

@media screen and (max-width: 1023px) {
    .service-advantages__list {
        max-width: 100%;
        margin-bottom: 76px;
    }
}

.service-advantages__stats {
    display: flex;
    gap: 60px;
}

@media screen and (max-width: 1023px) {
    .service-advantages__stats {
        align-items: center;
        flex-direction: column;
        gap: 120px;
    }
}

.service-advantages__stats-cover {
    position: relative;
    width: fit-content;
}

.service-advantages__stats-cover:after {
    display: flex;
    align-items: center;
    justify-content: center;
    font-family: Intro-bold-alt, sans-serif;
    color: #fff;
    text-transform: uppercase;
    content: attr(data-label);
    position: absolute;
    right: -40px;
    bottom: -100px;
    width: 240px;
    width: calc(190px + (240 - 190) * (100vw - 768px) / (1920 - 768));
    height: 240px;
    height: calc(190px + (240 - 190) * (100vw - 768px) / (1920 - 768));
    background-color: #e94e1b;
    border-radius: 100%;
    padding: 0 30px;
}

@media (max-width: 768px) {
    .service-advantages__stats-cover:after {
        width: 190px;
    }
}

@media (min-width: 1920px) {
    .service-advantages__stats-cover:after {
        width: 240px;
    }
}

@media (max-width: 768px) {
    .service-advantages__stats-cover:after {
        height: 190px;
    }
}

@media (min-width: 1920px) {
    .service-advantages__stats-cover:after {
        height: 240px;
    }
}

@media screen and (max-width: 767px) {
    .service-advantages__stats-cover:after {
        right: -24px;
    }
}

.service-advantages__stats-cover img {
    object-fit: contain;
    max-width: 540px;
    height: auto;
    width: 100%;
}

@media only screen and (min-width: 1024px) {
    .service-advantages__stats-list {
        max-width: 870px;
        margin-left: auto;
    }
}

.service-projects {
    background-color: #f1f4f7;
    padding: 100px 0 125px;
    margin-top: 180px;
}

@media screen and (max-width: 1023px) {
    .service-projects {
        margin-top: 80px;
        padding: 70px 0 55px;
    }
}

.service-projects__inner {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-template-areas: "title link" "slider slider";
    gap: 65px;
}

@media screen and (max-width: 1023px) {
    .service-projects__inner {
        grid-template-columns: 1fr;
        grid-template-areas: "title" "slider" "link";
        gap: 0;
    }
}

.service-projects__title {
    grid-area: title;
    max-width: 500px;
}

@media screen and (max-width: 1023px) {
    .service-projects__title {
        grid-template-columns: 1fr;
        grid-template-areas: "title" "slider" "link";
        gap: 0;
        margin-bottom: 35px;
        max-width: 100%;
    }
}

.service-projects__link {
    grid-area: link;
    align-self: center;
    justify-self: flex-end;
    width: fit-content;
}

@media screen and (max-width: 1023px) {
    .service-projects__link {
        justify-self: center;
    }
}

@media screen and (max-width: 767px) {
    .service-projects__link {
        width: 100%;
    }
}

.service-projects__slider {
    grid-area: slider;
    perspective: 1px;
    width: calc(100% + 190px);
    margin-left: -190px;
    margin-left: calc(0px + (-190 - 0) * (100vw - 1024px) / (1920 - 1024));
    overflow: hidden;
}

@media (max-width: 1024px) {
    .service-projects__slider {
        margin-left: 0;
    }
}

@media (min-width: 1920px) {
    .service-projects__slider {
        margin-left: -190px;
    }
}

@media screen and (max-width: 1023px) {
    .service-projects__slider {
        width: calc(100% + 48px);
        margin-left: -24px;
        margin-bottom: 60px;
    }
}

.service-projects__slider .swiper-wrapper {
    transition-timing-function: linear;
}

.service-cooperation {
    padding: 170px 0 190px;
}

@media screen and (max-width: 1023px) {
    .service-cooperation {
        padding: 80px 0;
    }
}

.service-cooperation__inner {
    display: flex;
    gap: 30px;
}

@media screen and (max-width: 1023px) {
    .service-cooperation__inner {
        flex-wrap: wrap;
    }
}

@media screen and (max-width: 1023px) {
    .service-cooperation__title br {
        display: none;
    }
}

.service-cooperation__collapse {
    width: 100%;
}

@media only screen and (min-width: 1024px) {
    .service-cooperation__collapse {
        max-width: 760px;
        margin-left: auto;
    }
}

.service-video {
    position: relative;
    max-width: 1920px;
    margin: 0 auto;
}

.service-video__button {
    position: absolute;
    top: 50%;
    left: 50%;
    translate: -50% -50%;
    z-index: 10;
    width: 200px;
    height: 200px;
}

@media screen and (max-width: 1023px) {
    .service-video__button {
        width: 110px;
        height: 110px;
        font-size: 14px;
    }
}

.service-video__image {
    width: 100%;
    height: auto;
    object-fit: cover;
}

.service-expression {
    background-color: #f1f4f7;
    padding: 154px 0;
}

@media screen and (max-width: 1023px) {
    .service-expression {
        padding: 50px 0 45px;
    }
}

@media only screen and (min-width: 1024px) {
    .service-expression__inner {
        padding-left: 20%;
    }
}

.service-expression__text {
    font-family: Aeroport, sans-serif;
    color: #3c3c3b;
    font-weight: 400;
    max-width: 985px;
    margin-bottom: 60px;
}

@media screen and (max-width: 1023px) {
    .service-expression__text {
        margin-bottom: 40px;
    }
}

@media only screen and (min-width: 768px) {
    .service-expression__button {
        width: fit-content;
    }
}

.service-other {
    padding: 160px 0 190px;
}

@media screen and (max-width: 1023px) {
    .service-other {
        padding: 70px 0;
    }
}

.service-other__title {
    margin-bottom: 60px;
}

@media only screen and (min-width: 1024px) {
    .service-other__title {
        max-width: 375px;
    }
}

@media screen and (max-width: 1023px) {
    .service-other__title {
        margin-bottom: 30px;
    }
}

.service-trust {
    padding-top: 220px;
}

@media screen and (max-width: 1023px) {
    .service-trust {
        padding-top: 90px;
    }
}

.service-trust__inner {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 55px 20px;
}

@media screen and (max-width: 1023px) {
    .service-trust__inner {
        grid-template-columns: 1fr;
        gap: 30px;
    }
}

@media only screen and (min-width: 1024px) {
    .service-trust__title {
        grid-column: 1/3;
    }
}

.service-trust__card {
    border-radius: 10px;
    padding-left: 110px;
    padding-left: calc(55px + (110 - 55) * (100vw - 1024px) / (1920 - 1024));
    padding-right: 110px;
    padding-right: calc(55px + (110 - 55) * (100vw - 1024px) / (1920 - 1024));
    padding-bottom: 90px;
    padding-bottom: calc(45px + (90 - 45) * (100vw - 1024px) / (1920 - 1024));
}

@media (max-width: 1024px) {
    .service-trust__card {
        padding-left: 55px;
    }
}

@media (min-width: 1920px) {
    .service-trust__card {
        padding-left: 110px;
    }
}

@media (max-width: 1024px) {
    .service-trust__card {
        padding-right: 55px;
    }
}

@media (min-width: 1920px) {
    .service-trust__card {
        padding-right: 110px;
    }
}

@media (max-width: 1024px) {
    .service-trust__card {
        padding-bottom: 45px;
    }
}

@media (min-width: 1920px) {
    .service-trust__card {
        padding-bottom: 90px;
    }
}

@media screen and (max-width: 767px) {
    .service-trust__card {
        padding-left: 20px;
        padding-right: 20px;
        padding-bottom: 30px;
    }
}

.service-trust__card--filled {
    background-color: #f1f4f7;
    padding-top: 60px;
}

@media screen and (max-width: 1023px) {
    .service-trust__card--filled {
        padding-top: 20px;
    }
}

.service-trust__card--outlined {
    border: 2px solid #dadada;
    padding-top: 90px;
}

@media screen and (max-width: 1023px) {
    .service-trust__card--outlined {
        padding-top: 30px;
    }
}

.service-trust__card-logo {
    margin-bottom: 40px;
    max-width: 245px;
    width: 100%;
    object-fit: contain;
}

@media screen and (max-width: 1023px) {
    .service-trust__card-logo {
        margin-bottom: 20px;
    }
}

.service-trust__card-title {
    margin-bottom: 32px;
}

@media screen and (max-width: 1023px) {
    .service-trust__card-title {
        margin-bottom: 20px;
    }
}

.service-trust__card-list {
    border-top: 2px solid #dadada;
    padding-top: 40px;
}

@media screen and (max-width: 1023px) {
    .service-trust__card-list {
        border-top-width: 1px;
        padding-top: 20px;
    }
}

.service-profit {
    padding-top: 145px;
}

.service-profit__inner {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 0 100px;
}

@media screen and (max-width: 1439px) {
    .service-profit__inner {
        gap: 40px;
    }
}

@media screen and (max-width: 1023px) {
    .service-profit__inner {
        grid-template-columns: 1fr;
    }
}

.service-profit__title {
    max-width: 1200px;
}

@media only screen and (min-width: 1024px) {
    .service-profit__title {
        grid-column: 1/3;
    }
}

@media screen and (max-width: 1023px) {
    .service-profit__title br {
        display: none;
    }
}

.service-profit__calculator {
    display: flex;
    flex-direction: column;
    gap: 60px;
    align-self: center;
}

@media screen and (max-width: 1023px) {
    .service-profit__calculator {
        gap: 40px;
    }
}

.service-profit__calculator-input {
    font-family: Intro-regular-alt, sans-serif;
    color: #1d1d1b;
    font-weight: 400;
    text-transform: uppercase;
    font-size: 16px;
}

@media screen and (max-width: 767px) {
    .service-profit__calculator-input {
        font-size: 14px;
    }
}

.service-profit__calculator-button {
    margin-left: auto;
}

@media screen and (max-width: 1023px) {
    .service-profit__calculator-button {
        margin-right: auto;
        max-width: fit-content;
    }
}

@media screen and (max-width: 767px) {
    .service-profit__calculator-button {
        max-width: 100%;
        margin: 0;
    }
}

.service-profit__calculator-button svg {
    width: 16px;
    height: 16px;
    transform: rotate(180deg);
}

@media screen and (max-width: 767px) {
    .service-profit__calculator-button svg {
        transform: rotate(135deg);
    }
}

.service-profit__result {
    padding: 80px 90px 30px 110px;
    background-color: #f1f4f7;
    border-radius: 10px;
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-template-rows: fit-content(100%);
    gap: 0 10px;
}

@media screen and (max-width: 1439px) {
    .service-profit__result {
        padding: 40px 20px 10px;
    }
}

@media screen and (max-width: 767px) {
    .service-profit__result {
        grid-template-columns: 1fr;
    }
}

@media only screen and (min-width: 768px) {
    .service-profit__result-general {
        grid-column: 1/3;
    }
}

.service-profit__result-label {
    font-family: Intro-regular-alt, sans-serif;
    color: #1d1d1b;
    font-weight: 400;
    text-transform: uppercase;
    margin-bottom: auto;
}

@media screen and (max-width: 767px) {
    .service-profit__result-value {
        margin: 25px 0 20px;
    }
}

.service-profit__result-other {
    padding: 40px 0;
    display: flex;
    flex-direction: column;
}

@media screen and (max-width: 767px) {
    .service-profit__result-other {
        padding: 20px 0;
        border-top: 1px solid #dadada;
    }
}

.service-profit__result-subvalue {
    margin-top: 30px;
}

@media screen and (max-width: 767px) {
    .service-profit__result-subvalue {
        margin-top: 20px;
    }
}

@media only screen and (min-width: 768px) {
    .service-profit__result-subvalue p {
        white-space: nowrap;
    }
}

.service-profit__result-line {
    grid-column: 1/3;
}

@media screen and (max-width: 767px) {
    .service-profit__result-line {
        display: none;
    }
}

.service-profit__result-line--1 {
    grid-row: 2/3;
}

.service-profit__result-line--2 {
    grid-row: 4/5;
}

.news__common {
    background-color: #f1f4f7;
    padding: 150px 0 41px;
}

@media screen and (max-width: 1023px) {
    .news__common {
        padding: 69px 0 63px;
    }
}

.news__pagination {
    display: flex;
    gap: 10px;
    padding-top: 154px;
}

@media screen and (max-width: 1023px) {
    .news__pagination {
        padding-top: 61px;
    }
}

.news__pagination .page-numbers {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 20px;
    border-radius: 50%;
    font-family: Aeroport, sans-serif;
    color: #3c3c3b;
    font-weight: 400;
    font-weight: 700;
}

.news__pagination .page-numbers.current {
    background-color: #dadada;
}

.news__pagination .page-numbers.next,
.news__pagination .page-numbers .page-numbers.prev {
    display: none;
}

.news-form {
    position: relative;
    display: flex;
    padding: 109px 112px;
    overflow: hidden;
}

@media screen and (max-width: 1439px) {
    .news-form {
        padding: 80px;
    }
}

@media screen and (max-width: 767px) {
    .news-form {
        flex-direction: column;
        padding: 44px 20px 41px;
    }
}

.news-form__content {
    position: relative;
    z-index: 2;
    display: flex;
    flex-direction: column;
    gap: 40px;
    max-width: 62%;
    margin-right: 70px;
}

@media screen and (max-width: 1439px) {
    .news-form__content {
        max-width: 35%;
    }
}

@media screen and (max-width: 767px) {
    .news-form__content {
        max-width: 100%;
        margin-right: 0;
        margin-bottom: 30px;
    }
}

.news-form__decoration {
    position: absolute;
    bottom: -70px;
    bottom: calc(-10px + (-70 - -10) * (100vw - 1024px) / (1920 - 1024));
    right: 275px;
    right: calc(20px + (275 - 20) * (100vw - 1024px) / (1920 - 1024));
    height: 654px;
    height: calc(440px + (654 - 440) * (100vw - 1024px) / (1920 - 1024));
    width: 654px;
    width: calc(440px + (654 - 440) * (100vw - 1024px) / (1920 - 1024));
    background-color: #f1f4f7;
    border-radius: 50%;
    opacity: 0.5;
}

@media (max-width: 1024px) {
    .news-form__decoration {
        bottom: -10px;
    }
}

@media (min-width: 1920px) {
    .news-form__decoration {
        bottom: -70px;
    }
}

@media (max-width: 1024px) {
    .news-form__decoration {
        right: 20px;
    }
}

@media (min-width: 1920px) {
    .news-form__decoration {
        right: 275px;
    }
}

@media (max-width: 1024px) {
    .news-form__decoration {
        height: 440px;
    }
}

@media (min-width: 1920px) {
    .news-form__decoration {
        height: 654px;
    }
}

@media (max-width: 1024px) {
    .news-form__decoration {
        width: 440px;
    }
}

@media (min-width: 1920px) {
    .news-form__decoration {
        width: 654px;
    }
}

@media screen and (max-width: 767px) {
    .news-form__decoration {
        display: none;
    }
}

.news-form__decoration:before {
    content: "";
    position: absolute;
    top: -35%;
    right: -35%;
    display: block;
    height: 1114px;
    height: calc(750px + 0.40625 * (100vw - 1024px));
    width: 1114px;
    width: calc(750px + 0.40625 * (100vw - 1024px));
    border: 2px #f1f4f7 solid;
    border-radius: 50%;
}

@media (max-width: 1024px) {
    .news-form__decoration:before {
        height: 750px;
    }
}

@media (min-width: 1920px) {
    .news-form__decoration:before {
        height: 1114px;
    }
}

@media (max-width: 1024px) {
    .news-form__decoration:before {
        width: 750px;
    }
}

@media (min-width: 1920px) {
    .news-form__decoration:before {
        width: 1114px;
    }
}

.news-form__decoration:after {
    content: "";
    position: absolute;
    top: -18%;
    right: -18%;
    display: block;
    height: 888px;
    height: calc(597px + (888 - 597) * (100vw - 1024px) / (1920 - 1024));
    width: 888px;
    width: calc(597px + (888 - 597) * (100vw - 1024px) / (1920 - 1024));
    border: 2px #f1f4f7 solid;
    border-radius: 50%;
}

@media (max-width: 1024px) {
    .news-form__decoration:after {
        height: 597px;
    }
}

@media (min-width: 1920px) {
    .news-form__decoration:after {
        height: 888px;
    }
}

@media (max-width: 1024px) {
    .news-form__decoration:after {
        width: 597px;
    }
}

@media (min-width: 1920px) {
    .news-form__decoration:after {
        width: 888px;
    }
}

.news-form form {
    position: absolute;
    right: 112px;
    z-index: 2;
    bottom: -110px;
    bottom: calc(-10px + (-110 - -10) * (100vw - 1024px) / (1920 - 1024));
    right: 275px;
    right: calc(50px + (275 - 50) * (100vw - 1024px) / (1920 - 1024));
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding-left: 122px;
    padding-left: calc(82px + (122 - 82) * (100vw - 1024px) / (1920 - 1024));
    height: 654px;
    height: calc(440px + (654 - 440) * (100vw - 1024px) / (1920 - 1024));
    width: 654px;
    width: calc(440px + (654 - 440) * (100vw - 1024px) / (1920 - 1024));
    border-radius: 50%;
}

@media (max-width: 1024px) {
    .news-form form {
        bottom: -10px;
    }
}

@media (min-width: 1920px) {
    .news-form form {
        bottom: -110px;
    }
}

@media (max-width: 1024px) {
    .news-form form {
        right: 50px;
    }
}

@media (min-width: 1920px) {
    .news-form form {
        right: 275px;
    }
}

@media (max-width: 1024px) {
    .news-form form {
        padding-left: 82px;
    }
}

@media (min-width: 1920px) {
    .news-form form {
        padding-left: 122px;
    }
}

@media (max-width: 1024px) {
    .news-form form {
        height: 440px;
    }
}

@media (min-width: 1920px) {
    .news-form form {
        height: 654px;
    }
}

@media (max-width: 1024px) {
    .news-form form {
        width: 440px;
    }
}

@media (min-width: 1920px) {
    .news-form form {
        width: 654px;
    }
}

@media screen and (max-width: 767px) {
    .news-form form {
        position: static;
        padding-left: 0;
        width: 100%;
        height: 100%;
    }
}

.news-form__input {
    max-width: 420px;
    width: 100%;
    margin-bottom: 49px;
}

@media screen and (max-width: 767px) {
    .news-form__input {
        margin-bottom: 40px;
    }
}

.news-form__input input {
    background-color: transparent;
}

.news-form button {
    height: 52px;
    width: 314px;
}

@media screen and (max-width: 479px) {
    .news-form button {
        width: 100%;
    }
}

.news-form button svg {
    width: 12px;
    height: 12px;
    background-color: transparent;
}

.news-form.single-form {
    padding: 170px 191px 231px;
}

@media screen and (max-width: 1439px) {
    .news-form.single-form {
        padding: 170px 40px 231px;
    }
}

@media screen and (max-width: 1023px) {
    .news-form.single-form {
        padding: 130px 40px 231px;
    }
}

@media screen and (max-width: 767px) {
    .news-form.single-form {
        padding: 80px 24px 82px;
    }
}

.news-form.single-form .news-form__content {
    z-index: 3;
}

@media screen and (max-width: 1439px) {
    .news-form.single-form .news-form__content {
        max-width: 60%;
    }
}

@media screen and (max-width: 767px) {
    .news-form.single-form .news-form__content {
        max-width: 100%;
    }
}

.news-form.single-form .news-form__content p {
    position: relative;
    max-width: 388px;
    margin-left: 112px;
}

@media only screen and (min-width: 1024px) {
    .news-form.single-form .news-form__content p {
        padding-left: 32px;
    }

    .news-form.single-form .news-form__content p:before {
        content: "";
        z-index: 10;
        width: 12px;
        height: 12px;
        background-color: #e94e1b;
        border-radius: 50%;
        position: absolute;
        left: 0;
        top: 6%;
    }
}

@media only screen and (min-width: 1024px) and (max-width: 767px) {
    .news-form.single-form .news-form__content p:before {
        width: 8px;
        height: 8px;
    }
}

@media screen and (max-width: 1023px) {
    .news-form.single-form .news-form__content p {
        max-width: 308px;
        margin-left: 0;
    }
}

@media screen and (max-width: 767px) {
    .news-form.single-form .news-form__content p {
        max-width: 100%;
    }
}

@media screen and (max-width: 1023px) {
    .news-form.single-form form {
        top: 205px;
    }
}

@media screen and (max-width: 1023px) {
    .news-form.single-form .news-form__decoration {
        top: 205px;
    }
}

.news-card {
    flex-basis: calc((100% - 242px) / 2);
}

.news-card:nth-child(3):has(+ .news-card:nth-child(4)),
.news-card:nth-child(8):has(+ .news-card:nth-child(9)) {
    margin-left: auto;
}

@media screen and (max-width: 1023px) {
    .news-card:nth-child(3):has(+ .news-card:nth-child(4)),
    .news-card:nth-child(8):has(+ .news-card:nth-child(9)) {
        margin-left: 0;
    }
}

.news-card__img {
    overflow: hidden;
    object-fit: contain;
    object-position: center;
}

@media screen and (max-width: 1023px) {
    .news-card__img {
        margin-bottom: 30px;
    }
}

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

.news-card__tags {
    display: flex;
    gap: 15px;
    padding: 30px 0 24px;
}

.news-card__tags .outline_blue_button {
    color: #233c7a;
}

.news-card__tags .primary_button {
    color: #fff;
}

@media screen and (max-width: 1023px) {
    .news-card__tags {
        padding: 0 0 20px;
    }
}

.news-card__title {
    padding-bottom: 16px;
}

@media screen and (max-width: 1023px) {
    .news-card__title {
        padding-bottom: 12px;
    }
}

.news-card__content {
    padding-bottom: 24px;
}

@media screen and (max-width: 1023px) {
    .news-card__content {
        padding-bottom: 30px;
    }
}

.news-card__line {
    margin-top: auto;
}

.news-card__footer {
    display: flex;
    align-items: flex-end;
    margin-top: 32px;
}

@media screen and (max-width: 1023px) {
    .news-card__footer {
        flex-direction: column;
        align-items: flex-start;
        margin-top: 16px;
    }

    .news-card__footer p {
        margin-bottom: 16px;
    }
}

.news-card__footer a {
    align-items: baseline;
    width: fit-content;
    margin-left: auto;
    font-family: Aeroport, sans-serif;
    color: #233c7a;
    font-weight: 400;
}

@media screen and (max-width: 1023px) {
    .news-card__footer a {
        margin-left: 0;
    }
}

.news-card__footer svg {
    width: 12px;
    height: 12px;
    stroke: currentColor;
}

.news-card__duration {
    display: flex;
    align-items: center;
    gap: 12px;
}

.news-card__duration:before {
    content: url(/wp-content/themes/alterra/assets/icons/clock.svg);
    height: 24px;
}

.news-hero {
    padding-top: 160px;
}

@media screen and (max-width: 767px) {
    .news-hero {
        padding-top: 40px;
    }
}

.news-hero__inner {
    display: flex;
    justify-content: space-between;
    padding-bottom: 92px;
}

@media screen and (max-width: 767px) {
    .news-hero__inner {
        flex-direction: column;
        padding-bottom: 40px;
    }
}

.news-hero__title {
    max-width: 41%;
    width: 100%;
}

@media screen and (max-width: 767px) {
    .news-hero__title {
        max-width: 100%;
        margin-bottom: 30px;
    }

    .news-hero__title.align-end ins {
        text-align: start;
        display: block;
    }
}

.news-hero__tags {
    display: flex;
    flex-direction: column;
    gap: 28px;
    max-width: 43%;
    width: 100%;
}

@media screen and (max-width: 767px) {
    .news-hero__tags {
        max-width: 100%;
        gap: 20px;
    }
}

.news-hero__tags button.isHidden {
    display: none;
}

.news-hero__tag-list {
    display: flex;
    flex-wrap: wrap;
    column-gap: 10px;
    row-gap: 15px;
}

@media screen and (max-width: 767px) {
    .news-hero__tag-list {
        row-gap: 12px;
    }

    .news-hero__tag-list .longList:nth-child(n + 7) {
        display: none;
    }
}

.news-hero__more-btn {
    display: none;
}

@media screen and (max-width: 767px) {
    .news-hero__more-btn {
        display: flex;
        justify-content: flex-start;
    }
}

.news-hero__subtitle {
    margin-bottom: 50px;
}

@media screen and (max-width: 767px) {
    .news-hero__subtitle {
        margin-bottom: 46px;
    }
}

.news-hero__news-main {
    display: flex;
    flex-direction: column;
    row-gap: 169px;
    padding-bottom: 176px;
}

@media screen and (max-width: 1023px) {
    .news-hero__news-main {
        row-gap: 60px;
    }
}

@media screen and (max-width: 767px) {
    .news-hero__news-main {
        row-gap: 60px;
        padding-bottom: 143px;
    }
}

.news-hero__news-main .news-card {
    display: flex;
    column-gap: 9%;
}

.news-hero__news-main .news-card:nth-child(2n) {
    flex-direction: row-reverse;
}

@media screen and (max-width: 1023px) {
    .news-hero__news-main .news-card:nth-child(2n) {
        flex-direction: column;
    }
}

@media screen and (max-width: 1023px) {
    .news-hero__news-main .news-card {
        flex-direction: column;
    }
}

.news-hero__news-main .news-card__img {
    max-width: 42%;
    width: 100%;
}

@media screen and (max-width: 1023px) {
    .news-hero__news-main .news-card__img {
        max-width: 100%;
    }
}

.news-hero__news-main .news-card__wrapper {
    display: flex;
    flex-direction: column;
    max-width: 42%;
}

@media screen and (max-width: 1023px) {
    .news-hero__news-main .news-card__wrapper {
        max-width: 100%;
    }
}

.news-hero__news-main .news-card__tags {
    padding-top: 0;
}

.news-list {
    display: flex;
    flex-wrap: wrap;
    gap: 134px;
}

@media screen and (max-width: 1023px) {
    .news-list {
        flex-direction: column;
        flex-wrap: nowrap;
        gap: 60px;
    }
}

.news-list .insert-form {
    width: 100%;
    background-color: #fff;
}

.news-list .insert-form .news-form {
    position: relative;
    display: flex;
    padding: 109px 112px;
    overflow: hidden;
}

@media screen and (max-width: 1439px) {
    .news-list .insert-form .news-form {
        padding: 80px;
    }
}

@media screen and (max-width: 767px) {
    .news-list .insert-form .news-form {
        flex-direction: column;
        padding: 44px 20px 41px;
    }
}

.news-list .insert-form .news-form__content {
    display: flex;
    flex-direction: column;
    gap: 20px;
    max-width: 42%;
    margin-right: 70px;
}

@media screen and (max-width: 1439px) {
    .news-list .insert-form .news-form__content {
        max-width: 35%;
    }
}

@media screen and (max-width: 767px) {
    .news-list .insert-form .news-form__content {
        max-width: 100%;
        margin-right: 0;
        margin-bottom: 30px;
    }
}

.news-list .insert-form .news-form__content p {
    max-width: 388px;
}

.news-list .insert-form .news-form__decoration {
    position: absolute;
    bottom: auto;
    top: -100px;
    top: calc(-50px + (-100 - -50) * (100vw - 1024px) / (1920 - 1024));
    right: 112px;
    right: calc(70px + (112 - 70) * (100vw - 1024px) / (1920 - 1024));
    height: 654px;
    height: calc(440px + (654 - 440) * (100vw - 1024px) / (1920 - 1024));
    width: 654px;
    width: calc(440px + (654 - 440) * (100vw - 1024px) / (1920 - 1024));
    background-color: #f1f4f7;
    border-radius: 50%;
    opacity: 0.5;
}

@media (max-width: 1024px) {
    .news-list .insert-form .news-form__decoration {
        top: -50px;
    }
}

@media (min-width: 1920px) {
    .news-list .insert-form .news-form__decoration {
        top: -100px;
    }
}

@media (max-width: 1024px) {
    .news-list .insert-form .news-form__decoration {
        right: 70px;
    }
}

@media (min-width: 1920px) {
    .news-list .insert-form .news-form__decoration {
        right: 112px;
    }
}

@media (max-width: 1024px) {
    .news-list .insert-form .news-form__decoration {
        height: 440px;
    }
}

@media (min-width: 1920px) {
    .news-list .insert-form .news-form__decoration {
        height: 654px;
    }
}

@media (max-width: 1024px) {
    .news-list .insert-form .news-form__decoration {
        width: 440px;
    }
}

@media (min-width: 1920px) {
    .news-list .insert-form .news-form__decoration {
        width: 654px;
    }
}

@media screen and (max-width: 767px) {
    .news-list .insert-form .news-form__decoration {
        display: none;
    }
}

.news-list .insert-form .news-form__decoration:before {
    content: "";
    position: absolute;
    top: -35%;
    right: -35%;
    display: block;
    height: 1114px;
    height: calc(750px + 0.40625 * (100vw - 1024px));
    width: 1114px;
    width: calc(750px + 0.40625 * (100vw - 1024px));
    border: 1px #f1f4f7 solid;
    border-radius: 50%;
}

@media (max-width: 1024px) {
    .news-list .insert-form .news-form__decoration:before {
        height: 750px;
    }
}

@media (min-width: 1920px) {
    .news-list .insert-form .news-form__decoration:before {
        height: 1114px;
    }
}

@media (max-width: 1024px) {
    .news-list .insert-form .news-form__decoration:before {
        width: 750px;
    }
}

@media (min-width: 1920px) {
    .news-list .insert-form .news-form__decoration:before {
        width: 1114px;
    }
}

.news-list .insert-form .news-form__decoration:after {
    content: "";
    position: absolute;
    top: -18%;
    right: -18%;
    display: block;
    height: 888px;
    height: calc(597px + (888 - 597) * (100vw - 1024px) / (1920 - 1024));
    width: 888px;
    width: calc(597px + (888 - 597) * (100vw - 1024px) / (1920 - 1024));
    border: 1px #f1f4f7 solid;
    border-radius: 50%;
}

@media (max-width: 1024px) {
    .news-list .insert-form .news-form__decoration:after {
        height: 597px;
    }
}

@media (min-width: 1920px) {
    .news-list .insert-form .news-form__decoration:after {
        height: 888px;
    }
}

@media (max-width: 1024px) {
    .news-list .insert-form .news-form__decoration:after {
        width: 597px;
    }
}

@media (min-width: 1920px) {
    .news-list .insert-form .news-form__decoration:after {
        width: 888px;
    }
}

.news-list .insert-form .news-form form {
    position: absolute;
    z-index: 2;
    bottom: auto;
    top: -100px;
    top: calc(-50px + (-100 - -50) * (100vw - 1024px) / (1920 - 1024));
    right: 112px;
    right: calc(70px + (112 - 70) * (100vw - 1024px) / (1920 - 1024));
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding-left: 122px;
    padding-left: calc(82px + (122 - 82) * (100vw - 1024px) / (1920 - 1024));
    height: 654px;
    height: calc(440px + (654 - 440) * (100vw - 1024px) / (1920 - 1024));
    width: 654px;
    width: calc(440px + (654 - 440) * (100vw - 1024px) / (1920 - 1024));
    border-radius: 50%;
}

@media (max-width: 1024px) {
    .news-list .insert-form .news-form form {
        top: -50px;
    }
}

@media (min-width: 1920px) {
    .news-list .insert-form .news-form form {
        top: -100px;
    }
}

@media (max-width: 1024px) {
    .news-list .insert-form .news-form form {
        right: 70px;
    }
}

@media (min-width: 1920px) {
    .news-list .insert-form .news-form form {
        right: 112px;
    }
}

@media (max-width: 1024px) {
    .news-list .insert-form .news-form form {
        padding-left: 82px;
    }
}

@media (min-width: 1920px) {
    .news-list .insert-form .news-form form {
        padding-left: 122px;
    }
}

@media (max-width: 1024px) {
    .news-list .insert-form .news-form form {
        height: 440px;
    }
}

@media (min-width: 1920px) {
    .news-list .insert-form .news-form form {
        height: 654px;
    }
}

@media (max-width: 1024px) {
    .news-list .insert-form .news-form form {
        width: 440px;
    }
}

@media (min-width: 1920px) {
    .news-list .insert-form .news-form form {
        width: 654px;
    }
}

@media screen and (max-width: 767px) {
    .news-list .insert-form .news-form form {
        position: static;
        padding-left: 0;
        width: 100%;
        height: 100%;
    }
}

.news-list .insert-form .news-form__input {
    max-width: 420px;
    width: 100%;
    margin-bottom: 49px;
}

@media screen and (max-width: 767px) {
    .news-list .insert-form .news-form__input {
        margin-bottom: 40px;
    }
}

.news-list .insert-form .news-form__input input {
    background-color: transparent;
}

.news-list .insert-form .news-form button {
    height: 52px;
    width: 314px;
}

@media screen and (max-width: 479px) {
    .news-list .insert-form .news-form button {
        width: 100%;
    }
}

.news-list .insert-form .news-form button svg {
    width: 12px;
}

.single__body {
    max-width: 870px;
    padding: 0 24px;
    margin: 0 auto;
}

.single__body .new {
    padding-bottom: 40px;
}

.single__body .new > p:first-child {
    font-family: Aeroport, sans-serif;
    color: #3c3c3b;
    font-weight: 400;
}

.single__body h3 {
    font-family: Intro-bold-alt, sans-serif;
    color: #1d1d1b;
    text-transform: uppercase;
    margin: 72px 0 40px;
}

@media screen and (max-width: 767px) {
    .single__body h3 {
        margin: 40px 0 28px;
    }
}

.single__body p {
    font-family: Aeroport, sans-serif;
    color: #3c3c3b;
    font-weight: 400;
    margin-bottom: 20px;
}

.single__body a {
    font-family: Aeroport, sans-serif;
    color: #3c3c3b;
    font-weight: 400;
    text-decoration: underline;
}

p:empty {
    display: none;
}



.single__body blockquote {
    padding: 40px 0 50px 32px;
}

@media screen and (max-width: 767px) {
    .single__body blockquote {
        padding-top: 20px;
        padding-bottom: 24px;
    }
}

.single__body blockquote > p {
    display: flex;
    margin-bottom: 0;
    gap: 48px;
    font-family: Aeroport, sans-serif;
    color: #3c3c3b;
    font-weight: 400;
}

@media screen and (max-width: 767px) {
    .single__body blockquote > p {
        flex-direction: column;
        gap: 12px;
    }
}

.single__body blockquote > p:before {
    content: url(../../assets/icons/quote.svg);
}

.single__body .blockquote-line-top {
    margin-top: 65px;
}

@media screen and (max-width: 767px) {
    .single__body .blockquote-line-top {
        margin-top: 36px;
    }
}

.single__body .blockquote-line {
    margin-bottom: 60px;
}

@media screen and (max-width: 767px) {
    .single__body .blockquote-line {
        margin-bottom: 30px;
    }
}

.single__body figure {
    margin: 68px 0 60px;
}

@media screen and (max-width: 767px) {
    .single__body figure {
        margin: 30px 0 24px;
    }
}

.single__body figure figcaption {
    padding: 20px 0 22px;
    font-family: Intro-regular-alt, sans-serif;
    color: #1d1d1b;
    font-weight: 400;
    text-transform: uppercase;
}

@media screen and (max-width: 767px) {
    .single__body figure figcaption {
        padding: 16px 0 12px;
        font-size: 14px;
    }
}

.single__body figure img {
    width: 100%;
    object-fit: contain;
}

.single__body ul {
    display: flex;
    flex-direction: column;
    gap: 20px;
    padding-left: 111px;
    margin: 32px 0;
}

@media screen and (max-width: 767px) {
    .single__body ul {
        padding-left: 0;
        margin: 28px 0;
    }
}

.single__body ul > li {
    position: relative;
    display: flex;
    padding-left: 20px;
}

.single__body ul > li:before {
    content: "";
    z-index: 10;
    width: 12px;
    height: 12px;
    background-color: #e94e1b;
    border-radius: 50%;
    position: absolute;
    left: 0;
    top: 20%;
}

@media screen and (max-width: 767px) {
    .single__body ul > li:before {
        width: 8px;
        height: 8px;
    }
}

.single__line {
    height: 2px;
}

.single__socials {
    font-family: Aeroport, sans-serif;
    color: #000;
    font-weight: 400;
    display: flex;
    gap: 24px;
    padding: 30px 0;
}

.single__form {
    background-color: #f1f4f7;
}

.single__form .primary_button {
    background-color: #e94e1b;
}

.single__form .news-form__decoration {
    background-color: #fff;
}

.single__form .news-form__decoration:before {
    border: none;
}

.single__form .news-form__decoration:after {
    border: 2px #ffffff solid;
}

.single-hero {
    margin-bottom: 220px;
    background-color: #f1f4f7;
}

@media screen and (max-width: 767px) {
    .single-hero {
        margin-bottom: 22px;
    }
}

.single-hero__wrapper {
    display: flex;
    justify-content: space-between;
    gap: 20px;
}

@media screen and (max-width: 767px) {
    .single-hero__wrapper {
        flex-direction: column;
    }
}

.single-hero__content {
    padding: 120px 0 134px;
    padding-bottom: calc(50px + 0.09375 * (100vw - 1024px));
}

@media (max-width: 1024px) {
    .single-hero__content {
        padding-bottom: 50px;
    }
}

@media (min-width: 1920px) {
    .single-hero__content {
        padding-bottom: 134px;
    }
}

@media screen and (max-width: 767px) {
    .single-hero__content {
        padding: 35px 0 50px;
    }
}

.single-hero__tags {
    display: flex;
    gap: 15px;
    margin-bottom: 44px;
}

@media screen and (max-width: 767px) {
    .single-hero__tags {
        margin-bottom: 16px;
    }
}

.single-hero__tags .primary_button {
    color: #fff;
}

.single-hero__attributes {
    display: flex;
    gap: 6px;
    margin-top: 50px;
}

@media screen and (max-width: 767px) {
    .single-hero__attributes {
        margin-top: 20px;
    }
}

.single-hero__attributes span:first-child:after {
    content: "|";
    margin-left: 6px;
}

.single-hero__img {
    position: relative;
    bottom: -112px;
    max-width: 50%;
}

@media screen and (max-width: 767px) {
    .single-hero__img {
        max-width: 100%;
        position: static;
    }
}

.single-hero__img img {
    width: 100%;
    object-fit: contain;
}

.single-more-news {
    padding: 160px 0 80px;
}

@media screen and (max-width: 1023px) {
    .single-more-news {
        padding: 80px 0;
    }
}

.single-more-news__title {
    margin-bottom: 60px;
}

@media screen and (max-width: 1023px) {
    .single-more-news__title {
        margin-bottom: 30px;
    }
}

.our-services-hero {
    padding-top: 100px;
    padding-top: calc(40px + (100 - 40) * (100vw - 375px) / (1920 - 375));
    position: relative;
}

@media (max-width: 375px) {
    .our-services-hero {
        padding-top: 40px;
    }
}

@media (min-width: 1920px) {
    .our-services-hero {
        padding-top: 100px;
    }
}

.our-services-hero__inner {
    display: grid;
    grid-template-columns: 420px 1fr;
    grid-template-rows: fit-content(100%);
    grid-template-areas: "title text" "subtitle text";
    gap: 20px 0;
}

@media screen and (max-width: 767px) {
    .our-services-hero__inner {
        grid-template-columns: 1fr;
        grid-template-areas: "title" "subtitle" "text";
    }
}

.our-services-hero__title {
    grid-area: title;
    max-width: 420px;
    position: relative;
    z-index: 10;
}

.our-services-hero__subtitle {
    grid-area: subtitle;
    position: relative;
    z-index: 10;
}

.our-services-hero__circles {
    grid-area: text;
}

@media only screen and (min-width: 768px) {
    .our-services-hero__circles {
        align-self: center;
        justify-self: center;
    }
}

.our-services-list {
    padding-top: 80px;
    padding-top: calc(50px + (80 - 50) * (100vw - 375px) / (1920 - 375));
    padding-bottom: 200px;
    padding-bottom: calc(80px + (200 - 80) * (100vw - 375px) / (1920 - 375));
    position: relative;
    z-index: 10;
}

@media (max-width: 375px) {
    .our-services-list {
        padding-top: 50px;
    }
}

@media (min-width: 1920px) {
    .our-services-list {
        padding-top: 80px;
    }
}

@media (max-width: 375px) {
    .our-services-list {
        padding-bottom: 80px;
    }
}

@media (min-width: 1920px) {
    .our-services-list {
        padding-bottom: 200px;
    }
}

@media only screen and (min-width: 768px) {
    .our-services-list__list {
        width: calc(100% + 80px);
        padding-right: 80px;
    }
}

.reviews-hero {
    padding: 160px 0 140px;
    position: relative;
    overflow: hidden;
}

@media screen and (max-width: 1023px) {
    .reviews-hero {
        padding: 40px 0 100px;
    }
}

.reviews-hero__inner {
    display: flex;
    gap: 100px;
    gap: calc(20px + (100 - 20) * (100vw - 1024px) / (1920 - 1024));
}

@media (max-width: 1024px) {
    .reviews-hero__inner {
        gap: 20px;
    }
}

@media (min-width: 1920px) {
    .reviews-hero__inner {
        gap: 100px;
    }
}

@media screen and (max-width: 1023px) {
    .reviews-hero__inner {
        flex-direction: column;
    }
}

.reviews-hero__title {
    max-width: 800px;
    position: relative;
    z-index: 10;
}

@media only screen and (min-width: 1024px) {
    .reviews-hero__circles {
        max-width: 320px;
    }
}

@media screen and (max-width: 767px) {
    .reviews-hero__circles .paragraph-in-circles__circle {
        left: 70%;
    }
}

@media screen and (max-width: 767px) {
    .reviews-hero__circle {
        transform: translate(20%);
    }
}

.reviews-hero__ticker {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
}

.reviews-section {
    background-color: #f1f4f7;
    padding: 120px 0 100px;
}

@media screen and (max-width: 1023px) {
    .reviews-section {
        padding: 40px 0 30px;
    }
}

.reviews-section__slider {
    margin-left: 110px;
    margin-left: calc(0px + (110 - 0) * (100vw - 1024px) / (1920 - 1024));
    max-width: 1200px;
}

@media (max-width: 1024px) {
    .reviews-section__slider {
        margin-left: 0;
    }
}

@media (min-width: 1920px) {
    .reviews-section__slider {
        margin-left: 110px;
    }
}

.reviews-clients {
    padding: 135px 0 120px;
}

@media screen and (max-width: 1023px) {
    .reviews-clients {
        padding: 40px 0 60px;
    }
}

.reviews-clients__title {
    margin-bottom: 50px;
}

@media screen and (max-width: 1023px) {
    .reviews-clients__title {
        margin-bottom: 30px;
    }
}

.reviews-clients__list {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 20px;
    margin-bottom: 60px;
}

@media screen and (max-width: 1023px) {
    .reviews-clients__list {
        grid-template-columns: 1fr;
        gap: 10px;
        margin-bottom: 25px;
    }
}

.vacancies-hero {
    padding: 160px 0 100px;
}

@media screen and (max-width: 1023px) {
    .vacancies-hero {
        padding: 40px 0 30px;
    }
}

.vacancies-hero__title {
    max-width: 1000px;
    margin-bottom: 50px;
}

@media screen and (max-width: 1023px) {
    .vacancies-hero__title {
        margin-bottom: 20px;
    }
}

.vacancies-hero__text {
    font-family: Aeroport, sans-serif;
    color: #3c3c3b;
    font-weight: 400;
    max-width: 650px;
}

.vacancies-list {
    padding-bottom: 190px;
}

@media screen and (max-width: 1023px) {
    .vacancies-list {
        padding-bottom: 60px;
    }
}

.vacancies-list__inner {
    max-width: 1315px;
    margin-left: auto;
}

.vacancies-about-us {
    padding-bottom: 150px;
}

@media screen and (max-width: 1023px) {
    .vacancies-about-us {
        padding-bottom: 70px;
    }
}

.vacancies-about-us__title {
    margin-bottom: 120px;
}

@media screen and (max-width: 1023px) {
    .vacancies-about-us__title {
        margin-bottom: 50px;
    }
}

@media screen and (max-width: 767px) {
    .vacancies-about-us__slider {
        margin-bottom: 40px;
    }
}

.vacancy-hero {
    padding-top: 100px;
}

@media screen and (max-width: 1023px) {
    .vacancy-hero {
        padding-top: 40px;
    }
}

.vacancy-hero__inner {
    display: flex;
    gap: 200px;
    gap: calc(40px + (200 - 40) * (100vw - 1024px) / (1920 - 1024));
}

@media (max-width: 1024px) {
    .vacancy-hero__inner {
        gap: 40px;
    }
}

@media (min-width: 1920px) {
    .vacancy-hero__inner {
        gap: 200px;
    }
}

@media screen and (max-width: 1023px) {
    .vacancy-hero__inner {
        flex-direction: column;
    }
}

@media only screen and (min-width: 1024px) {
    .vacancy-hero__content {
        width: 40%;
        padding-top: 60px;
    }
}

.vacancy-hero__title {
    margin-bottom: 50px;
}

@media screen and (max-width: 1023px) {
    .vacancy-hero__title {
        margin-bottom: 20px;
    }
}

.vacancy-hero__title ins {
    display: block;
}

.vacancy-hero__publish {
    font-family: Aeroport, sans-serif;
    color: #3c3c3b;
    font-weight: 400;
    display: block;
    margin-bottom: 60px;
}

@media screen and (max-width: 1023px) {
    .vacancy-hero__publish {
        margin-bottom: 30px;
    }
}

.vacancy-hero__text {
    font-family: Aeroport, sans-serif;
    color: #3c3c3b;
    font-weight: 400;
}

@media only screen and (min-width: 1024px) {
    .vacancy-hero__info {
        width: 45%;
    }
}

.vacancy-why-work {
    padding-top: 140px;
}

@media screen and (max-width: 1023px) {
    .vacancy-why-work {
        padding-top: 60px;
    }
}

.vacancy-why-work__title {
    max-width: 1100px;
    margin-bottom: 80px;
}

@media screen and (max-width: 1023px) {
    .vacancy-why-work__title {
        margin-bottom: 20px;
    }
}

.vacancy-why-work__team {
    margin-bottom: 50px;
    padding-left: 110px;
    padding-left: calc(0px + (110 - 0) * (100vw - 1024px) / (1920 - 1024));
    display: flex;
    align-items: center;
    gap: 130px;
}

@media (max-width: 1024px) {
    .vacancy-why-work__team {
        padding-left: 0;
    }
}

@media (min-width: 1920px) {
    .vacancy-why-work__team {
        padding-left: 110px;
    }
}

@media screen and (max-width: 1023px) {
    .vacancy-why-work__team {
        flex-direction: column-reverse;
        margin-bottom: 40px;
        gap: 45px;
    }
}

.vacancy-why-work__team-image {
    position: relative;
}

.vacancy-why-work__team-image img {
    object-fit: contain;
    max-width: 648px;
    width: 100%;
    height: auto;
}

.vacancy-why-work__team-image-circle {
    position: absolute;
    right: -115px;
    bottom: -150px;
}

@media screen and (max-width: 1023px) {
    .vacancy-why-work__team-image-circle {
        right: 0;
        bottom: -80px;
    }
}

@media only screen and (min-width: 1024px) {
    .vacancy-why-work__team-text {
        max-width: 536px;
        width: 50%;
    }
}

.vacancy-why-work__office {
    display: flex;
    align-items: center;
    gap: 140px;
    gap: calc(45px + (140 - 45) * (100vw - 1024px) / (1920 - 1024));
    transform: translateY(60px);
}

@media (max-width: 1024px) {
    .vacancy-why-work__office {
        gap: 45px;
    }
}

@media (min-width: 1920px) {
    .vacancy-why-work__office {
        gap: 140px;
    }
}

@media screen and (max-width: 1023px) {
    .vacancy-why-work__office {
        flex-direction: column;
        transform: translateY(80px);
    }
}

@media only screen and (min-width: 1024px) {
    .vacancy-why-work__office-text {
        width: 40%;
    }
}

.vacancy-why-work__office-images {
    display: grid;
}

@media only screen and (min-width: 1024px) {
    .vacancy-why-work__office-images {
        width: 60%;
        grid-template-columns: 1fr 1fr;
        column-gap: 130px;
        column-gap: calc(20px + (130 - 20) * (100vw - 1024px) / (1920 - 1024));
        row-gap: 80px;
    }
}

@media only screen and (min-width: 1024px) and (max-width: 1024px) {
    .vacancy-why-work__office-images {
        column-gap: 20px;
    }
}

@media only screen and (min-width: 1024px) and (min-width: 1920px) {
    .vacancy-why-work__office-images {
        column-gap: 130px;
    }
}

@media screen and (max-width: 1023px) {
    .vacancy-why-work__office-images {
        grid-template-columns: 1fr;
        grid-template-areas: "image-1" "image-0" "image-2";
        gap: 36px;
    }
}

.vacancy-why-work__office-image-0 {
    max-width: 310px;
}

@media only screen and (min-width: 1024px) {
    .vacancy-why-work__office-image-0 {
        align-self: center;
        grid-row: 1/3;
    }
}

@media screen and (max-width: 1023px) {
    .vacancy-why-work__office-image-0 {
        grid-area: image-0;
        justify-self: flex-end;
    }
}

@media screen and (max-width: 479px) {
    .vacancy-why-work__office-image-0 {
        max-width: 240px;
    }
}

.vacancy-why-work__office-image-1 {
    max-width: 420px;
}

@media screen and (max-width: 1023px) {
    .vacancy-why-work__office-image-1 {
        grid-area: image-1;
    }
}

.vacancy-why-work__office-image-2 {
    max-width: 310px;
}

@media screen and (max-width: 1023px) {
    .vacancy-why-work__office-image-2 {
        grid-area: image-2;
    }
}

@media screen and (max-width: 479px) {
    .vacancy-why-work__office-image-2 {
        max-width: 240px;
    }
}

.vacancy-what-need {
    padding: 150px 0 140px;
    background-color: #f1f4f7;
}

@media screen and (max-width: 1023px) {
    .vacancy-what-need {
        padding: 160px 0 70px;
    }
}

.vacancy-what-need__inner {
    display: grid;
}

@media only screen and (min-width: 1024px) {
    .vacancy-what-need__inner {
        grid-template-columns: 1fr 1fr;
        column-gap: 130px;
        column-gap: calc(30px + (130 - 30) * (100vw - 1024px) / (1920 - 1024));
        row-gap: 80px;
    }
}

@media only screen and (min-width: 1024px) and (max-width: 1024px) {
    .vacancy-what-need__inner {
        column-gap: 30px;
    }
}

@media only screen and (min-width: 1024px) and (min-width: 1920px) {
    .vacancy-what-need__inner {
        column-gap: 130px;
    }
}

@media screen and (max-width: 1023px) {
    .vacancy-what-need__inner {
        grid-template-columns: 1fr;
        gap: 30px;
    }
}

@media only screen and (min-width: 1024px) {
    .vacancy-what-need__title {
        grid-column: 1/3;
    }
}

@media screen and (max-width: 1023px) {
    .vacancy-what-need__title br {
        display: none;
    }
}

@media only screen and (min-width: 1024px) {
    .vacancy-what-need__list h3 {
        font-size: 30px;
    }
}

.vacancy-what-to-do {
    padding: 150px 0 140px;
}

@media screen and (max-width: 1023px) {
    .vacancy-what-to-do {
        padding: 60px 0 70px;
    }
}

.vacancy-what-to-do__inner {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 100px;
    gap: calc(30px + (100 - 30) * (100vw - 1024px) / (1920 - 1024));
}

@media (max-width: 1024px) {
    .vacancy-what-to-do__inner {
        gap: 30px;
    }
}

@media (min-width: 1920px) {
    .vacancy-what-to-do__inner {
        gap: 100px;
    }
}

@media screen and (max-width: 1023px) {
    .vacancy-what-to-do__inner {
        grid-template-columns: 1fr;
    }
}

@media only screen and (min-width: 1024px) {
    .vacancy-what-to-do__list {
        padding-top: 14px;
    }
}

.vacancy-what-offer {
    padding: 130px 0 140px;
    margin-bottom: 150px;
    background-color: #e94e1b;
}

@media screen and (max-width: 1023px) {
    .vacancy-what-offer {
        padding: 40px 0 60px;
        margin-bottom: 80px;
    }
}

.vacancy-what-offer__inner {
    display: flex;
    gap: 40px;
}

@media screen and (max-width: 1023px) {
    .vacancy-what-offer__inner {
        flex-direction: column;
        gap: 0;
    }
}

.vacancy-what-offer__logo {
    position: relative;
    width: 210px;
    width: calc(155px + (210 - 155) * (100vw - 375px) / (1920 - 375));
    height: 210px;
    height: calc(155px + (210 - 155) * (100vw - 375px) / (1920 - 375));
}

@media (max-width: 375px) {
    .vacancy-what-offer__logo {
        width: 155px;
    }
}

@media (min-width: 1920px) {
    .vacancy-what-offer__logo {
        width: 210px;
    }
}

@media (max-width: 375px) {
    .vacancy-what-offer__logo {
        height: 155px;
    }
}

@media (min-width: 1920px) {
    .vacancy-what-offer__logo {
        height: 210px;
    }
}

.vacancy-what-offer__logo svg {
    width: 100%;
    height: 100%;
}

.vacancy-what-offer__sign {
    position: absolute;
    top: 0;
    left: 0;
}

.vacancy-what-offer__words {
    transform: rotate(360deg);
    animation-name: spin;
    animation-duration: 25s;
    animation-timing-function: linear;
    animation-iteration-count: infinite;
}

@keyframes spin {
    0% {
        transform: rotate(0);
    }
    to {
        transform: rotate(360deg);
    }
}

.vacancy-what-offer__circle-wrapper {
    position: relative;
    width: 314px;
    width: calc(241px + (314 - 241) * (100vw - 375px) / (1920 - 375));
    height: 314px;
    height: calc(241px + (314 - 241) * (100vw - 375px) / (1920 - 375));
    flex-shrink: 0;
    margin: auto 0;
}

@media (max-width: 375px) {
    .vacancy-what-offer__circle-wrapper {
        width: 241px;
    }
}

@media (min-width: 1920px) {
    .vacancy-what-offer__circle-wrapper {
        width: 314px;
    }
}

@media (max-width: 375px) {
    .vacancy-what-offer__circle-wrapper {
        height: 241px;
    }
}

@media (min-width: 1920px) {
    .vacancy-what-offer__circle-wrapper {
        height: 314px;
    }
}

@media screen and (max-width: 1023px) {
    .vacancy-what-offer__circle-wrapper {
        margin-bottom: 65px;
        margin-left: 110px;
    }
}

@media screen and (max-width: 479px) {
    .vacancy-what-offer__circle-wrapper {
        margin-left: auto;
    }
}

.vacancy-what-offer__circle-wrapper img {
    position: absolute;
    top: 50%;
    left: 50%;
    translate: -50% -50%;
    width: 220px;
    width: calc(200px + (220 - 200) * (100vw - 375px) / (1920 - 375));
    height: 400px;
    height: calc(316px + (400 - 316) * (100vw - 375px) / (1920 - 375));
    transform: rotate(6deg);
    object-fit: cover;
}

@media (max-width: 375px) {
    .vacancy-what-offer__circle-wrapper img {
        width: 200px;
    }
}

@media (min-width: 1920px) {
    .vacancy-what-offer__circle-wrapper img {
        width: 220px;
    }
}

@media (max-width: 375px) {
    .vacancy-what-offer__circle-wrapper img {
        height: 316px;
    }
}

@media (min-width: 1920px) {
    .vacancy-what-offer__circle-wrapper img {
        height: 400px;
    }
}

.vacancy-what-offer__circle {
    height: 100%;
    background-color: #fff;
    border-radius: 100%;
    will-change: transform;
}

.vacancy-what-offer__list {
    max-width: 740px;
    margin-left: auto;
}

@media screen and (max-width: 1023px) {
    .vacancy-what-offer__list {
        margin-left: unset;
    }
}

.vacancy-what-offer__list h4 {
    color: #fff;
}

.not-found {
    position: relative;
    background: linear-gradient(180deg, #f9fbfc 39.33%, rgba(241, 244, 247, 0) 100%);
}

@media only screen and (min-width: 1024px) {
    .not-found {
        height: 100vh;
        overflow: hidden;
    }
}

.not-found__inner {
    padding: -0.0625vw 20px -1.09375vw;
    max-width: 1920px;
    margin: 0 auto;
    display: flex;
    flex-direction: column;
    align-items: center;
}

@media (max-width: 1024vw) {
    .not-found__inner {
        padding-top: 2vw;
    }
}

@media (min-width: 1920vw) {
    .not-found__inner {
        padding-top: 4vw;
    }
}

@media (max-width: 1024vw) {
    .not-found__inner {
        padding-bottom: 2vw;
    }
}

@media (min-width: 1920vw) {
    .not-found__inner {
        padding-bottom: 5vw;
    }
}

@media only screen and (min-width: 1024px) {
    .not-found__inner {
        height: calc(100vh - 80px);
    }
}

@media screen and (max-width: 1023px) {
    .not-found__inner {
        padding-left: 20px;
        padding-right: 20px;
    }
}

.not-found__logo {
    position: relative;
    z-index: 10;
    max-width: 314px;
}

@media screen and (max-width: 1023px) {
    .not-found__logo {
        max-width: 264px;
        margin-bottom: 60px;
    }
}

.not-found__logo img {
    width: 100%;
    object-fit: contain;
}

@media only screen and (min-width: 1024px) {
    .not-found__bg {
        position: absolute;
        top: 9vw;
        top: -3.1875vw;
        bottom: 0;
        max-width: 1920px;
    }
}

@media only screen and (min-width: 1024px) and (max-width: 1024vw) {
    .not-found__bg {
        top: 10vw;
    }
}

@media only screen and (min-width: 1024px) and (min-width: 1920vw) {
    .not-found__bg {
        top: 9vw;
    }
}

@media screen and (max-width: 767px) {
    .not-found__bg {
        width: calc(100% + 240px);
    }
}

.not-found__title {
    margin-top: auto;
    text-align: center;
    max-width: 540px;
    margin-bottom: 30px;
    position: relative;
    z-index: 10;
}

@media screen and (max-width: 1023px) {
    .not-found__title {
        margin-top: -10px;
    }
}

.not-found__link {
    position: relative;
    z-index: 10;
}

@media screen and (max-width: 767px) {
    .not-found__link {
        width: 100%;
    }
}

@media only screen and (min-width: 1024px) {
    .not-found__link__content {
        padding: 10px 20px !important;
    }
}

.projects-hero {
    padding: 160px 0 80px;
}

@media screen and (max-width: 1023px) {
    .projects-hero {
        padding: 40px 0;
    }
}

.projects-hero__title {
    margin-bottom: 50px;
}

@media screen and (max-width: 1023px) {
    .projects-hero__title {
        margin-bottom: 20px;
    }
}

.projects-hero__text {
    font-family: Aeroport, sans-serif;
    color: #3c3c3b;
    font-weight: 400;
    max-width: 670px;
}

@media screen and (max-width: 1023px) {
    .projects-hero__text {
        font-size: 18px;
    }
}

.projects-list {
    padding-bottom: 80px;
}

@media screen and (max-width: 1023px) {
    .projects-list {
        padding-bottom: 60px;
    }
}

.projects-list__tabs {
    margin-bottom: 80px;
}

@media screen and (max-width: 1023px) {
    .projects-list__tabs {
        margin-bottom: 30px;
    }
}

.projects-list__tags {
    margin-bottom: 80px;
}

@media screen and (max-width: 1023px) {
    .projects-list__tags {
        margin-bottom: 40px;
    }
}

.projects-list__list {
    display: flex;
    margin-bottom: 100px;
}

@media only screen and (min-width: 1024px) {
    .projects-list__list {
        flex-wrap: wrap;
        row-gap: 90px;
        row-gap: calc(45px + (90 - 45) * (100vw - 375px) / (1920 - 375));
        column-gap: 130px;
        column-gap: calc(40px + (130 - 40) * (100vw - 375px) / (1920 - 375));
    }
}

@media only screen and (min-width: 1024px) and (max-width: 375px) {
    .projects-list__list {
        row-gap: 45px;
    }
}

@media only screen and (min-width: 1024px) and (min-width: 1920px) {
    .projects-list__list {
        row-gap: 90px;
    }
}

@media only screen and (min-width: 1024px) and (max-width: 375px) {
    .projects-list__list {
        column-gap: 40px;
    }
}

@media only screen and (min-width: 1024px) and (min-width: 1920px) {
    .projects-list__list {
        column-gap: 130px;
    }
}

@media screen and (max-width: 1023px) {
    .projects-list__list {
        flex-direction: column;
        margin-bottom: 50px;
    }
}

@media only screen and (min-width: 1024px) {
    .projects-list__list-item {
        width: 44%;
    }

    .projects-list__list-item:nth-child(3),
    .projects-list__list-item:nth-child(7) {
/*         margin-left: 120px; */
    }
}

@media screen and (max-width: 1023px) {
    .projects-list__list-item + .projects-list__list-item {
        margin-top: 40px;
    }
}

.project-hero {
    background-color: #f1f4f7;
}

.project-hero__inner {
    position: relative;
    padding: 120px 0 210px;
}

@media screen and (max-width: 1023px) {
    .project-hero__inner {
        padding: 46px 0 0;
    }
}

.project-hero__title {
    margin-bottom: 24px;
}

@media screen and (max-width: 1023px) {
    .project-hero__title {
        margin-bottom: 20px;
    }
}

.project-hero__address {
    font-family: Aeroport, sans-serif;
    color: #3c3c3b;
    font-weight: 400;
    margin-bottom: 30px;
}

@media screen and (max-width: 1023px) {
    .project-hero__address {
        margin-bottom: 20px;
    }
}

.project-hero__text {
    max-width: 530px;
    margin-bottom: 60px;
}

@media screen and (max-width: 1023px) {
    .project-hero__text {
        max-width: unset;
        margin-bottom: 30px;
    }
}

.project-hero__button {
    max-width: fit-content;
}

@media screen and (max-width: 1023px) {
    .project-hero__button {
        margin-bottom: 20px;
    }
}

@media screen and (max-width: 767px) {
    .project-hero__button {
        max-width: 100%;
        text-align: center;
    }
}

.project-hero__ticker {
    z-index: 10;
}

@media only screen and (min-width: 1024px) {
    .project-hero__ticker {
        position: absolute;
        left: 0;
        right: 0;
        bottom: 0;
    }
}

@media screen and (max-width: 1023px) {
    .project-hero__ticker {
        position: relative;
    }
}

@media only screen and (min-width: 1024px) {
    .project-hero__bg {
        position: absolute;
        right: -180px;
        right: calc(-24px + (-180 - -24) * (100vw - 375px) / (1920 - 375));
        bottom: 50px;
        max-width: 57vw;
    }
}

@media only screen and (min-width: 1024px) and (max-width: 375px) {
    .project-hero__bg {
        right: -24px;
    }
}

@media only screen and (min-width: 1024px) and (min-width: 1920px) {
    .project-hero__bg {
        right: -180px;
    }
}

@media screen and (max-width: 1023px) {
    .project-hero__bg {
        display: block;
        width: calc(100% + 48px);
        margin-bottom: -10px;
        margin-left: -24px;
    }
}

.project-hero__bg img {
    width: 100%;
    object-fit: cover;
}

.project-info {
    padding-top: 190px;
    overflow: hidden;
}

@media screen and (max-width: 1023px) {
    .project-info {
        padding-top: 50px;
    }
}

.project-info__inner {
    position: relative;
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-template-areas: "title list" "slider list" "slider image";
    column-gap: 130px;
    column-gap: calc(40px + (130 - 40) * (100vw - 1024px) / (1920 - 1024));
}

@media (max-width: 1024px) {
    .project-info__inner {
        column-gap: 40px;
    }
}

@media (min-width: 1920px) {
    .project-info__inner {
        column-gap: 130px;
    }
}

@media screen and (max-width: 1023px) {
    .project-info__inner {
        grid-template-columns: 1fr;
        grid-template-areas: "title" "slider" "list" "image";
    }
}

.project-info__title {
    grid-area: title;
    margin-bottom: 80px;
}

@media screen and (max-width: 1023px) {
    .project-info__title {
        margin-bottom: 30px;
    }
}

.project-info__list {
    grid-area: list;
    margin-bottom: 120px;
}

@media screen and (max-width: 1023px) {
    .project-info__list {
        margin-bottom: 40px;
    }
}

.project-info__slider {
    grid-area: slider;
    height: fit-content;
}

@media only screen and (min-width: 1024px) {
    .project-info__slider {
        max-width: 760px;
        max-width: calc(550px + (760 - 550) * (100vw - 1024px) / (1920 - 1024));
    }
}

@media only screen and (min-width: 1024px) and (max-width: 1024px) {
    .project-info__slider {
        max-width: 550px;
    }
}

@media only screen and (min-width: 1024px) and (min-width: 1920px) {
    .project-info__slider {
        max-width: 760px;
    }
}

@media screen and (max-width: 1023px) {
    .project-info__slider {
        width: calc(100vw - 62px);
        margin-bottom: 40px;
    }
}

.project-info__slider-image {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.project-info__image {
    grid-area: image;
    width: 100%;
    height: auto;
    object-fit: contain;
}

@media only screen and (min-width: 1024px) {
    .project-info__image {
        max-width: 540px;
    }
}

.project-info__circles {
    position: absolute;
    top: 0;
    z-index: -1;
}

@media only screen and (min-width: 1024px) {
    .project-info__circles {
        right: 50%;
        transform: translate(-50%);
    }
}

@media screen and (max-width: 1023px) {
    .project-info__circles {
        top: 300px;
        top: calc(240px + (300 - 240) * (100vw - 320px) / (1024 - 320));
        right: 35%;
    }
}

@media screen and (max-width: 1023px) and (max-width: 320px) {
    .project-info__circles {
        top: 240px;
    }
}

@media screen and (max-width: 1023px) and (min-width: 1024px) {
    .project-info__circles {
        top: 300px;
    }
}

.project-begin {
    padding-top: 70px;
}

@media screen and (max-width: 1023px) {
    .project-begin {
        padding-top: 60px;
    }
}

.project-begin__inner {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-template-areas: "title title" ". text" ". video";
    position: relative;
}

@media screen and (max-width: 1023px) {
    .project-begin__inner {
        grid-template-columns: 1fr;
        grid-template-areas: "title" "text" "circleText" "video";
    }
}

.project-begin__title {
    grid-area: title;
    max-width: 700px;
    margin-bottom: 80px;
}

@media screen and (max-width: 1023px) {
    .project-begin__title {
        margin-bottom: 20px;
    }
}

.project-begin__text {
    grid-area: text;
    max-width: 600px;
    margin-bottom: 30px;
}

@media screen and (max-width: 1023px) {
    .project-begin__text {
        margin-bottom: 40px;
    }
}

.project-begin__text p + p {
    margin-top: 20px;
}

@media screen and (max-width: 1023px) {
    .project-begin__text p + p {
        margin-top: 16px;
    }
}

.project-begin__video {
    grid-area: video;
    position: relative;
}

@media only screen and (min-width: 1024px) {
    .project-begin__video {
        transform: translateY(60px);
    }
}

@media screen and (max-width: 1023px) {
    .project-begin__video {
        width: calc(100% + 48px);
        margin-left: -24px;
    }
}

.project-begin__video video {
    width: 100%;
    height: auto;
}

.project-begin__video-button {
    --button-size: 100px;
    position: absolute;
    top: 50%;
    left: 50%;
    translate: -50% -50%;
    width: var(--button-size);
    height: var(--button-size);
}

@media screen and (max-width: 767px) {
    .project-begin__video-button {
        --button-size: 40px;
    }
}

.project-begin__video-button svg {
    width: 18px;
    height: 18px;
    fill: #fff;
}

@media screen and (max-width: 767px) {
    .project-begin__video-button svg {
        width: 9px;
        height: 9px;
    }
}

.project-begin__video-button .button-content {
    width: inherit;
}

.project-begin__circles {
    max-width: 260px;
}

@media only screen and (min-width: 1024px) {
    .project-begin__circles {
        position: absolute;
        left: 110px;
        bottom: 200px;
        z-index: -1;
    }
}

@media screen and (max-width: 1023px) {
    .project-begin__circles {
        grid-area: circleText;
        margin-bottom: 40px;
        margin-left: 70px;
    }
}

@media screen and (max-width: 1023px) {
    .project-begin__circles span {
        display: none;
    }
}

.project-parameters {
    padding: 250px 0 150px;
    background-color: #f1f4f7;
}

@media screen and (max-width: 1023px) {
    .project-parameters {
        padding: 60px 0 70px;
    }
}

.project-parameters__inner {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-template-areas: "title icons" "firstList secondList";
    gap: 80px 50px;
}

@media screen and (max-width: 1023px) {
    .project-parameters__inner {
        grid-template-columns: 1fr;
        grid-template-areas: "title" "icons" "firstList" "secondList";
        gap: 0;
    }
}

.project-parameters__title {
    grid-area: title;
}

@media screen and (max-width: 1023px) {
    .project-parameters__title {
        margin-bottom: 20px;
    }
}

.project-parameters__icons {
    grid-area: icons;
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
    margin-top: auto;
}

@media screen and (max-width: 1023px) {
    .project-parameters__icons {
        gap: 12px;
        margin-bottom: 30px;
    }
}

.project-parameters__icons-item {
    display: flex;
    align-items: center;
    justify-content: center;
    --icon-size: 80px;
    width: var(--icon-size);
    height: var(--icon-size);
    background-color: #d7e1eb;
    border-radius: var(--icon-size);
}

@media screen and (max-width: 767px) {
    .project-parameters__icons-item {
        --icon-size: 55px;
    }
}

.project-parameters__icons-item svg {
    width: 30px;
    height: 30px;
    fill: #fff;
}

@media screen and (max-width: 767px) {
    .project-parameters__icons-item svg {
        width: 20px;
        height: 20px;
    }
}

.project-parameters__list--first {
    grid-area: firstList;
}

.project-parameters__list--second {
    grid-area: secondList;
}

.project-parameters__list li + li {
    margin-top: 24px;
}

.project-gallery {
    padding: 140px 0 170px;
}

@media screen and (max-width: 1023px) {
    .project-gallery {
        padding: 80px 0;
    }
}

.project-gallery__title {
    margin-bottom: 80px;
}

@media screen and (max-width: 1023px) {
    .project-gallery__title {
        margin-bottom: 50px;
    }
}

.project-gallery__button {
    width: 100%;
}

.ui-component {
    padding: 20px 40px;
}

/* Style the arrow inside the select element: */
.select-selected:after {
    content: url(../../assets/icons/arrow.svg);

    display: flex;
    align-items: center;
    justify-content: center;
    width: 25px;
    height: 25px;

    border: 2px solid #3c3c3b;
    border-radius: 50%;
}

/* Point the arrow upwards when the select box is open (active): */
.select-selected.select-arrow-active:after {
    /*border-color: transparent transparent #fff transparent;*/
    /*top: 7px;*/
    transform: rotateX(180deg);
}

/* style the items (options), including the selected item: */
.select-items div,.select-selected {
    /*color: #ffffff;*/
    padding: 16px 0;
    border: 1px solid transparent;
    /*border-color: transparent transparent rgba(0, 0, 0, 0.1) transparent;*/
    cursor: pointer;
}

/* Style items (options): */
.select-items {
    position: absolute;
    background-color: white;
    /*background-color: DodgerBlue;*/
    top: 100%;
    left: 0;
    right: 0;
    z-index: 99;
}

/* Hide the items when the select box is closed: */
.select-hide {
    display: none;
}

.select-items div:hover, .same-as-selected {
    background-color: rgba(0, 0, 0, 0.1);
}

/**/

.about-mission {
    padding: 120px 0 160px;
    background-color: #e94e1b;
}

@media screen and (max-width: 767px) {
    .about-mission {
        padding: 72px 0 76px;
    }
}

.about-mission__inner {
    max-width: 1100px;
    margin: 0 auto;
}

.about-mission__text {
    font-family: Intro-bold-alt, sans-serif;
    color: #fff;
    text-transform: uppercase;
}

.about-mission__subtitle{
    margin-bottom: 48px;
    color: white;
}

@media screen and (max-width: 767px) {
    .about-mission__subtitle {
        margin-bottom: 27px;
    }
}


@media only screen and (min-width: 1024px) {
	.projects-list__list-item:nth-child(4n+3),
	.projects-list__list-item:nth-child(4n+4) {
		margin-left: 32px;
	}
}