@charset "UTF-8";

@font-face {
  font-family: "UAF Sans";
  font-display: swap;
  src: url("../fonts/UAF/UAFSans-Ultra.woff2") format("woff2"), url("../fonts/UAF/UAFSans-Ultra.woff") format("woff");
  font-weight: 950;
  font-style: normal;
}

@font-face {
  font-family: "UAF Sans";
  font-display: swap;
  src: url("../fonts/UAF/UAFSans-Black.woff2") format("woff2"), url("../fonts/UAF/UAFSans-Black.woff") format("woff");
  font-weight: 900;
  font-style: normal;
}

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

@font-face {
  font-family: "UAF Sans";
  font-display: swap;
  src: url("../fonts/UAF/UAFSans-SemiBold.woff2") format("woff2"), url("../fonts/UAF/UAFSans-SemiBold.woff") format("woff");
  font-weight: 600;
  font-style: normal;
}

@font-face {
  font-family: "UAF Sans";
  font-display: swap;
  src: url("../fonts/UAF/UAFSans-Book.otf") format("otf");
  font-weight: 500;
  font-style: normal;
}

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

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

/* HTML5 display-role reset for older browsers */

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section,
video {
  display: block;
}

body {
  line-height: 1;
}

ol,
ul {
  list-style: none;
}

blockquote,
q {
  quotes: none;
}

blockquote:before,
blockquote:after,
q:before,
q:after {
  content: "";
  content: none;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

:root {
  --container-width: 1260px;
  --transition: .3s ease;
  --default-font-family: 'UAF Sans';
  --heading-font-family: 'UAF Sans';
  --sp: 64px;
  --primary: #F6921E;
  --secondary: #FFFFFF;
  --white: #FFFFFF;
  --black: #000;
  --grey-100: #F1F1F1;
  --grey-300: #E8E8E8;
  --grey-400: #B7B7B7;
  --grey-700: #626667;
  --red: #FF3F3F;
  --green: #00E067;
  --fz-default: 16px;
  --h1: 90px;
  --h2: 54px;
  --h3: 40px;
  --h4: 28px;
  --h5: 22px;
  --h6: 16px;
  --m: 18px;
  --s: 14px;
  --xs: 12px;
  --xxs: 10px;
  --swiper-pagination-bullet-width: 40px;
  --swiper-pagination-color: var(--primary);
  --swiper-pagination-bullet-height: 2px;
  --swiper-pagination-bullet-border-radius: 0;
  --swiper-pagination-bullet-inactive-color: var(--grey-400);
}

body {
  font: 400 var(--fz-default) var(--default-font-family), Helvetica, Arial, sans-serif;
  background: var(--black);
  min-width: 360px;
  color: var(--secondary);
  position: relative;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-feature-settings: "ss01" on;
}

body.overflow-hidden {
  overflow: hidden;
  height: 100vh;
}

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

.hidden {
  display: none;
  overflow: hidden;
}

.wrapper {
  margin: 0 auto;
  position: relative;
  overflow: hidden;
  min-height: 100vh;
  display: flex;
  flex-flow: column;
}

[class*=__container] {
  margin: 0 auto;
  max-width: var(--container-width);
  padding: 0 10px;
  width: 100%;
}

[class*=__container] [class*=__container] {
  padding: 0;
}

form input.error {
  box-shadow: inset 0px 0px 20px 1px rgba(255, 0, 0, 0.3);
  border: 2px solid var(--red) !important;
}

form input.not_error {
  box-shadow: inset 0px 0px 20px 1px rgba(100, 255, 100, 0.3);
  border: 2px solid var(--green) !important;
}

h1,
._h1 {
  font: normal 900 var(--h1)/100% var(--heading-font-family);
  text-transform: uppercase;
  font-feature-settings: "ss01" on;
  color: var(--primary);
}

h2,
._h2 {
  font: 700 var(--h2)/110% var(--heading-font-family);
  max-width: 700px;
  color: var(--primary);
  text-transform: uppercase;
}

h3,
._h3 {
  font: 700 var(--h3)/120% var(--heading-font-family);
  text-transform: uppercase;
}

h4,
._h4 {
  font: 700 var(--h4)/110% var(--heading-font-family);
  text-transform: uppercase;
}

h5,
._h5 {
  font: 600 var(--h5)/110% var(--heading-font-family);
  text-transform: uppercase;
}

h6,
._h6 {
  font: 700 var(--h6)/140% var(--heading-font-family);
}

a {
  color: var(--secondary);
  text-decoration: none;
}

._semibold {
  font-weight: 600;
}

._bold {
  font-weight: 700;
}

._primary {
  color: var(--primary);
}

._secondary {
  color: var(--secondary);
}

._s {
  font-size: var(--s);
  line-height: 140%;
}

._m {
  font-size: var(--m);
  line-height: 140%;
}

._l {
  font-size: var(--l);
  line-height: 140%;
}

._e {
  display: flex;
  flex-flow: column;
  gap: 8px;
}

._e ul {
  list-style: disc;
  padding-left: 20px;
}

._e strong {
  font-weight: 600;
}

.btn {
  font: 700 var(--fz-default)/1.5 var(--heading-font-family);
  -moz-appearance: none;
  appearance: none;
  -webkit-appearance: none;
  display: flex;
  align-items: center;
  justify-content: center;
  width: -moz-fit-content;
  width: fit-content;
  padding: 16px 53px;
  gap: 10px;
  transition: var(--transition);
  background: var(--primary, #F6921E);
  color: var(--Black, #000);
  text-transform: uppercase;
  clip-path: polygon(17px 0, 100% 0, 100% calc(100% - 17px), calc(100% - 17px) 100%, 0 100%, 0 17px);
}

.btn:hover {
  background: #d97708;
}

.subm {
  cursor: pointer;
  border: none;
  width: 100%;
  grid-area: 6/3/6/1;
}

.subm.is-disabled {
  pointer-events: none;
  opacity: 0.3;
}

.form {
  position: relative;
}

.form__inputs {
  display: flex;
  flex-flow: column;
  gap: 20px;
}

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

.form .input {
  font: 600 16px/1 "Mulish";
  width: 100%;
  height: 56px;
  border: 2px solid var(--Grey, #424242);
  background: var(--DarkGrey, #1A1A1A);
  padding-left: 10px;
  display: block;
  color: #fff;
}

.form .input__wrap {
  display: block;
}

.form .input__label {
  font-size: 14px;
  line-height: 100%;
  display: block;
  font-weight: 500;
  margin-bottom: 10px;
  color: #5C5C5C;
}

.form .input::-moz-placeholder {
  font-family: "Mulish";
  font-weight: 600;
}

.form .input::placeholder {
  font-family: "Mulish";
  font-weight: 600;
}

.form .input__variants {
  display: flex;
  align-items: flex-start;
  flex-flow: column;
  gap: 10px;
}

.form .input__wrap--large {
  grid-area: 5/3/5/1;
}

.form:before {
  content: "";
  display: none;
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  background: rgba(255, 140, 0, 0.5764705882) center/50px no-repeat url(../img/loading.svg);
  z-index: 10;
  backdrop-filter: blur(4px);
  border-radius: 20px;
}

.form.loading:before {
  display: block;
}

.form.success:before {
  display: block;
  background: rgba(255, 140, 0, 0.5764705882) center/50px no-repeat url(../img/success.svg);
}

.form .intl-tel-input {
  width: 100%;
}

.form .country-list .country-name {
  color: #333;
}

.form .checkbox__wrap {
  height: -moz-fit-content;
  height: fit-content;
  width: -moz-fit-content;
  width: fit-content;
  grid-area: 4/3/4/1;
}

.form .checkbox__input {
  display: none;
}

.form .checkbox__input:checked + .checkbox__label:before {
  border: 2px solid transparent;
  background: var(--primary) url('data:image/svg+xml;utf8,%3Csvg%20width%3D%2210%22%20height%3D%228%22%20viewBox%3D%220%200%2010%208%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0D%0A%3Cpath%20d%3D%22M9%201L3.5%207L1%204.27273%22%20stroke%3D%22black%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%0D%0A%3C%2Fsvg%3E%0D%0A') 50% no-repeat;
}

.form .checkbox__label {
  color: var(--LightGrey, #B7B7B7);
  display: flex;
  align-items: flex-start;
  gap: 10px;
  font-family: "Mulish";
}

.form .checkbox__label a {
  color: var(--primary);
}

.form .checkbox__label:before {
  content: "";
  border: 2px solid var(--white);
  width: 18px;
  height: 18px;
  flex-shrink: 0;
  margin-top: 4px;
  cursor: pointer;
  background: #fff;
}

.header {
  padding: 14px 0;
  z-index: 10;
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  transition: background-color 0.3s ease;
}

.header__container {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 16px;
}

.header.active .header__container {
  background: var(--black);
  position: relative;
  z-index: 2;
}

.header__logo {
  width: 171px;
  aspect-ratio: 171/48;
  background: url("data:image/svg+xml,%3Csvg width='100' height='50' viewBox='0 0 100 50' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_2254_1679)'%3E%3Cpath d='M50.0187 0H0V50H50.0187C50.0187 49.9625 100 49.9625 100 49.9625V0H50.0187ZM13.3483 21.2894L28.5714 5.69715V14.8801L13.3483 30.4348V21.2519V21.2894ZM38.0952 29.1604L22.8721 44.7526V35.5697L38.0952 20.015V29.1979V29.1604ZM38.0952 17.0915L13.3483 42.8411V33.3583L38.0952 7.6087V17.0915ZM96.5129 46.4768H53.5058V3.48576H96.5129V46.4768Z' fill='%23F6921E'/%3E%3Cpath d='M60.18 42.6912C60.3675 42.8036 60.5549 42.8411 60.7424 42.8786C67.829 42.7286 74.9531 43.1409 82.0022 42.7661C82.8271 42.7286 83.6895 42.4288 84.5144 42.5037C84.5144 42.2789 84.2145 42.3913 84.0645 42.3913C81.4398 42.2789 78.8151 42.2414 76.1905 42.1289L75.4781 41.9415L86.2017 39.0555C85.4143 39.0929 84.5894 38.9805 83.8395 39.0555C80.5024 39.3928 76.8279 40.4048 73.5283 40.5922C73.1909 40.5922 72.8534 40.5922 72.5159 40.5922L72.291 40.2174L92.276 32.9835C91.826 33.021 91.2636 32.9085 90.8136 32.9835C89.7638 33.2459 88.5264 33.8831 87.3641 33.9205L68.4664 39.1304L68.279 38.6807L91.3761 8.2084H80.7649C69.4038 30.8846 66.4417 36.5067 66.1042 37.6312C66.1042 37.6312 66.1042 37.5562 66.0667 37.5562C64.042 33.5832 62.9921 28.5607 60.9674 24.4753C60.8924 24.2879 61.0424 24.1379 60.6674 24.2129C60.6674 24.5502 60.5549 24.8126 60.5549 25.1499C60.5924 26.0495 61.1924 27.8486 61.3798 28.8231C61.8673 31.3343 62.2797 33.8456 62.7297 36.3568C62.8421 36.994 63.1796 37.5562 63.0671 38.2684C62.9546 38.4183 62.3922 37.7811 62.2797 37.6687C60.5549 35.8321 59.1301 33.4708 57.4428 31.5592L57.1429 31.7841L57.2553 32.4213L61.3798 40.967L60.6299 40.7796L55.868 37.931L55.4556 38.1184C55.943 38.7556 56.5054 39.3178 57.0679 39.8801C57.7428 40.5547 59.4301 42.3163 60.105 42.7661L60.18 42.6912Z' fill='%23F6921E'/%3E%3Cpath d='M92.0509 27.7736C90.6636 28.6732 89.2763 29.5727 87.8889 30.4348C87.4015 30.7346 86.8391 30.6222 86.989 31.5592L92.7258 28.8231C93.2883 28.2234 92.8383 27.5862 92.0509 27.7736Z' fill='%23F6921E'/%3E%3Cpath d='M69.1788 30.1349C69.2913 28.973 70.0037 27.961 70.4161 26.9115C70.6036 26.4243 71.5035 23.8756 70.7911 23.6882C70.4536 23.8006 70.0787 24.2129 69.9287 24.5127C69.5912 25.3748 69.0288 27.6237 68.8413 28.5607C68.7664 28.9355 68.6164 30.1349 69.1788 30.1349Z' fill='%23F6921E'/%3E%3Cpath d='M77.0153 32.3463C76.5279 32.5712 74.5407 33.5082 74.7281 34.1829C74.8031 34.3328 74.9156 34.3703 75.0656 34.4078C75.3655 34.4453 77.0528 33.5082 77.4278 33.2834C78.0652 32.9085 78.5901 32.3088 79.2651 32.084C79.1526 31.8216 79.0026 31.7091 78.7401 31.7091C78.5152 31.7091 77.3528 32.2339 77.0528 32.3463H77.0153Z' fill='%23F6921E'/%3E%3Cpath d='M58.0802 25.4873C58.0802 25.2999 58.0802 25.1124 58.0802 24.925C57.8927 24.1754 57.4428 22.8261 57.1428 22.1139C57.0678 21.8891 56.5804 20.9145 56.3929 20.952C56.3179 20.952 55.9805 21.3268 55.943 21.4018C55.8305 21.964 56.8804 23.5757 57.1428 24.1754C57.4428 24.7751 57.2553 25.2624 58.1177 25.4498L58.0802 25.4873Z' fill='%23F6921E'/%3E%3Cpath d='M92.3134 17.7294C93.7008 17.5419 93.4383 15.3672 91.8635 15.8546C90.8511 16.1546 91.1136 17.9168 92.3134 17.7294Z' fill='%23F6921E'/%3E%3Cpath d='M62.6172 14.5052C62.8421 13.4933 63.2921 11.5442 61.8298 11.3943C61.5673 11.5817 61.6798 14.5052 62.6172 14.5052Z' fill='%23F6921E'/%3E%3Cpath d='M92.6135 35.9445C91.7136 36.1695 91.8261 37.2569 92.726 37.3319C93.9633 37.4444 93.8883 35.6071 92.6135 35.9445Z' fill='%23F6921E'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_2254_1679'%3E%3Crect width='100' height='50' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A") left/contain no-repeat;
  z-index: 10;
}

.header__button {
  padding: 12px 32px;
  border: 2px solid var(--primary);
  font-weight: 700;
  text-transform: uppercase;
  color: var(--primary);
  transition: var(--transition);
  height: 48px;
  margin-left: auto;
  z-index: 10;
  display: flex;
  justify-content: center;
  align-items: center;
}

.header__button:hover {
  background: var(--primary);
  color: var(--white);
}

.header.active .header__menu {
  transform: translateX(0);
}

.header__menu {
  position: fixed;
  right: 0;
  top: 0;
  height: 100%;
  width: 100%;
  transform: translateX(100%);
  background: var(--black, #000);
  transition: transform 0.3s ease;
  padding: 0 calc((100vw - 1240px) / 2);
  display: flex;
  align-items: center;
}

.header__menu-link {
  font-weight: 700;
  text-transform: uppercase;
  color: var(--White, #FFF);
  font-size: 18px;
}

.header__menu-mob {
  display: flex;
  flex-direction: column;
  row-gap: 10px;
}

.header__menu-wrap {
  height: -moz-max-content;
  height: max-content;
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 32px;
  width: 100%;
  padding: 80px 0 80px 0;
}

.header__menu-wrap .footer__menu-link {
  text-transform: uppercase;
}

.header__burger {
  display: flex;
  align-items: center;
  gap: 12px;
  z-index: 10;
  cursor: pointer;
}

.header__burger-icon {
  display: flex;
}

.header__burger-text {
  text-transform: uppercase;
  font-weight: 700;
}

.active-header .header {
  background: var(--black);
}

.section404 {
  padding: 150px 0 90px 0;
  text-align: center;
  flex: 1;
  position: relative;
  display: flex;
  align-items: flex-end;
  margin-top: 80px;
}

.section404__container {
  gap: 0;
  align-items: center;
  text-align: center;
  justify-content: center;
  display: flex;
  flex-direction: column;
}

.section404__code {
  background: url("../img/404_web.webp") no-repeat center/contain;
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 6%;
  z-index: -1;
}

.section404__code:before {
  content: "";
  display: block;
  width: 100%;
  position: absolute;
  height: 275px;
  bottom: 5%;
  left: 0;
  background: linear-gradient(180deg, rgba(0, 0, 0, 0) -6.13%, #000000 58.26%);
}

.section404__title {
  font-style: normal;
  font-weight: 700;
  font-size: 20px;
  line-height: 130%;
  text-align: center;
  text-transform: uppercase;
  color: #FFFFFF;
  margin-bottom: 12px;
  max-width: 543px;
  margin-left: auto;
  margin-right: auto;
}

.section404__text {
  font: normal 400 16px/150% "Mulish";
  max-width: 543px;
  margin-bottom: 24px;
  margin-left: auto;
  margin-right: auto;
  text-align: center;
  color: #FFFFFF;
}

.hero {
  padding: 207px 0 45px;
  position: relative;
  min-height: 777px;
  overflow: hidden;
}

.hero__decor {
  position: absolute;
  top: 58%;
  left: -9%;
  aspect-ratio: 405/657;
  width: 405px;
  background: url(../img/BG_logo.svg) 50%/cover no-repeat;
  z-index: 1;
  transform: translateY(-50%);
}

.hero__container {
  position: relative;
}

.hero__inner {
  position: relative;
  z-index: 2;
  padding-left: 196px;
}

.hero__title {
  display: flex;
  flex-direction: column;
}

.hero__title span:nth-child(1) {
  margin-left: -202px;
}

.hero__title span:nth-child(3) {
  margin-top: 16px;
}

.hero__text {
  font: 18px "Mulish";
  width: 100%;
  max-width: 355px;
  margin-top: 8px;
}

.hero__btn {
  margin-top: 20px;
}

.hero__bg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  aspect-ratio: 1600/777;
  z-index: 1;
  max-width: 1600px;
  right: 0;
  margin: 0 auto;
}

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

.image-text {
  padding: 100px 0 40px 0;
  position: relative;
  z-index: 2;
}

.image-text__container {
  position: relative;
  display: flex;
  -moz-column-gap: 30px;
  column-gap: 30px;
  justify-content: space-between;
  row-gap: 30px;
}

.image-text__bg {
  max-width: 679px;
  width: 100%;
  aspect-ratio: 679/415;
}

.image-text__bg img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}

.image-text__inner {
  position: relative;
  z-index: 2;
  max-width: 443px;
  width: 100%;
}

.image-text__title {
  margin-bottom: 24px;
}

.image-text__title span {
  display: block;
}

.image-text__title span:nth-child(1) {
  transform: translateX(34px);
}

.image-text__title span:nth-child(2) {
  transform: translateX(134px);
}

.image-text__text {
  font-family: "Mulish";
}

.about {
  padding: 70px 0 60px;
}

.about__title {
  display: flex;
  flex-direction: column;
  width: -moz-fit-content;
  width: fit-content;
  margin: 0 auto;
  position: relative;
}

.about__title:after {
  content: "";
  background: url(../img/decor__logo.svg) 50%/contain no-repeat;
  aspect-ratio: 382/620;
  width: 382px;
  position: absolute;
  left: 50%;
  top: -72px;
  transform: translate(-46%, 0%);
  z-index: -1;
}

.about__title {
  font: normal 900 var(--h1)/100% var(--heading-font-family);
  text-transform: uppercase;
  font-feature-settings: "ss01" on;
  color: var(--primary);
}

.about__title span:nth-child(1) {
  transform: translateX(97px);
}

.about__title span:nth-child(3) {
  transform: translateX(129px);
}

.about__items {
  gap: 48px;
  margin-top: 48px;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
}

.about__items .item__img {
  width: 48px;
  aspect-ratio: 1;
  margin-bottom: 24px;
}

.about__items .item__img img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
  object-fit: contain;
}

.about__items .item__text {
  margin-top: 16px;
  font-family: "Mulish";
  line-height: 140%;
}

.slider-search {
  padding-top: 50px;
  overflow: hidden;
}

.slider-search__container {
  padding-bottom: 60px;
  position: relative;
}

.slider-search__wrap:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: var(--black);
  opacity: 0.4;
  z-index: 1;
}

.slider-search__info {
  margin-bottom: 48px;
}

.slider-search__cards {
  padding-bottom: 66px !important;
  overflow: visible;
}

.slider-search__cards .card {
  cursor: grab;
}

.slider-search__cards .card:active {
  cursor: grabbing;
}

.slider-search__cards .card:hover .card__wrap:before {
  opacity: 0.8;
}

.slider-search__cards .card:hover .card__hide-block {
  transform: translateY(0);
  max-height: 500px;
  opacity: 1;
}

.slider-search__cards .card__wrap {
  aspect-ratio: 300/503;
  background: 50%/cover no-repeat;
  position: relative;
  -webkit-mask-image: url(../img/video-mask.svg);
  mask-image: url(../img/video-mask.svg);
  mask-size: 100% 100%;
  mask-repeat: no-repeat;
  -webkit-mask-size: 100% 100%;
  -webkit-mask-repeat: no-repeat;
  display: flex;
  align-items: flex-end;
}

.slider-search__cards .card__wrap:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
  opacity: 0.4;
  background: #000;
  transition: opacity 0.3s ease;
}

.slider-search__cards .card__info {
  padding: 16px 16px 36px 16px;
  display: flex;
  justify-content: flex-end;
  flex-flow: column;
  gap: 8px;
  width: 100%;
  height: 100%;
  min-height: 163px;
  position: relative;
  z-index: 2;
}

.slider-search__cards .card__hide-block {
  flex: 1;
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
  display: flex;
  transform: translateY(110%);
  transition: all 0.5s ease;
  max-height: 0;
  opacity: 0;
}

.slider-search__cards .card__name {
  color: var(--primary);
  font-weight: 700;
  font-size: 26px;
  line-height: 110%;
  text-transform: uppercase;
}

.slider-search__cards .card__desc {
  font: 400 16px/140% "Mulish";
}

.slider-search__cards .card__btn {
  background: url("data:image/svg+xml,%3Csvg width='270' height='58' viewBox='0 0 270 58' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M269 38.9459L255 56.4955L1 57V20L15.5 1H269V38.9459Z' stroke='%23F6921E' stroke-width='2' stroke-miterlimit='10'/%3E%3C/svg%3E%0A") no-repeat 0 0/contain;
  margin-top: auto;
  clip-path: none;
  color: var(--primary);
  width: -moz-max-content;
  width: max-content;
}

.slider-search__cards .card__btn:hover {
  background: url("data:image/svg+xml,%3Csvg width='270' height='58' viewBox='0 0 270 58' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M269 38.9459L255 56.4955L1 57V20L15.5 1H269V38.9459Z' fill='%23F6921E' stroke='%23F6921E' stroke-width='2' stroke-miterlimit='10'/%3E%3C/svg%3E%0A") no-repeat 0 0/contain;
  color: var(--white);
}

.slider-search .swiper {
  overflow: visible;
}

.benefits {
  position: relative;
  z-index: 2;
  padding: var(--sp) 0;
}

.benefits__items {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 19px;
  margin-top: 48px;
}

.benefits__items .item {
  position: relative;
  padding: 24px;
  min-height: 228px;
  background: url("data:image/svg+xml,%3Csvg width='610' height='228' viewBox='0 0 610 228' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M610 0H0V228H157.5L182.615 213.5H610V139.83L590 130.383L610 120.936V0Z' fill='%23F6921E'/%3E%3C/svg%3E%0A") center/contain no-repeat;
}

.benefits__items .item__top {
  display: flex;
  align-items: center;
  -moz-column-gap: 16px;
  column-gap: 16px;
  margin-bottom: 16px;
}

.benefits__items .item__title {
  flex: 1;
  color: var(--black);
}

.benefits__items .item__icon {
  position: relative;
  min-height: 35px;
}

.benefits__items .item__icon img {
  max-height: 100%;
}

.benefits__items .item__text {
  color: rgba(0, 0, 0, 0.8);
  font-family: "Mulish";
  font-weight: 500;
  line-height: 140%;
}

.how {
  margin-top: 60px;
}

.how__container {
  padding-bottom: 60px;
  display: flex;
  justify-content: space-between;
  gap: 25px;
}

.how__info {
  flex: 0 1 530px;
}

.how__desc {
  max-width: 350px;
  font-weight: 500;
  font-size: 22px;
  line-height: 100%;
}

.how__items {
  flex: 0 1 613px;
  display: flex;
  justify-content: space-between;
  gap: 47px;
  row-gap: 50px;
  flex-wrap: wrap;
}

.how__items .item-card {
  width: calc((100% - 50px) / 2);
  position: relative;
}

.how__items .item-card__number {
  font: 400 35px/80% "Quantico";
  position: absolute;
  top: 8px;
  transform: rotate(90deg);
  left: -44px;
  opacity: 0.2;
  color: var(--primary);
}

.how__items .item-card__title {
  padding-bottom: 5px;
  color: var(--primary);
}

.how__items .item-card__text {
  line-height: 140%;
}

.ready {
  margin-top: 60px;
}

.ready__container {
  padding-bottom: 60px;
  display: flex;
  justify-content: space-between;
  gap: 20px;
}

.ready__image {
  aspect-ratio: 538/596;
  width: 538px;
  background: 50%/contain no-repeat;
  margin-top: 50px;
}

.ready__form {
  width: 100%;
  max-width: 650px;
  display: flex;
  flex-flow: column;
  gap: 20px;
  flex: 1;
}

.ready__form-inputs {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 20px 10px;
}

.ready__phone-block {
  margin-top: 20px;
}

.ready__phone-block .phone-text {
  font-weight: 500;
  font-size: 22px;
  line-height: 100%;
  margin-bottom: 30px;
}

.ready__phone-block .phone-link {
  font-size: var(--h3);
  font-weight: 700;
  line-height: 98%;
  color: var(--primary);
  text-decoration: none;
}

.ready__phone-block .phone-link:hover {
  color: var(--white);
}

.ready__form-text {
  font: 16px/140% "Mulish";
}

.ready__form-subtitle {
  font-weight: 500;
  font-size: 22px;
  line-height: 100%;
  font-feature-settings: "ss01" on;
}

.document {
  padding: calc(var(--sp) * 3) 0;
}

.document h1,
.document h2,
.document h3,
.document h4,
.document h5,
.document h6 {
  margin: 0.75em 0;
  color: #fff;
}

.document h1:first-child,
.document h2:first-child,
.document h3:first-child,
.document h4:first-child,
.document h5:first-child,
.document h6:first-child {
  margin-top: 0;
}

.document h1:last-child,
.document h2:last-child,
.document h3:last-child,
.document h4:last-child,
.document h5:last-child,
.document h6:last-child {
  margin-bottom: 0;
}

.document h1 {
  font: 700 var(--h2)/1 var(--heading-font-family);
  text-transform: uppercase;
  text-align: left;
}

.document h2 {
  font: 700 var(--h3)/1.53 var(--heading-font-family);
  text-align: left;
}

.document h3 {
  font: 700 var(--h4)/1.21 var(--heading-font-family);
  text-align: left;
}

.document h4 {
  font: 700 var(--h5)/1.2 var(--heading-font-family);
  text-align: left;
}

.document h5 {
  font: 700 var(--h6)/140% var(--heading-font-family);
  text-align: left;
}

.document a,
.document a:visited {
  color: var(--primary);
}

.success {
  background: center/330px auto no-repeat url("data:image/svg+xml;utf8,%3Csvg%20width%3D%22489%22%20height%3D%22825%22%20viewBox%3D%220%200%20489%20825%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%3Cpath%20d%3D%22M0%20314.009L311.847%200V180.264L0%20494.273V314.009Z%22%20fill%3D%22%230E0E0E%22%2F%3E%0A%3Cpath%20d%3D%22M0%20566.96L489%2076.685V256.949L0%20747.225V566.96Z%22%20fill%3D%22%230E0E0E%22%2F%3E%0A%3Cpath%20d%3D%22M177.153%20644.736L489%20330.727V510.991L177.153%20825V644.736Z%22%20fill%3D%22%230E0E0E%22%2F%3E%0A%3C%2Fsvg%3E%0A");
  min-height: 700px;
  padding: calc(var(--sp) * 2) 0;
  display: flex;
  flex: 1 1 auto;
}

.success__container {
  height: auto;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

.success__title {
  font-size: 44px;
  color: var(--primary);
  margin-bottom: 8px;
  text-align: center;
}

.success__subtitle {
  font: 700 var(--h4)/1.21 var(--heading-font-family);
  text-transform: uppercase;
  text-align: center;
  margin-bottom: 32px;
}

.footer {
  background: #000000;
  color: var(--white);
  padding: 50px 0;
  margin-top: auto;
}

.footer a,
.footer a:visited {
  color: inherit;
  text-decoration: none;
  transition: var(--transition);
}

.footer a:hover,
.footer a:visited:hover {
  color: var(--primary);
}

.footer__container {
  display: grid;
  gap: 42px;
  grid-template-columns: 3.5fr 1.5fr 1fr;
  grid-template-areas: "logo menu1 menu2" "logo menu3 menu4" "info social social";
}

.footer__logo-wrap {
  grid-area: logo;
  background: left top/contain no-repeat;
}

.footer__logo {
  display: block;
  aspect-ratio: 637/180;
  width: 637px;
  background: left top/contain no-repeat;
}

.footer__info {
  grid-area: info;
  display: flex;
  flex-direction: column;
  gap: 10px;
}

.footer__menu {
  display: flex;
  flex-direction: column;
}

.footer__menu a {
  text-transform: uppercase;
}

.footer__menu_1 {
  grid-area: menu1;
}

.footer__menu_2 {
  grid-area: menu2;
}

.footer__menu_social {
  grid-area: social;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  gap: 10px;
}

.footer__menu_social .footer__menu-title {
  flex: 0 0 100%;
  margin-bottom: 0;
}

.footer__menu_social a {
  aspect-ratio: 1/1;
  width: 42px;
  transition: var(--transition);
  background: 50% 0/contain no-repeat;
  will-change: transform;
}

.footer__menu_social a:hover {
  transform: scale(1.1);
}

.footer__menu-title {
  font-size: 16px;
  line-height: 1.2;
  opacity: 0.5;
  margin-bottom: 20px;
}

.footer__menu-link {
  margin-bottom: 20px;
  font-weight: 600;
}

.footer__menu-link:last-child {
  margin-bottom: 0;
}

.modal-overlay {
  display: none;
  padding-top: 1px;
  position: fixed;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  background: rgba(0, 0, 0, 0.8);
  z-index: 999;
  overflow: auto;
  align-items: center;
  justify-content: center;
  padding-top: 60px;
}

.modal-overlay .modal-content {
  margin-bottom: 0px;
  border-radius: 4px;
}

.modal-overlay .close-button {
  position: absolute;
  width: 50px;
  height: 50px;
  top: 10px;
  right: 10px;
  cursor: pointer;
  transition: 0.2s linear;
}

.modal-overlay .close-button:before {
  background: #fff;
  content: "";
  height: 50px;
  width: 2px;
  display: block;
  transform: translateX(25px) rotate(-45deg);
}

.modal-overlay .close-button:after {
  background: #fff;
  content: "";
  margin-top: -50px;
  height: 50px;
  width: 2px;
  display: block;
  transform: translateX(25px) rotate(45deg);
  transition: 0.2s linear;
}

#modal-video .modal-content {
  height: auto;
  width: 100%;
}

#modal-video .video {
  position: relative;
  padding-bottom: 56.25%;
  height: 0;
  overflow: hidden;
}

#modal-video .video iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.countdownHolder {
  margin: 0 auto;
  font: 30px/1 Roboto, sans-serif;
  text-align: center;
  letter-spacing: -3px;
  display: flex;
  align-items: flex-start;
  justify-content: center;
}

.countdownHolder .position {
  display: inline-block;
  height: 1em;
  overflow: hidden;
  position: relative;
  width: 0.5em;
}

.countdownHolder {
  /*Параметры цифр */
}

.countdownHolder .digit {
  position: absolute;
  display: block;
  border-radius: 0.2em;
  text-align: center;
  color: #000;
  letter-spacing: -1px;
  left: 50%;
  transform: translateX(-50%);
}

.countdownHolder {
  /*Параметры подложки для секций */
}

.countdownHolder .countDays,
.countdownHolder .countHours,
.countdownHolder .countMinutes,
.countdownHolder .countSeconds {
  background: #fff;
  border-radius: 5px;
  padding: 10px;
}

.countdownHolder {
  /*Параметры секций разделения (:)*/
}

.countdownHolder .countDiv {
  display: none;
  width: 10px;
  height: 1em;
  position: relative;
}

.countdownHolder .countDiv:before,
.countdownHolder .countDiv:after {
  background: #444;
  position: absolute;
  width: 5px;
  height: 5px;
  border-radius: 50%;
  left: 50%;
  margin-left: -3px;
  top: 0.2em;
  box-shadow: 1px 1px 1px rgba(4, 4, 4, 0.5);
  content: "";
}

.countdownHolder .countDiv:after {
  top: 0.6em;
}

.countdownHolder {
  /*Параметры вспомогательного текста (дни, часы, минуты, секунды)*/
}

.countdownHolder .textdigit {
  font-size: 15px;
  letter-spacing: 0px;
}

@media (max-width: 1260px) {
  :root {
    --container-width: 760px;
    --sp: 40px;
    --h1: 42px;
    --h2: 32px;
    --h3: 20px;
    --h4: 20px;
    --h5: 18px;
    --gap: 32px;
  }

  .header__logo {
    width: 126px;
  }

  .header__button {
    padding: 12px 24px;
    font-size: 12px;
    height: 40px;
  }

  .header__menu {
    padding: 0 calc((100vw - 740px) / 2);
    overflow: scroll;
  }

  .hero {
    min-height: 0;
  }

  .hero__decor {
    display: none;
  }

  .hero__inner {
    padding-left: 0;
  }

  .hero__title span:nth-child(1) {
    margin-left: 0;
  }

  .hero__title span:nth-child(3) {
    margin-top: 10px;
  }

  .hero__bg {
    width: unset;
    height: 100%;
    max-width: 100%;
  }

  .image-text__title span:nth-child(1) {
    transform: translateX(0px);
  }

  .image-text__title span:nth-child(2) {
    transform: translateX(0px);
  }

  .about__title:after {
    width: 340px;
  }

  .about__items {
    grid-template-columns: repeat(2, 1fr);
    gap: 32px;
  }

  .slider-search__cards .card__name {
    font-size: 22px;
  }

  .benefits__items {
    grid-template-columns: repeat(1, 1fr);
    gap: 10px;
    margin-top: 20px;
  }

  .benefits__items .item {
    min-height: 277px;
  }

  .how__container {
    gap: 30px;
  }

  .how__info {
    flex: 1 1 100%;
  }

  .how__items {
    flex: 1 1 100%;
    width: 100%;
  }

  .how__items .item-card__number {
    left: -32px;
    font-size: 26px;
  }

  .how__items .item-card__title {
    font-size: 20px;
  }

  .how__items .item-card__text {
    font-size: 14px;
  }

  .ready__container {
    flex-direction: column;
  }

  .ready__image {
    width: 100%;
    max-width: 450px;
    margin: 0 auto;
  }

  .ready__form {
    padding-top: 0;
    margin: 0 auto;
  }

  .footer__container {
    gap: 40px;
    max-width: var(--container-width);
    grid-template-columns: repeat(2, 1fr);
    grid-template-areas: "logo logo " "menu1 menu2" "menu3 menu4" "info social";
  }
}

@media (max-width: 760px) {
  :root {
    --container-width: 360px;
    --h2: 28px;
  }

  [class*=__container] {
    flex-direction: column;
  }

  .btn {
    width: 100%;
  }

  .form__inputs {
    gap: 30px;
  }

  .form__row {
    flex-direction: column;
    gap: 30px;
  }

  .header__container {
    flex-direction: row;
  }

  .header__menu {
    padding: 0 calc((100vw - 340px) / 2);
    align-items: flex-start;
  }

  .header__menu-wrap {
    grid-template-columns: 1fr;
  }

  .header__burger {
    display: block;
  }

  .header__burger-text {
    display: none;
  }

  .section404 {
    padding: 200px 0 50px 0;
    margin-top: 60px;
  }

  .section404__code {
    width: 150%;
    left: -25%;
    top: -6%;
  }

  .hero {
    padding-top: 250px;
  }

  .hero__title {
    font-size: 46px;
  }

  .hero__text {
    font-size: 16px;
  }

  .hero__btn {
    margin-top: 25px;
    padding: 16px 30px;
  }

  .hero__bg {
    top: 60px;
    height: unset;
    width: 100%;
  }

  .image-text {
    padding: 35px 0;
  }

  .about {
    padding: 40px 0;
  }

  .about__title {
    width: 100%;
  }

  .about__items {
    display: flex;
    flex-direction: column;
    margin-top: 52px;
  }

  .about__items .item__title br {
    display: none;
  }

  .slider-search__info {
    margin-bottom: 32px;
  }

  .slider-search .swiper .swiper-button-next {
    right: auto;
    left: 56px;
  }

  .benefits__items .item {
    padding: 16px 16px 22px 16px;
    background: url("data:image/svg+xml,%3Csvg width='610' height='228' viewBox='0 0 610 228' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M610 0H0V228H157.5L182.615 213.5H610V139.83L590 130.383L610 120.936V0Z' fill='%23F6921E'/%3E%3C/svg%3E%0A") left bottom/cover no-repeat;
  }

  .how__info {
    flex: 1 1 100%;
    width: 100%;
  }

  .how__title {
    font-size: 32px;
  }

  .how__items .item-card {
    width: 100%;
    padding-left: 35px;
  }

  .how__items .item-card__number {
    left: 0;
  }

  .how__items .item-card__title {
    font-size: 22px;
  }

  .how__items .item-card__text {
    font-size: 16px;
  }

  .ready__form-inputs {
    display: flex;
    flex-flow: column;
  }

  .ready__phone-block .phone-link {
    font-size: 38px;
    letter-spacing: -0.04px;
  }

  .footer {
    padding: 30px 0;
  }

  .footer__container {
    grid-template-columns: 1fr;
    grid-template-areas: "logo" "menu1" "menu2" "menu3" "menu4" "social" "info";
  }

  .footer__logo {
    width: 100%;
  }
}