@charset "UTF-8";
@import url(https://fonts.googleapis.com/css?family=Montserrat:regular,500,600,700&display=swap);

@font-face {
    font-family: Geometria;
    font-display: swap;
    src: url(../fonts/Geometria-Bold.woff2) format("woff2"), url(../fonts/Geometria-Bold.woff) format("woff");
    font-weight: 700;
    font-style: normal
}

@font-face {
    font-family: Geometria;
    font-display: swap;
    src: url(../fonts/Geometria.woff2) format("woff2"), url(../fonts/Geometria.woff) format("woff");
    font-weight: 400;
    font-style: normal
}

@font-face {
    font-family: icons;
    font-display: swap;
    src: url(../fonts/icons.woff2) format("woff2"), url(../fonts/icons.woff) format("woff");
    font-weight: 400;
    font-style: normal
}

[class*=_icon-]:before {
    font-family: icons;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

[class*=_icon-]:before {
    display: block
}

._icon-arrow:before {
    content: "\e900"
}

._icon-big-arrow:before {
    content: "\e901"
}

._icon-cancel:before {
    content: "\e902"
}

._icon-location:before {
    content: "\e903"
}

._icon-site:before {
    content: "\e904"
}

._icon-telegram:before {
    content: "\e905"
}

._icon-whatsap:before {
    content: "\e906"
}

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

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

body,
html {
    height: 100%;
    min-width: 320px
}

body {
    color: #2f2f2f;
    line-height: 1;
    font-family: Montserrat;
    font-size: 1.25rem;
    -ms-text-size-adjust: 100%;
    -moz-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

button,
input,
textarea {
    font-family: Montserrat;
    font-size: inherit
}

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

a {
    color: inherit
}

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

a:hover {
    text-decoration: none
}

ul li {
    list-style: none
}

img {
    vertical-align: top
}

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

html {
    scroll-behavior: smooth
}

.lock body {
    overflow: hidden;
    -ms-touch-action: none;
    touch-action: none;
    -ms-scroll-chaining: none;
    overscroll-behavior: none
}

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

.wrapper>main {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto
}

.wrapper>* {
    min-width: 0
}

[class*=__container] {
    max-width: 80rem;
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
    margin: 0 auto;
    padding: 0 .9375rem
}

body::after {
    content: "";
    background-color: rgba(0, 0, 0, .5);
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    opacity: 0;
    -webkit-transition: opacity .8s ease 0s;
    -o-transition: opacity .8s ease 0s;
    transition: opacity .8s ease 0s;
    pointer-events: none;
    z-index: 149
}

.popup-show body::after {
    opacity: 1
}

.popup {
    position: fixed;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    padding: 30px 10px;
    -webkit-transition: visibility .8s ease 0s;
    -o-transition: visibility .8s ease 0s;
    transition: visibility .8s ease 0s;
    visibility: hidden;
    pointer-events: none
}

.popup__close {
    -webkit-transition: all .3s ease 0s;
    -o-transition: all .3s ease 0s;
    transition: all .3s ease 0s;
    position: absolute;
    top: 1.25rem;
    right: 1.25rem;
    outline: 0;
    color: #f03b36
}

@supports (font-size:clamp(1.25rem, 1.1691919192rem + 0.404040404vw, 1.5rem)) {
    .popup__close {
        font-size: clamp(1.25rem, 1.1691919192rem + .404040404vw, 1.5rem)
    }
}

@supports not (font-size:clamp(1.25rem, 1.1691919192rem + 0.404040404vw, 1.5rem)) {
    .popup__close {
        font-size: calc(1.25rem + .25 * (100vw - 20rem)/ 61.875)
    }
}

.popup_show {
    z-index: 150;
    visibility: visible;
    overflow: auto;
    pointer-events: auto
}

.popup_show .popup__content {
    visibility: visible;
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1)
}

.popup__wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    min-height: 100%;
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    width: 100%;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    align-items: center
}

.popup__content {
    visibility: hidden;
    -webkit-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0);
    -webkit-transition: -webkit-transform .3s ease 0s;
    transition: -webkit-transform .3s ease 0s;
    -o-transition: transform .3s ease 0s;
    transition: transform .3s ease 0s;
    transition: transform .3s ease 0s, -webkit-transform .3s ease 0s;
    background-color: #eee;
    padding: 20px;
    width: 100%;
    max-width: 900px;
    border-radius: 20px
}

.lock .popup__content {
    visibility: visible
}

[class*=-ibg] {
    position: relative
}

[class*=-ibg] img {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    -o-object-fit: cover;
    object-fit: cover
}

[class*=-ibg_contain] img {
    -o-object-fit: contain;
    object-fit: contain
}

.text {
    line-height: 1.6
}

@supports (font-size:clamp(1rem, 0.9191919192rem + 0.404040404vw, 1.25rem)) {
    .text {
        font-size: clamp(1rem, .9191919192rem + .404040404vw, 1.25rem)
    }
}

@supports not (font-size:clamp(1rem, 0.9191919192rem + 0.404040404vw, 1.25rem)) {
    .text {
        font-size: calc(1rem + .25 * (100vw - 20rem)/ 61.875)
    }
}

.btn {
    -webkit-transition: all .3s ease 0s;
    -o-transition: all .3s ease 0s;
    transition: all .3s ease 0s;
    font-weight: 700;
    color: #fff;
    background-color: #f03b36;
    border-radius: 6.25rem;
    border: .125rem solid #f03b36
}

::-webkit-scrollbar {
    width: .2rem;
    border-radius: .5rem;
    background-color: #fff
}

::-webkit-scrollbar-thumb {
    background-color: #ccc;
    border-radius: .5rem
}

::-webkit-scrollbar-thumb:hover {
    background-color: #fff
}

.order-content {
    max-width: 40.625rem;
    padding: 2.8125rem
}

.order-content__title {
    font-weight: 600;
    line-height: 1.4285714286
}

@supports (font-size:clamp(1.5625rem, 1.2190656566rem + 1.7171717172vw, 2.625rem)) {
    .order-content__title {
        font-size: clamp(1.5625rem, 1.2190656566rem + 1.7171717172vw, 2.625rem)
    }
}

@supports not (font-size:clamp(1.5625rem, 1.2190656566rem + 1.7171717172vw, 2.625rem)) {
    .order-content__title {
        font-size: calc(1.5625rem + 1.0625 * (100vw - 20rem)/ 61.875)
    }
}

@supports (margin-bottom:clamp(1.25rem, 1.047979798rem + 1.0101010101vw, 1.875rem)) {
    .order-content__title:not(:last-child) {
        margin-bottom: clamp(1.25rem, 1.047979798rem + 1.0101010101vw, 1.875rem)
    }
}

@supports not (margin-bottom:clamp(1.25rem, 1.047979798rem + 1.0101010101vw, 1.875rem)) {
    .order-content__title:not(:last-child) {
        margin-bottom: calc(1.25rem + .625 * (100vw - 20rem)/ 61.875)
    }
}

.order-content__form:not(:last-child) {
    margin-bottom: 1.875rem
}

.order-content__input:not(:last-child) {
    margin-bottom: 1.25rem
}

.order-content__input input,
.order-content__input textarea {
    outline: 0;
    padding: 1.25rem;
    width: 100%;
    height: 3.75rem;
    background-color: #fff;
    border: .0625rem solid #e5e4e4;
    border-radius: .625rem
}

.order-content__input textarea {
    resize: none;
    height: 7.5rem
}

.order-content__button {
    padding: 1.25rem 6.25rem;
    font-family: Geometria;
    font-weight: 700;
    font-size: 1.125rem;
    line-height: 1.2777777778
}

.header {
    -webkit-transition: all .5s ease 0s;
    -o-transition: all .5s ease 0s;
    transition: all .5s ease 0s;
    position: fixed;
    width: 100%;
    z-index: 10
}

@supports (padding-top:clamp(1.25rem, 1.0883838384rem + 0.8080808081vw, 1.75rem)) {
    .header {
        padding-top: clamp(1.25rem, 1.0883838384rem + .8080808081vw, 1.75rem)
    }
}

@supports not (padding-top:clamp(1.25rem, 1.0883838384rem + 0.8080808081vw, 1.75rem)) {
    .header {
        padding-top: calc(1.25rem + .5 * (100vw - 20rem)/ 61.875)
    }
}

@supports (padding-bottom:clamp(1.25rem, 1.0883838384rem + 0.8080808081vw, 1.75rem)) {
    .header {
        padding-bottom: clamp(1.25rem, 1.0883838384rem + .8080808081vw, 1.75rem)
    }
}

@supports not (padding-bottom:clamp(1.25rem, 1.0883838384rem + 0.8080808081vw, 1.75rem)) {
    .header {
        padding-bottom: calc(1.25rem + .5 * (100vw - 20rem)/ 61.875)
    }
}

.header._header-scroll {
    padding: .625rem 0;
    background-color: rgba(255, 255, 255, .8);
    -webkit-box-shadow: rgba(99, 99, 99, .2) 0 .1875rem .625rem 0;
    box-shadow: rgba(99, 99, 99, .2) 0 .1875rem .625rem 0
}

.header__container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: .9375rem;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.header__logo {
    position: relative;
    z-index: 5;
    -webkit-transition: all .3s ease 0s;
    -o-transition: all .3s ease 0s;
    transition: all .3s ease 0s
}

.header__navigation {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

@supports (gap:clamp(0.0000000625rem, -1.0101009274rem + 5.0505049495vw, 3.125rem)) {
    .header__navigation {
        gap: clamp(.0000000625rem, -1.0101009274rem + 5.0505049495vw, 3.125rem)
    }
}

@supports not (gap:clamp(0.0000000625rem, -1.0101009274rem + 5.0505049495vw, 3.125rem)) {
    .header__navigation {
        gap: calc(.0000000625rem + 3.1249999375 * (100vw - 20rem)/ 61.875)
    }
}

.header__link {
    -webkit-transition: color .3s ease 0s;
    -o-transition: color .3s ease 0s;
    transition: color .3s ease 0s;
    position: relative;
    font-weight: 500;
    line-height: 1.2
}

@supports (font-size:clamp(0.9375rem, 0.836489899rem + 0.5050505051vw, 1.25rem)) {
    .header__link {
        font-size: clamp(.9375rem, .836489899rem + .5050505051vw, 1.25rem)
    }
}

@supports not (font-size:clamp(0.9375rem, 0.836489899rem + 0.5050505051vw, 1.25rem)) {
    .header__link {
        font-size: calc(.9375rem + .3125 * (100vw - 20rem)/ 61.875)
    }
}

.header__link::before {
    -webkit-transition: width .3s ease 0s;
    -o-transition: width .3s ease 0s;
    transition: width .3s ease 0s;
    content: "";
    position: absolute;
    width: 0;
    height: .0625rem;
    bottom: 0;
    left: 0;
    right: 0;
    margin: 0 auto;
    background-color: #f03b36
}

.header__button {
    padding: 1.125rem 2.8125rem;
    font-size: 1.125rem;
    line-height: 1.2222222222
}

@supports (padding-left:clamp(0.625rem, -0.0820707071rem + 3.5353535354vw, 2.8125rem)) {
    .header__button {
        padding-left: clamp(.625rem, -.0820707071rem + 3.5353535354vw, 2.8125rem)
    }
}

@supports not (padding-left:clamp(0.625rem, -0.0820707071rem + 3.5353535354vw, 2.8125rem)) {
    .header__button {
        padding-left: calc(.625rem + 2.1875 * (100vw - 20rem)/ 61.875)
    }
}

@supports (padding-right:clamp(0.625rem, -0.0820707071rem + 3.5353535354vw, 2.8125rem)) {
    .header__button {
        padding-right: clamp(.625rem, -.0820707071rem + 3.5353535354vw, 2.8125rem)
    }
}

@supports not (padding-right:clamp(0.625rem, -0.0820707071rem + 3.5353535354vw, 2.8125rem)) {
    .header__button {
        padding-right: calc(.625rem + 2.1875 * (100vw - 20rem)/ 61.875)
    }
}

.menu__burger {
    position: relative
}

.menu__burger::before {
    content: "";
    z-index: 5;
    position: absolute;
    width: 1.875rem;
    height: 1.875rem;
    top: -.375rem;
    left: -.0625rem;
    border-radius: 50%;
    background-color: transparent
}

.menu-open .menu__burger::before {
    background-color: #f03b36
}

.menu__body {
    background-image: url(../img/main/bg.svg);
    background-repeat: no-repeat;
    background-position: center bottom;
    background-size: 320px
}

.menu__list:not(:last-child) {
    margin-bottom: 2.5rem
}

.menu__item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.menu__item:not(:last-child) {
    margin-bottom: 1.75rem
}

.menu__link {
    font-family: Geometria;
    font-size: 2rem;
    line-height: 1.25;
    color: #000
}

.menu__button {
    padding: 1.125rem 3.125rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin: 0 auto
}

.icon-menu {
    display: none
}

.footer {
    background-color: #f4f3f3
}

.footer__container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 1.25rem;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

@supports (padding-top:clamp(2.5rem, 2.095959596rem + 2.0202020202vw, 3.75rem)) {
    .footer__container {
        padding-top: clamp(2.5rem, 2.095959596rem + 2.0202020202vw, 3.75rem)
    }
}

@supports not (padding-top:clamp(2.5rem, 2.095959596rem + 2.0202020202vw, 3.75rem)) {
    .footer__container {
        padding-top: calc(2.5rem + 1.25 * (100vw - 20rem)/ 61.875)
    }
}

@supports (padding-bottom:clamp(2.5rem, 2.095959596rem + 2.0202020202vw, 3.75rem)) {
    .footer__container {
        padding-bottom: clamp(2.5rem, 2.095959596rem + 2.0202020202vw, 3.75rem)
    }
}

@supports not (padding-bottom:clamp(2.5rem, 2.095959596rem + 2.0202020202vw, 3.75rem)) {
    .footer__container {
        padding-bottom: calc(2.5rem + 1.25 * (100vw - 20rem)/ 61.875)
    }
}

.footer__logo {
    -webkit-transition: all .3s ease 0s;
    -o-transition: all .3s ease 0s;
    transition: all .3s ease 0s
}

.footer__item:not(:last-child) {
    margin-bottom: 1.25rem
}

.footer__link {
    position: relative;
    font-family: Geometria;
    font-size: 1.125rem;
    line-height: 1.2777777778;
    color: #000
}

.footer__link::before {
    -webkit-transition: width .3s ease 0s;
    -o-transition: width .3s ease 0s;
    transition: width .3s ease 0s;
    content: "";
    position: absolute;
    width: 0;
    height: .0625rem;
    bottom: 0;
    left: 0;
    right: 0;
    margin: 0 auto;
    background-color: #2f2f2f
}

.footer__documents a {
    -webkit-transition: color .3s ease 0s;
    -o-transition: color .3s ease 0s;
    transition: color .3s ease 0s;
    display: block;
    font-family: Geometria;
    font-size: .875rem;
    line-height: 2.1428571429;
    color: #000
}

.footer__actions {
    text-align: center
}

.footer__button {
    padding: 1.125rem 3.125rem
}

.footer__button:not(:last-child) {
    margin-bottom: 1.25rem
}

.footer__copy {
    font-family: Geometria;
    font-size: .875rem;
    line-height: 1.2857142857;
    color: #000
}

@supports (padding-top:clamp(5rem, 4.1919191919rem + 4.0404040404vw, 7.5rem)) {
    .main-section {
        padding-top: clamp(5rem, 4.1919191919rem + 4.0404040404vw, 7.5rem)
    }
}

@supports not (padding-top:clamp(5rem, 4.1919191919rem + 4.0404040404vw, 7.5rem)) {
    .main-section {
        padding-top: calc(5rem + 2.5 * (100vw - 20rem)/ 61.875)
    }
}

.main-section:not(:last-child) {
    margin-bottom: 1.875rem
}

.main-section__container {
    background: -o-linear-gradient(173.34deg, #f4f3f3 0, #fff 71.97%);
    background: linear-gradient(276.66deg, #f4f3f3 0, #fff 71.97%);
    border-radius: 1.25rem
}

@supports (padding-top:clamp(1.5625rem, 0.9564393939rem + 3.0303030303vw, 3.4375rem)) {
    .main-section__container {
        padding-top: clamp(1.5625rem, .9564393939rem + 3.0303030303vw, 3.4375rem)
    }
}

@supports not (padding-top:clamp(1.5625rem, 0.9564393939rem + 3.0303030303vw, 3.4375rem)) {
    .main-section__container {
        padding-top: calc(1.5625rem + 1.875 * (100vw - 20rem)/ 61.875)
    }
}

@supports (padding-bottom:clamp(1.5625rem, 0.9564393939rem + 3.0303030303vw, 3.4375rem)) {
    .main-section__body {
        padding-bottom: clamp(1.5625rem, .9564393939rem + 3.0303030303vw, 3.4375rem)
    }
}

@supports not (padding-bottom:clamp(1.5625rem, 0.9564393939rem + 3.0303030303vw, 3.4375rem)) {
    .main-section__body {
        padding-bottom: calc(1.5625rem + 1.875 * (100vw - 20rem)/ 61.875)
    }
}

.main-section__title {
    max-width: 48.75rem;
    font-weight: 600;
    line-height: 1.3043478261
}

@supports (font-size:clamp(1.5rem, 1.0555555556rem + 2.2222222222vw, 2.875rem)) {
    .main-section__title {
        font-size: clamp(1.5rem, 1.0555555556rem + 2.2222222222vw, 2.875rem)
    }
}

@supports not (font-size:clamp(1.5rem, 1.0555555556rem + 2.2222222222vw, 2.875rem)) {
    .main-section__title {
        font-size: calc(1.5rem + 1.375 * (100vw - 20rem)/ 61.875)
    }
}

@supports (margin-bottom:clamp(1.25rem, 1.047979798rem + 1.0101010101vw, 1.875rem)) {
    .main-section__title:not(:last-child) {
        margin-bottom: clamp(1.25rem, 1.047979798rem + 1.0101010101vw, 1.875rem)
    }
}

@supports not (margin-bottom:clamp(1.25rem, 1.047979798rem + 1.0101010101vw, 1.875rem)) {
    .main-section__title:not(:last-child) {
        margin-bottom: calc(1.25rem + .625 * (100vw - 20rem)/ 61.875)
    }
}

.main-section__text {
    max-width: 38.125rem
}

@supports (margin-bottom:clamp(1.5625rem, 1.0574494949rem + 2.5252525253vw, 3.125rem)) {
    .main-section__text:not(:last-child) {
        margin-bottom: clamp(1.5625rem, 1.0574494949rem + 2.5252525253vw, 3.125rem)
    }
}

@supports not (margin-bottom:clamp(1.5625rem, 1.0574494949rem + 2.5252525253vw, 3.125rem)) {
    .main-section__text:not(:last-child) {
        margin-bottom: calc(1.5625rem + 1.5625 * (100vw - 20rem)/ 61.875)
    }
}

.main-section__button {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    line-height: 1.2333333333
}

@supports (max-width:clamp(18.75rem, 13.6994949495rem + 25.2525252525vw, 34.375rem)) {
    .main-section__button {
        max-width: clamp(18.75rem, 13.6994949495rem + 25.2525252525vw, 34.375rem)
    }
}

@supports not (max-width:clamp(18.75rem, 13.6994949495rem + 25.2525252525vw, 34.375rem)) {
    .main-section__button {
        max-width: calc(18.75rem + 15.625 * (100vw - 20rem)/ 61.875)
    }
}

@supports (padding-top:clamp(1.25rem, 1.148989899rem + 0.5050505051vw, 1.5625rem)) {
    .main-section__button {
        padding-top: clamp(1.25rem, 1.148989899rem + .5050505051vw, 1.5625rem)
    }
}

@supports not (padding-top:clamp(1.25rem, 1.148989899rem + 0.5050505051vw, 1.5625rem)) {
    .main-section__button {
        padding-top: calc(1.25rem + .3125 * (100vw - 20rem)/ 61.875)
    }
}

@supports (padding-bottom:clamp(1.25rem, 1.148989899rem + 0.5050505051vw, 1.5625rem)) {
    .main-section__button {
        padding-bottom: clamp(1.25rem, 1.148989899rem + .5050505051vw, 1.5625rem)
    }
}

@supports not (padding-bottom:clamp(1.25rem, 1.148989899rem + 0.5050505051vw, 1.5625rem)) {
    .main-section__button {
        padding-bottom: calc(1.25rem + .3125 * (100vw - 20rem)/ 61.875)
    }
}

@supports (font-size:clamp(1.125rem, 0.8825757576rem + 1.2121212121vw, 1.875rem)) {
    .main-section__button {
        font-size: clamp(1.125rem, .8825757576rem + 1.2121212121vw, 1.875rem)
    }
}

@supports not (font-size:clamp(1.125rem, 0.8825757576rem + 1.2121212121vw, 1.875rem)) {
    .main-section__button {
        font-size: calc(1.125rem + .75 * (100vw - 20rem)/ 61.875)
    }
}

.main-section__image img {
    width: 100%
}

.opportunities:not(:last-child) {
    margin-bottom: 3.125rem
}

h2 {
    font-weight: 600;
    line-height: 1.2142857143;
    font-size: clamp(2.25rem, 1.845959596rem + 2.0202020202vw, 3.5rem);
    margin-bottom: clamp(1.875rem, 1.672979798rem + 1.0101010101vw, 2.5rem)
}


h3 {
    font-weight: 600;
    line-height: 1.2142857143;
    font-size: clamp(2.25rem, 1.845959596rem + 2.0202020202vw, 3.5rem);
    margin-bottom: clamp(1.875rem, 1.672979798rem + 1.0101010101vw, 2.5rem)
}

.opportunities__title {
    font-weight: 600;
    line-height: 1.2142857143;
    margin-top: 60px;

}

.section__banner button {
    padding: 15px 30px;
}

.slide-cases__text {
    margin-top: 30px;
}

@supports (font-size:clamp(2.25rem, 1.845959596rem + 2.0202020202vw, 3.5rem)) {
    .opportunities__title {
        font-size: clamp(2.25rem, 1.845959596rem + 2.0202020202vw, 3.5rem)
    }
}

@supports not (font-size:clamp(2.25rem, 1.845959596rem + 2.0202020202vw, 3.5rem)) {
    .opportunities__title {
        font-size: calc(2.25rem + 1.25 * (100vw - 20rem)/ 61.875)
    }
}

@supports (margin-bottom:clamp(1.875rem, 1.672979798rem + 1.0101010101vw, 2.5rem)) {
    .opportunities__title:not(:last-child) {
        margin-bottom: clamp(1.875rem, 1.672979798rem + 1.0101010101vw, 2.5rem)
    }
}

@supports not (margin-bottom:clamp(1.875rem, 1.672979798rem + 1.0101010101vw, 2.5rem)) {
    .opportunities__title:not(:last-child) {
        margin-bottom: calc(1.875rem + .625 * (100vw - 20rem)/ 61.875)
    }
}

.item-opportunities {
    padding: 3.125rem 4.375rem;
    background-color: #f4f3f3;
    border-radius: 1.25rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 1.25rem;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.item-opportunities:not(:last-child) {
    margin-bottom: 3.125rem
}

.item-opportunities__content {
    max-width: 37.5rem
}

.item-opportunities__title {
    font-weight: 600;
    line-height: 1.4285714286
}

@supports (font-size:clamp(1.25rem, 0.8055555556rem + 2.2222222222vw, 2.625rem)) {
    .item-opportunities__title {
        font-size: clamp(1.25rem, .8055555556rem + 2.2222222222vw, 2.625rem)
    }
}

@supports not (font-size:clamp(1.25rem, 0.8055555556rem + 2.2222222222vw, 2.625rem)) {
    .item-opportunities__title {
        font-size: calc(1.25rem + 1.375 * (100vw - 20rem)/ 61.875)
    }
}

.item-opportunities__title:not(:last-child) {
    margin-bottom: 1.25rem
}

.item-opportunities__image {
    border-radius: 1.25rem;
    -webkit-box-shadow: 0 213px 85px rgba(0, 0, 0, .01), 0 120px 72px rgba(0, 0, 0, .05), 0 53px 53px rgba(0, 0, 0, .09), 0 13px 29px rgba(0, 0, 0, .1), 0 0 0 rgba(0, 0, 0, .1);
    box-shadow: 0 213px 85px rgba(0, 0, 0, .01), 0 120px 72px rgba(0, 0, 0, .05), 0 53px 53px rgba(0, 0, 0, .09), 0 13px 29px rgba(0, 0, 0, .1), 0 0 0 rgba(0, 0, 0, .1)
}

.cases:not(:last-child) {
    margin-bottom: 3.125rem
}

.cases__body {
    background-color: #f4f3f3;
    border-radius: 1.25rem
}

.cases__top {
    padding: 2.1875rem 4.375rem 0 4.375rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.cases__top:not(:last-child) {
    margin-bottom: .9375rem
}

.cases__title {
    font-weight: 600;
    line-height: 1.4285714286;
    color: #2f2f2f
}

@supports (font-size:clamp(1.25rem, 0.8055555556rem + 2.2222222222vw, 2.625rem)) {
    .cases__title {
        font-size: clamp(1.25rem, .8055555556rem + 2.2222222222vw, 2.625rem)
    }
}

@supports not (font-size:clamp(1.25rem, 0.8055555556rem + 2.2222222222vw, 2.625rem)) {
    .cases__title {
        font-size: calc(1.25rem + 1.375 * (100vw - 20rem)/ 61.875)
    }
}

.cases__arrows {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: .625rem;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.cases__arrow {
    -webkit-transition: all .3s ease 0s;
    -o-transition: all .3s ease 0s;
    transition: all .3s ease 0s;
    width: 2.5rem;
    height: 2.5rem;
    border-radius: 50%;
    background-color: #fff;
    font-size: .625rem
}

.cases__arrow_prev {
    -webkit-transform: rotate(-180deg);
    -ms-transform: rotate(-180deg);
    transform: rotate(-180deg)
}

.cases__slider {
    padding: 0 4.375rem 2.1875rem 4.375rem
}

.slide-cases__content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: .9375rem;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.slide-cases__content:not(:last-child) {
    margin-bottom: 1.875rem
}

.slide-cases__about {
    max-width: 29.375rem
}

.slide-cases__text {
    line-height: 1.5;
    color: #505050
}

@supports (font-size:clamp(0.875rem, 0.8345959596rem + 0.202020202vw, 1rem)) {
    .slide-cases__text {
        font-size: clamp(.875rem, .8345959596rem + .202020202vw, 1rem)
    }
}

@supports not (font-size:clamp(0.875rem, 0.8345959596rem + 0.202020202vw, 1rem)) {
    .slide-cases__text {
        font-size: calc(.875rem + .125 * (100vw - 20rem)/ 61.875)
    }
}

@supports (margin-bottom:clamp(0.9375rem, 0.634469697rem + 1.5151515152vw, 1.875rem)) {
    .slide-cases__text:not(:last-child) {
        margin-bottom: clamp(.9375rem, .634469697rem + 1.5151515152vw, 1.875rem)
    }
}

@supports not (margin-bottom:clamp(0.9375rem, 0.634469697rem + 1.5151515152vw, 1.875rem)) {
    .slide-cases__text:not(:last-child) {
        margin-bottom: calc(.9375rem + .9375 * (100vw - 20rem)/ 61.875)
    }
}

.slide-cases__chart {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding: .625rem;
    border-radius: 1.25rem;
    -webkit-box-shadow: 0 213px 85px rgba(0, 0, 0, .01), 0 120px 72px rgba(0, 0, 0, .05), 0 53px 53px rgba(0, 0, 0, .09), 0 13px 29px rgba(0, 0, 0, .1), 0 0 0 rgba(0, 0, 0, .1);
    box-shadow: 0 213px 85px rgba(0, 0, 0, .01), 0 120px 72px rgba(0, 0, 0, .05), 0 53px 53px rgba(0, 0, 0, .09), 0 13px 29px rgba(0, 0, 0, .1), 0 0 0 rgba(0, 0, 0, .1)
}

.slide-cases__chart img {
    width: 100%;
    height: 100%
}

.slide-cases__chart canvas {
    width: 37.5rem
}

.slide-cases__bottom {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.slide-cases__works {
    max-width: 18.125rem
}

.slide-cases__works p {
    font-size: .875rem;
    line-height: 1.4285714286;
    color: #505050
}

.slide-cases__name {
    font-weight: 700;
    line-height: 1.2;
    color: #505050
}

@supports (font-size:clamp(0.9375rem, 0.836489899rem + 0.5050505051vw, 1.25rem)) {
    .slide-cases__name {
        font-size: clamp(.9375rem, .836489899rem + .5050505051vw, 1.25rem)
    }
}

@supports not (font-size:clamp(0.9375rem, 0.836489899rem + 0.5050505051vw, 1.25rem)) {
    .slide-cases__name {
        font-size: calc(.9375rem + .3125 * (100vw - 20rem)/ 61.875)
    }
}

.slide-cases__name:not(:last-child) {
    margin-bottom: .9375rem
}

.company-slide-cases__name {
    font-weight: 700;
    line-height: 1.2;
    color: #505050
}

@supports (font-size:clamp(0.9375rem, 0.836489899rem + 0.5050505051vw, 1.25rem)) {
    .company-slide-cases__name {
        font-size: clamp(.9375rem, .836489899rem + .5050505051vw, 1.25rem)
    }
}

@supports not (font-size:clamp(0.9375rem, 0.836489899rem + 0.5050505051vw, 1.25rem)) {
    .company-slide-cases__name {
        font-size: calc(.9375rem + .3125 * (100vw - 20rem)/ 61.875)
    }
}

.company-slide-cases__name:not(:last-child) {
    margin-bottom: .9375rem
}

.company-slide-cases__item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: .3125rem
}

.company-slide-cases__item:not(:last-child) {
    margin-bottom: .625rem
}

.company-slide-cases__icon {
    padding-top: .25rem
}

.company-slide-cases__content p {
    font-size: .875rem;
    line-height: 1.7142857143;
    color: #505050
}

.company-slide-cases__link {
    font-weight: 700;
    line-height: 1.5
}

@supports (font-size:clamp(0.875rem, 0.8345959596rem + 0.202020202vw, 1rem)) {
    .company-slide-cases__link {
        font-size: clamp(.875rem, .8345959596rem + .202020202vw, 1rem)
    }
}

@supports not (font-size:clamp(0.875rem, 0.8345959596rem + 0.202020202vw, 1rem)) {
    .company-slide-cases__link {
        font-size: calc(.875rem + .125 * (100vw - 20rem)/ 61.875)
    }
}

.company-slide-cases__link a {
    -webkit-transition: color .3s ease 0s;
    -o-transition: color .3s ease 0s;
    transition: color .3s ease 0s;
    color: #f03b36
}

.result-slide-cases__item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: .9375rem;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end
}

@supports (margin-bottom:clamp(0.625rem, 0.422979798rem + 1.0101010101vw, 1.25rem)) {
    .result-slide-cases__item:not(:last-child) {
        margin-bottom: clamp(.625rem, .422979798rem + 1.0101010101vw, 1.25rem)
    }
}

@supports not (margin-bottom:clamp(0.625rem, 0.422979798rem + 1.0101010101vw, 1.25rem)) {
    .result-slide-cases__item:not(:last-child) {
        margin-bottom: calc(.625rem + .625 * (100vw - 20rem)/ 61.875)
    }
}

.result-slide-cases__item:first-child .result-slide-cases__icon {
    padding-right: .9375rem
}

.result-slide-cases__title {
    font-weight: 700;
    font-size: .875rem;
    line-height: 1.7142857143;
    color: #505050
}

.result-slide-cases__from {
    font-weight: 700;
    font-size: 1.5rem;
    line-height: 1;
    color: #505050
}

.result-slide-cases__icon {
    font-size: 1.25rem;
    color: #f68986
}

.result-slide-cases__to {
    font-weight: 700;
    font-size: 1.5rem;
    line-height: 1;
    color: #3ac40a
}

.trafic-slide-cases {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 2.5rem
}

.trafic-slide-cases__title {
    font-size: .875rem;
    line-height: 1.7142857143;
    color: #505050
}

.trafic-slide-cases__title:not(:last-child) {
    margin-bottom: .09375rem
}

.trafic-slide-cases__stonk {
    font-weight: 700;
    font-size: 2.5rem;
    line-height: 1.225;
    color: #3ccc0a
}

.trafic-slide-cases__mouns {
    margin-top: -.625rem;
    font-size: .625rem;
    line-height: 2.4;
    color: #505050
}

.banner:not(:last-child) {
    margin-bottom: 1.875rem
}

.banner__body {
    position: relative;
    padding: 4.0625rem 0 4.0625rem 4.6875rem;
    background-color: #ffefee;
    border-radius: 1.25rem
}

.banner__title {
    position: relative;
    font-weight: 600;
    line-height: 1.4285714286
}

@supports (font-size:clamp(1.25rem, 0.8055555556rem + 2.2222222222vw, 2.625rem)) {
    .banner__title {
        font-size: clamp(1.25rem, .8055555556rem + 2.2222222222vw, 2.625rem)
    }
}

@supports not (font-size:clamp(1.25rem, 0.8055555556rem + 2.2222222222vw, 2.625rem)) {
    .banner__title {
        font-size: calc(1.25rem + 1.375 * (100vw - 20rem)/ 61.875)
    }
}

.banner__title span {
    display: block;
    font-weight: 400
}

.banner__title:not(:last-child) {
    margin-bottom: 1.25rem
}

.banner__text {
    position: relative;
    max-width: 37.5rem
}

@supports (margin-bottom:clamp(1.25rem, 1.047979798rem + 1.0101010101vw, 1.875rem)) {
    .banner__text:not(:last-child) {
        margin-bottom: clamp(1.25rem, 1.047979798rem + 1.0101010101vw, 1.875rem)
    }
}

@supports not (margin-bottom:clamp(1.25rem, 1.047979798rem + 1.0101010101vw, 1.875rem)) {
    .banner__text:not(:last-child) {
        margin-bottom: calc(1.25rem + .625 * (100vw - 20rem)/ 61.875)
    }
}

.banner__button {
    position: relative;
    max-width: 20rem;
    font-size: 1.125rem;
    line-height: 1.2222222222;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 1.25rem 0
}

.banner__image img {
    width: 100%;
    margin-bottom: -1.875rem
}

@supports (padding-bottom:clamp(1.875rem, 1.0669191919rem + 4.0404040404vw, 4.375rem)) {
    .mission:not(:last-child) {
        padding-bottom: clamp(1.875rem, 1.0669191919rem + 4.0404040404vw, 4.375rem)
    }
}

@supports not (padding-bottom:clamp(1.875rem, 1.0669191919rem + 4.0404040404vw, 4.375rem)) {
    .mission:not(:last-child) {
        padding-bottom: calc(1.875rem + 2.5 * (100vw - 20rem)/ 61.875)
    }
}

.mission__body {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: .9375rem;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.mission__body:not(:last-child) {
    margin-bottom: 1.875rem
}

.mission__about p {
    margin-bottom: 15px;
}

.mission__title {
    line-height: 1.2142857143;
    color: #000
}

@supports (font-size:clamp(2.25rem, 1.5631313131rem + 3.4343434343vw, 4.375rem)) {
    .mission__title {
        font-size: clamp(2.25rem, 1.5631313131rem + 3.4343434343vw, 4.375rem)
    }
}

@supports not (font-size:clamp(2.25rem, 1.5631313131rem + 3.4343434343vw, 4.375rem)) {
    .mission__title {
        font-size: calc(2.25rem + 2.125 * (100vw - 20rem)/ 61.875)
    }
}

@supports (margin-bottom:clamp(0.9375rem, -0.1736111111rem + 5.5555555556vw, 4.375rem)) {
    .mission__title:not(:last-child) {
        margin-bottom: clamp(.9375rem, -.1736111111rem + 5.5555555556vw, 4.375rem)
    }
}

@supports not (margin-bottom:clamp(0.9375rem, -0.1736111111rem + 5.5555555556vw, 4.375rem)) {
    .mission__title:not(:last-child) {
        margin-bottom: calc(.9375rem + 3.4375 * (100vw - 20rem)/ 61.875)
    }
}

.mission__text {
    font-size: 1.125rem;
    line-height: 1.5555555556
}

.mission__items {
    display: -ms-grid;
    display: grid;
    gap: 1.25rem
}

.item-mission {
    padding: 1.25rem 3.125rem;
    border: .0625rem solid #f03b36;
    border-radius: 1.25rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.item-mission__title {
    font-weight: 700;
    line-height: 1.2083333333;
    color: #000
}

@supports (font-size:clamp(1.0625rem, 0.9210858586rem + 0.7070707071vw, 1.5rem)) {
    .item-mission__title {
        font-size: clamp(1.0625rem, .9210858586rem + .7070707071vw, 1.5rem)
    }
}

@supports not (font-size:clamp(1.0625rem, 0.9210858586rem + 0.7070707071vw, 1.5rem)) {
    .item-mission__title {
        font-size: calc(1.0625rem + .4375 * (100vw - 20rem)/ 61.875)
    }
}

.item-mission__title:not(:last-child) {
    margin-bottom: .9375rem
}

.item-mission__text {
    font-size: 1.125rem;
    line-height: 1.5555555556
}

@supports (font-size:clamp(1rem, 0.9595959596rem + 0.202020202vw, 1.125rem)) {
    .item-mission__text {
        font-size: clamp(1rem, .9595959596rem + .202020202vw, 1.125rem)
    }
}

@supports not (font-size:clamp(1rem, 0.9595959596rem + 0.202020202vw, 1.125rem)) {
    .item-mission__text {
        font-size: calc(1rem + .125 * (100vw - 20rem)/ 61.875)
    }
}

@supports (margin-bottom:clamp(2.5rem, 1.6919191919rem + 4.0404040404vw, 5rem)) {
    .questionnaire {
        margin-bottom: clamp(2.5rem, 1.6919191919rem + 4.0404040404vw, 5rem)
    }
}

@supports not (margin-bottom:clamp(2.5rem, 1.6919191919rem + 4.0404040404vw, 5rem)) {
    .questionnaire {
        margin-bottom: calc(2.5rem + 2.5 * (100vw - 20rem)/ 61.875)
    }
}

.questionnaire__body {
    position: relative;
    padding: 4.375rem;
    background-color: #f4f3f3;
    border-radius: 1.25rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 1.25rem;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.questionnaire__title {
    line-height: 1.225;
    color: #000
}

@supports (font-size:clamp(1.875rem, 1.672979798rem + 1.0101010101vw, 2.5rem)) {
    .questionnaire__title {
        font-size: clamp(1.875rem, 1.672979798rem + 1.0101010101vw, 2.5rem)
    }
}

@supports not (font-size:clamp(1.875rem, 1.672979798rem + 1.0101010101vw, 2.5rem)) {
    .questionnaire__title {
        font-size: calc(1.875rem + .625 * (100vw - 20rem)/ 61.875)
    }
}

.questionnaire__title:not(:last-child) {
    margin-bottom: .625rem
}

.questionnaire__number {
    -webkit-transition: color .3s ease 0s;
    -o-transition: color .3s ease 0s;
    transition: color .3s ease 0s;
    font-weight: 700;
    line-height: 1.6666666667;
    color: #2f2f2f
}

@supports (font-size:clamp(1.25rem, 0.9267676768rem + 1.6161616162vw, 2.25rem)) {
    .questionnaire__number {
        font-size: clamp(1.25rem, .9267676768rem + 1.6161616162vw, 2.25rem)
    }
}

@supports not (font-size:clamp(1.25rem, 0.9267676768rem + 1.6161616162vw, 2.25rem)) {
    .questionnaire__number {
        font-size: calc(1.25rem + 1 * (100vw - 20rem)/ 61.875)
    }
}

.questionnaire__mail {
    display: block;
    line-height: 1.6666666667;
    text-decoration-line: underline;
    color: #f03b36
}

@supports (font-size:clamp(1.25rem, 0.9267676768rem + 1.6161616162vw, 2.25rem)) {
    .questionnaire__mail {
        font-size: clamp(1.25rem, .9267676768rem + 1.6161616162vw, 2.25rem)
    }
}

@supports not (font-size:clamp(1.25rem, 0.9267676768rem + 1.6161616162vw, 2.25rem)) {
    .questionnaire__mail {
        font-size: calc(1.25rem + 1 * (100vw - 20rem)/ 61.875)
    }
}

@supports (margin-bottom:clamp(1.25rem, 0.845959596rem + 2.0202020202vw, 2.5rem)) {
    .questionnaire__mail:not(:last-child) {
        margin-bottom: clamp(1.25rem, .845959596rem + 2.0202020202vw, 2.5rem)
    }
}

@supports not (margin-bottom:clamp(1.25rem, 0.845959596rem + 2.0202020202vw, 2.5rem)) {
    .questionnaire__mail:not(:last-child) {
        margin-bottom: calc(1.25rem + 1.25 * (100vw - 20rem)/ 61.875)
    }
}

.questionnaire__links {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 1.25rem;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.questionnaire__link {
    -webkit-transition: background-color .3s ease 0s;
    -o-transition: background-color .3s ease 0s;
    transition: background-color .3s ease 0s;
    width: 3.75rem;
    height: 3.75rem;
    border-radius: 50%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: 1.5625rem;
    color: #fff;
    background-color: #f03b36
}

.questionnaire__form {
    position: relative;
    padding: 2.5rem 2.8125rem;
    max-width: 40.625rem;
    width: 100%;
    background-color: #fff;
    -webkit-box-shadow: 0 213px 85px rgba(0, 0, 0, .01), 0 120px 72px rgba(0, 0, 0, .05), 0 53px 53px rgba(0, 0, 0, .09), 0 13px 29px rgba(0, 0, 0, .1), 0 0 0 rgba(0, 0, 0, .1);
    box-shadow: 0 213px 85px rgba(0, 0, 0, .01), 0 120px 72px rgba(0, 0, 0, .05), 0 53px 53px rgba(0, 0, 0, .09), 0 13px 29px rgba(0, 0, 0, .1), 0 0 0 rgba(0, 0, 0, .1);
    border-radius: 1.25rem
}

.questionnaire__input:not(:last-child) {
    margin-bottom: 1.25rem
}

.questionnaire__input input,
.questionnaire__input textarea {
    outline: 0;
    padding: 1.25rem;
    width: 100%;
    height: 3.75rem;
    background-color: #fff;
    border: .0625rem solid #e5e4e4;
    border-radius: .625rem
}

.questionnaire__input textarea {
    resize: none;
    height: 7.5rem
}

.questionnaire__button {
    padding: 1.25rem 6.25rem;
    font-family: Geometria;
    font-weight: 700;
    font-size: 1.125rem;
    line-height: 1.2777777778
}

.swiper {
    overflow: hidden
}

.swiper-wrapper {
    width: 100%;
    height: 100%;
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: relative
}

.swiper-vertical .swiper-wrapper {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.swiper-autoheight .swiper-wrapper {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start
}

.swiper-initialized .swiper-slide {
    -ms-flex-negative: 0;
    flex-shrink: 0
}

.swiper-android .swiper-slide,
.swiper-android .swiper-wrapper {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
}

.swiper-button-lock {
    display: none !important
}

@media (min-width:47.99875em) {
    .main-section__body {
        background-image: url(/images/main_bg.png);
        background-repeat: no-repeat;
        background-position: bottom right;
        background-size: contain
    }

    .main-section__image {
        display: none
    }

    .banner__body::before {
        content: "";
        position: absolute;
        right: 0;
        bottom: -1.875rem;
        background-image: url(../img/banner/bg.svg);
        background-repeat: no-repeat;
        background-position: right bottom;
        background-size: contain
    }

    @supports (width:clamp(18.75rem, 13.154040404rem + 27.9797979798vw, 36.0625rem)) {
        .banner__body::before {
            width: clamp(18.75rem, 13.154040404rem + 27.9797979798vw, 36.0625rem)
        }
    }

    @supports not (width:clamp(18.75rem, 13.154040404rem + 27.9797979798vw, 36.0625rem)) {
        .banner__body::before {
            width: calc(18.75rem + 17.3125 * (100vw - 20rem)/ 61.875)
        }
    }

    @supports (height:clamp(8.75rem, 3.154040404rem + 27.9797979798vw, 26.0625rem)) {
        .banner__body::before {
            height: clamp(8.75rem, 3.154040404rem + 27.9797979798vw, 26.0625rem)
        }
    }

    @supports not (height:clamp(8.75rem, 3.154040404rem + 27.9797979798vw, 26.0625rem)) {
        .banner__body::before {
            height: calc(8.75rem + 17.3125 * (100vw - 20rem)/ 61.875)
        }
    }

    .banner__image {
        display: none
    }
}

@media (min-width:61.99875em) {
    .menu {
        display: none
    }

    .mission__items {
        -ms-grid-columns: (1fr)[2];
        grid-template-columns: repeat(2, 1fr)
    }

    .item-mission {
        min-height: 16.875rem
    }

    .questionnaire__body::before {
        content: "";
        position: absolute;
        bottom: 0;
        left: 4.375rem;
        background-image: url(/images/nizhnyaya_chast_sai_ta.png);
        background-repeat: no-repeat;
        background-position: bottom left;
        background-size: contain;
        width: 28.125rem;
        height: 21.875rem
    }
}

@media (max-width:71.875em) {
    .cases__top {
        padding: 1.25rem 1.875rem 0 1.875rem
    }

    .cases__slider {
        padding: 0 1.875rem 1.25rem 1.875rem
    }
}

@media (max-width:68.75em) {
    .slide-cases__about {
        max-width: 27.5rem
    }

    .slide-cases__chart canvas {
        width: 31.25rem
    }

    .result-slide-cases__item {
        gap: .625rem
    }

    .result-slide-cases__item:first-child .result-slide-cases__icon {
        padding-right: .625rem
    }

    .result-slide-cases__from {
        font-size: 1rem
    }

    .result-slide-cases__to {
        font-size: 1rem
    }

    .trafic-slide-cases__stonk {
        font-size: 1.875rem
    }
}

@media (max-width:65.625em) {
    .item-opportunities {
        padding: 1.25rem 1.875rem
    }
}

@media (max-width:61.99875em) {
    .header__navigation {
        display: none
    }

    .header__button {
        display: none
    }

    .menu__body {
        padding: 8.125rem 1.875rem 0 1.875rem;
        position: fixed;
        width: 100%;
        height: 100%;
        top: 0;
        right: -100%;
        overflow: auto;
        background-color: #f4f3f3;
        z-index: 4;
        -webkit-transition: right .3s ease 0s;
        -o-transition: right .3s ease 0s;
        transition: right .3s ease 0s
    }

    .menu-open .menu__body {
        right: 0
    }

    .icon-menu {
        display: block;
        position: relative;
        width: 1.75rem;
        height: 1.125rem;
        cursor: pointer;
        z-index: 5
    }

    .icon-menu span,
    .icon-menu::after,
    .icon-menu::before {
        content: "";
        border-radius: .625rem;
        -webkit-transition: all .3s ease 0s;
        -o-transition: all .3s ease 0s;
        transition: all .3s ease 0s;
        right: 0;
        position: absolute;
        width: 100%;
        height: .125rem;
        background-color: #2f2f2f
    }

    .icon-menu::before {
        top: 0;
        width: 1.75rem;
        left: 0;
        bottom: calc(50% - .0625rem);
        -webkit-transform: rotate(0);
        -ms-transform: rotate(0);
        transform: rotate(0)
    }

    .icon-menu::after {
        bottom: 0;
        width: 1.75rem;
        left: 0;
        top: calc(100% - .0625rem);
        -webkit-transform: rotate(0);
        -ms-transform: rotate(0);
        transform: rotate(0)
    }

    .icon-menu span {
        top: calc(50% - .0625rem)
    }

    .menu-open .icon-menu span,
    .menu-open .icon-menu::after,
    .menu-open .icon-menu::before {
        background-color: #fff
    }

    .menu-open .icon-menu span {
        width: 1.25rem;
        left: .3125rem
    }

    .menu-open .icon-menu::before {
        width: .75rem;
        left: .1875rem;
        top: calc(30% - .0625rem);
        -webkit-transform: rotate(-45deg);
        -ms-transform: rotate(-45deg);
        transform: rotate(-45deg)
    }

    .menu-open .icon-menu::after {
        bottom: 0;
        width: .75rem;
        left: .1875rem;
        top: calc(73% - .0625rem);
        -webkit-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
        transform: rotate(45deg)
    }

    .item-opportunities {
        gap: 1.875rem;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }

    .item-opportunities__content {
        max-width: 100%
    }

    .slide-cases__content {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: start
    }

    .slide-cases__about {
        max-width: 100%
    }

    .slide-cases__chart {
        display: block;
        margin: 0 auto;
        border-radius: 1.875rem
    }

    .slide-cases__chart canvas {
        width: 37.5rem
    }

    .slide-cases__bottom {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        gap: 1.25rem;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: start
    }

    .slide-cases__works {
        max-width: 100%
    }

    .result-slide-cases__item {
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start
    }

    .result-slide-cases__item:first-child .result-slide-cases__icon {
        padding-right: 0
    }

    .mission__body {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: start
    }

    .mission__image {
        margin: 0 auto
    }

    .mission__image img {
        width: 100%
    }

    .mission__about {
        max-width: 100%
    }

    .questionnaire__body {
        padding: 1.875rem;
        gap: 2.5rem;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }

    .questionnaire__form {
        max-width: 100%
    }
}

@media (max-width:47.99875em) {
    .menu__item {
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: start
    }

    .menu__button {
        margin: 0 auto 0 0
    }

    .footer__container {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: start
    }

    .main-section__button:not(:last-child) {
        margin-bottom: 3.125rem
    }

    .item-opportunities__image img {
        width: 100%
    }

    .slide-cases__chart {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        width: 100%
    }

    .banner__body {
        padding: 1.875rem 1.5rem 0 1.5rem
    }

    .banner__button:not(:last-child) {
        margin-bottom: 1.875rem
    }

    .item-mission {
        padding: 1.5625rem 1.875rem
    }

    .questionnaire__form {
        padding: 2.8125rem .9375rem
    }
}

@media (max-width:29.99875em) {
    .popup__close {
        top: 1.875rem
    }

    .order-content {
        padding: 1.25rem
    }

    .order-content__button {
        width: 100%;
        padding: .9375rem 0
    }

    .header__logo img {
        width: 12.5rem
    }

    .menu__button {
        padding: 1.125rem 1.875rem
    }

    .cases__arrow {
        width: 1.875rem;
        height: 1.875rem
    }

    .result-slide-cases__title {
        font-size: .625rem
    }

    .result-slide-cases__from {
        font-size: .75rem
    }

    .result-slide-cases__icon {
        font-size: .875rem
    }

    .result-slide-cases__to {
        font-size: .875rem
    }

    .trafic-slide-cases__title {
        font-size: .75rem
    }

    .banner__button {
        max-width: 100%;
        padding: .9375rem 0
    }

    .questionnaire__body {
        padding: .9375rem
    }

    .questionnaire__link {
        width: 3.125rem;
        height: 3.125rem
    }

    .questionnaire__button {
        width: 100%;
        padding: .9375rem 0
    }
}

@media (max-width:23.75em) {
    .result-slide-cases__item {
        display: -ms-grid;
        display: grid;
        -webkit-column-gap: 1.5625rem;
        -moz-column-gap: 1.5625rem;
        column-gap: 1.5625rem;
        -ms-grid-columns: 60% 40%;
        grid-template-columns: 60% 40%
    }
}

@media (any-hover:hover) {
    .popup__close:hover {
        color: #2f2f2f
    }

    .btn:hover {
        background-color: #fff;
        color: #2f2f2f
    }

    .header__logo:hover {
        -webkit-filter: grayscale(1);
        filter: grayscale(1)
    }

    .header__link:hover {
        color: #f03b36
    }

    .header__link:hover::before {
        width: 100%
    }

    .footer__logo:hover {
        -webkit-filter: grayscale(1);
        filter: grayscale(1)
    }

    .footer__link:hover::before {
        width: 80%
    }

    .footer__documents a:hover {
        color: #f03b36
    }

    .cases__arrow:hover {
        background-color: rgba(240, 59, 54, .8);
        color: #fff
    }

    .company-slide-cases__link a:hover {
        color: #505050
    }

    .questionnaire__number:hover {
        color: #f03b36
    }

    .questionnaire__mail:hover {
        text-decoration: none
    }

    .questionnaire__link:hover {
        background-color: #2f2f2f
    }
}

.item-opportunities__image img {
    border-radius: 12px;
}

.main-section__button.mobile {
    display: none;
}

@media (max-width: 960px) {
    .main-section__button.mobile {
        display: block;
        text-align: center;
    }

    .main-section__button.pc {
        display: none;
    }
}