@import url(https://fonts.googleapis.com/css?family=Inter:regular,500,600,700,900&display=swap);
body{
    margin: 0;
    font-family: GothamPro, sans-serif ;
}

div, input, button, textarea, span{
    outline:none;
}

div>.isNoVisible,.isNoVisible{
    display: none;
}

/*Gotham*/
@font-face {
    font-family: 'GothamPro';
    src:
    url(assets/cbf4739bc9f7fcec70ba.eot?) format('eot'),
    url(assets/4333077c71640f3c5087.otf)  format('opentype'),
    url(assets/93bcdf3ff833496b4680.woff) format('woff'),
    url(assets/15f00e73e0f0d261d7e7.ttf)  format('truetype');
    font-weight: 900;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'GothamPro';
    src:
    url(assets/8035f892b8e30e50c1fe.eot?) format('eot'),
    url(assets/07c3dae3b91c195f1a46.otf)  format('opentype'),
    url(assets/f673b84dc92972fdbf1e.woff) format('woff'),
    url(assets/a42c58a9db6440c555d1.ttf)  format('truetype');
    font-weight: 900;
    font-style: italic;
}
@font-face {
    font-family: 'GothamPro';
    src:
    url(assets/85ce0de1b7ca48a7dd08.eot?) format('eot'),
    url(assets/862396a1bd5d8613b8c0.otf)  format('opentype'),
    url(assets/6ebdbdeefe8dd584cd8f.woff) format('woff'),
    url(assets/f021908619d9f7765d3d.ttf)  format('truetype');
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'GothamPro';
    src:
    url(assets/581e85cf9b16bee9eb26.eot?) format('eot'),
    url(assets/887d35e18d1deaef2c80.otf)  format('opentype'),
    url(assets/cad8f163b88c9e7df1ca.woff) format('woff'),
    url(assets/9610ff9a486eedf7a8ac.ttf)  format('truetype');
    font-weight: 700;
    font-style: italic;
    font-display: swap;
}
@font-face {
    font-family: 'GothamPro';
    src:
    url(assets/4b1fe1c17d38ce766950.eot?) format('eot'),
    url(assets/8e98c9c5fb7e795c47f3.otf)  format('opentype'),
    url(assets/2d0f7a4e93d7d5b7f00d.woff) format('woff'),
    url(assets/ecdb9a14bd15b227ac98.ttf)  format('truetype');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'GothamPro';
    src:
    url(assets/62bfb017da02409be9bd.eot?) format('eot'),
    url(assets/d2ed06413d1ec464426b.otf)  format('opentype'),
    url(assets/f37446daadb2c64ea2ea.woff) format('woff'),
    url(assets/16664e9688082701b029.ttf)  format('truetype');
    font-weight: 500;
    font-style: italic;
    font-display: swap;
}
@font-face {
    font-family: 'GothamPro';
    src:
    url(assets/46799eced90e0ce5e542.eot?) format('eot'),
    url(assets/db405428a4cf91ba01a6.otf)  format('opentype'),
    url(assets/08276ea93af232ff1c1a.woff) format('woff'),
    url(assets/5621452fe07fa8209824.ttf)  format('truetype');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'GothamPro';
    src:
    url(assets/e91916262c308c88e986.eot?) format('eot'),
    url(assets/74c6740d3b273b35c7e8.otf)  format('opentype'),
    url(assets/6ffca8c84e495fb67a56.woff) format('woff'),
    url(assets/245a8c19701826e420ad.ttf)  format('truetype');
    font-weight: 400;
    font-style: italic;
    font-display: swap;
}
@font-face {
    font-family: 'GothamPro';
    src:
    url(assets/861e23bacb753b526315.eot?) format('eot'),
    url(assets/0308caa5b91408598f28.otf)  format('opentype'),
    url(assets/6bb03e9653bffd34fb0f.woff) format('woff'),
    url(assets/b0e94f9855f3086d1373.ttf)  format('truetype');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'GothamPro';
    src:
    url(assets/afdec246e77fdfc10185.eot?) format('eot'),
    url(assets/cc02187652f52e112164.otf)  format('opentype'),
    url(assets/56752e6e4b1e9e92fb9f.woff) format('woff'),
    url(assets/aba8123cef50aced1186.ttf)  format('truetype');
    font-weight: 200;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'GothamPro';
    src:
    url(assets/b3ca7f13f0e228d6fdbb.eot?) format('eot'),
    url(assets/23c9cb33401ab55a6842.otf)  format('opentype'),
    url(assets/907fe422f9e96b0f50e6.woff) format('woff'),
    url(assets/d3cd934970ce92c992d7.ttf)  format('truetype');
    font-weight: 100;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'GothamPro';
    src:
    url(assets/6c8840082c4c5e4ab56c.eot?) format('eot'),
    url(assets/007f2a95fe873df8e37c.otf)  format('opentype'),
    url(assets/f2ba30e302e957e2ca9c.woff) format('woff'),
    url(assets/a389c69ce161d1a263c3.ttf)  format('truetype');
    font-weight: 100;
    font-style: italic;
    font-display: swap;
}
/*'Roboto'*/
@font-face {
    font-display: swap;    font-family: 'Roboto';
    src: url(assets/07a21e85941a6d3ca8a6.ttf);
    font-weight: 900;
    font-style: normal;
}
@font-face {
    font-display: swap;    font-family: 'Roboto';
    src: url(assets/6a93c6dcc83d3e09b22e.ttf);
    font-weight: 900;
    font-style: italic;
}
@font-face {
    font-display: swap;    font-family: 'Roboto';
    src: url(assets/c13d0c4f45623629e371.ttf);
    font-weight: 700;
    font-style: normal;
}
@font-face {
    font-display: swap;    font-family: 'Roboto';
    src: url(assets/be69c6f4fd74b6f8c126.ttf);
    font-weight: 700;
    font-style: italic;
}
@font-face {
    font-display: swap;    font-family: 'Roboto';
    src: url(assets/58a88fefc100ccf3cf59.ttf);
    font-weight: 500;
    font-style: normal;
}
@font-face {
    font-display: swap;    font-family: 'Roboto';
    src: url(assets/a186f4b1646a6b07d3ec.ttf);
    font-weight: 500;
    font-style: italic;
}
@font-face {
    font-display: swap;    font-family: 'Roboto';
    src: url(assets/d08b3cc873089fdba7fb.ttf);
    font-weight: 400;
    font-style: normal;
}
@font-face {
    font-display: swap;    font-family: 'Roboto';
    src: url(assets/801622d3d97b471ac0a1.ttf);
    font-weight: 400;
    font-style: italic;
}
@font-face {
    font-display: swap;    font-family: 'Roboto';
    src: url(assets/5911576099b5bb97cadf.ttf);
    font-weight: 300;
    font-style: normal;
}
@font-face {
    font-display: swap;    font-family: 'Roboto';
    src: url(assets/35d37b3f03a45cfd32f1.ttf);
    font-weight: 300;
    font-style: italic;
}
@font-face {
    font-display: swap;    font-family: 'Roboto';
    src: url(assets/00fc594b8a514c3f772a.ttf);
    font-weight: 100;
    font-style: normal;
}
@font-face {
    font-display: swap;    font-family: 'Roboto';
    src: url(assets/73fd4dfb663d8e46d762.ttf);
    font-weight: 100;
    font-style: italic;
}

.StandartInvisible{
    display: none;
}

@charset "UTF-8";

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

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

:focus,
:active {
    outline: none;
}

a:focus,
a:active {
    outline: none;
}

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

body {
    color: #fff;
    line-height: 1;
    font-family: "Inter";
    font-size: 1rem;
    -ms-text-size-adjust: 100%;
    -moz-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

input,
button,
textarea {
    font-family: "Inter";
    font-size: inherit;
    line-height: inherit;
}

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

a {
    color: inherit;
    text-decoration: none;
}

ul li {
    list-style: none;
}

img {
    vertical-align: top;
}

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

.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;
    background-color: #0b0b0f;
}

@supports (overflow: clip) {
    .wrapper {
        overflow: clip;
    }
}

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

.wrapper > * {
    min-width: 0;
}

/*
(i) Стилі будуть застосовуватись до
всіх класів, що містять *__container
Наприклад header__container, main__container і т.п.
Сніппет (HTML): cnt
*/

[class*=__container] {
    max-width: 82.5rem;
    margin: 0 auto;
    padding: 0 1.25rem;
}

.button {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    border-radius: 0.625rem;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
}

.button--fw {
    width: 100%;
}

.button-decor {
    position: relative;
    overflow: hidden;
}

.button-decor span {
    position: relative;
    z-index: 2;
}

.button-decor::before {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: linear-gradient(190deg, #18c8ff 0%, #933ffe 100%);
    z-index: 0;
}

.button-decor::after {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: linear-gradient(18deg, #18c8ff 0%, #933ffe 100%);
    opacity: 0;
    visibility: hidden;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
    z-index: 1;
}

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

.input {
    width: 100%;
    display: block;
    padding: 0px 20px;
}

.input[placeholder]:not([data-placeholder-nohiden])::-webkit-input-placeholder {
    -webkit-transition: opacity 0.3s;
    transition: opacity 0.3s;
}

.input[placeholder]:not([data-placeholder-nohiden])::-moz-placeholder {
    -moz-transition: opacity 0.3s;
    transition: opacity 0.3s;
}

.input[placeholder]:not([data-placeholder-nohiden]):-ms-input-placeholder {
    -ms-transition: opacity 0.3s;
    transition: opacity 0.3s;
}

.input[placeholder]:not([data-placeholder-nohiden])::-ms-input-placeholder {
    -ms-transition: opacity 0.3s;
    transition: opacity 0.3s;
}

.input[placeholder]:not([data-placeholder-nohiden])::placeholder {
    -webkit-transition: opacity 0.3s;
    transition: opacity 0.3s;
}

.input[placeholder]:not([data-placeholder-nohiden]):focus::-webkit-input-placeholder {
    opacity: 0;
}

.input[placeholder]:not([data-placeholder-nohiden]):focus::-moz-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;
}

.select {
    width: 4.375rem;
    min-width: 0;
    position: relative;
}

.select__body {
    position: relative;
}

.select__title {
    color: inherit;
    text-align: left;
    cursor: pointer;
    width: 100%;
    border-radius: 4px;
}

.select__value {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    min-width: 0;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    height: 1.25rem;
    gap: 0.5rem;
    font-size: 0.75rem;
    font-weight: 600;
    line-height: 1;
}

.select__value .select__text {
    display: none;
}

.select__value > * {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
}

.select__value:after {
    content: "";
    -ms-flex-item-align: center;
    -ms-grid-row-align: center;
    align-self: center;
    width: 0.625rem;
    height: 0.3125rem;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 10px;
    flex: 0 0 10px;
    -webkit-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
    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;
    background: url(assets/7aecb15742954fe40cd7.svg) 0 0/100% 100% no-repeat;
}

._select-open .select__value:after {
    -webkit-transform: rotate(-180deg);
    -ms-transform: rotate(-180deg);
    transform: rotate(-180deg);
}

.select__value._select-pseudo-label::before {
    content: attr(data-pseudo-label);
    opacity: 0.5;
}

.select__content {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 0.5rem;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.select__content::after {
    content: "";
    display: block;
    width: 1.625rem;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 1.625rem;
    flex: 0 0 1.625rem;
    height: 1.0625rem;
    border-radius: 0.125rem;
}

.select__content.select__option-en::after {
    background: url(assets/11ac5ab5ec71a982f459.png) 0 0/100% 100% no-repeat;
}

.select__content.select__option-ru::after {
    background: url(assets/5901a65269286872dec3.png) 0 0/100% 100% no-repeat;
}

.select__content.select__option-ge::after {
    background: url(assets/e903137ccf19323bf3d9.png) 0 0/100% 100% no-repeat;
}

.select__text {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.select__input {
    width: 100%;
    background-color: transparent;
    height: 100%;
}

.select__options {
    color: #b4b4b4;
    position: absolute;
    top: calc(100% + 1.125rem);
    border-radius: 0.9375rem;
    background: #14181e;
    min-width: 10.625rem;
    left: 0;
    overflow: hidden;
}

.select__scroll {
    overflow-y: auto;
    overflow-x: hidden;
    max-height: 34.375rem;
}

.select__option {
    width: 100%;
    text-align: left;
    cursor: pointer;
    padding: 1.25rem;
    color: inherit;
    border-bottom: 1px solid #2e3849;
    color: #b4b4b4;
    font-size: 0.875rem;
    font-weight: 500;
    line-height: 1.1428571429;
}

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

.select__option._select-selected {
    background-color: #eee;
}

.select__option .select__asset {
    display: none;
}

.select__row {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.select--show-top .select__options {
    top: auto;
    bottom: calc(100% - 0.0625rem);
    border: 1px solid #d9d9d9;
    border-bottom: 0;
    border-radius: 4px 4px 0 0;
    padding: 5px 0px 10px 0px;
}

._select-tag {
    cursor: pointer;
}

body::after {
    content: "";
    background-color: rgba(0, 0, 0, 0.5);
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    opacity: 0;
    -webkit-transition: opacity 0.8s ease 0s;
    transition: opacity 0.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 0.8s ease 0s;
    transition: visibility 0.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);
    -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 0.3s ease 0s;
    transition: -webkit-transform 0.3s ease 0s;
    transition: transform 0.3s ease 0s;
    transition: transform 0.3s ease 0s, -webkit-transform 0.3s ease 0s;
    width: 100%;
    max-width: 26.25rem;
    border-radius: 1.25rem;
    background-color: #14171f;
    border: 1px solid #2c2f38;
    position: relative;
}

.popup3 .popup__content {
    max-width: 23.25rem;
}

.lock .popup__content {
    visibility: visible;
}

.popup__close {
    position: absolute;
    width: 1.625rem;
    height: 1.625rem;
    background: url(assets/5e49828fcc90cab25a25.png) 0 0/100% 100% no-repeat;
}

.popup__title {
    font-weight: 700;
    line-height: 1.25;
}

.popup__inpblock {
    position: relative;
}

.popup__inpblock .form__error {
    position: absolute;
    left: 0;
    top: 100%;
    color: #d34b4b;
    font-size: 0.8125rem;
    line-height: 1;
}

.popup__inptop {
    color: #868c9d;
    line-height: 1.4615384615;
    margin-bottom: 0.3125rem;
}

.popup__input {
    border: 0.5px solid #495062;
    background: #1f232d;
    font-size: 1rem;
    color: #fff;
}

._form-error .popup__input {
    border-color: #d34b4b;
    color: #d34b4b;
}

.popup__button {
    padding-left: 1.875rem;
    padding-right: 1.875rem;
    text-align: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.popup3 .popup__body {
    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;
}

.popup3__title {
    text-align: center;
    font-size: 1.5rem;
    font-weight: 700;
    line-height: 1.1666666667;
    margin-bottom: 0.9375rem;
}

.popup3__subtitle {
    text-align: center;
    font-size: 1.125rem;
    font-weight: 500;
    line-height: 1;
}

.popup3__button {
    padding-left: 2.5rem;
    padding-right: 2.5rem;
}

[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;
}

[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;
}

.header {
    position: absolute;
    width: 100%;
    left: 0;
    z-index: 4;
    opacity: 0;
}

.header {
    -webkit-animation: opacity 0.4s linear both;
    animation: opacity 0.4s linear both;
}

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

.header__logo-ibg {
    width: 14.0625rem;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 14.0625rem;
    flex: 0 0 14.0625rem;
    height: 2.3125rem;
    display: block;
}

.header__logo-ibg .header__logo-s,
.header__logo-ibg .header__logo-b {
    display: none;
}

.header__right {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.header__right_right{
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.header__form {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.header__button {
    border-radius: 0.625rem;
    border: 1px solid #fff;
    text-align: center;
    font-weight: 600;
    line-height: 1;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
    position: relative;
    overflow: hidden;
    white-space: nowrap;
    background-color: rgba(0, 0, 0, 0.3);
}

.header__button span {
    position: relative;
    z-index: 1;
}

.header__button::before {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: linear-gradient(190deg, #18c8ff 0%, #933ffe 100%);
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
    opacity: 0;
    visibility: hidden;
}

.footer {
    background: #16161e;
    padding-bottom: 1.875rem;
}

.footer__container {
    position: relative;
}

.footer__container::before {
    content: "";
    position: absolute;
    width: 24.1875rem;
    height: 27.625rem;
    top: 50%;
    left: 90%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    background: url(assets/93bc9db98c7eb89bf8ed.png) 0 0/100% 100% no-repeat;
}

.footer__top {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 3.75rem;
    position: relative;
    z-index: 1;
    -webkit-column-gap: 4rem;
    -moz-column-gap: 4rem;
    column-gap: 4rem;
    row-gap: 2.5rem;
}

.footer__logocont {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 14.125rem;
    flex: 0 0 14.125rem;
    width: 14.125rem;
    height: 2.3125rem;
}

.footer__blocks {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    -webkit-column-gap: 0.9375rem;
    -moz-column-gap: 0.9375rem;
    column-gap: 0.9375rem;
    row-gap: 2.5rem;
}

.footer__block {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 30%;
    flex: 1 1 30%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.footer__block:first-child {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 30%;
    flex: 1 1 30%;
}

.footer__blockcont {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: start;
    max-width: 27.25rem;
}

.footer__name {
    color: #646f86;
    font-size: 1rem;
    margin-bottom: 1.25rem;
}

.footer__text {
    font-weight: 700;
    font-size: 1.125rem;
    line-height: 1.1111111111;
}

.footer__text p:not(:last-child) {
    margin-bottom: 0.9375rem;
}

.footer__text a {
    position: relative;
    display: block;
}

.footer__text a::after {
    content: "";
    position: absolute;
    height: 0.0625rem;
    bottom: 0;
    left: 50%;
    width: 0rem;
    background-color: #fff;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
}

.footer__bottom {
    color: #546378;
    font-size: 13px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-weight: 600;
    gap: 1.25rem;
    row-gap: 1.5625rem;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    position: relative;
    z-index: 1;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.footer__left {
    text-decoration: underline;
}

.mail {
    position: fixed;
    right: 5rem;
    bottom: 20.25rem;
    cursor: pointer;
    z-index: 5;
}

.mail__body {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 3.625rem;
    height: 3.625rem;
    border-radius: 50%;
    background: linear-gradient(190deg, #18c8ff 0%, #933ffe 100%);
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
    position: relative;
}

.mail__body::before,
.mail__body::after {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    background: linear-gradient(190deg, #18c8ff 0%, #933ffe 100%);
    border-radius: 50%;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
}

.mail__body::before {
    width: calc(100% + 12px);
    height: calc(100% + 12px);
    z-index: 1;
    opacity: 0.3;
}

.mail__body::after {
    width: calc(100% + 6px);
    height: calc(100% + 6px);
    z-index: 2;
    opacity: 0.6;
}

.mail__bodydec {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    border-radius: 50%;
    background: linear-gradient(18deg, #18c8ff 0%, #933ffe 100%);
    opacity: 0;
    visibility: hidden;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
    z-index: 4;
}

.mail__bodydec::before,
.mail__bodydec::after {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    background: linear-gradient(18deg, #18c8ff 0%, #933ffe 100%);
    border-radius: 50%;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
}

.mail__bodydec::before {
    width: calc(100% + 12px);
    height: calc(100% + 12px);
    z-index: 1;
    opacity: 0.3;
}

.mail__bodydec::after {
    width: calc(100% + 6px);
    height: calc(100% + 6px);
    z-index: 2;
    opacity: 0.6;
}

.mail__image-ibg {
    width: 1.75rem;
    height: 1.75rem;
    z-index: 4;
}

.first {
    position: relative;
}

.first__top {
    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;
    position: relative;
    z-index: 2;
}

.first__title {
    text-align: center;
    font-weight: 900;
    line-height: 130%;
    max-width: 54.375rem;
    opacity: 0;
}

.first .first__title {
    -webkit-animation: opacity 0.4s 0.4s linear both;
    animation: opacity 0.4s 0.4s linear both;
}

.first__subtitle {
    color: #898ca9;
    text-align: center;
    line-height: 150%;
    max-width: 25.3125rem;
    opacity: 0;
    -webkit-transform: translateY(20%);
    -ms-transform: translateY(20%);
    transform: translateY(20%);
}

.first__subtitle span {
    color: #dee1ff;
    font-weight: 700;
    white-space: nowrap;
}

.first .first__subtitle {
    -webkit-animation: opacitytrans 0.4s 0.8s linear both;
    animation: opacitytrans 0.4s 0.8s linear both;
}

.first__button {
    padding: 1.1875rem 1.875rem;
    opacity: 0;
    -webkit-transform: translateY(20%);
    -ms-transform: translateY(20%);
    transform: translateY(20%);
}

.first__button span {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 1.5rem;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.first__button span::after {
    content: "";
    display: block;
    width: 1.1875rem;
    height: 1.1875rem;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 1.1875rem;
    flex: 0 0 1.1875rem;
    background: url(assets/b95a08083cc3179de475.svg) 0 0/100% 100% no-repeat;
    -webkit-transition: all 0.2s;
    transition: all 0.2s;
}

.first .first__button {
    -webkit-animation: opacitytrans 0.4s 1.2s linear both;
    animation: opacitytrans 0.4s 1.2s linear both;
}

.first__imagecont {
    max-width: 61.25rem;
    margin: 0 auto;
    opacity: 0;
    -webkit-transform: translateY(20%);
    -ms-transform: translateY(20%);
    transform: translateY(20%);
}

.first .first__imagecont {
    -webkit-animation: opacitytrans 0.4s 1.6s linear both;
    animation: opacitytrans 0.4s 1.6s linear both;
}

.first__image-ibg {
    border-radius: 0.625rem;
    overflow: hidden;
    padding-top: 61.23%;
    border: 1px solid #3d4565;
}

.items__body {
    max-width: 72rem;
    margin-left: auto;
    margin-right: auto;
    position: relative;
}

.items__body::before,
.items__body::after {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    pointer-events: none;
    border-radius: 50%;
}

.items__body::after {
    width: 32.875rem;
    height: 32.875rem;
    background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 194, 255, 0)), to(rgba(255, 41, 195, 0.6)));
    background: linear-gradient(180deg, rgba(0, 194, 255, 0) 0%, rgba(255, 41, 195, 0.6) 100%);
    -webkit-filter: blur(310px);
    filter: blur(310px);
    top: 50%;
    left: 0;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    z-index: 1;
}

.items__body::before {
    top: 20%;
    right: -10%;
    width: 23.4375rem;
    height: 23.4375rem;
    left: auto;
    background: -webkit-gradient(linear, left top, left bottom, from(#173b80), to(#11573e));
    background: linear-gradient(180deg, #173b80 0%, #11573e 100%);
    -webkit-filter: blur(270px);
    filter: blur(270px);
}

.items__show-content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: 2.5rem;
}

.items__item {
    -webkit-box-flex: 0;
    -ms-flex: 0 1 calc((100% - 120px) / 4);
    flex: 0 1 calc((100% - 120px) / 4);
    border-radius: 1.25rem;
    border: 1px solid #25252e;
    background: #131820;
    padding-top: 0.9375rem;
    padding-bottom: 1.6875rem;
    padding-left: 1rem;
    padding-right: 1rem;
    text-align: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
    position: relative;

}

.items__item::after {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 1;
    border: 1px solid transparent;
    background: #131820;
    border-radius: 1.25rem;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
}

.items__item::before {
    content: "";
    position: absolute;
    width: calc(100% + 4px);
    height: calc(100% + 4px);
    top: -2px;
    left: -2px;
    background: linear-gradient(190deg, #18c8ff 0%, #933ffe 100%);
    z-index: 0;
    border-radius: 1.25rem;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
}

.items ._watcher-view.items__item {
    -webkit-animation: opacitytrans 0.4s linear both;
    animation: opacitytrans 0.4s linear both;
}

.items__image-ibg--contain {
    width: 5.875rem;
    height: 5.875rem;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 5.875rem;
    flex: 0 0 5.875rem;
    margin-bottom: 1.1875rem;
    position: relative;
    z-index: 2;
}

.items__title {
    font-size: 1rem;
    font-weight: 600;
    line-height: 1.0625;
    margin-bottom: 1.125rem;
    position: relative;
    z-index: 2;
}

.items__text {
    color: #898ca9;
    font-size: 0.875rem;
    line-height: 120%;
    position: relative;
    z-index: 2;
}

.items__show-more {
    width: 100%;
    border-radius: 10px;
    border: 1px solid #fff;
    margin-top: 1.25rem;
    text-align: center;
    font-size: 0.875rem;
    font-weight: 600;
    line-height: 100%;
    padding: 0.75rem;
}

.built__container {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 100%;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    gap: 0.625rem;
}

.built-2 .built__container {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse;
}

.built__title {
    font-weight: 900;
    line-height: 130%;
    opacity: 0;
}

._watcher-view .built__title {
    -webkit-animation: opacity 0.4s 0.2s linear both;
    animation: opacity 0.4s 0.2s linear both;
}

.built__list {
    counter-reset: myCounter;
}

.built__item {
    font-weight: 700;
    line-height: 125%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-column-gap: 1.375rem;
    -moz-column-gap: 1.375rem;
    column-gap: 1.375rem;
    row-gap: 0.3125rem;
    opacity: 0;
    -webkit-transform: translateY(30%);
    -ms-transform: translateY(30%);
    transform: translateY(30%);

}

.built__item::before {
    counter-increment: myCounter;
    content: "0" counter(myCounter);
    color: #55556d;
    font-weight: 700;
    line-height: 125%;
}

._watcher-view .built__item:nth-child(1) {
    -webkit-animation: opacitytrans 0.4s 0.6s linear both;
    animation: opacitytrans 0.4s 0.6s linear both;
}

._watcher-view .built__item:nth-child(2) {
    -webkit-animation: opacitytrans 0.4s 1s linear both;
    animation: opacitytrans 0.4s 1s linear both;
}

._watcher-view .built__item:nth-child(3) {
    -webkit-animation: opacitytrans 0.4s 1.4s linear both;
    animation: opacitytrans 0.4s 1.4s linear both;
}

._watcher-view .built__item:nth-child(4) {
    -webkit-animation: opacitytrans 0.4s 1.8s linear both;
    animation: opacitytrans 0.4s 1.8s linear both;
}

._watcher-view .built__item:nth-child(5) {
    -webkit-animation: opacitytrans 0.4s 2.2s linear both;
    animation: opacitytrans 0.4s 2.2s linear both;
}

.built__imagecont {
    position: relative;
}

._watcher-view .built__imagecont{
    -webkit-animation: opacitytrans 1.4s linear both;
    animation: opacitytrans 1.4s linear both;
}

.built-1 .built__imagecont {
    opacity: 0;
    -webkit-transform: translateX(-10%);
    -ms-transform: translateX(-10%);
    transform: translateX(-10%);
}
.built__imagecont._watcher-view {
    -webkit-animation: opacitytrans 1.4s linear both;
    animation: opacitytrans 1.4s linear both;
}

.built-1 .built__imagecont::before {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    top: -15%;
    left: -40%;
    border-radius: 526px;
    background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 194, 255, 0)), to(rgba(255, 41, 195, 0.4)));
    background: linear-gradient(180deg, rgba(0, 194, 255, 0) 0%, rgba(255, 41, 195, 0.4) 100%);
    -webkit-filter: blur(200px);
    filter: blur(200px);
    z-index: 1;
}

.built-2 .built__imagecont {
    opacity: 0;
    -webkit-transform: translateX(10%);
    -ms-transform: translateX(10%);
    transform: translateX(10%);
}

.built-2 .built__imagecont::before {
    content: "";
}

.built-3 .built__imagecont::before {
    width: 150%;
    height: 200%;
    top: 20%;
    right: 0;
    left: auto;
    border-radius: 0;
    background: url(assets/e592910f485679bd77ac.png) 0 0/100% 100% no-repeat;
    -webkit-filter: none;
    filter: none;
    opacity: 0.4;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}

.built__star-ibg {
    display: none;
}

.built__image-ibg {
    border-radius: 2.5rem;
    overflow: hidden;
}

.built__round-ibg {
    border-radius: 50%;
    background: url(assets/f2e573a3edee3ae74ce7.png) 0 0/100% 100% no-repeat;
    position: absolute;
    bottom: 0;
    left: 0;
    -webkit-transform: translate(-75%, 50%);
    -ms-transform: translate(-75%, 50%);
    transform: translate(-75%, 50%);
    z-index: 2;
}

.feedback {
    position: relative;
}

.feedback::before {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: url(assets/e400490b61373358b52e.png) bottom 0 right 0/120% 120% no-repeat;
    opacity: 0.3;
}

.feedback__container {
    position: relative;
}

.feedback__title {
    position: relative;
    text-align: left;
    font-weight: 700;
    line-height: 1;
}

.feedback__title::before {
    content: "";
    position: absolute;
    width: 44.3125rem;
    height: 47.125rem;
    -webkit-transform: rotate(-53.899deg);
    -ms-transform: rotate(-53.899deg);
    transform: rotate(-53.899deg);
    right: 80%;
    top: 0;
    -webkit-transform: translateY(-60%);
    -ms-transform: translateY(-60%);
    transform: translateY(-60%);
    background: url(assets/7336c8950d9d49001aa9.png) 0 0/100% 100% no-repeat;
}

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

.feedback__form .input {
    background-color: transparent;
    border: none;
    padding-bottom: 0.9375rem;
    padding-left: 0;
    color: #fff;
    line-height: 1.4;
    border-bottom: 1px solid #3f3f51;
}

.feedback__form .input._form-focus {
    border-color: #fff;
}

.feedback__form .input._form-error {
    border-color: #d34b4b;
}

.feedback__row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 2.5rem;
}

.feedback__rowcont {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 33.333%;
    flex: 1 1 33.333%;
    position: relative;
}

.feedback__rowcont .form__error {
    position: absolute;
    top: calc(100% + 3px);
    color: #d34b4b;
    font-size: 0.9375rem;
    left: 0;
}

.feedback__row-2 {
    position: relative;
}

.feedback__row-2 .form__error {
    position: absolute;
    top: calc(100% + 3px);
    color: #d34b4b;
    font-size: 0.9375rem;
    left: 0;
}

.feedback__bottom {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 1.875rem;
    max-width: 50.375rem;
}

.popup__inputlabel-file {
    width: 100%;
    position: relative;
    -webkit-box-flex: 1;
    -ms-flex: 1 1 50%;
    flex: 1 1 50%;
}

.popup__inputlabel-file label {
    width: 100%;
    height: 100%;
    display: block;
}

.popup__inputlabel-file input {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    font-size: 0;
    cursor: pointer;
}

.popup__inputlabel-filebutton {
    color: #fff;
    background-color: #1c1e2d;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 2.75rem;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    height: 100%;
    cursor: pointer;
    padding: 0.625rem;
}

.popup__inputlabel-filebutton span {
    white-space: nowrap;
    text-overflow: ellipsis;
    max-width: 14.6875rem;
    overflow: hidden;
    position: relative;
}

.popup__inputlabel-filebutton::before {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: linear-gradient(190deg, #18c8ff 0%, #933ffe 100%);
    border-radius: 0.625rem;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
    opacity: 0;
    visibility: hidden;
}

.popup__inputlabel-filebutton::after {
    content: "";
    display: block;
    -webkit-box-flex: 0;
    -ms-flex: 0 0;
    flex: 0 0;
    background: url(assets/470dd9447174f2b3c4d0.svg) 0 0/100% 100% no-repeat;
    position: relative;
}

.feedback__submit {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 50%;
    flex: 1 1 50%;
    font-weight: 700;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 1.5625rem;
}

.feedback__info {
    line-height: 1.5;
    font-size: 1rem;
}

.feedback__info a {
    color: #984cfb;
    text-decoration: underline;
}

@-webkit-keyframes opacity {
    100% {
        opacity: 1;
    }
}

@keyframes opacity {
    100% {
        opacity: 1;
    }
}

@-webkit-keyframes opacitytrans {
    100% {
        opacity: 1;
        -webkit-transform: translate(0);
        transform: translate(0);
    }
}

@keyframes opacitytrans {
    100% {
        opacity: 1;
        -webkit-transform: translate(0);
        transform: translate(0);
        animation-delay: 500ms;
    }
}

[data-simplebar] {
    position: relative;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -ms-flex-line-pack: start;
    align-content: flex-start;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
}

.simplebar-wrapper {
    overflow: hidden;
    width: inherit;
    height: inherit;
    max-width: inherit;
    max-height: inherit;
}

.simplebar-mask {
    direction: inherit;
    position: absolute;
    overflow: hidden;
    padding: 0;
    margin: 0;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    width: auto !important;
    height: auto !important;
    z-index: 0;
}

.simplebar-offset {
    direction: inherit !important;
    -webkit-box-sizing: inherit !important;
    box-sizing: inherit !important;
    resize: none !important;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    padding: 0;
    margin: 0;
    -webkit-overflow-scrolling: touch;
}

.simplebar-content-wrapper {
    direction: inherit;
    -webkit-box-sizing: border-box !important;
    box-sizing: border-box !important;
    position: relative;
    display: block;
    height: 100%;
    /* Required for horizontal native scrollbar to not appear if parent is taller than natural height */
    width: auto;
    max-width: 100%;
    /* Not required for horizontal scroll to trigger */
    max-height: 100%;
    /* Needed for vertical scroll to trigger */
    overflow: auto;
    scrollbar-width: none;
    -ms-overflow-style: none;
}

.simplebar-content-wrapper::-webkit-scrollbar,
.simplebar-hide-scrollbar::-webkit-scrollbar {
    display: none;
    width: 0;
    height: 0;
}

.simplebar-content:before,
.simplebar-content:after {
    content: " ";
    display: table;
}

.simplebar-placeholder {
    max-height: 100%;
    max-width: 100%;
    width: 100%;
    pointer-events: none;
}

.simplebar-height-auto-observer-wrapper {
    -webkit-box-sizing: inherit !important;
    box-sizing: inherit !important;
    height: 100%;
    width: 100%;
    max-width: 1px;
    position: relative;
    float: left;
    max-height: 1px;
    overflow: hidden;
    z-index: -1;
    padding: 0;
    margin: 0;
    pointer-events: none;
    -webkit-box-flex: inherit;
    -ms-flex-positive: inherit;
    flex-grow: inherit;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
}

.simplebar-height-auto-observer {
    -webkit-box-sizing: inherit;
    box-sizing: inherit;
    display: block;
    opacity: 0;
    position: absolute;
    top: 0;
    left: 0;
    height: 1000%;
    width: 1000%;
    min-height: 1px;
    min-width: 1px;
    overflow: hidden;
    pointer-events: none;
    z-index: -1;
}

.simplebar-track {
    z-index: 1;
    position: absolute;
    right: 0;
    bottom: 0;
    pointer-events: none;
    overflow: hidden;
}

[data-simplebar].simplebar-dragging {
    pointer-events: none;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

[data-simplebar].simplebar-dragging .simplebar-content {
    pointer-events: none;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

[data-simplebar].simplebar-dragging .simplebar-track {
    pointer-events: all;
}

.simplebar-scrollbar {
    position: absolute;
    left: 0;
    right: 0;
    min-height: 10px;
}

.simplebar-scrollbar:before {
    position: absolute;
    content: "";
    background: black;
    border-radius: 7px;
    left: 2px;
    right: 2px;
    opacity: 0;
    -webkit-transition: opacity 0.2s 0.5s linear;
    transition: opacity 0.2s 0.5s linear;
}

.simplebar-scrollbar.simplebar-visible:before {
    opacity: 0.5;
    -webkit-transition-delay: 0s;
    transition-delay: 0s;
    -webkit-transition-duration: 0s;
    transition-duration: 0s;
}

.simplebar-track.simplebar-vertical {
    top: 0;
    width: 11px;
}

.simplebar-scrollbar:before {
    top: 2px;
    bottom: 2px;
    left: 2px;
    right: 2px;
}

.simplebar-track.simplebar-horizontal {
    left: 0;
    height: 11px;
}

.simplebar-track.simplebar-horizontal .simplebar-scrollbar {
    right: auto;
    left: 0;
    top: 0;
    bottom: 0;
    min-height: 0;
    min-width: 10px;
    width: auto;
}

/* Rtl support */

[data-simplebar-direction=rtl] .simplebar-track.simplebar-vertical {
    right: auto;
    left: 0;
}

.simplebar-dummy-scrollbar-size {
    direction: rtl;
    position: fixed;
    opacity: 0;
    visibility: hidden;
    height: 500px;
    width: 500px;
    overflow-y: hidden;
    overflow-x: scroll;
    -ms-overflow-style: scrollbar !important;
}

.simplebar-dummy-scrollbar-size > div {
    width: 200%;
    height: 200%;
    margin: 10px 0;
}

.simplebar-hide-scrollbar {
    position: fixed;
    left: 0;
    visibility: hidden;
    overflow-y: scroll;
    scrollbar-width: none;
    -ms-overflow-style: none;
}

@media (min-width: 47.99875em) {
    .header__logo-ibg .header__logo-b {
        display: block;
    }

    .first {
        background: url(assets/8a8c9385c9aa83882473.png) center/cover no-repeat;
    }

    .items__title {
        max-width: 13.75rem;
        word-wrap: break-word;
        -ms-flex-item-align: center;
        -ms-grid-row-align: center;
        align-self: center;
    }

    .built__body {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 49%;
        flex: 0 0 49%;
    }

    .built-2 .built__title {
        max-width: 25.625rem;
    }

    .built__list {
        max-width: 36.875rem;
    }

    .built-2 .built__list {
        max-width: 30.25rem;
    }

    .built-1 .built__imagecont {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 46%;
        flex: 0 0 46%;
    }

    .built-2 .built__imagecont {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 45%;
        flex: 0 0 45%;
    }

    .built-1 .built__imagecont::after {
        content: "";
        position: absolute;
        width: calc(100% + 214px);
        height: 100%;
        top: 0;
        right: 0;
        background-color: rgba(0, 0, 0, 0.2);
        border-radius: 2.5rem;
    }

    .built-2 .built__imagecont::before {
        content: "";
        position: absolute;
        width: 150%;
        height: 150%;
        bottom: -10%;
        right: -50%;
        background: url(assets/6a2ff1477c9e8237212e.png) 0 0/100% 100% no-repeat;
        z-index: 1;
    }

    .built-2 .built__imagecont::after {
        content: "";
        position: absolute;
        width: calc(100% + 214px);
        height: 100%;
        top: 0;
        left: 0;
        background-color: rgba(0, 0, 0, 0.2);
        border-radius: 2.5rem;
        z-index: 2;
    }

    .built-3 .built__imagecont::after {
        content: "";
        display: none;
    }

    .built__star-ibg {
        display: block;
        position: absolute;
        bottom: calc(100% + 15px);
        right: 3.75rem;
    }

    .built-3 .built__star-ibg {
        bottom: auto;
        top: calc(100% - 5px);
        right: 73%;
    }

    .built-1 .built__image-ibg {
        padding-top: calc(61% + 214px);
        margin-left: -13.375rem;
    }

    .built-2 .built__image-ibg {
        padding-top: calc(61% + 214px);
        margin-right: -13.375rem;
    }
}

@media (min-width: 47.99875em) and (min-width: 82.5em) {
    .built__star-ibg {
        width: 4.625rem;
    }

    .built__star-ibg {
        height: 4.625rem;
    }
}

@media (min-width: 82.5em) {
    .popup__content {
        padding: 2.5rem;
    }

    .popup3 .popup__content {
        padding-top: 2.8125rem;
    }

    .popup__close {
        top: 1.25rem;
    }

    .popup__close {
        right: 1.25rem;
    }

    .popup__title {
        font-size: 1.5rem;
    }

    .popup__title {
        margin-bottom: 1.875rem;
    }

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

    .popup__inptop {
        font-size: 0.8125rem;
    }

    .popup__input {
        border-radius: 0.875rem;
    }

    .popup__input {
        padding-top: 1rem;
    }

    .popup__input {
        padding-bottom: 1rem;
    }

    .popup__button {
        padding-top: 1.25rem;
    }

    .popup__button {
        padding-bottom: 1.25rem;
    }

    .popup__button {
        font-size: 1rem;
    }

    .popup3__image-ibg {
        width: 6.375rem;
    }

    .popup3__image-ibg {
        height: 7.0625rem;
    }

    .popup3__image-ibg {
        margin-bottom: 1.1875rem;
    }

    .popup3__subtitle {
        margin-bottom: 2.1875rem;
    }

    .popup3__button {
        padding-top: 1.25rem;
    }

    .popup3__button {
        padding-bottom: 1.25rem;
    }

    .header {
        top: 2.625rem;
    }

    .header__right {
        -webkit-column-gap: 2.75rem;
        -moz-column-gap: 2.75rem;
        column-gap: 2.75rem;
    }

    .header__button {
        padding-top: 0.75rem;
    }

    .header__button {
        padding-bottom: 0.75rem;
    }

    .header__button {
        padding-right: 1.375rem;
    }

    .header__button {
        padding-left: 1.375rem;
    }

    .header__button {
        font-size: 0.875rem;
    }

    .footer {
        padding-top: 3.125rem;
    }

    .footer__top {
        margin-bottom: 5.375rem;
    }

    .first {
        padding-top: 16.8125rem;
    }

    .first {
        padding-bottom: 3.75rem;
    }

    .first__top {
        margin-bottom: 10rem;
    }

    .first__title {
        font-size: 3.4375rem;
    }

    .first__title {
        margin-bottom: 1rem;
    }

    .first__title {
        max-width: 54.375rem;
    }

    .first__subtitle {
        font-size: 1rem;
    }

    .first__subtitle {
        max-width: 25.3125rem;
    }

    .first__subtitle {
        margin-bottom: 2rem;
    }

    .items {
        padding-top: 3.75rem;
    }

    .items {
        padding-bottom: 6.6875rem;
    }

    .built.built-1 {
        padding-top: 6.6875rem;
    }

    .built.built-1 {
        padding-bottom: 6.1875rem;
    }

    .built.built-2 {
        padding-top: 6.25rem;
    }

    .built.built-2 {
        padding-bottom: 7.6875rem;
    }

    .built__title {
        font-size: 3.125rem;
    }

    .built__title {
        margin-bottom: 2.5rem;
    }

    .built__item {
        font-size: 1.5rem;
    }

    .built__item:not(:last-child) {
        margin-bottom: 2.1875rem;
    }

    .built__item::before {
        font-size: 1.5rem;
    }

    .built__round-ibg {
        width: 10.75rem;
    }

    .built__round-ibg {
        height: 10.75rem;
    }

    .feedback {
        padding-top: 10rem;
    }

    .feedback {
        margin-bottom: 8.4375rem;
    }

    .feedback__title {
        margin-bottom: 5rem;
    }

    .feedback__title {
        font-size: 3.875rem;
    }

    .feedback__form .input {
        font-size: 1.25rem;
    }

    .feedback__row {
        margin-bottom: 6.875rem;
    }

    .feedback__row-2 {
        margin-bottom: 4.375rem;
    }

    .feedback__bottom {
        margin-bottom: 2.1875rem;
    }

    .popup__inputlabel-filebutton {
        font-size: 1.5rem;
    }

    .popup__inputlabel-filebutton::after {
        width: 2.625rem;
    }

    .popup__inputlabel-filebutton::after {
        height: 2.625rem;
    }

    .popup__inputlabel-filebutton::after {
        -ms-flex-preferred-size: 2.625rem;
        flex-basis: 2.625rem;
    }

    .feedback__submit {
        font-size: 1.5rem;
    }
}

@media (max-width: 20em) {
    .popup__content {
        padding: 1.25rem;
    }

    .popup3 .popup__content {
        padding-top: 1.875rem;
    }

    .popup__close {
        top: 0.9375rem;
    }

    .popup__close {
        right: 0.9375rem;
    }

    .popup__title {
        font-size: 1.125rem;
    }

    .popup__title {
        margin-bottom: 1.5625rem;
    }

    .popup__inpblock:not(:last-child) {
        margin-bottom: 0.9375rem;
    }

    .popup__inptop {
        font-size: 0.75rem;
    }

    .popup__input {
        border-radius: 0.625rem;
    }

    .popup__input {
        padding-top: 0.625rem;
    }

    .popup__input {
        padding-bottom: 0.625rem;
    }

    .popup__button {
        padding-top: 0.875rem;
    }

    .popup__button {
        padding-bottom: 0.875rem;
    }

    .popup__button {
        font-size: 0.875rem;
    }

    .popup3__image-ibg {
        width: 4.9375rem;
    }

    .popup3__image-ibg {
        height: 5.4375rem;
    }

    .popup3__image-ibg {
        margin-bottom: 1.8125rem;
    }

    .popup3__subtitle {
        margin-bottom: 1.5625rem;
    }

    .popup3__button {
        padding-top: 0.875rem;
    }

    .popup3__button {
        padding-bottom: 0.875rem;
    }

    .header {
        top: 1.6875rem;
    }

    .header__right {
        -webkit-column-gap: 0.625rem;
        -moz-column-gap: 0.625rem;
        column-gap: 0.625rem;
    }

    .header__button {
        padding-top: 0.375rem;
    }

    .header__button {
        padding-bottom: 0.375rem;
    }

    .header__button {
        padding-right: 0.5rem;
    }

    .header__button {
        padding-left: 0.5rem;
    }

    .header__button {
        font-size: 0.625rem;
    }

    .footer {
        padding-top: 1.875rem;
    }

    .footer__top {
        margin-bottom: 5rem;
    }

    .first {
        padding-top: 10.5625rem;
    }

    .first {
        padding-bottom: 1.25rem;
    }

    .first__top {
        margin-bottom: 3.125rem;
    }

    .first__title {
        font-size: 1.5rem;
    }

    .first__title {
        margin-bottom: 1.375rem;
    }

    .first__title {
        max-width: 15.625rem;
    }

    .first__subtitle {
        font-size: 0.875rem;
    }

    .first__subtitle {
        max-width: 16.25rem;
    }

    .first__subtitle {
        margin-bottom: 1.5625rem;
    }

    .items {
        padding-top: 1.25rem;
    }

    .items {
        padding-bottom: 2.5rem;
    }

    .built.built-1 {
        padding-top: 2.5rem;
    }

    .built.built-1 {
        padding-bottom: 2.5rem;
    }

    .built.built-2 {
        padding-top: 2.5rem;
    }

    .built.built-2 {
        padding-bottom: 2.5rem;
    }

    .built__title {
        font-size: 1.5rem;
    }

    .built__title {
        margin-bottom: 1.875rem;
    }

    .built__item {
        font-size: 1.125rem;
    }

    .built__item:not(:last-child) {
        margin-bottom: 1.5625rem;
    }

    .built__item::before {
        font-size: 1.125rem;
    }

    .built__round-ibg {
        width: 5.625rem;
    }

    .built__round-ibg {
        height: 5.625rem;
    }

    .feedback {
        padding-top: 2.5rem;
    }

    .feedback {
        margin-bottom: 5rem;
    }

    .feedback__title {
        margin-bottom: 1.875rem;
    }

    .feedback__title {
        font-size: 2rem;
    }

    .feedback__form .input {
        font-size: 1.125rem;
    }

    .feedback__row {
        margin-bottom: 5rem;
    }

    .feedback__row-2 {
        margin-bottom: 2.5rem;
    }

    .feedback__bottom {
        margin-bottom: 2.5rem;
    }

    .popup__inputlabel-filebutton {
        font-size: 1.25rem;
    }

    .popup__inputlabel-filebutton::after {
        width: 2.25rem;
    }

    .popup__inputlabel-filebutton::after {
        height: 2.25rem;
    }

    .popup__inputlabel-filebutton::after {
        -ms-flex-preferred-size: 2.25rem;
        flex-basis: 2.25rem;
    }

    .feedback__submit {
        font-size: 1.25rem;
    }
}

@media (max-width: 82.5em) {
    .items__show-content {
        gap: 1.875rem;
    }
}

@media (max-width: 61.99875em) {
    .footer__top {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }

    .footer__logocont {
        -webkit-box-flex: 1;
        -ms-flex: 1 1 auto;
        flex: 1 1 auto;
    }

    .footer__block {
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: start;
    }

    .items__item {
        -webkit-box-flex: 0;
        -ms-flex: 0 1 calc((100% - 60px) / 3);
        flex: 0 1 calc((100% - 60px) / 3);
    }

    .feedback__row {
        gap: 1.25rem;
    }
}

@media (max-width: 47.99875em) {
    .popup__title {
        font-weight: 600;
    }

    .popup__button {
        width: 100%;
    }

    .header__logo-ibg {
        width: 7.1875rem;
        height: 1.9375rem;
        -webkit-box-flex: 0;
        -ms-flex: 0 0 7.1875rem;
        flex: 0 0 7.1875rem;
    }

    .header__logo-ibg .header__logo-s {
        display: block;
    }

    .footer__container::before {
        left: 70%;
    }

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

    .mail {
        right: 2.25rem;
        bottom: 23.125rem;
    }

    .mail__body {
        width: 2.5rem;
        height: 2.5rem;
    }

    .mail__image-ibg {
        width: 1.25rem;
        height: 1.25rem;
    }

    .first::after {
        content: "";
        position: absolute;
        width: 100%;
        height: 100%;
        top: 0;
        left: 0;
        background: url(assets/0656bb5ef5458dcfdfb5.png) center/cover no-repeat;
    }

    .items__body::after {
        display: none;
    }

    .items__body::before {
        display: none;
    }

    .items__show-content {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
        gap: 0.625rem;
    }

    .items__item {
        border-radius: 0.5625rem;
        gap: 0.9375rem;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        text-align: left;
        padding: 1.125rem;
    }

    .items__item::after {
        border-radius: 0.5625rem;
        background: rgba(29, 29, 38, 0.6);
    }

    .items__item::before {
        border-radius: 0.5625rem;
    }

    .items__image-ibg--contain {
        width: 3.875rem;
        height: 3.875rem;
        -webkit-box-flex: 0;
        -ms-flex: 0 0 3.875rem;
        flex: 0 0 3.875rem;
        -ms-flex-item-align: start;
        -ms-grid-row-align: start;
        align-self: start;
    }

    .items__title {
        margin-bottom: 0.625rem;
        line-height: 1.1875;
    }

    .items__text {
        font-size: 0.8125rem;
        line-height: 130%;
    }

    .built__container {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        gap: 5rem;
    }

    .built-2 .built__container {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }

    .built__imagecont {
        width: 100%;
    }

    .built-1 .built__imagecont::before {
        top: 50%;
        left: 50%;
        -webkit-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
    }

    .built-2 .built__imagecont::before {
        position: absolute;
        width: 80%;
        height: 80%;
        top: 50%;
        left: 50%;
        -webkit-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
        border-radius: 526px;
        background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 194, 255, 0)), to(rgba(255, 41, 195, 0.4)));
        background: linear-gradient(180deg, rgba(0, 194, 255, 0) 0%, rgba(255, 41, 195, 0.4) 100%);
        -webkit-filter: blur(200px);
        filter: blur(200px);
        z-index: 1;
    }

    .built-3 .built__imagecont::before {
        display: none;
    }

    .built__image-ibg {
        border-radius: 0.625rem;
        padding-top: 71%;
    }

    .built__round-ibg {
        -webkit-transform: translate(-50%, 50%);
        -ms-transform: translate(-50%, 50%);
        transform: translate(-50%, 50%);
    }

    .feedback__title::before {
        right: 70%;
    }

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

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

    .popup__inputlabel-filebutton {
        padding-top: 0.875rem;
        padding-bottom: 0.875rem;
    }
}

@media (max-width: 29.99875em) {
    .footer__bottom {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }

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

    .feedback__title::before {
        right: 60%;
    }
}

@media (max-width: 21.875em) {
    .select__options {
        left: auto;
        right: 0;
    }

    .header__right {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        row-gap: 0.625rem;
    }
}

@media (min-width: 20em) and (max-width: 82.5em) {
    @supports (padding: clamp( 1.25rem , 0.85rem  +  2vw , 2.5rem )) {
        .popup__content {
            padding: clamp( 1.25rem , 0.85rem  +  2vw , 2.5rem );
        }
    }

    @supports not (padding: clamp( 1.25rem , 0.85rem  +  2vw , 2.5rem )) {
        .popup__content {
            padding: calc(1.25rem + 1.25 * (100vw - 20rem) / 62.5);
        }
    }

    @supports (padding-top: clamp( 1.875rem , 1.575rem  +  1.5vw , 2.8125rem )) {
        .popup3 .popup__content {
            padding-top: clamp( 1.875rem , 1.575rem  +  1.5vw , 2.8125rem );
        }
    }

    @supports not (padding-top: clamp( 1.875rem , 1.575rem  +  1.5vw , 2.8125rem )) {
        .popup3 .popup__content {
            padding-top: calc(1.875rem + 0.9375 * (100vw - 20rem) / 62.5);
        }
    }

    @supports (top: clamp( 0.9375rem , 0.8375rem  +  0.5vw , 1.25rem )) {
        .popup__close {
            top: clamp( 0.9375rem , 0.8375rem  +  0.5vw , 1.25rem );
        }
    }

    @supports not (top: clamp( 0.9375rem , 0.8375rem  +  0.5vw , 1.25rem )) {
        .popup__close {
            top: calc(0.9375rem + 0.3125 * (100vw - 20rem) / 62.5);
        }
    }

    @supports (right: clamp( 0.9375rem , 0.8375rem  +  0.5vw , 1.25rem )) {
        .popup__close {
            right: clamp( 0.9375rem , 0.8375rem  +  0.5vw , 1.25rem );
        }
    }

    @supports not (right: clamp( 0.9375rem , 0.8375rem  +  0.5vw , 1.25rem )) {
        .popup__close {
            right: calc(0.9375rem + 0.3125 * (100vw - 20rem) / 62.5);
        }
    }

    @supports (font-size: clamp( 1.125rem , 1.005rem  +  0.6vw , 1.5rem )) {
        .popup__title {
            font-size: clamp( 1.125rem , 1.005rem  +  0.6vw , 1.5rem );
        }
    }

    @supports not (font-size: clamp( 1.125rem , 1.005rem  +  0.6vw , 1.5rem )) {
        .popup__title {
            font-size: calc(1.125rem + 0.375 * (100vw - 20rem) / 62.5);
        }
    }

    @supports (margin-bottom: clamp( 1.5625rem , 1.4625rem  +  0.5vw , 1.875rem )) {
        .popup__title {
            margin-bottom: clamp( 1.5625rem , 1.4625rem  +  0.5vw , 1.875rem );
        }
    }

    @supports not (margin-bottom: clamp( 1.5625rem , 1.4625rem  +  0.5vw , 1.875rem )) {
        .popup__title {
            margin-bottom: calc(1.5625rem + 0.3125 * (100vw - 20rem) / 62.5);
        }
    }

    @supports (margin-bottom: clamp( 0.9375rem , 0.6375rem  +  1.5vw , 1.875rem )) {
        .popup__inpblock:not(:last-child) {
            margin-bottom: clamp( 0.9375rem , 0.6375rem  +  1.5vw , 1.875rem );
        }
    }

    @supports not (margin-bottom: clamp( 0.9375rem , 0.6375rem  +  1.5vw , 1.875rem )) {
        .popup__inpblock:not(:last-child) {
            margin-bottom: calc(0.9375rem + 0.9375 * (100vw - 20rem) / 62.5);
        }
    }

    @supports (font-size: clamp( 0.75rem , 0.73rem  +  0.1vw , 0.8125rem )) {
        .popup__inptop {
            font-size: clamp( 0.75rem , 0.73rem  +  0.1vw , 0.8125rem );
        }
    }

    @supports not (font-size: clamp( 0.75rem , 0.73rem  +  0.1vw , 0.8125rem )) {
        .popup__inptop {
            font-size: calc(0.75rem + 0.0625 * (100vw - 20rem) / 62.5);
        }
    }

    @supports (border-radius: clamp( 0.625rem , 0.545rem  +  0.4vw , 0.875rem )) {
        .popup__input {
            border-radius: clamp( 0.625rem , 0.545rem  +  0.4vw , 0.875rem );
        }
    }

    @supports not (border-radius: clamp( 0.625rem , 0.545rem  +  0.4vw , 0.875rem )) {
        .popup__input {
            border-radius: calc(0.625rem + 0.25 * (100vw - 20rem) / 62.5);
        }
    }

    @supports (padding-top: clamp( 0.625rem , 0.505rem  +  0.6vw , 1rem )) {
        .popup__input {
            padding-top: clamp( 0.625rem , 0.505rem  +  0.6vw , 1rem );
        }
    }

    @supports not (padding-top: clamp( 0.625rem , 0.505rem  +  0.6vw , 1rem )) {
        .popup__input {
            padding-top: calc(0.625rem + 0.375 * (100vw - 20rem) / 62.5);
        }
    }

    @supports (padding-bottom: clamp( 0.625rem , 0.505rem  +  0.6vw , 1rem )) {
        .popup__input {
            padding-bottom: clamp( 0.625rem , 0.505rem  +  0.6vw , 1rem );
        }
    }

    @supports not (padding-bottom: clamp( 0.625rem , 0.505rem  +  0.6vw , 1rem )) {
        .popup__input {
            padding-bottom: calc(0.625rem + 0.375 * (100vw - 20rem) / 62.5);
        }
    }

    @supports (padding-top: clamp( 0.875rem , 0.755rem  +  0.6vw , 1.25rem )) {
        .popup__button {
            padding-top: clamp( 0.875rem , 0.755rem  +  0.6vw , 1.25rem );
        }
    }

    @supports not (padding-top: clamp( 0.875rem , 0.755rem  +  0.6vw , 1.25rem )) {
        .popup__button {
            padding-top: calc(0.875rem + 0.375 * (100vw - 20rem) / 62.5);
        }
    }

    @supports (padding-bottom: clamp( 0.875rem , 0.755rem  +  0.6vw , 1.25rem )) {
        .popup__button {
            padding-bottom: clamp( 0.875rem , 0.755rem  +  0.6vw , 1.25rem );
        }
    }

    @supports not (padding-bottom: clamp( 0.875rem , 0.755rem  +  0.6vw , 1.25rem )) {
        .popup__button {
            padding-bottom: calc(0.875rem + 0.375 * (100vw - 20rem) / 62.5);
        }
    }

    @supports (font-size: clamp( 0.875rem , 0.835rem  +  0.2vw , 1rem )) {
        .popup__button {
            font-size: clamp( 0.875rem , 0.835rem  +  0.2vw , 1rem );
        }
    }

    @supports not (font-size: clamp( 0.875rem , 0.835rem  +  0.2vw , 1rem )) {
        .popup__button {
            font-size: calc(0.875rem + 0.125 * (100vw - 20rem) / 62.5);
        }
    }

    @supports (width: clamp( 4.9375rem , 4.4775rem  +  2.3vw , 6.375rem )) {
        .popup3__image-ibg {
            width: clamp( 4.9375rem , 4.4775rem  +  2.3vw , 6.375rem );
        }
    }

    @supports not (width: clamp( 4.9375rem , 4.4775rem  +  2.3vw , 6.375rem )) {
        .popup3__image-ibg {
            width: calc(4.9375rem + 1.4375 * (100vw - 20rem) / 62.5);
        }
    }

    @supports (height: clamp( 5.4375rem , 4.9175rem  +  2.6vw , 7.0625rem )) {
        .popup3__image-ibg {
            height: clamp( 5.4375rem , 4.9175rem  +  2.6vw , 7.0625rem );
        }
    }

    @supports not (height: clamp( 5.4375rem , 4.9175rem  +  2.6vw , 7.0625rem )) {
        .popup3__image-ibg {
            height: calc(5.4375rem + 1.625 * (100vw - 20rem) / 62.5);
        }
    }

    @supports (margin-bottom: clamp( 1.1875rem , 2.0125rem  +  -1vw , 1.8125rem )) {
        .popup3__image-ibg {
            margin-bottom: clamp( 1.1875rem , 2.0125rem  +  -1vw , 1.8125rem );
        }
    }

    @supports not (margin-bottom: clamp( 1.1875rem , 2.0125rem  +  -1vw , 1.8125rem )) {
        .popup3__image-ibg {
            margin-bottom: calc(1.8125rem + -0.625 * (100vw - 20rem) / 62.5);
        }
    }

    @supports (margin-bottom: clamp( 1.5625rem , 1.3625rem  +  1vw , 2.1875rem )) {
        .popup3__subtitle {
            margin-bottom: clamp( 1.5625rem , 1.3625rem  +  1vw , 2.1875rem );
        }
    }

    @supports not (margin-bottom: clamp( 1.5625rem , 1.3625rem  +  1vw , 2.1875rem )) {
        .popup3__subtitle {
            margin-bottom: calc(1.5625rem + 0.625 * (100vw - 20rem) / 62.5);
        }
    }

    @supports (padding-top: clamp( 0.875rem , 0.755rem  +  0.6vw , 1.25rem )) {
        .popup3__button {
            padding-top: clamp( 0.875rem , 0.755rem  +  0.6vw , 1.25rem );
        }
    }

    @supports not (padding-top: clamp( 0.875rem , 0.755rem  +  0.6vw , 1.25rem )) {
        .popup3__button {
            padding-top: calc(0.875rem + 0.375 * (100vw - 20rem) / 62.5);
        }
    }

    @supports (padding-bottom: clamp( 0.875rem , 0.755rem  +  0.6vw , 1.25rem )) {
        .popup3__button {
            padding-bottom: clamp( 0.875rem , 0.755rem  +  0.6vw , 1.25rem );
        }
    }

    @supports not (padding-bottom: clamp( 0.875rem , 0.755rem  +  0.6vw , 1.25rem )) {
        .popup3__button {
            padding-bottom: calc(0.875rem + 0.375 * (100vw - 20rem) / 62.5);
        }
    }

    @supports (top: clamp( 1.6875rem , 1.3875rem  +  1.5vw , 2.625rem )) {
        .header {
            top: clamp( 1.6875rem , 1.3875rem  +  1.5vw , 2.625rem );
        }
    }

    @supports not (top: clamp( 1.6875rem , 1.3875rem  +  1.5vw , 2.625rem )) {
        .header {
            top: calc(1.6875rem + 0.9375 * (100vw - 20rem) / 62.5);
        }
    }

    @supports ((-moz-column-gap: clamp( 0.625rem , -0.055rem  +  3.4vw , 2.75rem )) or (column-gap: clamp( 0.625rem , -0.055rem  +  3.4vw , 2.75rem ))) {
        .header__right {
            -webkit-column-gap: clamp( 0.625rem , -0.055rem  +  3.4vw , 2.75rem );
            -moz-column-gap: clamp( 0.625rem , -0.055rem  +  3.4vw , 2.75rem );
            column-gap: clamp( 0.625rem , -0.055rem  +  3.4vw , 2.75rem );
        }
    }

    @supports not ((-moz-column-gap: clamp( 0.625rem , -0.055rem  +  3.4vw , 2.75rem )) or (column-gap: clamp( 0.625rem , -0.055rem  +  3.4vw , 2.75rem ))) {
        .header__right {
            -webkit-column-gap: calc(0.625rem + 2.125 * (100vw - 20rem) / 62.5);
            -moz-column-gap: calc(0.625rem + 2.125 * (100vw - 20rem) / 62.5);
            column-gap: calc(0.625rem + 2.125 * (100vw - 20rem) / 62.5);
        }
    }

    @supports (padding-top: clamp( 0.375rem , 0.255rem  +  0.6vw , 0.75rem )) {
        .header__button {
            padding-top: clamp( 0.375rem , 0.255rem  +  0.6vw , 0.75rem );
        }
    }

    @supports not (padding-top: clamp( 0.375rem , 0.255rem  +  0.6vw , 0.75rem )) {
        .header__button {
            padding-top: calc(0.375rem + 0.375 * (100vw - 20rem) / 62.5);
        }
    }

    @supports (padding-bottom: clamp( 0.375rem , 0.255rem  +  0.6vw , 0.75rem )) {
        .header__button {
            padding-bottom: clamp( 0.375rem , 0.255rem  +  0.6vw , 0.75rem );
        }
    }

    @supports not (padding-bottom: clamp( 0.375rem , 0.255rem  +  0.6vw , 0.75rem )) {
        .header__button {
            padding-bottom: calc(0.375rem + 0.375 * (100vw - 20rem) / 62.5);
        }
    }

    @supports (padding-right: clamp( 0.5rem , 0.22rem  +  1.4vw , 1.375rem )) {
        .header__button {
            padding-right: clamp( 0.5rem , 0.22rem  +  1.4vw , 1.375rem );
        }
    }

    @supports not (padding-right: clamp( 0.5rem , 0.22rem  +  1.4vw , 1.375rem )) {
        .header__button {
            padding-right: calc(0.5rem + 0.875 * (100vw - 20rem) / 62.5);
        }
    }

    @supports (padding-left: clamp( 0.5rem , 0.22rem  +  1.4vw , 1.375rem )) {
        .header__button {
            padding-left: clamp( 0.5rem , 0.22rem  +  1.4vw , 1.375rem );
        }
    }

    @supports not (padding-left: clamp( 0.5rem , 0.22rem  +  1.4vw , 1.375rem )) {
        .header__button {
            padding-left: calc(0.5rem + 0.875 * (100vw - 20rem) / 62.5);
        }
    }

    @supports (font-size: clamp( 0.625rem , 0.545rem  +  0.4vw , 0.875rem )) {
        .header__button {
            font-size: clamp( 0.625rem , 0.545rem  +  0.4vw , 0.875rem );
        }
    }

    @supports not (font-size: clamp( 0.625rem , 0.545rem  +  0.4vw , 0.875rem )) {
        .header__button {
            font-size: calc(0.625rem + 0.25 * (100vw - 20rem) / 62.5);
        }
    }

    @supports (padding-top: clamp( 1.875rem , 1.475rem  +  2vw , 3.125rem )) {
        .footer {
            padding-top: clamp( 1.875rem , 1.475rem  +  2vw , 3.125rem );
        }
    }

    @supports not (padding-top: clamp( 1.875rem , 1.475rem  +  2vw , 3.125rem )) {
        .footer {
            padding-top: calc(1.875rem + 1.25 * (100vw - 20rem) / 62.5);
        }
    }

    @supports (margin-bottom: clamp( 5rem , 4.88rem  +  0.6vw , 5.375rem )) {
        .footer__top {
            margin-bottom: clamp( 5rem , 4.88rem  +  0.6vw , 5.375rem );
        }
    }

    @supports not (margin-bottom: clamp( 5rem , 4.88rem  +  0.6vw , 5.375rem )) {
        .footer__top {
            margin-bottom: calc(5rem + 0.375 * (100vw - 20rem) / 62.5);
        }
    }

    @supports (padding-top: clamp( 10.5625rem , 8.5625rem  +  10vw , 16.8125rem )) {
        .first {
            padding-top: clamp( 10.5625rem , 8.5625rem  +  10vw , 16.8125rem );
        }
    }

    @supports not (padding-top: clamp( 10.5625rem , 8.5625rem  +  10vw , 16.8125rem )) {
        .first {
            padding-top: calc(10.5625rem + 6.25 * (100vw - 20rem) / 62.5);
        }
    }

    @supports (padding-bottom: clamp( 1.25rem , 0.45rem  +  4vw , 3.75rem )) {
        .first {
            padding-bottom: clamp( 1.25rem , 0.45rem  +  4vw , 3.75rem );
        }
    }

    @supports not (padding-bottom: clamp( 1.25rem , 0.45rem  +  4vw , 3.75rem )) {
        .first {
            padding-bottom: calc(1.25rem + 2.5 * (100vw - 20rem) / 62.5);
        }
    }

    @supports (margin-bottom: clamp( 3.125rem , 0.925rem  +  11vw , 10rem )) {
        .first__top {
            margin-bottom: clamp( 3.125rem , 0.925rem  +  11vw , 10rem );
        }
    }

    @supports not (margin-bottom: clamp( 3.125rem , 0.925rem  +  11vw , 10rem )) {
        .first__top {
            margin-bottom: calc(3.125rem + 6.875 * (100vw - 20rem) / 62.5);
        }
    }

    @supports (font-size: clamp( 1.5rem , 0.88rem  +  3.1vw , 3.4375rem )) {
        .first__title {
            font-size: clamp( 1.5rem , 0.88rem  +  3.1vw , 3.4375rem );
        }
    }

    @supports not (font-size: clamp( 1.5rem , 0.88rem  +  3.1vw , 3.4375rem )) {
        .first__title {
            font-size: calc(1.5rem + 1.9375 * (100vw - 20rem) / 62.5);
        }
    }

    @supports (margin-bottom: clamp( 1rem , 1.495rem  +  -0.6vw , 1.375rem )) {
        .first__title {
            margin-bottom: clamp( 1rem , 1.495rem  +  -0.6vw , 1.375rem );
        }
    }

    @supports not (margin-bottom: clamp( 1rem , 1.495rem  +  -0.6vw , 1.375rem )) {
        .first__title {
            margin-bottom: calc(1.375rem + -0.375 * (100vw - 20rem) / 62.5);
        }
    }

    @supports (max-width: clamp( 15.625rem , 3.225rem  +  62vw , 54.375rem )) {
        .first__title {
            max-width: clamp( 15.625rem , 3.225rem  +  62vw , 54.375rem );
        }
    }

    @supports not (max-width: clamp( 15.625rem , 3.225rem  +  62vw , 54.375rem )) {
        .first__title {
            max-width: calc(15.625rem + 38.75 * (100vw - 20rem) / 62.5);
        }
    }

    @supports (font-size: clamp( 0.875rem , 0.835rem  +  0.2vw , 1rem )) {
        .first__subtitle {
            font-size: clamp( 0.875rem , 0.835rem  +  0.2vw , 1rem );
        }
    }

    @supports not (font-size: clamp( 0.875rem , 0.835rem  +  0.2vw , 1rem )) {
        .first__subtitle {
            font-size: calc(0.875rem + 0.125 * (100vw - 20rem) / 62.5);
        }
    }

    @supports (max-width: clamp( 16.25rem , 13.35rem  +  14.5vw , 25.3125rem )) {
        .first__subtitle {
            max-width: clamp( 16.25rem , 13.35rem  +  14.5vw , 25.3125rem );
        }
    }

    @supports not (max-width: clamp( 16.25rem , 13.35rem  +  14.5vw , 25.3125rem )) {
        .first__subtitle {
            max-width: calc(16.25rem + 9.0625 * (100vw - 20rem) / 62.5);
        }
    }

    @supports (margin-bottom: clamp( 1.5625rem , 1.4225rem  +  0.7vw , 2rem )) {
        .first__subtitle {
            margin-bottom: clamp( 1.5625rem , 1.4225rem  +  0.7vw , 2rem );
        }
    }

    @supports not (margin-bottom: clamp( 1.5625rem , 1.4225rem  +  0.7vw , 2rem )) {
        .first__subtitle {
            margin-bottom: calc(1.5625rem + 0.4375 * (100vw - 20rem) / 62.5);
        }
    }

    @supports (padding-top: clamp( 1.25rem , 0.45rem  +  4vw , 3.75rem )) {
        .items {
            padding-top: clamp( 1.25rem , 0.45rem  +  4vw , 3.75rem );
        }
    }

    @supports not (padding-top: clamp( 1.25rem , 0.45rem  +  4vw , 3.75rem )) {
        .items {
            padding-top: calc(1.25rem + 2.5 * (100vw - 20rem) / 62.5);
        }
    }

    @supports (padding-bottom: clamp( 2.5rem , 1.16rem  +  6.7vw , 6.6875rem )) {
        .items {
            padding-bottom: clamp( 2.5rem , 1.16rem  +  6.7vw , 6.6875rem );
        }
    }

    @supports not (padding-bottom: clamp( 2.5rem , 1.16rem  +  6.7vw , 6.6875rem )) {
        .items {
            padding-bottom: calc(2.5rem + 4.1875 * (100vw - 20rem) / 62.5);
        }
    }

    @supports (padding-top: clamp( 2.5rem , 1.16rem  +  6.7vw , 6.6875rem )) {
        .built.built-1 {
            padding-top: clamp( 2.5rem , 1.16rem  +  6.7vw , 6.6875rem );
        }
    }

    @supports not (padding-top: clamp( 2.5rem , 1.16rem  +  6.7vw , 6.6875rem )) {
        .built.built-1 {
            padding-top: calc(2.5rem + 4.1875 * (100vw - 20rem) / 62.5);
        }
    }

    @supports (padding-bottom: clamp( 2.5rem , 1.32rem  +  5.9vw , 6.1875rem )) {
        .built.built-1 {
            padding-bottom: clamp( 2.5rem , 1.32rem  +  5.9vw , 6.1875rem );
        }
    }

    @supports not (padding-bottom: clamp( 2.5rem , 1.32rem  +  5.9vw , 6.1875rem )) {
        .built.built-1 {
            padding-bottom: calc(2.5rem + 3.6875 * (100vw - 20rem) / 62.5);
        }
    }

    @supports (padding-top: clamp( 2.5rem , 1.3rem  +  6vw , 6.25rem )) {
        .built.built-2 {
            padding-top: clamp( 2.5rem , 1.3rem  +  6vw , 6.25rem );
        }
    }

    @supports not (padding-top: clamp( 2.5rem , 1.3rem  +  6vw , 6.25rem )) {
        .built.built-2 {
            padding-top: calc(2.5rem + 3.75 * (100vw - 20rem) / 62.5);
        }
    }

    @supports (padding-bottom: clamp( 2.5rem , 0.84rem  +  8.3vw , 7.6875rem )) {
        .built.built-2 {
            padding-bottom: clamp( 2.5rem , 0.84rem  +  8.3vw , 7.6875rem );
        }
    }

    @supports not (padding-bottom: clamp( 2.5rem , 0.84rem  +  8.3vw , 7.6875rem )) {
        .built.built-2 {
            padding-bottom: calc(2.5rem + 5.1875 * (100vw - 20rem) / 62.5);
        }
    }

    @supports (font-size: clamp( 1.5rem , 0.98rem  +  2.6vw , 3.125rem )) {
        .built__title {
            font-size: clamp( 1.5rem , 0.98rem  +  2.6vw , 3.125rem );
        }
    }

    @supports not (font-size: clamp( 1.5rem , 0.98rem  +  2.6vw , 3.125rem )) {
        .built__title {
            font-size: calc(1.5rem + 1.625 * (100vw - 20rem) / 62.5);
        }
    }

    @supports (margin-bottom: clamp( 1.875rem , 1.675rem  +  1vw , 2.5rem )) {
        .built__title {
            margin-bottom: clamp( 1.875rem , 1.675rem  +  1vw , 2.5rem );
        }
    }

    @supports not (margin-bottom: clamp( 1.875rem , 1.675rem  +  1vw , 2.5rem )) {
        .built__title {
            margin-bottom: calc(1.875rem + 0.625 * (100vw - 20rem) / 62.5);
        }
    }

    @supports (font-size: clamp( 1.125rem , 1.005rem  +  0.6vw , 1.5rem )) {
        .built__item {
            font-size: clamp( 1.125rem , 1.005rem  +  0.6vw , 1.5rem );
        }
    }

    @supports not (font-size: clamp( 1.125rem , 1.005rem  +  0.6vw , 1.5rem )) {
        .built__item {
            font-size: calc(1.125rem + 0.375 * (100vw - 20rem) / 62.5);
        }
    }

    @supports (margin-bottom: clamp( 1.5625rem , 1.3625rem  +  1vw , 2.1875rem )) {
        .built__item:not(:last-child) {
            margin-bottom: clamp( 1.5625rem , 1.3625rem  +  1vw , 2.1875rem );
        }
    }

    @supports not (margin-bottom: clamp( 1.5625rem , 1.3625rem  +  1vw , 2.1875rem )) {
        .built__item:not(:last-child) {
            margin-bottom: calc(1.5625rem + 0.625 * (100vw - 20rem) / 62.5);
        }
    }

    @supports (font-size: clamp( 1.125rem , 1.005rem  +  0.6vw , 1.5rem )) {
        .built__item::before {
            font-size: clamp( 1.125rem , 1.005rem  +  0.6vw , 1.5rem );
        }
    }

    @supports not (font-size: clamp( 1.125rem , 1.005rem  +  0.6vw , 1.5rem )) {
        .built__item::before {
            font-size: calc(1.125rem + 0.375 * (100vw - 20rem) / 62.5);
        }
    }

    @supports (width: clamp( 5.625rem , 3.985rem  +  8.2vw , 10.75rem )) {
        .built__round-ibg {
            width: clamp( 5.625rem , 3.985rem  +  8.2vw , 10.75rem );
        }
    }

    @supports not (width: clamp( 5.625rem , 3.985rem  +  8.2vw , 10.75rem )) {
        .built__round-ibg {
            width: calc(5.625rem + 5.125 * (100vw - 20rem) / 62.5);
        }
    }

    @supports (height: clamp( 5.625rem , 3.985rem  +  8.2vw , 10.75rem )) {
        .built__round-ibg {
            height: clamp( 5.625rem , 3.985rem  +  8.2vw , 10.75rem );
        }
    }

    @supports not (height: clamp( 5.625rem , 3.985rem  +  8.2vw , 10.75rem )) {
        .built__round-ibg {
            height: calc(5.625rem + 5.125 * (100vw - 20rem) / 62.5);
        }
    }

    @supports (padding-top: clamp( 2.5rem , 0.1rem  +  12vw , 10rem )) {
        .feedback {
            padding-top: clamp( 2.5rem , 0.1rem  +  12vw , 10rem );
        }
    }

    @supports not (padding-top: clamp( 2.5rem , 0.1rem  +  12vw , 10rem )) {
        .feedback {
            padding-top: calc(2.5rem + 7.5 * (100vw - 20rem) / 62.5);
        }
    }

    @supports (margin-bottom: clamp( 5rem , 3.9rem  +  5.5vw , 8.4375rem )) {
        .feedback {
            margin-bottom: clamp( 5rem , 3.9rem  +  5.5vw , 8.4375rem );
        }
    }

    @supports not (margin-bottom: clamp( 5rem , 3.9rem  +  5.5vw , 8.4375rem )) {
        .feedback {
            margin-bottom: calc(5rem + 3.4375 * (100vw - 20rem) / 62.5);
        }
    }

    @supports (margin-bottom: clamp( 1.875rem , 0.875rem  +  5vw , 5rem )) {
        .feedback__title {
            margin-bottom: clamp( 1.875rem , 0.875rem  +  5vw , 5rem );
        }
    }

    @supports not (margin-bottom: clamp( 1.875rem , 0.875rem  +  5vw , 5rem )) {
        .feedback__title {
            margin-bottom: calc(1.875rem + 3.125 * (100vw - 20rem) / 62.5);
        }
    }

    @supports (font-size: clamp( 2rem , 1.4rem  +  3vw , 3.875rem )) {
        .feedback__title {
            font-size: clamp( 2rem , 1.4rem  +  3vw , 3.875rem );
        }
    }

    @supports not (font-size: clamp( 2rem , 1.4rem  +  3vw , 3.875rem )) {
        .feedback__title {
            font-size: calc(2rem + 1.875 * (100vw - 20rem) / 62.5);
        }
    }

    @supports (font-size: clamp( 1.125rem , 1.085rem  +  0.2vw , 1.25rem )) {
        .feedback__form .input {
            font-size: clamp( 1.125rem , 1.085rem  +  0.2vw , 1.25rem );
        }
    }

    @supports not (font-size: clamp( 1.125rem , 1.085rem  +  0.2vw , 1.25rem )) {
        .feedback__form .input {
            font-size: calc(1.125rem + 0.125 * (100vw - 20rem) / 62.5);
        }
    }

    @supports (margin-bottom: clamp( 5rem , 4.4rem  +  3vw , 6.875rem )) {
        .feedback__row {
            margin-bottom: clamp( 5rem , 4.4rem  +  3vw , 6.875rem );
        }
    }

    @supports not (margin-bottom: clamp( 5rem , 4.4rem  +  3vw , 6.875rem )) {
        .feedback__row {
            margin-bottom: calc(5rem + 1.875 * (100vw - 20rem) / 62.5);
        }
    }

    @supports (margin-bottom: clamp( 2.5rem , 1.9rem  +  3vw , 4.375rem )) {
        .feedback__row-2 {
            margin-bottom: clamp( 2.5rem , 1.9rem  +  3vw , 4.375rem );
        }
    }

    @supports not (margin-bottom: clamp( 2.5rem , 1.9rem  +  3vw , 4.375rem )) {
        .feedback__row-2 {
            margin-bottom: calc(2.5rem + 1.875 * (100vw - 20rem) / 62.5);
        }
    }

    @supports (margin-bottom: clamp( 2.1875rem , 2.6rem  +  -0.5vw , 2.5rem )) {
        .feedback__bottom {
            margin-bottom: clamp( 2.1875rem , 2.6rem  +  -0.5vw , 2.5rem );
        }
    }

    @supports not (margin-bottom: clamp( 2.1875rem , 2.6rem  +  -0.5vw , 2.5rem )) {
        .feedback__bottom {
            margin-bottom: calc(2.5rem + -0.3125 * (100vw - 20rem) / 62.5);
        }
    }

    @supports (font-size: clamp( 1.25rem , 1.17rem  +  0.4vw , 1.5rem )) {
        .popup__inputlabel-filebutton {
            font-size: clamp( 1.25rem , 1.17rem  +  0.4vw , 1.5rem );
        }
    }

    @supports not (font-size: clamp( 1.25rem , 1.17rem  +  0.4vw , 1.5rem )) {
        .popup__inputlabel-filebutton {
            font-size: calc(1.25rem + 0.25 * (100vw - 20rem) / 62.5);
        }
    }

    @supports (width: clamp( 2.25rem , 2.13rem  +  0.6vw , 2.625rem )) {
        .popup__inputlabel-filebutton::after {
            width: clamp( 2.25rem , 2.13rem  +  0.6vw , 2.625rem );
        }
    }

    @supports not (width: clamp( 2.25rem , 2.13rem  +  0.6vw , 2.625rem )) {
        .popup__inputlabel-filebutton::after {
            width: calc(2.25rem + 0.375 * (100vw - 20rem) / 62.5);
        }
    }

    @supports (height: clamp( 2.25rem , 2.13rem  +  0.6vw , 2.625rem )) {
        .popup__inputlabel-filebutton::after {
            height: clamp( 2.25rem , 2.13rem  +  0.6vw , 2.625rem );
        }
    }

    @supports not (height: clamp( 2.25rem , 2.13rem  +  0.6vw , 2.625rem )) {
        .popup__inputlabel-filebutton::after {
            height: calc(2.25rem + 0.375 * (100vw - 20rem) / 62.5);
        }
    }

    @supports (flex-basis: clamp( 2.25rem , 2.13rem  +  0.6vw , 2.625rem )) {
        .popup__inputlabel-filebutton::after {
            -ms-flex-preferred-size: clamp( 2.25rem , 2.13rem  +  0.6vw , 2.625rem );
            flex-basis: clamp( 2.25rem , 2.13rem  +  0.6vw , 2.625rem );
        }
    }

    @supports not (flex-basis: clamp( 2.25rem , 2.13rem  +  0.6vw , 2.625rem )) {
        .popup__inputlabel-filebutton::after {
            -ms-flex-preferred-size: calc(2.25rem + 0.375 * (100vw - 20rem) / 62.5);
            flex-basis: calc(2.25rem + 0.375 * (100vw - 20rem) / 62.5);
        }
    }

    @supports (font-size: clamp( 1.25rem , 1.17rem  +  0.4vw , 1.5rem )) {
        .feedback__submit {
            font-size: clamp( 1.25rem , 1.17rem  +  0.4vw , 1.5rem );
        }
    }

    @supports not (font-size: clamp( 1.25rem , 1.17rem  +  0.4vw , 1.5rem )) {
        .feedback__submit {
            font-size: calc(1.25rem + 0.25 * (100vw - 20rem) / 62.5);
        }
    }
}

@media (min-width: 47.99875em) and (min-width: 20em) and (max-width: 82.5em) {
    @supports (width: clamp( 2.5rem , 1.82rem  +  3.4vw , 4.625rem )) {
        .built__star-ibg {
            width: clamp( 2.5rem , 1.82rem  +  3.4vw , 4.625rem );
        }
    }

    @supports not (width: clamp( 2.5rem , 1.82rem  +  3.4vw , 4.625rem )) {
        .built__star-ibg {
            width: calc(2.5rem + 2.125 * (100vw - 20rem) / 62.5);
        }
    }

    @supports (height: clamp( 2.5rem , 1.82rem  +  3.4vw , 4.625rem )) {
        .built__star-ibg {
            height: clamp( 2.5rem , 1.82rem  +  3.4vw , 4.625rem );
        }
    }

    @supports not (height: clamp( 2.5rem , 1.82rem  +  3.4vw , 4.625rem )) {
        .built__star-ibg {
            height: calc(2.5rem + 2.125 * (100vw - 20rem) / 62.5);
        }
    }
}

@media (min-width: 47.99875em) and (max-width: 20em) {
    .built__star-ibg {
        width: 2.5rem;
    }

    .built__star-ibg {
        height: 2.5rem;
    }
}

@media (any-hover: hover) {
    .button-decor:hover::after {
        content: "";
        opacity: 1;
        visibility: visible;
    }

    .select__option:hover {
        background: #21252c;
        color: #ebebeb;
    }

    .header__button:hover {
        border-color: transparent;
    }

    .header__button:hover::before {
        content: "";
        opacity: 1;
        visibility: visible;
    }

    .footer__text a:hover::after {
        content: "";
        width: 100%;
        left: 0;
    }

    .footer__left:hover {
        text-decoration: none;
    }

    .mail__body:hover::before,
    .mail__body:hover::after {
        opacity: 0;
        visibility: hidden;
    }

    .mail__body:hover .mail__bodydec {
        opacity: 1;
        visibility: visible;
    }

    .first__button:hover span::after {
        -webkit-transform: translateX(10px);
        -ms-transform: translateX(10px);
        transform: translateX(10px);
        -webkit-transition: all 0.4s;
        transition: all 0.4s;
    }

    .items__item:hover {
        background-color: #20242d;
        -webkit-transform: translateY(-20px);
        -ms-transform: translateY(-20px);
        transform: translateY(-20px);
        border-color: transparent;
    }

    .items__item:hover::before {
        opacity: 1;
        visibility: visible;
    }

    .items__item:hover::after {
        background-color: #20242d;
    }

    .popup__inputlabel-file:hover .popup__inputlabel-filebutton::before {
        opacity: 1;
        visibility: visible;
    }

    .feedback__info a:hover {
        text-decoration: none;
    }
}

/* === FIRST IMAGE: 1864x957 === */
.first__image-ibg {
    /* прежние стили */
    border-radius: 0.625rem;
    overflow: hidden;
    border: 1px solid #3d4565;

    /* новое: правильное соотношение сторон и без padding-top */
    aspect-ratio: 1864 / 957;
    /* убираем старый трюк */
    padding-top: 0 !important;
    position: relative; /* на всякий */
    background-color: #0b0b0f; /* фоновый цвет для полей при contain */
}

/* Перекрываем глобальный [class*=-ibg] img { object-fit: cover } */
.first__image-ibg img {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    object-fit: contain;   /* показать всю картинку без обрезки */
    display: block;
}
.mail-log-page {
    font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
    background: #f4f4f7;
    margin: 0;
    padding: 0;
    min-height: 100vh;
    display: flex;
    align-items: center;
    justify-content: center;
}

.mail-log-card {
    background: #ffffff;
    padding: 24px 28px;
    border-radius: 12px;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.08);
    max-width: 380px;
    width: 100%;
    box-sizing: border-box;
}

.mail-log-card h1 {
    margin-top: 0;
    margin-bottom: 16px;
    font-size: 20px;
    text-align: center;
}

.mail-log-card p {
    margin-top: 0;
    margin-bottom: 16px;
    color: #444;
    font-size: 14px;
    line-height: 1.4;
}

.mail-log-card label {
    display: block;
    margin-bottom: 8px;
    font-size: 14px;
}

.mail-log-card input[type="password"] {
    width: 100%;
    padding: 8px 10px;
    font-size: 14px;
    border-radius: 6px;
    border: 1px solid #ccc;
    box-sizing: border-box;
    margin-bottom: 16px;
}

.mail-log-card button {
    width: 100%;
    padding: 10px 12px;
    font-size: 14px;
    border: none;
    border-radius: 6px;
    background: #2563eb;
    color: #fff;
    cursor: pointer;
}

.mail-log-card button:hover {
    background: #1d4ed8;
}

.mail-log-hint {
    font-size: 12px;
    color: #777;
    margin-top: 8px;
    text-align: center;
}


/*# sourceMappingURL=index.5bb150293bc56a242d9e.css.map*/