@font-face {
    font-family: Gilroy;
    font-display: swap;
    src: url(../fonts/Gilroy-Black.woff2) format("woff2");
    font-weight: 900;
    font-style: normal
}
@font-face {
    font-family: Gilroy;
    font-display: swap;
    src: url(../fonts/Gilroy-Bold.woff2) format("woff2");
    font-weight: 700;
    font-style: normal
}
@font-face {
    font-family: Gilroy;
    font-display: swap;
    src: url(../fonts/Gilroy-ExtraBold.woff2) format("woff2");
    font-weight: 800;
    font-style: normal
}
@font-face {
    font-family: Gilroy;
    font-display: swap;
    src: url(../fonts/Gilroy-Light.woff2) format("woff2");
    font-weight: 300;
    font-style: normal
}
@font-face {
    font-family: Gilroy;
    font-display: swap;
    src: url(../fonts/Gilroy-Regular.woff2) format("woff2");
    font-weight: 400;
    font-style: normal
}
@font-face {
    font-family: Gilroy;
    font-display: swap;
    src: url(../fonts/Gilroy-SemiBold.woff2) format("woff2");
    font-weight: 600;
    font-style: normal
}
@font-face {
    font-family: Gilroy;
    font-display: swap;
    src: url(../fonts/Gilroy-Medium.woff2) format("woff2");
    font-weight: 500;
    font-style: normal
}
@font-face {
    font-family: Gilroy;
    font-display: swap;
    src: url(../fonts/Gilroy-Thin.woff2) format("woff2");
    font-weight: 100;
    font-style: normal
}
@font-face {
    font-family: Gilroy;
    font-display: swap;
    src: url(../fonts/Gilroy-Heavy.woff2) format("woff2");
    font-weight: 900;
    font-style: normal
}
@font-face {
    font-family: icons;
    font-display: swap;
    src: url(../fonts/icons.woff2) format("woff2");
    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
}
._icon-telegram:before {
    content: "\e900";
    font-size: .75rem !important
}
._icon-viber:before {
    content: "\e901"
}
._icon-WhatsApp:before {
    content: "\e902"
}
._icon-arrow:before {
    content: "\e903"
}
* {
    padding: 0;
    margin: 0;
    border: 0
}
*, *::after, *::before {
    box-sizing: border-box
}
*::after, *::before {
    display: inline-block
}
body, html {
    height: 100%;
    min-width: 320px
}
body {
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none;
    color: #fff;
    line-height: 1;
    font-family: Gilroy;
    font-size: .875rem;
    -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: Gilroy;
    font-size: inherit;
    line-height: inherit;
    color: inherit;
    background-color: transparent
}
input, textarea {
    width: 100%
}
button, option, select {
    cursor: pointer
}
a {
    display: inline-block;
    color: inherit;
    text-decoration: none
}
ol li, ul li {
    list-style: none
}
img {
    vertical-align: top
}
h1, h2, h3, h4, h5, h6 {
    font-weight: inherit;
    font-size: inherit
}
body {
    background-color: #000
}
.lock body {
    overflow: hidden;
    touch-action: none;
    -ms-scroll-chaining: none;
    overscroll-behavior: none
}
.wrapper {
    min-height: 100%;
    display: flex;
    flex-direction: column;
    overflow: hidden
}
@supports (overflow:clip) {
    .wrapper {
        overflow: clip
    }
}
.wrapper>main {
    flex: 1 1 auto
}
.wrapper>* {
    min-width: 0
}
[class*=__container] {
    max-width: 75.625rem;
    margin: 0 auto;
    padding: 0 .9375rem
}
.form__error {
    position: absolute;
    top: calc(100% + .125rem);
    right: .625rem;
    font-size: .6875rem;
    color: red;
    font-style: italic
}
.form-request {
    display: grid;
    align-items: center;
    overflow: hidden;
    padding: .9375rem 1.875rem;
    background-color: #f1f3ff;
    border-radius: 1.25rem
}
.form-request--popup .form-request__title {
    max-width: 80%;
    margin: 0 auto
}
.form-request__title {
    font-weight: 700;
    font-size: 1rem;
    line-height: 1.5;
    text-transform: uppercase;
    text-align: center;
    color: #000;
    padding-bottom: .75rem;
    position: relative
}
.form-request__title::after {
    content: "";
    position: absolute;
    width: 160%;
    height: .0625rem;
    bottom: 0;
    left: -30%;
    background-color: #e7ebff
}
.form-request__items {
    margin-top: .9375rem;
    margin-bottom: .625rem;
    display: grid;
    gap: .625rem
}
.form-request__item {
    position: relative;
    display: grid;
    gap: .25rem
}
.form-request__label {
    font-weight: 500;
    font-size: .875rem;
    line-height: 2;
    color: #000
}
.form-request__label--options {
    margin-bottom: .1875rem
}
.form-request__button {
    width: 100%
}
.form-request__button:not(:last-child) {
    margin-bottom: .625rem
}
.form-request__consent {
    font-weight: 300;
    font-size: .75rem;
    line-height: 1.33333;
    text-align: center;
    color: #000;
    max-width: 13.75rem;
    margin: 0 auto
}
.form-request__consent a {
    text-decoration: underline;
    transition: all .3s
}
input[type=email], input[type=tel], input[type=text], textarea {
    -webkit-appearance: none;
    appearance: none
}
.input {
    color: #000;
    font-weight: 500;
    background-color: #fff;
    border-radius: .625rem;
    height: 2.5rem;
    width: 100%;
    padding: .375rem .9375rem;
    display: block;
    caret-color: inherit
}
.input[placeholder]:not([data-placeholder-nohiden])::-webkit-input-placeholder {
    -webkit-transition: opacity .3s;
    transition: opacity .3s;
    line-height: 2;
    color: #cbcbcb
}
.input[placeholder]:not([data-placeholder-nohiden]):-ms-input-placeholder {
    -ms-transition: opacity .3s;
    transition: opacity .3s;
    line-height: 2;
    color: #cbcbcb
}
.input[placeholder]:not([data-placeholder-nohiden])::-ms-input-placeholder {
    -ms-transition: opacity .3s;
    transition: opacity .3s;
    line-height: 2;
    color: #cbcbcb
}
.input[placeholder]:not([data-placeholder-nohiden])::placeholder {
    transition: opacity .3s;
    line-height: 2;
    color: #cbcbcb
}
.input[placeholder]:not([data-placeholder-nohiden]):focus::-webkit-input-placeholder {
    opacity: 0
}
.input[placeholder]:not([data-placeholder-nohiden]):focus:-ms-input-placeholder {
    opacity: 0
}
.input[placeholder]:not([data-placeholder-nohiden]):focus::-ms-input-placeholder {
    opacity: 0
}
.input[placeholder]:not([data-placeholder-nohiden]):focus::placeholder {
    opacity: 0
}
textarea.input {
    resize: none;
    padding: 0 0
}
.options {
    display: flex;
    align-items: flex-start;
    width: 100%
}
.options:not(:last-child) {
    margin-bottom: .9375rem
}
.options__item {
    width: 100%;
    position: relative;
    cursor: pointer
}
.options__item:not(:last-child) {
    margin-bottom: em(5)
}
.options__item:nth-child(1) .options__label {
    font-size: .75rem
}
.options__item:nth-child(2) .options__label {
    background-color: rgba(81, 200, 93, .1);
    color: #51c85d
}
.options__item:nth-child(3) .options__label {
    background-color: rgba(102, 92, 167, .1);
    color: #665ca7
}
.options__input {
    width: 0;
    height: 0;
    opacity: 0;
    position: absolute
}
.options__input:focus-visible+.options__label:before {
    box-shadow: 0 0 5px #000
}
.options__input:checked+.options__label {
    background-color: #2ba2db;
    color: #fff
}
.options__input:checked+.options__label--whatsapp {
    background-color: #51c85d;
    color: #fff
}
.options__input:checked+.options__label--viber {
    background-color: #665ca7;
    color: #fff
}
.options__input:checked+.options__label:after {
    -webkit-transform: scale(1);
    transform: scale(1)
}
.options__label {
    transition: all .3s;
    font-weight: 600;
    font-size: .75rem;
    line-height: 1;
    color: #2ba2db;
    width: 100%;
    background-color: rgba(43, 162, 219, .1);
    border-radius: .3125rem;
    height: 2.0625rem;
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
    gap: 10px
}
.options__label:before {
    font-size: .9375rem
}
body::after {
    content: "";
    background-color: rgba(0, 0, 0, .5);
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    opacity: 0;
    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;
    transition: visibility .8s ease 0s;
    visibility: hidden;
    pointer-events: none
}
.popup_show {
    z-index: 150;
    visibility: visible;
    overflow: auto;
    pointer-events: auto
}
.popup_show .popup__content {
    visibility: visible;
    -webkit-transform: scale(1);
    transform: scale(1)
}
.popup__wrapper {
    display: flex;
    flex-direction: column;
    align-items: center;
    min-height: 100%;
    flex: 1 1 auto;
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center
}
.popup__content {
    max-width: 28.75rem;
    visibility: hidden;
    -webkit-transform: scale(0);
    transform: scale(0);
    transition: -webkit-transform .3s ease 0s;
    transition: transform .3s ease 0s;
    transition: transform .3s ease 0s, -webkit-transform .3s ease 0s;
    background-color: #eee;
    border-radius: 1.25rem;
    width: 100%
}
.lock .popup__content {
    visibility: visible
}
.popup__close {
    position: absolute;
    top: .9375rem;
    right: .9375rem;
    z-index: 120;
    transition: all .3s
}
.spollers {
    display: grid;
    gap: 1.25rem
}
.spollers__title {
    font-weight: 500;
    font-size: 1.125rem;
    line-height: 1.55556;
    color: #fff;
    width: 100%;
    cursor: default;
    text-align: left;
    background-color: #1c1d20;
    padding: .6875rem 3.75rem .6875rem 1.25rem;
    border-radius: .625rem;
    position: relative;
    list-style: none;
    transition: border-radius .1s .42s
}
.spollers__title::-webkit-details-marker, .spollers__title::marker {
    display: none
}
._spoller-init .spollers__title {
    border-radius: .625rem;
    cursor: pointer
}
._spoller-init .spollers__title::after, ._spoller-init .spollers__title::before {
    content: "";
    position: absolute;
    right: 1.25rem;
    background-color: #fff;
    height: 1px;
    width: 18px;
    transition: -webkit-transform .5s ease 0s;
    transition: transform .5s ease 0s;
    transition: transform .5s ease 0s, -webkit-transform .5s ease 0s;
    -webkit-transition: transform .5s ease 0s
}
._spoller-init .spollers__title::before {
    top: 50%;
    -webkit-transform: rotate(90deg) translate3d(0, 0, 0);
    transform: rotate(90deg) translate3d(0, 0, 0)
}
._spoller-init .spollers__title::after {
    top: 50%
}
._spoller-init .spollers__title._spoller-active {
    transition: none;
    border-radius: .625rem .625rem 0 0
}
._spoller-init .spollers__title._spoller-active::before {
    -webkit-transform: rotate(-180deg) translate3d(0, 0, 0);
    transform: rotate(-180deg) translate3d(0, 0, 0)
}
._spoller-init .spollers__title._spoller-active::after, ._spoller-init .spollers__title._spoller-active::before {
    transition: -webkit-transform .5s ease 0s;
    transition: transform .5s ease 0s;
    transition: transform .5s ease 0s, -webkit-transform .5s ease 0s;
    -webkit-transition: transform .5s ease 0s
}
._spoller-init .spollers__title._spoller-active+.spollers__body {
    border-top: 1px solid #25272e
}
.spollers__body {
    padding: .6875rem 1.25rem;
    border-radius: 0 0 .625rem .625rem;
    background-color: #1c1d20;
    font-weight: 500;
    font-size: 1rem;
    line-height: 1.625
}
.tabs {
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center
}
.tabs__navigation {
    justify-self: center;
    display: flex;
    flex-wrap: wrap;
    gap: .9375rem
}
.tabs__navigation--feedback {
    align-self: flex-start
}
.tabs__title {
    font-family: var(--font-family);
    font-weight: 500;
    font-size: 1rem;
    padding: .75rem 1.25rem;
    border-radius: 6.25rem;
    background: #1c1d20;
    transition: all .3s
}
.tabs__title._tab-active {
    background-color: #b2fd53;
    color: #16171a;
    pointer-events: none
}
.tabs__content {
    width: 100%
}
.tabs__body {
    width: 100%;
    gap: 1.875rem
}
.tabs__items {
    width: 100%;
    display: grid
}
.tabs__more {
    margin: 0 auto;
    margin-top: 1.4375rem
}
.item-tabs {
    border-radius: 1.25rem;
    background: #1c1d20;
    display: grid;
    padding: 1.25rem;
    grid-template-columns: auto 57%
}
.item-tabs:not(:last-child) {
    margin-bottom: 1.875rem
} 
.page-cases .item-tabs{
   margin-bottom: 1.875rem
}
.page-cases .tabs__more-click{
    margin-top: 0;
}
.item-tabs__content {
    display: grid;
    justify-items: start
}
.item-tabs__name {
    font-family: var(--font-family);
    font-weight: 900;
    line-height: 1.16667;
    text-transform: uppercase;
    color: #b2fd53;
    transition: all .4s
}
.item-tabs__caption {
    font-weight: 900;
    font-size: 1.125rem;
    line-height: 1.33333;
    text-transform: uppercase
}
.item-tabs__caption:not(:last-child) {
    margin-bottom: .9375rem
}
.item-tabs__labels {
    display: flex;
    flex-wrap: wrap;
    gap: .9375rem
}
.item-tabs__label {
    font-weight: 600;
    font-size: .875rem;
    color: #16171a;
    background: #f1f3ff;
    border-radius: 6.25rem;
    padding: .3125rem .9375rem
}
.item-tabs__button {
    margin-bottom: 1.4375rem
}
.item-tabs__logo {
    border-radius: 1.25rem;
    display: flex;
    justify-content: center;
    align-items: center;
    min-height: 16.25rem
}
.item-tabs__logo img {
    transition: all .5s
}
[data-showmore-button] span:last-child {
    display: none
}
._showmore-active [data-showmore-button] span {
    display: none
}
._showmore-active [data-showmore-button] span:last-child {
    display: block
}
.ibg {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover
}
.ibg--top {
    -o-object-position: top;
    object-position: top
}
.ibg--bottom {
    -o-object-position: bottom;
    object-position: bottom
}
.ibg--left {
    -o-object-position: left;
    object-position: left
}
.ibg--right {
    -o-object-position: right;
    object-position: right
}
.ibg--contain {
    -o-object-fit: contain;
    object-fit: contain
}
.title {
    line-height: 1.16;
    font-weight: 900;
    text-align: left;
    text-transform: uppercase;
    color: #fff;
    opacity: 0;
    -webkit-transform: translate(0, 1.25rem);
    transform: translate(0, 1.25rem);
    transition: all .8s
}
.title--black {
    color: #000;
    line-height: 133.333333%
}
.title._watcher-view {
    opacity: 1;
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0)
}
.title__green-bg {
    display: block;
    margin-top: .3125rem;
    padding: .125rem .9375rem;
    color: #000 !important;
    position: relative;
    border-radius: .625rem;
    background-color: #b2fd53
}
.title__green {
    white-space: nowrap;
    text-align: center;
    line-height: 1;
    position: relative;
    z-index: 2;
    padding: .125rem .9375rem;
    border-radius: .625rem;
    color: #000 !important;
    background-color: #b2fd53;
    text-align: center
}
.title__green svg {
    z-index: -1;
    position: absolute;
    top: 0;
    right: 2.1875rem
}
.title__green svg:nth-child(2) {
    right: 7.5rem
}
.title span {
    color: #b2fd53
}
.button {
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 6.25rem;
    background-color: #b2fd53;
    padding: .5625rem 1.25rem;
    line-height: 122%;
    font-weight: 600;
    font-size: 1.125rem;
    color: #16171a;
    transition: all .3s
}
.button:active {
    box-shadow: 0 4px 50px 0 rgba(178, 253, 83, .65)
}
.running-tape-container {
    overflow-x: auto;
    white-space: nowrap;
    cursor: -webkit-grab;
    cursor: grab;
    -ms-overflow-style: none;
    scrollbar-width: none
}
.running-tape-container::-webkit-scrollbar {
    display: none
}
.running-tape-container::-webkit-scrollbar-track {
    background-color: transparent
}
.running-tape-container::-webkit-scrollbar-thumb {
    background-color: rgba(255, 255, 255, .3);
    border-radius: 10px
}
.running-tape-container::-webkit-scrollbar-thumb:hover {
    background-color: rgba(255, 255, 255, .5)
}
.running-tape-container {
    overflow-x: auto;
    white-space: nowrap;
    cursor: -webkit-grab;
    cursor: grab;
    -ms-overflow-style: none;
    scrollbar-width: none
}
.running-tape-container::-webkit-scrollbar {
    display: none
}
.running-tape-container::-webkit-scrollbar-track {
    background-color: transparent
}
.running-tape-container::-webkit-scrollbar-thumb {
    background-color: rgba(255, 255, 255, .3);
    border-radius: 10px
}
.running-tape-container::-webkit-scrollbar-thumb:hover {
    background-color: rgba(255, 255, 255, .5)
}
.running-tape {
    font-weight: 700;
    font-size: 4.375rem;
    text-transform: uppercase;
    text-align: center;
    color: rgba(255, 255, 255, .06);
    transition: all .6s;
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none;
    white-space: nowrap
}
.running-tape__connects {
    width: 100%;
    margin: 0 auto;
    white-space: nowrap;
    display: flex
}
.running-tape__line {
    padding: 0 1.25rem 0 0;
    display: inline-flex;
    gap: 1.25rem
}
.running-tape__line:nth-child(1) {
    -webkit-animation: scrolling-left1 50s linear infinite;
    animation: scrolling-left1 50s linear infinite;
    -webkit-animation-delay: -25s;
    animation-delay: -25s
}
.running-tape__line:nth-child(2) {
    -webkit-animation: scrolling-left2 50s linear infinite;
    animation: scrolling-left2 50s linear infinite
}
.running-tape__line--text {
    padding: 0
}
@-webkit-keyframes scrolling-left1 {
    0% {
        -webkit-transform: translateX(100%);
        transform: translateX(100%)
    }
    100% {
        -webkit-transform: translateX(-100%);
        transform: translateX(-100%)
    }
}
@keyframes scrolling-left1 {
    0% {
        -webkit-transform: translateX(100%);
        transform: translateX(100%)
    }
    100% {
        -webkit-transform: translateX(-100%);
        transform: translateX(-100%)
    }
}
@-webkit-keyframes scrolling-left2 {
    0% {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
    100% {
        -webkit-transform: translateX(-200%);
        transform: translateX(-200%)
    }
}
@keyframes scrolling-left2 {
    0% {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
    100% {
        -webkit-transform: translateX(-200%);
        transform: translateX(-200%)
    }
}
.header {
    position: fixed;
    z-index: 100;
    background-color: #000;
    top: 0;
    left: 0;
    width: 100%;
    padding: 1.25rem 0
}
.header__container {
    display: flex;
    align-items: center
}
.header__logo {
    position: relative;
    z-index: 10
}
.header__logo img {
    width: 100%
}
.header__social {
    position: relative;
    z-index: 10
}
.header__button {
    box-shadow: 0 4px 50px 0 rgba(178, 253, 83, .5)
}
.menu {
    flex: 1 1 auto;
    display: flex;
    align-items: center
}
.menu__list {
    display: flex;
    flex-wrap: wrap
}
.menu__link {
    background-color: #1c1d20;
    border-radius: 6.25rem;
    padding: .625rem .9375rem;
    font-weight: 600;
    color: #fff;
    transition: all .4s
}
.menu__link.active {
    background-color: #b2fd53;
    color: #000
}
.social-header {
    display: flex
}
.social-header__item:nth-child(2) .social-header__link {
    background-color: #51c85d
}
.social-header__item:nth-child(3) .social-header__link {
    background-color: #7360f2
}
.social-header__link {
    font-size: .875rem;
    background-color: #2ba2db;
    border-radius: 50%;
    transition: all .3s;
    aspect-ratio: 1/1;
    flex-shrink: 0;
    flex-grow: 0;
    display: flex;
    justify-content: center;
    align-items: center
}
.icon-menu {
    display: none
}
.footer {
    padding-top: 1.875rem;
    border-top: 1px solid #19191b
}
.footer__head {
    display: flex;
    gap: 1.875rem;
    justify-content: space-between
}
.footer__contacts {
    display: flex;
    align-items: center;
    margin-bottom: 1.875rem
}
.footer__social {
    display: flex;
    align-items: center;
    gap: 1.25rem
}
.footer__links {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 1.25rem;
    row-gap: .625rem
}
.footer__link {
    font-weight: 500;
    font-size: 1.125rem;
    line-height: 1.44444;
    color: #e7e7e7;
    transition: all .3s
}
.social-footer__link {
    font-weight: 500;
    font-size: .75rem;
    display: flex;
    gap: .625rem;
    justify-content: center;
    align-items: center;
    vertical-align: bottom;
    border-radius: 6.25rem;
    padding: .625rem;
    width: 7.5rem;
    transition: all .3s
}
.social-footer__link::before {
    font-size: .9375rem
}
.social-footer__link span {
    display: flex;
    justify-content: center;
    align-items: center
}
.social-footer__link:nth-child(1) {
    background-color: #2ba2db
}
.social-footer__link:nth-child(2) {
    background-color: #51c85d
}
.social-footer__link:nth-child(3) {
    background-color: #7360f2
}

.footer__social li:nth-child(1) a {
    background-color: #2ba2db;
}
.footer__social li:nth-child(2) a {
    background-color: #51c85d;
}
.footer__social li:nth-child(3) a {
    background-color: #7360f2;
}

.bottom-footer {
    display: grid;
    justify-items: center;
    border-top: 1px solid #19191b;
    padding: .625rem .9375rem;
    text-align: center;
    font-weight: 500;
    font-size: .875rem;
    line-height: 1.71429;
    color: #aeaeae
}
.bottom-footer__links {
    display: flex;
    gap: .9375rem;
    flex-wrap: wrap;
    row-gap: .1875rem;
    justify-content: center
}
.bottom-footer__link {
    transition: all .3s
}
.menu-footer {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end
}
.menu-footer__link {
    background-color: #1c1d20;
    border-radius: 6.25rem;
    padding: .625rem .9375rem;
    font-weight: 600;
    color: #fff;
    transition: all .4s
}
.menu-footer__link.active {
    background-color: #b2fd53;
    color: #000
}
.hero {
    margin-top: 4.625rem
}
.hero__container {
    position: relative;
    display: flex
}
.hero__content {
    flex: 0 1 66%
}
.hero__title {
    font-weight: 900;
    line-height: 110%
}
.hero__title-green {
    color: #b2fd53
}
.hero__push {
    display: flex;
    -webkit-column-gap: .625rem;
    -moz-column-gap: .625rem;
    column-gap: .625rem;
    row-gap: .9375rem;
    align-items: center
}
.hero__text {
    font-weight: 600;
    line-height: 1.375
}
.hero__animation {
    transition: all 1s .5s;
    opacity: 0;
    position: relative;
    z-index: -1;
    flex: 0 1 34%
}
.hero__animation._watcher-view {
    opacity: 1
}
.hero__animation img, .hero__animation video {
    width: 100%;
    height: 100%
}
.button-calc {
    transition: left 2s 2.8s, opacity 2s 2.7s, box-shadow .3s;
    border: 5px solid #b2fd53;
    position: relative;
    cursor: pointer;
    color: #16171a;
    padding: .9375rem 1.875rem;
    background-color: #b2fd53;
    border-radius: 6.25rem;
    font-weight: 600
}
.button-calc:active {
    box-shadow: 0 4px 50px 0 rgba(178, 253, 83, .65)
}
.circle {
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    left: 50%;
    z-index: -1;
    -webkit-animation: rotate 25s linear infinite;
    animation: rotate 25s linear infinite;
    position: absolute
}
@-webkit-keyframes rotate {
    from {
        -webkit-transform: translate(-50%, -50%) rotate(-360deg);
        transform: translate(-50%, -50%) rotate(-360deg)
    }
    to {
        -webkit-transform: translate(-50%, -50%) rotate(0);
        transform: translate(-50%, -50%) rotate(0)
    }
}
@keyframes rotate {
    from {
        -webkit-transform: translate(-50%, -50%) rotate(-360deg);
        transform: translate(-50%, -50%) rotate(-360deg)
    }
    to {
        -webkit-transform: translate(-50%, -50%) rotate(0);
        transform: translate(-50%, -50%) rotate(0)
    }
}
.why {
    opacity: 0;
    transition: all 1s
}
.why._watcher-view {
    opacity: 1
}
.why__container {
    display: flex;
    flex-direction: column;
    align-items: center
}
.why__block {
    overflow: hidden;
    background-color: #f1f3ff;
    border-radius: 1.25rem;
    padding: 1.875rem 1.25rem 0 1.25rem
}
.why__text {
    font-weight: 500;
    line-height: 1.41667;
    color: #000
}
.why__body {
    display: flex;
    align-items: flex-end;
    gap: 1.25rem
}
.why__content {
    flex: 0 1 58%;
    margin-right: auto;
    overflow: hidden
}
.why__title {
    color: #000;
    line-height: 133.333333%;
    font-weight: 900;
    text-transform: uppercase;
    transition: all .5s .2s
}
.why__list {
    display: grid;
    position: relative;
    z-index: 10;
    gap: 1.25rem
}
.why__list li {
    border-radius: .625rem;
    display: flex;
    gap: .625rem;
    align-items: center;
    background-color: #1c1d20;
    padding: 1rem 1.25rem 1rem .625rem;
    font-weight: 600;
    line-height: 1.625;
    color: #efefef
}
.why__list li img {
    width: 4.4375rem;
    aspect-ratio: 1/1
}
.why__image {
    flex: 0 1 42%;
    max-width: 22.0625rem
}
.why__image img {
    width: 100%
}
.why__items {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    max-width: 61.5rem
}
.item-why {
    display: grid;
    justify-items: center;
    width: 100%
}
.item-why__number {
    font-size: 5rem;
    color: #b2fd53;
    font-weight: 900;
    margin-bottom: .625rem
}
.item-why__text {
    font-weight: 500;
    font-size: 1.125rem;
    line-height: 1.22222;
    text-align: center;
    color: #dedede
}
.request__container {
    display: grid;
    grid-template-columns: 60% auto;
    gap: 1.25rem
}
.request__content {
    background-color: #1c1d20;
    padding: 1.25rem;
    border-radius: 1.25rem;
    position: relative;
    overflow: hidden
}
.request__bg {
    z-index: 1;
    position: absolute
}
.request__bg--1 {
    -webkit-transform: rotate(-15deg);
    transform: rotate(-15deg);
    -webkit-transform-origin: top left;
    transform-origin: top left;
    left: 0
}
.request__bg--2 {
    -webkit-transform: rotate(4deg);
    transform: rotate(4deg)
}
.request__bg--3 {
    position: relative;
    width: 100%;
    overflow: hidden
}
.request__bg--3 img {
    position: absolute;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    -o-object-fit: cover;
    object-fit: cover;
    border-radius: 1.25rem
}
.request__title {
    position: relative;
    z-index: 2;
    font-weight: 900;
    font-size: 35px;
    line-height: 1.28571;
    text-transform: uppercase
}
.request__title:not(:last-child) {
    margin-bottom: .625rem
}
.request__title span {
    color: #b2fd53
}
.request__text {
    position: relative;
    z-index: 2;
    font-weight: 500;
    font-size: 1rem;
    line-height: 1.5
}
.request__text:not(:last-child) {
    margin-bottom: .625rem
}
.request__presents {
    position: relative;
    z-index: 2;
    display: flex;
    flex-wrap: wrap;
    gap: .9375rem;
    max-width: 25rem
}
.request__presents:not(:last-child) {
    margin-bottom: 1.25rem
}
.request__present {
    border-radius: .3125rem;
    display: inline-flex;
    align-items: center;
    background-color: #b2fd53;
    font-weight: 500;
    font-size: 1rem;
    line-height: 1.5;
    color: #000;
    gap: .375rem;
    padding: .1875rem .625rem
}
.cases {
    padding-bottom: 1.875rem
}
.cases__container {
    display: grid;
    justify-items: center
}
.cases__title {
    text-align: center
}
.cases__button {
    padding: .5625rem 1.875rem
}
.offer__container {
    display: grid;
    justify-items: start
}
.offer__title {
    margin-bottom: 1.875rem
}
.offer__items {
    width: 100%;
    display: grid;
    gap: 1.875rem
}
.item-offer {
    padding: 1.875rem;
    border-radius: 1.25rem;
    background: #f1f3ff;
    display: flex;
    align-items: center;
    width: 100%
}
.item-offer__content {
    max-width: 40.625rem;
    margin-right: auto
}
.item-offer__name {
    font-weight: 800;
    line-height: 140%;
    color: #000
}
.item-offer__text {
    line-height: 1.55556;
    color: #000;
    margin-bottom: .9375rem
}
.item-offer__labels {
    display: flex;
    flex-wrap: wrap
}
.item-offer__label {
    padding: .4375rem 1.25rem;
    background-color: #b2fd53;
    border-radius: 6.25rem;
    font-weight: 500;
    font-size: 1rem;
    line-height: 1.25;
    color: #000
}
.item-offer__button {
    background-color: #1c1d20;
    color: #fff;
    font-size: 1.5rem;
    padding: .9375rem 3.75rem
}
.stack__container {
    display: grid;
    justify-items: start;
    overflow: visible
}
.stack__items {
    width: 100%;
    padding: 0 .9375rem;
    display: flex;
    gap: 1.25rem
}
.touch .stack__items {
    overflow: auto
}
.stack__item {
    display: flex;
    flex-shrink: 0;
    justify-content: center;
    align-items: center;
    width: 9.375rem;
    aspect-ratio: 1/1;
    border-radius: .625rem;
    background: #f1f3ff
}
.how__container {
    display: grid;
    justify-items: start
}
.how__title:not(:last-child) {
    margin-bottom: 1.875rem
}
.how__list {
    display: grid;
    width: 100%
}
.item-how {
    cursor: default;
    width: 100%;
    padding: 1.25rem 1.875rem;
    border: 1px solid #19191b;
    border-radius: 1.25rem;
    display: flex;
    align-items: center;
    gap: 1.875rem
}
.item-how__head {
    display: flex;
    justify-content: space-between
}
.item-how__number {
    font-size: 3.75rem;
    font-weight: 900;
    font-size: 60px;
    color: #1d1e23;
    display: flex;
    justify-content: center;
    align-items: center;
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none;
    transition: all .4s
}
.item-how__body {
    margin-right: auto
}
.item-how__name {
    font-weight: 700;
    font-size: 1.375rem;
    line-height: 1.54545;
    color: #b2fd53
}
.item-how__name:not(:last-child) {
    margin-bottom: .3125rem
}
.item-how__text {
    font-size: 1.125rem;
    line-height: 1.44444;
    color: #dedede;
    max-width: 46.875rem
}
.item-how__icon {
    display: flex;
    aspect-ratio: 1/1;
    flex-shrink: 0
}
.item-how__icon img {
    width: 100%
}
.feedback__navigation {
    display: flex;
    gap: 1.25rem;
    position: absolute;
    top: 1.25rem;
    right: 3.4375rem
}
.slide-feedback {
    color: #000;
    background: #f1f3ff;
    border-radius: .625rem
}
.slide-feedback__video {
    padding: 1.25rem;
    width: 100%
}
.slide-feedback__text {
    padding: 1.25rem;
    line-height: 1.44444
}
.slide-feedback__body {
    padding: 1.25rem;
    display: grid;
    justify-items: start;
    border-top: 1px solid #e7ebff
}
.slide-feedback__name {
    text-align: center;
    border-radius: .625rem;
    background-color: #b2fd53;
    padding: .25rem .9375rem;
    font-weight: 900;
    font-size: 1.25rem;
    line-height: 120%;
    text-transform: uppercase
}
.slide-feedback__name:not(:last-child) {
    margin-bottom: .3125rem
}
.slide-feedback__position {
    line-height: 1.42857;
    margin-left: 1rem
}
.video-container {
    cursor: pointer;
    aspect-ratio: 530/264;
    overflow: hidden;
    width: 100%;
    border-radius: .625rem;
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: center
}
.video-container video {
    position: absolute;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0
}
.play-button-wrapper {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%;
    pointer-events: none
}
.play-button-wrapper #circle-play-b {
    height: 100%;
    cursor: pointer;
    pointer-events: auto;
    display: flex;
    align-items: center;
    justify-content: center
}
.play-button-wrapper #circle-play-b svg {
    transition: all .45s;
    width: 500px;
    height: 50px;
    cursor: pointer;
    border-radius: 50%;
    opacity: .9
}
.questions__container {
    display: grid
}
.questions__title {
    justify-self: start
}
.questions__button {
    justify-self: center;
    padding: .9375rem 1.875rem
}
.hero-case__block {
    background-color: #f1f3ff;
    border-radius: 1.25rem;
    padding: 1.875rem;
    display: flex;
    justify-content: space-between
}
.hero-case__content {
    flex: 0 1 50%;
    display: flex;
    flex-direction: column;
    align-items: flex-start
}
.hero-case__title {
    margin-bottom: 1.25rem
}
.hero-case__labels {
    display: flex;
    gap: .9375rem;
    flex-wrap: wrap
}
.hero-case__label {
    background-color: #1c1d20;
    border-radius: 6.25rem;
    padding: .3125rem .9375rem;
    font-weight: 600
}
.hero-case__text {
    line-height: 1.45455;
    color: #000;
    margin-bottom: auto
}
.hero-case__button {
    padding: .9375rem 1.875rem;
    font-size: 1.5rem;
    margin-top: 1.5625rem
}
.hero-case__image {
    align-self: center;
    padding: 1.25rem 0;
    flex: 0 1 43.660714%
}
.hero-case__image img {
    width: 100%
}
.screen-case__image {
    padding: 1.875rem;
    border-radius: 1.25rem;
    background-color: #1c1d20
}
.screen-case__image img {
    width: 100%;
    border-radius: 1.25rem
}
.swiper {
    overflow: hidden
}
.swiper-initialized {
    touch-action: pan-y
}
.swiper-wrapper {
    width: 100%;
    height: 100%;
    box-sizing: content-box;
    display: flex;
    align-items: start
}
.swiper-vertical .swiper-wrapper {
    flex-direction: column
}
.swiper-autoheight .swiper-wrapper {
    align-items: flex-start
}
.swiper-initialized .swiper-slide {
    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
}
.swiper-button-next::before {
    -webkit-transform: translate(1px, 0) rotate(180deg);
    transform: translate(1px, 0) rotate(180deg)
}
.swiper-button-prev::before {
    -webkit-transform: translate(-1px, 0);
    transform: translate(-1px, 0)
}
.swiper-button-next, .swiper-button-prev {
    top: 20px;
    width: 30px;
    border-radius: 50%;
    height: 30px;
    flex: 0 0 toRem(30);
    z-index: 10;
    cursor: pointer;
    display: flex;
    align-items: center;
    transition: all .3s;
    justify-content: center;
    text-align: center;
    color: #b2fd53;
    border: 2px solid #b2fd53
}
.swiper-button-next.swiper-button-disabled, .swiper-button-prev.swiper-button-disabled {
    opacity: .35;
    cursor: auto;
    pointer-events: none
}
.swiper-button-next::before, .swiper-button-prev:before {
    font-size: 14px
}
.swiper-button-lock {
    display: none
}
@media (min-width:25.625em) and (min-width:75.625em) {
    .title {
        font-size: 3.75rem
    }
}
@media (min-width:29.99875em) {
    .button-calc {
        box-shadow: 0 4px 50px 0 rgba(178, 253, 83, .5)
    }
    .item-offer__icon {
        margin: 0 0 0 .625rem
    }
}
@media (min-width:47.99875em) {
    .item-tabs__content {
        padding-top: .9375rem;
        padding-right: 1.875rem
    }
    .title__green svg:nth-child(2) {
        display: none
    }
    .hero__animation img, .hero__animation video {
        -webkit-transform: scale(1.3) rotate(-9deg);
        transform: scale(1.3) rotate(-9deg)
    }
    .why__text {
        text-align: center
    }
    .item-offer__name {
        margin-top: -.75rem
    }
    .item-offer__icon {
        margin: 0 1.5625rem
    }
}
@media (min-width:61.99875em) {
    .header__button {
        display: none
    }
    .why__content {
        padding-bottom: 1.875rem
    }
    .item-offer__icon {
        margin: 0 2.8125rem
    }
    .feedback__container {
        position: relative
    }
}
@media (min-width:75.625em) {
    .options {
        gap: 1.25rem
    }
    .tabs__navigation {
        margin-bottom: 2.5rem
    }
    .item-tabs__name {
        font-size: 3.75rem
    }
    .item-tabs__name:not(:last-child) {
        margin-bottom: .625rem
    }
    .item-tabs__labels:not(:last-child) {
        margin-bottom: 2.5rem
    }
    .title--black {
        font-size: 3.75rem
    }
    .header__container {
        gap: 1.875rem
    }
    .header__logo {
        width: 9.375rem
    }
    .menu__list {
        gap: .625rem
    }
    .social-header {
        gap: .9375rem
    }
    .social-header__link {
        width: 2.0625rem
    }
    .social-header__link {
        height: 2.0625rem
    }
    .social-header__link {
        flex-basis: 2.0625rem
    }
    .footer__head {
        padding-bottom: 1.875rem
    }
    .footer__contacts {
        gap: 1.25rem
    }
    .menu-footer {
        gap: .625rem
    }
    .hero {
        padding-top: 4.375rem
    }
    .hero__container {
        padding-bottom: 9.0625rem
    }
    .hero__title {
        font-size: 5.25rem
    }
    .hero__title {
        margin-bottom: 3.6875rem
    }
    .hero__text {
        max-width: 12.125rem
    }
    .hero__text {
        font-size: 1rem
    }
    .hero__animation {
        width: 27.5rem
    }
    .hero__animation {
        left: 1.875rem
    }
    .button-calc {
        font-size: 1.5rem
    }
    .why__text {
        font-size: 1.5rem
    }
    .why__text:not(:last-child) {
        margin-bottom: 1.875rem
    }
    .why__title {
        font-size: 3.75rem
    }
    .why__title {
        margin-bottom: 1.875rem
    }
    .why__list li {
        font-size: 1rem
    }
    .why__image {
        width: 22.0625rem
    }
    .why__items {
        margin-top: 3.75rem
    }
    .why__items {
        margin-bottom: 3.75rem
    }
    .why__items {
        gap: 5rem
    }
    .request--second {
        padding-top: 2.5rem
    }
    .request__container {
        padding-bottom: 2.5rem
    }
    .request--third {
        padding-top: 2.5rem
    }
    .request__bg--1 {
        width: 16.0625rem
    }
    .request__bg--1 {
        top: 19rem
    }
    .request__bg--2 {
        width: 19.75rem
    }
    .request__bg--3 {
        height: 14.3125rem
    }
    .request__title {
        font-size: 2.1875rem
    }
    .cases__title {
        margin-bottom: 1.25rem
    }
    .cases__button {
        margin-top: 1.875rem
    }
    .offer {
        padding-bottom: 2.5rem
    }
    .item-offer__name {
        font-size: 2.5rem
    }
    .item-offer__name:not(:last-child) {
        margin-bottom: .9375rem
    }
    .item-offer__text {
        font-size: 1.375rem
    }
    .item-offer__labels {
        gap: .9375rem
    }
    .item-offer__labels {
        margin-bottom: 1.875rem
    }
    .stack {
        padding-bottom: 2.5rem
    }
    .stack__title {
        margin-bottom: 2.5rem
    }
    .how {
        padding-bottom: 2.5rem
    }
    .how__list {
        gap: 1.875rem
    }
    .item-how__icon {
        width: 5rem
    }
    .feedback {
        padding-bottom: 2.5rem
    }
    .feedback__title {
        margin-bottom: .9375rem
    }
    .slide-feedback__text {
        font-size: 1.125rem
    }
    .questions {
        padding-bottom: 2.5rem
    }
    .questions__title {
        margin-bottom: 2.5rem
    }
    .questions__button {
        margin-top: 2.5rem
    }
    .page-cases {
        padding-top: 5.4375rem
    }
    .hero-case {
        padding-top: 4.8125rem
    }
    .hero-case {
        padding-bottom: 2.5rem
    }
    .hero-case__labels:not(:last-child) {
        margin-bottom: 1.25rem
    }
    .hero-case__text {
        font-size: 1.375rem
    }
    .screen-case {
        padding-top: 2.5rem
    }
}
@media (min-width:81.875em) {
    .menu__link {
        font-size: .875rem
    }
    .menu-footer__link {
        font-size: .875rem
    }
}
@media (min-width:25em) and (min-width:75.625em) {
    .options {
        gap: 1.25rem
    }
    .request__bg--2 {
        right: -3.125rem
    }
}
@media (min-width:25em) {
    .title__green svg:nth-child(2) {
        -webkit-transform: rotate(12deg);
        transform: rotate(12deg)
    }
}
@media (min-width:25em) and (min-width:47.99875em) {
    .request__bg--2 {
        top: 9.0625rem
    }
}
@media (max-width:50em) {
    .footer__contacts {
        flex-direction: column-reverse;
        align-items: flex-start
    }
}
@media (max-width:26em) {
    .title--black {
        font-size: 1.875rem
    }
    .why__title {
        font-size: 1.875rem
    }
    .request--third {
        padding-top: 1.875rem
    }
    .questions {
        padding-bottom: 1.875rem
    }
    .questions__title {
        margin-bottom: 1.875rem
    }
    .questions__button {
        margin-top: 1.875rem
    }
    .hero-case {
        padding-top: 4.375rem
    }
    .hero-case {
        padding-bottom: 1.875rem
    }
    .hero-case__labels:not(:last-child) {
        margin-bottom: .9375rem
    }
    .hero-case__text {
        font-size: 1.125rem
    }
    .screen-case {
        padding-top: 1.875rem
    }
}
@media (max-width:25em) {
    .spollers__title {
        font-size: 1rem
    }
    .spollers__body {
        font-size: .875rem
    }
    .title__green {
        padding: 0 .375rem
    }
    .title__green svg:nth-child(2) {
        left: 50%;
        -webkit-transform: translate(-50%, 0);
        transform: translate(-50%, 0)
    }
    .footer__social {
        gap: .625rem
    }
    .button-calc {
        padding: .75rem 1.0625rem
    }
    .feedback__navigation {
        gap: .9375rem
    }
}
@media (max-width:20em) {
    .header__container {
        gap: 1.5625rem
    }
    .header__logo {
        width: 8.75rem
    }
    .menu__list {
        gap: .9375rem
    }
    .social-header {
        gap: .625rem
    }
    .social-header__link {
        width: 1.5625rem
    }
    .social-header__link {
        height: 1.5625rem
    }
    .social-header__link {
        flex-basis: 1.5625rem
    }
    .menu-footer {
        gap: .9375rem
    }
    .hero {
        padding-top: 2.5rem
    }
    .hero__container {
        padding-bottom: 4.6875rem
    }
    .hero__title {
        font-size: 2.8125rem
    }
    .hero__title {
        margin-bottom: 1.4375rem
    }
    .hero__text {
        max-width: 10.5625rem
    }
    .hero__text {
        font-size: .875rem
    }
    .hero__animation {
        width: 7.1875rem
    }
    .button-calc {
        font-size: 1.25rem
    }
    .why__text {
        font-size: 1.125rem
    }
    .why__text:not(:last-child) {
        margin-bottom: .9375rem
    }
    .why__title {
        margin-bottom: .9375rem
    }
    .why__list li {
        font-size: .85625rem
    }
    .why__image {
        width: 13.5625rem
    }
    .item-offer__name:not(:last-child) {
        margin-bottom: .5rem
    }
    .slide-feedback__text {
        font-size: .9375rem
    }
    .page-cases {
        padding-top: 5rem
    }
}
@media (max-width:68.75em) {
    .why__content {
        flex: 0 1 60%
    }
}
@media (max-width:61.99875em) {
    .form-request {
        padding: .9375rem
    }
    .options {
        gap: .75rem
    }
    .menu__body {
        background-color: #000;
        display: flex;
        flex-direction: column;
        position: fixed;
        align-items: center;
        width: 100%;
        height: 100%;
        right: -100%;
        top: 0;
        overflow: auto;
        padding: 6.25rem .9375rem 6.25rem .9375rem;
        transition: right .4s;
        gap: 2.5rem
    }
    .menu__body::before {
        content: "";
        position: fixed;
        width: 100%;
        height: 4.375rem;
        right: -100%;
        top: 0;
        transition: left .3s;
        z-index: 2
    }
    .menu-open .menu__body {
        right: 0
    }
    .menu-open .menu__body::before {
        right: 0
    }
    .menu__list {
        margin-bottom: auto
    }
    .menu__link {
        font-size: .75rem
    }
    .menu__link {
        background-color: #282a2f
    }
    .icon-menu {
        display: block;
        position: relative;
        width: 1.75rem;
        height: 1.25rem;
        z-index: 5
    }
    .icon-menu span, .icon-menu::after, .icon-menu::before {
        -webkit-transform: scale(1.001);
        transform: scale(1.001);
        border-radius: .0625rem;
        content: "";
        transition: all .3s ease 0s;
        right: 0;
        position: absolute;
        width: 100%;
        height: .125rem;
        background-color: #fff
    }
    .icon-menu::before {
        top: 0
    }
    .icon-menu::after {
        bottom: 0;
        width: 1.5rem
    }
    .icon-menu span {
        top: calc(50% - .0625rem);
        width: .9375rem
    }
    .menu-open .icon-menu span {
        width: 0
    }
    .menu-open .icon-menu::after, .menu-open .icon-menu::before {
        width: 1.4375rem;
        height: .125rem
    }
    .menu-open .icon-menu::before {
        top: calc(50% - .0625rem);
        -webkit-transform: rotate(-45deg);
        transform: rotate(-45deg)
    }
    .menu-open .icon-menu::after {
        bottom: calc(50% - .0625rem);
        -webkit-transform: rotate(45deg);
        transform: rotate(45deg)
    }
    .menu-footer__link {
        font-size: .75rem
    }
    .menu-footer__link {
        background-color: #282a2f
    }
    .why__body {
        flex-direction: column;
        align-items: center;
        gap: .9375rem
    }
    .why__title {
        max-width: 37.5rem
    }
    .request__container {
        grid-template-columns: 52% auto
    }
    .feedback__tabs {
        position: relative
    }
    .feedback__navigation {
        top: 0;
        right: 0;
        height: 2.5rem;
        display: flex;
        justify-content: center;
        align-items: center
    }
    .screen-case__image {
        padding: 1.5625rem
    }
}
@media (max-width:61.99875em) and (any-hover:none) {
    .icon-menu {
        cursor: default
    }
}
@media (max-width:53.125em) {
    .hero-case__image {
        flex: 0 1 47%
    }
}
@media (max-width:47.99875em) {
    .item-tabs {
        grid-template-columns: 1fr
    }
    .title__green {
        padding: 0 .75rem
    }
    .title__green svg:nth-child(1) {
        display: none
    }
    .title__green svg:nth-child(2) {
        right: 78%
    }
    .menu-open .icon-menu::after, .menu-open .icon-menu::before {
        height: .1rem
    }
    .footer__social {
        gap: 1.5625rem
    }
    .social-footer__link {
        width: 6.875rem
    }
    .hero__container {
        flex-direction: column
    }
    .hero__push {
        flex-direction: column-reverse;
        align-items: flex-start
    }
    .hero__text {
        line-height: 1.57143
    }
    .hero__animation {
        position: absolute;
        right: 0;
        bottom: .625rem
    }
    .button-calc {
        padding: .8125rem 1.5625rem
    }
    .why__title {
        max-width: 31.25rem
    }
    .why__items {
        gap: 1.875rem
    }
    .why__items {
        grid-template-columns: repeat(2, 1fr)
    }
    .request__container {
        grid-template-columns: 1fr
    }
    .request__content {
        height: 30.8125rem
    }
    .request--second .request__content {
        height: auto
    }
    .request--third .request__content {
        height: auto
    }
    .request__bg--1 {
        width: 10rem
    }
    .request__bg--1 {
        top: 26.25rem
    }
    .request__bg--2 {
        width: 17.5rem
    }
    .cases__title {
        justify-self: start
    }
    .item-offer {
        padding: .9375rem 1.25rem 1.25rem 1.25rem
    }
    .hero-case__block {
        padding: 1.25rem
    }
    .hero-case__block {
        flex-direction: column
    }
    .hero-case__title {
        margin-bottom: .9375rem
    }
    .hero-case__labels {
        gap: .625rem
    }
    .hero-case__image {
        padding: 1.875rem
    }
    .screen-case__image {
        padding: 1.25rem
    }
}
@media (max-width:40.625em) {
    .item-how {
        flex-direction: column
    }
    .item-how__head {
        width: 100%
    }
}
@media (max-width:39.375em) {
    .item-offer {
        flex-direction: column;
        gap: 1.875rem
    }
}
@media (max-width:37.5em) {
    .footer__head {
        flex-direction: column;
        gap: 1.25rem
    }
    .menu-footer {
        justify-content: flex-start
    }
}
@media (max-width:29.99875em) {
    .item-tabs__button {
        width: 100%
    }
    .title__green {
        padding: .0625rem .625rem
    }
    .menu__body {
        padding: 5rem .9375rem 5rem .9375rem
    }
    .footer__social {
        width: 100%
    }
    .social-footer__link {
        width: 100%
    }
    .why__block {
        padding: 1.25rem 1.25rem 0 1.25rem
    }
    .why__list li {
        flex-direction: column;
        padding: .9375rem;
        align-items: flex-start
    }
    .why__items {
        grid-template-columns: 1fr
    }
    .item-why__number {
        margin-bottom: 0
    }
    .item-offer {
        gap: 1.25rem
    }
    .item-offer__button {
        width: 100%;
        padding: .9375rem
    }
    .item-how {
        padding: 1.25rem
    }
    .questions__button {
        width: 100%
    }
    .hero-case__button {
        margin-top: 1.0625rem;
        width: 100%
    }
    .hero-case__image {
        padding: 1.875rem .625rem 0 .625rem
    }
}
@media (max-width:27.875em) {
    .tabs__navigation {
        margin-bottom: 1.875rem
    }
    .item-tabs__name {
        font-size: 1.5625rem
    }
    .item-tabs__name:not(:last-child) {
        margin-bottom: .3125rem
    }
    .item-tabs__labels:not(:last-child) {
        margin-bottom: .9375rem
    }
    .footer__head {
        padding-bottom: 1.25rem
    }
    .footer__contacts {
        gap: .9375rem
    }
    .why__items {
        margin-top: 1.875rem
    }
    .why__items {
        margin-bottom: 1.875rem
    }
    .request--second {
        padding-top: 1.875rem
    }
    .request__container {
        padding-bottom: 1.875rem
    }
    .request__bg--3 {
        height: 11.125rem
    }
    .request__title {
        font-size: 1.5625rem
    }
    .cases__title {
        margin-bottom: .625rem
    }
    .cases__button {
        margin-top: 1.25rem
    }
    .offer {
        padding-bottom: 1.875rem
    }
    .item-offer__name {
        font-size: 1.5625rem
    }
    .item-offer__text {
        font-size: 1.125rem
    }
    .item-offer__labels {
        gap: .625rem
    }
    .item-offer__labels {
        margin-bottom: 1.25rem
    }
    .stack {
        padding-bottom: 1.875rem
    }
    .stack__title {
        margin-bottom: 1.875rem
    }
    .how {
        padding-bottom: 1.875rem
    }
    .how__list {
        gap: 1.25rem
    }
    .item-how__icon {
        width: 3.75rem
    }
    .feedback {
        padding-bottom: 1.875rem
    }
    .feedback__title {
        margin-bottom: .625rem
    }
}
@media (max-width:27.5em) {
    .request__bg--1 {
        top: 23.125rem;
        left: -1.25rem
    }
    .request__bg--2 {
        right: -7.5rem;
        top: 20.625rem
    }
}
@media (max-width:26.25em) {
    .options {
        gap: .5rem
    }
}
@media (max-width:25.625em) {
    .title {
        font-size: 2.375rem
    }
}
@media (max-width:24.375em) {
    .why__text {
        font-size: 1rem
    }
    .why__title {
        font-size: 1.625rem
    }
}
@media (max-width:23.75em) {
    .options__label {
        gap: 6px
    }
    .screen-case__image {
        padding: 0
    }
}
@media (max-width:23.125em) {
    .request__bg--2 {
        right: -9.375rem
    }
}
@media (max-width:21.875em) {
    .options {
        flex-wrap: wrap
    }
    .title {
        font-size: 2.125rem
    }
    .why__title {
        font-size: 1.4375rem
    }
}
@media (min-width:25em) and (min-width:61.99875em) and (max-width:75.625em) {
    @supports (gap: clamp(0.75rem, -1.524974773rem + 3.6693881295vw, 1.25rem)) {
        .options {
            gap: clamp(.75rem, -1.524974773rem + 3.6693881295vw, 1.25rem)
        }
    }
    @supports not (gap:clamp(0.75rem, -1.524974773rem + 3.6693881295vw, 1.25rem)) {
        .options {
            gap: calc(.75rem + .5 * (100vw - 61.99875rem)/ 13.62625)
        }
    }
}
@media (min-width:25em) and (max-width:61.99875em) {
    .options {
        gap: .75rem
    }
}
@media (min-width:61.99875em) and (max-width:75.625em) {
    @supports (gap: clamp(0.75rem, -1.524974773rem + 3.6693881295vw, 1.25rem)) {
        .options {
            gap: clamp(.75rem, -1.524974773rem + 3.6693881295vw, 1.25rem)
        }
    }
    @supports not (gap:clamp(0.75rem, -1.524974773rem + 3.6693881295vw, 1.25rem)) {
        .options {
            gap: calc(.75rem + .5 * (100vw - 61.99875rem)/ 13.62625)
        }
    }
}
@media (min-width:27.875em) and (max-width:75.625em) {
    @supports (margin-bottom: clamp(1.875rem, 1.5101439791rem + 1.3089005236vw, 2.5rem)) {
        .tabs__navigation {
            margin-bottom: clamp(1.875rem, 1.5101439791rem + 1.3089005236vw, 2.5rem)
        }
    }
    @supports not (margin-bottom:clamp(1.875rem, 1.5101439791rem + 1.3089005236vw, 2.5rem)) {
        .tabs__navigation {
            margin-bottom: calc(1.875rem + .625 * (100vw - 27.875rem)/ 47.75)
        }
    }
    @supports (font-size:clamp(1.5625rem, 0.2855039267rem + 4.5811518325vw, 3.75rem)) {
        .item-tabs__name {
            font-size: clamp(1.5625rem, .2855039267rem + 4.5811518325vw, 3.75rem)
        }
    }
    @supports not (font-size:clamp(1.5625rem, 0.2855039267rem + 4.5811518325vw, 3.75rem)) {
        .item-tabs__name {
            font-size: calc(1.5625rem + 2.1875 * (100vw - 27.875rem)/ 47.75)
        }
    }
    @supports (margin-bottom:clamp(0.3125rem, 0.1300719895rem + 0.6544502618vw, 0.625rem)) {
        .item-tabs__name:not(:last-child) {
            margin-bottom: clamp(.3125rem, .1300719895rem + .6544502618vw, .625rem)
        }
    }
    @supports not (margin-bottom:clamp(0.3125rem, 0.1300719895rem + 0.6544502618vw, 0.625rem)) {
        .item-tabs__name:not(:last-child) {
            margin-bottom: calc(.3125rem + .3125 * (100vw - 27.875rem)/ 47.75)
        }
    }
    @supports (margin-bottom:clamp(0.9375rem, 0.0253599476rem + 3.2722513089vw, 2.5rem)) {
        .item-tabs__labels:not(:last-child) {
            margin-bottom: clamp(.9375rem, .0253599476rem + 3.2722513089vw, 2.5rem)
        }
    }
    @supports not (margin-bottom:clamp(0.9375rem, 0.0253599476rem + 3.2722513089vw, 2.5rem)) {
        .item-tabs__labels:not(:last-child) {
            margin-bottom: calc(.9375rem + 1.5625 * (100vw - 27.875rem)/ 47.75)
        }
    }
    @supports (padding-bottom:clamp(1.25rem, 0.8851439791rem + 1.3089005236vw, 1.875rem)) {
        .footer__head {
            padding-bottom: clamp(1.25rem, .8851439791rem + 1.3089005236vw, 1.875rem)
        }
    }
    @supports not (padding-bottom:clamp(1.25rem, 0.8851439791rem + 1.3089005236vw, 1.875rem)) {
        .footer__head {
            padding-bottom: calc(1.25rem + .625 * (100vw - 27.875rem)/ 47.75)
        }
    }
    @supports (gap:clamp(0.9375rem, 0.7550719895rem + 0.6544502618vw, 1.25rem)) {
        .footer__contacts {
            gap: clamp(.9375rem, .7550719895rem + .6544502618vw, 1.25rem)
        }
    }
    @supports not (gap:clamp(0.9375rem, 0.7550719895rem + 0.6544502618vw, 1.25rem)) {
        .footer__contacts {
            gap: calc(.9375rem + .3125 * (100vw - 27.875rem)/ 47.75)
        }
    }
    @supports (margin-top:clamp(1.875rem, 0.7804319372rem + 3.9267015707vw, 3.75rem)) {
        .why__items {
            margin-top: clamp(1.875rem, .7804319372rem + 3.9267015707vw, 3.75rem)
        }
    }
    @supports not (margin-top:clamp(1.875rem, 0.7804319372rem + 3.9267015707vw, 3.75rem)) {
        .why__items {
            margin-top: calc(1.875rem + 1.875 * (100vw - 27.875rem)/ 47.75)
        }
    }
    @supports (margin-bottom:clamp(1.875rem, 0.7804319372rem + 3.9267015707vw, 3.75rem)) {
        .why__items {
            margin-bottom: clamp(1.875rem, .7804319372rem + 3.9267015707vw, 3.75rem)
        }
    }
    @supports not (margin-bottom:clamp(1.875rem, 0.7804319372rem + 3.9267015707vw, 3.75rem)) {
        .why__items {
            margin-bottom: calc(1.875rem + 1.875 * (100vw - 27.875rem)/ 47.75)
        }
    }
    @supports (padding-top:clamp(1.875rem, 1.5101439791rem + 1.3089005236vw, 2.5rem)) {
        .request--second {
            padding-top: clamp(1.875rem, 1.5101439791rem + 1.3089005236vw, 2.5rem)
        }
    }
    @supports not (padding-top:clamp(1.875rem, 1.5101439791rem + 1.3089005236vw, 2.5rem)) {
        .request--second {
            padding-top: calc(1.875rem + .625 * (100vw - 27.875rem)/ 47.75)
        }
    }
    @supports (padding-bottom:clamp(1.875rem, 1.5101439791rem + 1.3089005236vw, 2.5rem)) {
        .request__container {
            padding-bottom: clamp(1.875rem, 1.5101439791rem + 1.3089005236vw, 2.5rem)
        }
    }
    @supports not (padding-bottom:clamp(1.875rem, 1.5101439791rem + 1.3089005236vw, 2.5rem)) {
        .request__container {
            padding-bottom: calc(1.875rem + .625 * (100vw - 27.875rem)/ 47.75)
        }
    }
    @supports (height:clamp(11.125rem, 9.2642342932rem + 6.6753926702vw, 14.3125rem)) {
        .request__bg--3 {
            height: clamp(11.125rem, 9.2642342932rem + 6.6753926702vw, 14.3125rem)
        }
    }
    @supports not (height:clamp(11.125rem, 9.2642342932rem + 6.6753926702vw, 14.3125rem)) {
        .request__bg--3 {
            height: calc(11.125rem + 3.1875 * (100vw - 27.875rem)/ 47.75)
        }
    }
    @supports (font-size:clamp(1.5625rem, 1.1976439791rem + 1.3089005236vw, 2.1875rem)) {
        .request__title {
            font-size: clamp(1.5625rem, 1.1976439791rem + 1.3089005236vw, 2.1875rem)
        }
    }
    @supports not (font-size:clamp(1.5625rem, 1.1976439791rem + 1.3089005236vw, 2.1875rem)) {
        .request__title {
            font-size: calc(1.5625rem + .625 * (100vw - 27.875rem)/ 47.75)
        }
    }
    @supports (margin-bottom:clamp(0.625rem, 0.2601439791rem + 1.3089005236vw, 1.25rem)) {
        .cases__title {
            margin-bottom: clamp(.625rem, .2601439791rem + 1.3089005236vw, 1.25rem)
        }
    }
    @supports not (margin-bottom:clamp(0.625rem, 0.2601439791rem + 1.3089005236vw, 1.25rem)) {
        .cases__title {
            margin-bottom: calc(.625rem + .625 * (100vw - 27.875rem)/ 47.75)
        }
    }
    @supports (margin-top:clamp(1.25rem, 0.8851439791rem + 1.3089005236vw, 1.875rem)) {
        .cases__button {
            margin-top: clamp(1.25rem, .8851439791rem + 1.3089005236vw, 1.875rem)
        }
    }
    @supports not (margin-top:clamp(1.25rem, 0.8851439791rem + 1.3089005236vw, 1.875rem)) {
        .cases__button {
            margin-top: calc(1.25rem + .625 * (100vw - 27.875rem)/ 47.75)
        }
    }
    @supports (padding-bottom:clamp(1.875rem, 1.5101439791rem + 1.3089005236vw, 2.5rem)) {
        .offer {
            padding-bottom: clamp(1.875rem, 1.5101439791rem + 1.3089005236vw, 2.5rem)
        }
    }
    @supports not (padding-bottom:clamp(1.875rem, 1.5101439791rem + 1.3089005236vw, 2.5rem)) {
        .offer {
            padding-bottom: calc(1.875rem + .625 * (100vw - 27.875rem)/ 47.75)
        }
    }
    @supports (font-size:clamp(1.5625rem, 1.0152159686rem + 1.9633507853vw, 2.5rem)) {
        .item-offer__name {
            font-size: clamp(1.5625rem, 1.0152159686rem + 1.9633507853vw, 2.5rem)
        }
    }
    @supports not (font-size:clamp(1.5625rem, 1.0152159686rem + 1.9633507853vw, 2.5rem)) {
        .item-offer__name {
            font-size: calc(1.5625rem + .9375 * (100vw - 27.875rem)/ 47.75)
        }
    }
    @supports (font-size:clamp(1.125rem, 0.9790575916rem + 0.5235602094vw, 1.375rem)) {
        .item-offer__text {
            font-size: clamp(1.125rem, .9790575916rem + .5235602094vw, 1.375rem)
        }
    }
    @supports not (font-size:clamp(1.125rem, 0.9790575916rem + 0.5235602094vw, 1.375rem)) {
        .item-offer__text {
            font-size: calc(1.125rem + .25 * (100vw - 27.875rem)/ 47.75)
        }
    }
    @supports (gap:clamp(0.625rem, 0.4425719895rem + 0.6544502618vw, 0.9375rem)) {
        .item-offer__labels {
            gap: clamp(.625rem, .4425719895rem + .6544502618vw, .9375rem)
        }
    }
    @supports not (gap:clamp(0.625rem, 0.4425719895rem + 0.6544502618vw, 0.9375rem)) {
        .item-offer__labels {
            gap: calc(.625rem + .3125 * (100vw - 27.875rem)/ 47.75)
        }
    }
    @supports (margin-bottom:clamp(1.25rem, 0.8851439791rem + 1.3089005236vw, 1.875rem)) {
        .item-offer__labels {
            margin-bottom: clamp(1.25rem, .8851439791rem + 1.3089005236vw, 1.875rem)
        }
    }
    @supports not (margin-bottom:clamp(1.25rem, 0.8851439791rem + 1.3089005236vw, 1.875rem)) {
        .item-offer__labels {
            margin-bottom: calc(1.25rem + .625 * (100vw - 27.875rem)/ 47.75)
        }
    }
    @supports (padding-bottom:clamp(1.875rem, 1.5101439791rem + 1.3089005236vw, 2.5rem)) {
        .stack {
            padding-bottom: clamp(1.875rem, 1.5101439791rem + 1.3089005236vw, 2.5rem)
        }
    }
    @supports not (padding-bottom:clamp(1.875rem, 1.5101439791rem + 1.3089005236vw, 2.5rem)) {
        .stack {
            padding-bottom: calc(1.875rem + .625 * (100vw - 27.875rem)/ 47.75)
        }
    }
    @supports (margin-bottom:clamp(1.875rem, 1.5101439791rem + 1.3089005236vw, 2.5rem)) {
        .stack__title {
            margin-bottom: clamp(1.875rem, 1.5101439791rem + 1.3089005236vw, 2.5rem)
        }
    }
    @supports not (margin-bottom:clamp(1.875rem, 1.5101439791rem + 1.3089005236vw, 2.5rem)) {
        .stack__title {
            margin-bottom: calc(1.875rem + .625 * (100vw - 27.875rem)/ 47.75)
        }
    }
    @supports (padding-bottom:clamp(1.875rem, 1.5101439791rem + 1.3089005236vw, 2.5rem)) {
        .how {
            padding-bottom: clamp(1.875rem, 1.5101439791rem + 1.3089005236vw, 2.5rem)
        }
    }
    @supports not (padding-bottom:clamp(1.875rem, 1.5101439791rem + 1.3089005236vw, 2.5rem)) {
        .how {
            padding-bottom: calc(1.875rem + .625 * (100vw - 27.875rem)/ 47.75)
        }
    }
    @supports (gap:clamp(1.25rem, 0.8851439791rem + 1.3089005236vw, 1.875rem)) {
        .how__list {
            gap: clamp(1.25rem, .8851439791rem + 1.3089005236vw, 1.875rem)
        }
    }
    @supports not (gap:clamp(1.25rem, 0.8851439791rem + 1.3089005236vw, 1.875rem)) {
        .how__list {
            gap: calc(1.25rem + .625 * (100vw - 27.875rem)/ 47.75)
        }
    }
    @supports (width:clamp(3.75rem, 3.0202879581rem + 2.6178010471vw, 5rem)) {
        .item-how__icon {
            width: clamp(3.75rem, 3.0202879581rem + 2.6178010471vw, 5rem)
        }
    }
    @supports not (width:clamp(3.75rem, 3.0202879581rem + 2.6178010471vw, 5rem)) {
        .item-how__icon {
            width: calc(3.75rem + 1.25 * (100vw - 27.875rem)/ 47.75)
        }
    }
    @supports (padding-bottom:clamp(1.875rem, 1.5101439791rem + 1.3089005236vw, 2.5rem)) {
        .feedback {
            padding-bottom: clamp(1.875rem, 1.5101439791rem + 1.3089005236vw, 2.5rem)
        }
    }
    @supports not (padding-bottom:clamp(1.875rem, 1.5101439791rem + 1.3089005236vw, 2.5rem)) {
        .feedback {
            padding-bottom: calc(1.875rem + .625 * (100vw - 27.875rem)/ 47.75)
        }
    }
    @supports (margin-bottom:clamp(0.625rem, 0.4425719895rem + 0.6544502618vw, 0.9375rem)) {
        .feedback__title {
            margin-bottom: clamp(.625rem, .4425719895rem + .6544502618vw, .9375rem)
        }
    }
    @supports not (margin-bottom:clamp(0.625rem, 0.4425719895rem + 0.6544502618vw, 0.9375rem)) {
        .feedback__title {
            margin-bottom: calc(.625rem + .3125 * (100vw - 27.875rem)/ 47.75)
        }
    }
}
@media (min-width:25.625em) and (min-width:26em) and (max-width:75.625em) {
    @supports (font-size: clamp(2.8125rem, 2.3213161209rem + 1.8891687657vw, 3.75rem)) {
        .title {
            font-size: clamp(2.8125rem, 2.3213161209rem + 1.8891687657vw, 3.75rem)
        }
    }
    @supports not (font-size:clamp(2.8125rem, 2.3213161209rem + 1.8891687657vw, 3.75rem)) {
        .title {
            font-size: calc(2.8125rem + .9375 * (100vw - 26rem)/ 49.625)
        }
    }
}
@media (min-width:25.625em) and (max-width:26em) {
    .title {
        font-size: 2.8125rem
    }
}
@media (min-width:26em) and (max-width:75.625em) {
    @supports (font-size: clamp(1.875rem, 0.8926322418rem + 3.7783375315vw, 3.75rem)) {
        .title--black {
            font-size: clamp(1.875rem, .8926322418rem + 3.7783375315vw, 3.75rem)
        }
    }
    @supports not (font-size:clamp(1.875rem, 0.8926322418rem + 3.7783375315vw, 3.75rem)) {
        .title--black {
            font-size: calc(1.875rem + 1.875 * (100vw - 26rem)/ 49.625)
        }
    }
    @supports (font-size:clamp(1.875rem, 0.8926322418rem + 3.7783375315vw, 3.75rem)) {
        .why__title {
            font-size: clamp(1.875rem, .8926322418rem + 3.7783375315vw, 3.75rem)
        }
    }
    @supports not (font-size:clamp(1.875rem, 0.8926322418rem + 3.7783375315vw, 3.75rem)) {
        .why__title {
            font-size: calc(1.875rem + 1.875 * (100vw - 26rem)/ 49.625)
        }
    }
    @supports (padding-top:clamp(1.875rem, 1.5475440806rem + 1.2594458438vw, 2.5rem)) {
        .request--third {
            padding-top: clamp(1.875rem, 1.5475440806rem + 1.2594458438vw, 2.5rem)
        }
    }
    @supports not (padding-top:clamp(1.875rem, 1.5475440806rem + 1.2594458438vw, 2.5rem)) {
        .request--third {
            padding-top: calc(1.875rem + .625 * (100vw - 26rem)/ 49.625)
        }
    }
    @supports (padding-bottom:clamp(1.875rem, 1.5475440806rem + 1.2594458438vw, 2.5rem)) {
        .questions {
            padding-bottom: clamp(1.875rem, 1.5475440806rem + 1.2594458438vw, 2.5rem)
        }
    }
    @supports not (padding-bottom:clamp(1.875rem, 1.5475440806rem + 1.2594458438vw, 2.5rem)) {
        .questions {
            padding-bottom: calc(1.875rem + .625 * (100vw - 26rem)/ 49.625)
        }
    }
    @supports (margin-bottom:clamp(1.875rem, 1.5475440806rem + 1.2594458438vw, 2.5rem)) {
        .questions__title {
            margin-bottom: clamp(1.875rem, 1.5475440806rem + 1.2594458438vw, 2.5rem)
        }
    }
    @supports not (margin-bottom:clamp(1.875rem, 1.5475440806rem + 1.2594458438vw, 2.5rem)) {
        .questions__title {
            margin-bottom: calc(1.875rem + .625 * (100vw - 26rem)/ 49.625)
        }
    }
    @supports (margin-top:clamp(1.875rem, 1.5475440806rem + 1.2594458438vw, 2.5rem)) {
        .questions__button {
            margin-top: clamp(1.875rem, 1.5475440806rem + 1.2594458438vw, 2.5rem)
        }
    }
    @supports not (margin-top:clamp(1.875rem, 1.5475440806rem + 1.2594458438vw, 2.5rem)) {
        .questions__button {
            margin-top: calc(1.875rem + .625 * (100vw - 26rem)/ 49.625)
        }
    }
    @supports (padding-top:clamp(4.375rem, 4.1457808564rem + 0.8816120907vw, 4.8125rem)) {
        .hero-case {
            padding-top: clamp(4.375rem, 4.1457808564rem + .8816120907vw, 4.8125rem)
        }
    }
    @supports not (padding-top:clamp(4.375rem, 4.1457808564rem + 0.8816120907vw, 4.8125rem)) {
        .hero-case {
            padding-top: calc(4.375rem + .4375 * (100vw - 26rem)/ 49.625)
        }
    }
    @supports (padding-bottom:clamp(1.875rem, 1.5475440806rem + 1.2594458438vw, 2.5rem)) {
        .hero-case {
            padding-bottom: clamp(1.875rem, 1.5475440806rem + 1.2594458438vw, 2.5rem)
        }
    }
    @supports not (padding-bottom:clamp(1.875rem, 1.5475440806rem + 1.2594458438vw, 2.5rem)) {
        .hero-case {
            padding-bottom: calc(1.875rem + .625 * (100vw - 26rem)/ 49.625)
        }
    }
    @supports (margin-bottom:clamp(0.9375rem, 0.7737720403rem + 0.6297229219vw, 1.25rem)) {
        .hero-case__labels:not(:last-child) {
            margin-bottom: clamp(.9375rem, .7737720403rem + .6297229219vw, 1.25rem)
        }
    }
    @supports not (margin-bottom:clamp(0.9375rem, 0.7737720403rem + 0.6297229219vw, 1.25rem)) {
        .hero-case__labels:not(:last-child) {
            margin-bottom: calc(.9375rem + .3125 * (100vw - 26rem)/ 49.625)
        }
    }
    @supports (font-size:clamp(1.125rem, 0.9940176322rem + 0.5037783375vw, 1.375rem)) {
        .hero-case__text {
            font-size: clamp(1.125rem, .9940176322rem + .5037783375vw, 1.375rem)
        }
    }
    @supports not (font-size:clamp(1.125rem, 0.9940176322rem + 0.5037783375vw, 1.375rem)) {
        .hero-case__text {
            font-size: calc(1.125rem + .25 * (100vw - 26rem)/ 49.625)
        }
    }
    @supports (padding-top:clamp(1.875rem, 1.5475440806rem + 1.2594458438vw, 2.5rem)) {
        .screen-case {
            padding-top: clamp(1.875rem, 1.5475440806rem + 1.2594458438vw, 2.5rem)
        }
    }
    @supports not (padding-top:clamp(1.875rem, 1.5475440806rem + 1.2594458438vw, 2.5rem)) {
        .screen-case {
            padding-top: calc(1.875rem + .625 * (100vw - 26rem)/ 49.625)
        }
    }
}
@media (min-width:20em) and (max-width:75.625em) {
    @supports (gap: clamp(1.5625rem, 1.4501404494rem + 0.5617977528vw, 1.875rem)) {
        .header__container {
            gap: clamp(1.5625rem, 1.4501404494rem + .5617977528vw, 1.875rem)
        }
    }
    @supports not (gap:clamp(1.5625rem, 1.4501404494rem + 0.5617977528vw, 1.875rem)) {
        .header__container {
            gap: calc(1.5625rem + .3125 * (100vw - 20rem)/ 55.625)
        }
    }
    @supports (width:clamp(8.75rem, 8.5252808989rem + 1.1235955056vw, 9.375rem)) {
        .header__logo {
            width: clamp(8.75rem, 8.5252808989rem + 1.1235955056vw, 9.375rem)
        }
    }
    @supports not (width:clamp(8.75rem, 8.5252808989rem + 1.1235955056vw, 9.375rem)) {
        .header__logo {
            width: calc(8.75rem + .625 * (100vw - 20rem)/ 55.625)
        }
    }
    @supports (gap:clamp(0.625rem, 1.0498595506rem + -0.5617977528vw, 0.9375rem)) {
        .menu__list {
            gap: clamp(.625rem, 1.0498595506rem + -.5617977528vw, .9375rem)
        }
    }
    @supports not (gap:clamp(0.625rem, 1.0498595506rem + -0.5617977528vw, 0.9375rem)) {
        .menu__list {
            gap: calc(.9375rem + -.3125 * (100vw - 20rem)/ 55.625)
        }
    }
    @supports (gap:clamp(0.625rem, 0.5126404494rem + 0.5617977528vw, 0.9375rem)) {
        .social-header {
            gap: clamp(.625rem, .5126404494rem + .5617977528vw, .9375rem)
        }
    }
    @supports not (gap:clamp(0.625rem, 0.5126404494rem + 0.5617977528vw, 0.9375rem)) {
        .social-header {
            gap: calc(.625rem + .3125 * (100vw - 20rem)/ 55.625)
        }
    }
    @supports (width:clamp(1.5625rem, 1.3827247191rem + 0.8988764045vw, 2.0625rem)) {
        .social-header__link {
            width: clamp(1.5625rem, 1.3827247191rem + .8988764045vw, 2.0625rem)
        }
    }
    @supports not (width:clamp(1.5625rem, 1.3827247191rem + 0.8988764045vw, 2.0625rem)) {
        .social-header__link {
            width: calc(1.5625rem + .5 * (100vw - 20rem)/ 55.625)
        }
    }
    @supports (height:clamp(1.5625rem, 1.3827247191rem + 0.8988764045vw, 2.0625rem)) {
        .social-header__link {
            height: clamp(1.5625rem, 1.3827247191rem + .8988764045vw, 2.0625rem)
        }
    }
    @supports not (height:clamp(1.5625rem, 1.3827247191rem + 0.8988764045vw, 2.0625rem)) {
        .social-header__link {
            height: calc(1.5625rem + .5 * (100vw - 20rem)/ 55.625)
        }
    }
    @supports (flex-basis:clamp(1.5625rem, 1.3827247191rem + 0.8988764045vw, 2.0625rem)) {
        .social-header__link {
            flex-basis: clamp(1.5625rem, 1.3827247191rem + .8988764045vw, 2.0625rem)
        }
    }
    @supports not (flex-basis:clamp(1.5625rem, 1.3827247191rem + 0.8988764045vw, 2.0625rem)) {
        .social-header__link {
            flex-basis: calc(1.5625rem + .5 * (100vw - 20rem)/ 55.625)
        }
    }
    @supports (gap:clamp(0.625rem, 1.0498595506rem + -0.5617977528vw, 0.9375rem)) {
        .menu-footer {
            gap: clamp(.625rem, 1.0498595506rem + -.5617977528vw, .9375rem)
        }
    }
    @supports not (gap:clamp(0.625rem, 1.0498595506rem + -0.5617977528vw, 0.9375rem)) {
        .menu-footer {
            gap: calc(.9375rem + -.3125 * (100vw - 20rem)/ 55.625)
        }
    }
    @supports (padding-top:clamp(2.5rem, 1.8258426966rem + 3.3707865169vw, 4.375rem)) {
        .hero {
            padding-top: clamp(2.5rem, 1.8258426966rem + 3.3707865169vw, 4.375rem)
        }
    }
    @supports not (padding-top:clamp(2.5rem, 1.8258426966rem + 3.3707865169vw, 4.375rem)) {
        .hero {
            padding-top: calc(2.5rem + 1.875 * (100vw - 20rem)/ 55.625)
        }
    }
    @supports (padding-bottom:clamp(4.6875rem, 3.1144662921rem + 7.8651685393vw, 9.0625rem)) {
        .hero__container {
            padding-bottom: clamp(4.6875rem, 3.1144662921rem + 7.8651685393vw, 9.0625rem)
        }
    }
    @supports not (padding-bottom:clamp(4.6875rem, 3.1144662921rem + 7.8651685393vw, 9.0625rem)) {
        .hero__container {
            padding-bottom: calc(4.6875rem + 4.375 * (100vw - 20rem)/ 55.625)
        }
    }
    @supports (font-size:clamp(2.8125rem, 1.5765449438rem + 6.1797752809vw, 6.25rem)) {
        .hero__title {
            font-size: clamp(2.8125rem, 1.5765449438rem + 6.1797752809vw, 6.25rem)
        }
    }
    @supports not (font-size:clamp(2.8125rem, 1.5765449438rem + 6.1797752809vw, 6.25rem)) {
        .hero__title {
            font-size: calc(2.8125rem + 3.4375 * (100vw - 20rem)/ 55.625)
        }
    }
    @supports (margin-bottom:clamp(1.4375rem, 0.628511236rem + 4.0449438202vw, 3.6875rem)) {
        .hero__title {
            margin-bottom: clamp(1.4375rem, .628511236rem + 4.0449438202vw, 3.6875rem)
        }
    }
    @supports not (margin-bottom:clamp(1.4375rem, 0.628511236rem + 4.0449438202vw, 3.6875rem)) {
        .hero__title {
            margin-bottom: calc(1.4375rem + 2.25 * (100vw - 20rem)/ 55.625)
        }
    }
    @supports (max-width:clamp(10.5625rem, 10.0007022472rem + 2.808988764vw, 12.125rem)) {
        .hero__text {
            max-width: clamp(10.5625rem, 10.0007022472rem + 2.808988764vw, 12.125rem)
        }
    }
    @supports not (max-width:clamp(10.5625rem, 10.0007022472rem + 2.808988764vw, 12.125rem)) {
        .hero__text {
            max-width: calc(10.5625rem + 1.5625 * (100vw - 20rem)/ 55.625)
        }
    }
    @supports (font-size:clamp(0.875rem, 0.8300561798rem + 0.2247191011vw, 1rem)) {
        .hero__text {
            font-size: clamp(.875rem, .8300561798rem + .2247191011vw, 1rem)
        }
    }
    @supports not (font-size:clamp(0.875rem, 0.8300561798rem + 0.2247191011vw, 1rem)) {
        .hero__text {
            font-size: calc(.875rem + .125 * (100vw - 20rem)/ 55.625)
        }
    }
    @supports (width:clamp(7.1875rem, -0.1158707865rem + 36.5168539326vw, 27.5rem)) {
        .hero__animation {
            width: clamp(7.1875rem, -.1158707865rem + 36.5168539326vw, 27.5rem)
        }
    }
    @supports not (width:clamp(7.1875rem, -0.1158707865rem + 36.5168539326vw, 27.5rem)) {
        .hero__animation {
            width: calc(7.1875rem + 20.3125 * (100vw - 20rem)/ 55.625)
        }
    }
    @supports (font-size:clamp(1.25rem, 1.1601123596rem + 0.4494382022vw, 1.5rem)) {
        .button-calc {
            font-size: clamp(1.25rem, 1.1601123596rem + .4494382022vw, 1.5rem)
        }
    }
    @supports not (font-size:clamp(1.25rem, 1.1601123596rem + 0.4494382022vw, 1.5rem)) {
        .button-calc {
            font-size: calc(1.25rem + .25 * (100vw - 20rem)/ 55.625)
        }
    }
    @supports (font-size:clamp(1.125rem, 0.9901685393rem + 0.6741573034vw, 1.5rem)) {
        .why__text {
            font-size: clamp(1.125rem, .9901685393rem + .6741573034vw, 1.5rem)
        }
    }
    @supports not (font-size:clamp(1.125rem, 0.9901685393rem + 0.6741573034vw, 1.5rem)) {
        .why__text {
            font-size: calc(1.125rem + .375 * (100vw - 20rem)/ 55.625)
        }
    }
    @supports (margin-bottom:clamp(0.9375rem, 0.6004213483rem + 1.6853932584vw, 1.875rem)) {
        .why__text:not(:last-child) {
            margin-bottom: clamp(.9375rem, .6004213483rem + 1.6853932584vw, 1.875rem)
        }
    }
    @supports not (margin-bottom:clamp(0.9375rem, 0.6004213483rem + 1.6853932584vw, 1.875rem)) {
        .why__text:not(:last-child) {
            margin-bottom: calc(.9375rem + .9375 * (100vw - 20rem)/ 55.625)
        }
    }
    @supports (margin-bottom:clamp(0.9375rem, 0.6004213483rem + 1.6853932584vw, 1.875rem)) {
        .why__title {
            margin-bottom: clamp(.9375rem, .6004213483rem + 1.6853932584vw, 1.875rem)
        }
    }
    @supports not (margin-bottom:clamp(0.9375rem, 0.6004213483rem + 1.6853932584vw, 1.875rem)) {
        .why__title {
            margin-bottom: calc(.9375rem + .9375 * (100vw - 20rem)/ 55.625)
        }
    }
    @supports (font-size:clamp(0.85625rem, 0.8045646067rem + 0.2584269663vw, 1rem)) {
        .why__list li {
            font-size: clamp(.85625rem, .8045646067rem + .2584269663vw, 1rem)
        }
    }
    @supports not (font-size:clamp(0.85625rem, 0.8045646067rem + 0.2584269663vw, 1rem)) {
        .why__list li {
            font-size: calc(.85625rem + .14375 * (100vw - 20rem)/ 55.625)
        }
    }
    @supports (width:clamp(13.5625rem, 10.5063202247rem + 15.2808988764vw, 22.0625rem)) {
        .why__image {
            width: clamp(13.5625rem, 10.5063202247rem + 15.2808988764vw, 22.0625rem)
        }
    }
    @supports not (width:clamp(13.5625rem, 10.5063202247rem + 15.2808988764vw, 22.0625rem)) {
        .why__image {
            width: calc(13.5625rem + 8.5 * (100vw - 20rem)/ 55.625)
        }
    }
    @supports (margin-bottom:clamp(0.5rem, 0.3426966292rem + 0.7865168539vw, 0.9375rem)) {
        .item-offer__name:not(:last-child) {
            margin-bottom: clamp(.5rem, .3426966292rem + .7865168539vw, .9375rem)
        }
    }
    @supports not (margin-bottom:clamp(0.5rem, 0.3426966292rem + 0.7865168539vw, 0.9375rem)) {
        .item-offer__name:not(:last-child) {
            margin-bottom: calc(.5rem + .4375 * (100vw - 20rem)/ 55.625)
        }
    }
    @supports (font-size:clamp(0.9375rem, 0.8700842697rem + 0.3370786517vw, 1.125rem)) {
        .slide-feedback__text {
            font-size: clamp(.9375rem, .8700842697rem + .3370786517vw, 1.125rem)
        }
    }
    @supports not (font-size:clamp(0.9375rem, 0.8700842697rem + 0.3370786517vw, 1.125rem)) {
        .slide-feedback__text {
            font-size: calc(.9375rem + .1875 * (100vw - 20rem)/ 55.625)
        }
    }
    @supports (padding-top:clamp(5rem, 4.8426966292rem + 0.7865168539vw, 5.4375rem)) {
        .page-cases {
            padding-top: clamp(5rem, 4.8426966292rem + .7865168539vw, 5.4375rem)
        }
    }
    @supports not (padding-top:clamp(5rem, 4.8426966292rem + 0.7865168539vw, 5.4375rem)) {
        .page-cases {
            padding-top: calc(5rem + .4375 * (100vw - 20rem)/ 55.625)
        }
    }
}
@media (min-width:61.99875em) and (max-width:81.875em) {
    @supports (font-size: clamp(0.75rem, 0.360095277rem + 0.6288912647vw, 0.875rem)) {
        .menu__link {
            font-size: clamp(.75rem, .360095277rem + .6288912647vw, .875rem)
        }
    }
    @supports not (font-size:clamp(0.75rem, 0.360095277rem + 0.6288912647vw, 0.875rem)) {
        .menu__link {
            font-size: calc(.75rem + .125 * (100vw - 61.99875rem)/ 19.87625)
        }
    }
    @supports (font-size:clamp(0.75rem, 0.360095277rem + 0.6288912647vw, 0.875rem)) {
        .menu-footer__link {
            font-size: clamp(.75rem, .360095277rem + .6288912647vw, .875rem)
        }
    }
    @supports not (font-size:clamp(0.75rem, 0.360095277rem + 0.6288912647vw, 0.875rem)) {
        .menu-footer__link {
            font-size: calc(.75rem + .125 * (100vw - 61.99875rem)/ 19.87625)
        }
    }
}
@media (min-width:20em) and (max-width:61.99875em) {
    @supports (font-size: clamp(0.875rem, 0.6368976755rem + 1.1905116224vw, 1.375rem)) {
        .menu__link {
            font-size: clamp(.875rem, .6368976755rem + 1.1905116224vw, 1.375rem)
        }
    }
    @supports not (font-size:clamp(0.875rem, 0.6368976755rem + 1.1905116224vw, 1.375rem)) {
        .menu__link {
            font-size: calc(.875rem + .5 * (100vw - 20rem)/ 41.99875)
        }
    }
}
@media (min-width:47.99875em) and (max-width:75.625em) {
    @supports (gap: clamp(1.875rem, -3.554477173rem + 11.3117053527vw, 5rem)) {
        .why__items {
            gap: clamp(1.875rem, -3.554477173rem + 11.3117053527vw, 5rem)
        }
    }
    @supports not (gap:clamp(1.875rem, -3.554477173rem + 11.3117053527vw, 5rem)) {
        .why__items {
            gap: calc(1.875rem + 3.125 * (100vw - 47.99875rem)/ 27.62625)
        }
    }
    @supports (width:clamp(10rem, -0.5331857156rem + 21.9447083842vw, 16.0625rem)) {
        .request__bg--1 {
            width: clamp(10rem, -.5331857156rem + 21.9447083842vw, 16.0625rem)
        }
    }
    @supports not (width:clamp(10rem, -0.5331857156rem + 21.9447083842vw, 16.0625rem)) {
        .request__bg--1 {
            width: calc(10rem + 6.0625 * (100vw - 47.99875rem)/ 27.62625)
        }
    }
    @supports (top:clamp(19rem, 38.8463870413rem + -26.2431564183vw, 26.25rem)) {
        .request__bg--1 {
            top: clamp(19rem, 38.8463870413rem + -26.2431564183vw, 26.25rem)
        }
    }
    @supports not (top:clamp(19rem, 38.8463870413rem + -26.2431564183vw, 26.25rem)) {
        .request__bg--1 {
            top: calc(26.25rem + -7.25 * (100vw - 47.99875rem)/ 27.62625)
        }
    }
    @supports (width:clamp(17.5rem, 13.5907764355rem + 8.1444278539vw, 19.75rem)) {
        .request__bg--2 {
            width: clamp(17.5rem, 13.5907764355rem + 8.1444278539vw, 19.75rem)
        }
    }
    @supports not (width:clamp(17.5rem, 13.5907764355rem + 8.1444278539vw, 19.75rem)) {
        .request__bg--2 {
            width: calc(17.5rem + 2.25 * (100vw - 47.99875rem)/ 27.62625)
        }
    }
}
@media (min-width:27.5em) and (max-width:47.99875em) {
    @supports (width: clamp(10rem, 1.866882127rem + 29.5749740838vw, 16.0625rem)) {
        .request__bg--1 {
            width: clamp(10rem, 1.866882127rem + 29.5749740838vw, 16.0625rem)
        }
    }
    @supports not (width:clamp(10rem, 1.866882127rem + 29.5749740838vw, 16.0625rem)) {
        .request__bg--1 {
            width: calc(10rem + 6.0625 * (100vw - 27.5rem)/ 20.49875)
        }
    }
}
@media (min-width:27.5em) and (min-width:27.5em) and (max-width:47.99875em) {
    @supports (top: clamp(19rem, 23.2440507043rem + -8.8420025611vw, 20.8125rem)) {
        .request__bg--1 {
            top: clamp(19rem, 23.2440507043rem + -8.8420025611vw, 20.8125rem)
        }
    }
    @supports not (top:clamp(19rem, 23.2440507043rem + -8.8420025611vw, 20.8125rem)) {
        .request__bg--1 {
            top: calc(20.8125rem + -1.8125 * (100vw - 27.5rem)/ 20.49875)
        }
    }
}
@media (min-width:27.875em) and (max-width:47.99875em) {
    @supports (width: clamp(17.5rem, 14.3833467917rem + 11.1808186844vw, 19.75rem)) {
        .request__bg--2 {
            width: clamp(17.5rem, 14.3833467917rem + 11.1808186844vw, 19.75rem)
        }
    }
    @supports not (width:clamp(17.5rem, 14.3833467917rem + 11.1808186844vw, 19.75rem)) {
        .request__bg--2 {
            width: calc(17.5rem + 2.25 * (100vw - 27.875rem)/ 20.12375)
        }
    }
}
@media (min-width:25em) and (min-width:47.99875em) and (max-width:75.625em) {
    @supports (right: clamp(-9.375rem, -20.233954346rem + 22.6234107054vw, -3.125rem)) {
        .request__bg--2 {
            right: clamp(-9.375rem, -20.233954346rem + 22.6234107054vw, -3.125rem)
        }
    }
    @supports not (right:clamp(-9.375rem, -20.233954346rem + 22.6234107054vw, -3.125rem)) {
        .request__bg--2 {
            right: calc(-9.375rem + 6.25 * (100vw - 47.99875rem)/ 27.62625)
        }
    }
}
@media (min-width:25em) and (max-width:47.99875em) {
    .request__bg--2 {
        right: -9.375rem
    }
}
@media (min-width:25em) and (min-width:20em) and (max-width:47.99875em) {
    @supports (right: clamp(-6.4375rem, -11.0359196169rem + 22.9920980847vw, 0.0000000625rem)) {
        .request__bg--2 {
            right: clamp(-6.4375rem, -11.0359196169rem + 22.9920980847vw, .0000000625rem)
        }
    }
    @supports not (right:clamp(-6.4375rem, -11.0359196169rem + 22.9920980847vw, 0.0000000625rem)) {
        .request__bg--2 {
            right: calc(-6.4375rem + 6.4375000625 * (100vw - 20rem)/ 27.99875)
        }
    }
}
@media (min-width:25em) and (min-width:27.875em) and (max-width:47.99875em) {
    @supports (top: clamp(9.0625rem, 28.4420810299rem + -40.3751785825vw, 17.1875rem)) {
        .request__bg--2 {
            top: clamp(9.0625rem, 28.4420810299rem + -40.3751785825vw, 17.1875rem)
        }
    }
    @supports not (top:clamp(9.0625rem, 28.4420810299rem + -40.3751785825vw, 17.1875rem)) {
        .request__bg--2 {
            top: calc(17.1875rem + -8.125 * (100vw - 27.875rem)/ 20.12375)
        }
    }
}
@media (min-width:25em) and (max-width:27.875em) {
    .request__bg--2 {
        top: 17.1875rem
    }
}
@media (any-hover:hover) {
    .form-request__consent a:hover {
        color: #b2fd53
    }
    .options__item:hover .options__label {
        background-color: #2ba2db;
        color: #fff
    }
    .options__item:hover:nth-child(2) .options__label {
        background-color: #51c85d;
        color: #fff
    }
    .options__item:hover:nth-child(3) .options__label {
        background-color: #665ca7;
        color: #fff
    }
    .popup__close:hover {
        stroke: red
    }
    .tabs__title:hover {
        background-color: #b3fd53;
        color: #16171a
    }
    .item-tabs__name:hover {
        text-shadow: 0 4px 50px rgba(178, 253, 83, .4)
    }
    .item-tabs__logo:hover img {
        -webkit-transform: scale(1.03);
        transform: scale(1.03)
    }
    .button:hover {
        box-shadow: 0 4px 50px 0 rgba(178, 253, 83, .65)
    }
    .running-tape-container:hover {
        overflow-x: auto;
        white-space: nowrap
    }
    .menu__link:hover {
        background-color: #b2fd53;
        color: #000
    }
    .social-header__item:nth-child(2) .social-header__link:hover {
        background-color: #b2fd53;
        color: #000
    }
    .social-header__item:nth-child(3) .social-header__link:hover {
        background-color: #b2fd53;
        color: #000
    }
    .social-header__link:hover {
        background-color: #b2fd53;
        color: #000
    }
    .footer__link:hover {
        color: #b2fd53
    }

    .social-footer__link:nth-child(1):hover {
        box-shadow: 0 4px 50px 0 rgba(43, 162, 219, .9)
    }
    .social-footer__link:nth-child(2):hover {
        box-shadow: 0 4px 50px 0 rgba(81, 200, 93, .9)
    }
    .social-footer__link:nth-child(3):hover {
        box-shadow: 0 4px 50px 0 rgba(115, 96, 242, .9)
    }

    .footer__social li:nth-child(1) a:hover {
        box-shadow: 0 4px 50px 0 rgba(43, 162, 219, .9)
    }
    .footer__social li:nth-child(2) a:hover {
        box-shadow: 0 4px 50px 0 rgba(81, 200, 93, .9)
    }
    .footer__social li:nth-child(3) a:hover {
        box-shadow: 0 4px 50px 0 rgba(115, 96, 242, .9)
    }


    .bottom-footer__link:hover {
        color: #b2fd53
    }
    .menu-footer__link:hover {
        background-color: #b2fd53;
        color: #000
    }
    .button-calc:hover {
        box-shadow: 0 4px 50px 0 rgba(178, 253, 83, .65)
    }
    .item-offer__button:hover {
        -webkit-transform: translateY(-3px);
        transform: translateY(-3px);
        box-shadow: 0 10px 20px 0 rgba(0, 0, 0, .3)
    }
    .item-how:hover .item-how__number {
        color: #b3fd53
    }
    .play-button-wrapper #circle-play-b:hover svg {
        -webkit-transform: scale(1.15);
        transform: scale(1.15)
    }
    .swiper-button-next:hover, .swiper-button-prev:hover {
        box-shadow: 0 4px 30px 0 #b2fd53
    }
}

.style-form .wrp-btn {
    position: relative;
}
.wrp-btn .wpcf7-spinner {
    position: absolute;
    left: 0;
    right: 0;
    margin: 0 auto;
}
.wpcf7 form.style-form .wpcf7-response-output {
    margin: 0;
    color: #333;
    border-radius: 5px;
	font-size: 12px;
	font-weight: 500;
	padding: 5px 10px 5px 10px;
	line-height: 16px;
	/* margin: 10px 0px 0px 0px; */
	margin: -30px 0px 0px 0px;
	border: solid 1px #D0D7F9!important;
	background: #E7EBFF;
	position: relative;
	z-index: 9;
}
.style-form .wpcf7-not-valid-tip {
    font-size: 14px;
    font-size: 12px;
	padding: 5px 0px 0px 5px;
}
.popup__close {
    outline: none !important;
    border: none !important;
}
._form-focus{
	 border: none!important;
}
._form-focus ._form-focus{
	outline: 2px solid #D8DBEE!important;
}
body .mfp-close-btn-in .mfp-close{
	margin-top: 4px;
}
.hero .hero__animation{
	opacity:1!important;
}
.mb-none{
    position: relative;
    margin-top: -55px!important;
    z-index: -1;
}
.item-tabs-none{
    display: none;
}
.tabs__item-in > .tabs__item:nth-child(1), .tabs__item-in > .tabs__item:nth-child(2), .tabs__item-in > .tabs__item:nth-child(3){
    display: grid!important;
}
.content-style h2, .content-style h3, .content-style h4, .content-style h5, .content-style h6{
    line-height: 108%;
    letter-spacing: 0.02em;
    text-transform: uppercase;
    color: #b2fd53;
    margin-bottom: 21px;
    font-weight: bold;
}
.content-style{
    padding: 25px 0;
}
.content-style h2{
    font-size: 46px;
}
.content-style h3{
    font-size: 40px;
    padding-top: 15px;
}
.content-style h4{
    font-size: 38px;
}
.content-style h5{
    font-size: 32px;
}
.content-style h6{
    font-size: 28px;
}
.content-style h1{
    font-weight: 900;
    font-size: 50px;
    line-height: 108%;
    letter-spacing: 0.02em;
    text-transform: uppercase;
    color: #b2fd53;
    margin-bottom: 21px;
    text-align: center;
}
.content-style p{
    font-weight: 500;
    font-size: 18px;
    line-height: 156%;
    letter-spacing: 0.02em;
    color: #fff;
    margin-bottom: 28px;
}
.img-error{
    padding: 0 15px;
    display: flex;
    justify-content: center;
    margin-bottom: 35px;
}
.img-error img{
    max-width: 100%;
}
.er-home{
    display: table;
    margin: 0 auto;
}



@media screen and (max-width: 414px) {
    .request--second .request__title span, .hero__title-green._watcher-view. {
        display: block;
    }
}
@media screen and (max-width: 600px) {
    .content-style h1{
        font-size: 28px;
    }
    .content-style h2{
        font-size: 27px;
    }
    .content-style h3{
        font-size: 26px;
        padding-top: 15px;
    }
    .content-style h4{
        font-size: 25px;
    }
    .content-style h5{
        font-size: 24px;
    }
    .content-style h6{
        font-size: 23px;
    }
    .content-style p{
        font-size: 16px;
        margin-bottom: 15px;
    }
    .content-style{
        padding: 0;
    }
}