@charset "UTF-8";

@-webkit-keyframes shake-1 {
  0%, 100% {
    -webkit-transform: translate(0, 0) rotate(0deg);
    transform: translate(0, 0) rotate(0deg);
  }

  10% {
    -webkit-transform: translate(-2px, 1px) rotate(-1deg);
    transform: translate(-2px, 1px) rotate(-1deg);
  }

  20% {
    -webkit-transform: translate(1px, -2px) rotate(1deg);
    transform: translate(1px, -2px) rotate(1deg);
  }

  30% {
    -webkit-transform: translate(-1px, 2px) rotate(-1deg);
    transform: translate(-1px, 2px) rotate(-1deg);
  }

  40% {
    -webkit-transform: translate(2px, -1px) rotate(1deg);
    transform: translate(2px, -1px) rotate(1deg);
  }

  50% {
    -webkit-transform: translate(-1px, -1px) rotate(-0.5deg);
    transform: translate(-1px, -1px) rotate(-0.5deg);
  }

  60% {
    -webkit-transform: translate(1px, 2px) rotate(0.5deg);
    transform: translate(1px, 2px) rotate(0.5deg);
  }

  70% {
    -webkit-transform: translate(-2px, -1px) rotate(-1deg);
    transform: translate(-2px, -1px) rotate(-1deg);
  }

  80% {
    -webkit-transform: translate(1px, 1px) rotate(1deg);
    transform: translate(1px, 1px) rotate(1deg);
  }

  90% {
    -webkit-transform: translate(-1px, -2px) rotate(-0.5deg);
    transform: translate(-1px, -2px) rotate(-0.5deg);
  }
}

@keyframes shake-1 {
  0%, 100% {
    -webkit-transform: translate(0, 0) rotate(0deg);
    transform: translate(0, 0) rotate(0deg);
  }

  10% {
    -webkit-transform: translate(-2px, 1px) rotate(-1deg);
    transform: translate(-2px, 1px) rotate(-1deg);
  }

  20% {
    -webkit-transform: translate(1px, -2px) rotate(1deg);
    transform: translate(1px, -2px) rotate(1deg);
  }

  30% {
    -webkit-transform: translate(-1px, 2px) rotate(-1deg);
    transform: translate(-1px, 2px) rotate(-1deg);
  }

  40% {
    -webkit-transform: translate(2px, -1px) rotate(1deg);
    transform: translate(2px, -1px) rotate(1deg);
  }

  50% {
    -webkit-transform: translate(-1px, -1px) rotate(-0.5deg);
    transform: translate(-1px, -1px) rotate(-0.5deg);
  }

  60% {
    -webkit-transform: translate(1px, 2px) rotate(0.5deg);
    transform: translate(1px, 2px) rotate(0.5deg);
  }

  70% {
    -webkit-transform: translate(-2px, -1px) rotate(-1deg);
    transform: translate(-2px, -1px) rotate(-1deg);
  }

  80% {
    -webkit-transform: translate(1px, 1px) rotate(1deg);
    transform: translate(1px, 1px) rotate(1deg);
  }

  90% {
    -webkit-transform: translate(-1px, -2px) rotate(-0.5deg);
    transform: translate(-1px, -2px) rotate(-0.5deg);
  }
}

@-webkit-keyframes shake-2 {
  0%, 100% {
    -webkit-transform: translate(0, 0) rotate(0deg);
    transform: translate(0, 0) rotate(0deg);
  }

  15% {
    -webkit-transform: translate(1px, -1px) rotate(0.5deg);
    transform: translate(1px, -1px) rotate(0.5deg);
  }

  25% {
    -webkit-transform: translate(-2px, 2px) rotate(-1deg);
    transform: translate(-2px, 2px) rotate(-1deg);
  }

  35% {
    -webkit-transform: translate(2px, -2px) rotate(1deg);
    transform: translate(2px, -2px) rotate(1deg);
  }

  45% {
    -webkit-transform: translate(-1px, 1px) rotate(-0.5deg);
    transform: translate(-1px, 1px) rotate(-0.5deg);
  }

  55% {
    -webkit-transform: translate(1px, -1px) rotate(0.5deg);
    transform: translate(1px, -1px) rotate(0.5deg);
  }

  65% {
    -webkit-transform: translate(-2px, -2px) rotate(-1deg);
    transform: translate(-2px, -2px) rotate(-1deg);
  }

  75% {
    -webkit-transform: translate(2px, 1px) rotate(1deg);
    transform: translate(2px, 1px) rotate(1deg);
  }

  85% {
    -webkit-transform: translate(-1px, 2px) rotate(-0.5deg);
    transform: translate(-1px, 2px) rotate(-0.5deg);
  }

  95% {
    -webkit-transform: translate(1px, -1px) rotate(0.5deg);
    transform: translate(1px, -1px) rotate(0.5deg);
  }
}

@keyframes shake-2 {
  0%, 100% {
    -webkit-transform: translate(0, 0) rotate(0deg);
    transform: translate(0, 0) rotate(0deg);
  }

  15% {
    -webkit-transform: translate(1px, -1px) rotate(0.5deg);
    transform: translate(1px, -1px) rotate(0.5deg);
  }

  25% {
    -webkit-transform: translate(-2px, 2px) rotate(-1deg);
    transform: translate(-2px, 2px) rotate(-1deg);
  }

  35% {
    -webkit-transform: translate(2px, -2px) rotate(1deg);
    transform: translate(2px, -2px) rotate(1deg);
  }

  45% {
    -webkit-transform: translate(-1px, 1px) rotate(-0.5deg);
    transform: translate(-1px, 1px) rotate(-0.5deg);
  }

  55% {
    -webkit-transform: translate(1px, -1px) rotate(0.5deg);
    transform: translate(1px, -1px) rotate(0.5deg);
  }

  65% {
    -webkit-transform: translate(-2px, -2px) rotate(-1deg);
    transform: translate(-2px, -2px) rotate(-1deg);
  }

  75% {
    -webkit-transform: translate(2px, 1px) rotate(1deg);
    transform: translate(2px, 1px) rotate(1deg);
  }

  85% {
    -webkit-transform: translate(-1px, 2px) rotate(-0.5deg);
    transform: translate(-1px, 2px) rotate(-0.5deg);
  }

  95% {
    -webkit-transform: translate(1px, -1px) rotate(0.5deg);
    transform: translate(1px, -1px) rotate(0.5deg);
  }
}

@-webkit-keyframes shake-3 {
  0%, 100% {
    -webkit-transform: translate(0, 0) rotate(0deg);
    transform: translate(0, 0) rotate(0deg);
  }

  12% {
    -webkit-transform: translate(-1px, -2px) rotate(-0.5deg);
    transform: translate(-1px, -2px) rotate(-0.5deg);
  }

  22% {
    -webkit-transform: translate(2px, 1px) rotate(1deg);
    transform: translate(2px, 1px) rotate(1deg);
  }

  32% {
    -webkit-transform: translate(-2px, -1px) rotate(-1deg);
    transform: translate(-2px, -1px) rotate(-1deg);
  }

  42% {
    -webkit-transform: translate(1px, 2px) rotate(0.5deg);
    transform: translate(1px, 2px) rotate(0.5deg);
  }

  52% {
    -webkit-transform: translate(-1px, 1px) rotate(-1deg);
    transform: translate(-1px, 1px) rotate(-1deg);
  }

  62% {
    -webkit-transform: translate(2px, -2px) rotate(1deg);
    transform: translate(2px, -2px) rotate(1deg);
  }

  72% {
    -webkit-transform: translate(-2px, 1px) rotate(-0.5deg);
    transform: translate(-2px, 1px) rotate(-0.5deg);
  }

  82% {
    -webkit-transform: translate(1px, -1px) rotate(1deg);
    transform: translate(1px, -1px) rotate(1deg);
  }

  92% {
    -webkit-transform: translate(-1px, -2px) rotate(-0.5deg);
    transform: translate(-1px, -2px) rotate(-0.5deg);
  }
}

@keyframes shake-3 {
  0%, 100% {
    -webkit-transform: translate(0, 0) rotate(0deg);
    transform: translate(0, 0) rotate(0deg);
  }

  12% {
    -webkit-transform: translate(-1px, -2px) rotate(-0.5deg);
    transform: translate(-1px, -2px) rotate(-0.5deg);
  }

  22% {
    -webkit-transform: translate(2px, 1px) rotate(1deg);
    transform: translate(2px, 1px) rotate(1deg);
  }

  32% {
    -webkit-transform: translate(-2px, -1px) rotate(-1deg);
    transform: translate(-2px, -1px) rotate(-1deg);
  }

  42% {
    -webkit-transform: translate(1px, 2px) rotate(0.5deg);
    transform: translate(1px, 2px) rotate(0.5deg);
  }

  52% {
    -webkit-transform: translate(-1px, 1px) rotate(-1deg);
    transform: translate(-1px, 1px) rotate(-1deg);
  }

  62% {
    -webkit-transform: translate(2px, -2px) rotate(1deg);
    transform: translate(2px, -2px) rotate(1deg);
  }

  72% {
    -webkit-transform: translate(-2px, 1px) rotate(-0.5deg);
    transform: translate(-2px, 1px) rotate(-0.5deg);
  }

  82% {
    -webkit-transform: translate(1px, -1px) rotate(1deg);
    transform: translate(1px, -1px) rotate(1deg);
  }

  92% {
    -webkit-transform: translate(-1px, -2px) rotate(-0.5deg);
    transform: translate(-1px, -2px) rotate(-0.5deg);
  }
}

@-webkit-keyframes slideIn {
  from {
    right: -100%;
  }

  to {
    right: 0;
  }
}

@keyframes slideIn {
  from {
    right: -100%;
  }

  to {
    right: 0;
  }
}

@-webkit-keyframes slideOut {
  from {
    right: 0;
  }

  to {
    right: -100%;
  }
}

@keyframes slideOut {
  from {
    right: 0;
  }

  to {
    right: -100%;
  }
}

@-webkit-keyframes pulseToRight {
  0%, 100% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }

  50% {
    -webkit-transform: translateX(10px);
    transform: translateX(10px);
  }
}

@keyframes pulseToRight {
  0%, 100% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }

  50% {
    -webkit-transform: translateX(10px);
    transform: translateX(10px);
  }
}

@-webkit-keyframes pulseToLeft {
  0%, 100% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }

  50% {
    -webkit-transform: translateX(-10px);
    transform: translateX(-10px);
  }
}

@keyframes pulseToLeft {
  0%, 100% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }

  50% {
    -webkit-transform: translateX(-10px);
    transform: translateX(-10px);
  }
}

.layout {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}

.layout__main {
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
}

.layout__footer {
  margin-top: auto;
}

.container {
  max-width: 1440px;
  width: 100%;
  padding: 0 72px;
  margin: 0 auto;
}

@-webkit-keyframes click {
  from {
    top: 0;
  }

  to {
    top: 8px;
  }
}

@keyframes click {
  from {
    top: 0;
  }

  to {
    top: 8px;
  }
}

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

.button {
  position: relative;
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
  max-width: 100%;
  -webkit-transition: -webkit-transform 0.3s ease;
  transition: -webkit-transform 0.3s ease;
  transition: transform 0.3s ease;
  transition: transform 0.3s ease, -webkit-transform 0.3s ease;
}

.button__top {
  border: 2px solid #151216;
  padding: 24px 36px;
  background: #fff;
  border-radius: 100px;
  z-index: 2;
  position: relative;
}

.button__side {
  content: "";
  position: absolute;
  bottom: -8px;
  width: 100%;
  height: 100%;
  border-radius: 100px;
  border: 2px solid #151216;
  background: #fff;
  z-index: 1;
  left: 0;
  -webkit-transition: all 0.4s;
  transition: all 0.4s;
  -webkit-transition-timing-function: revert;
  transition-timing-function: revert;
}

.button__text {
  text-align: center;
  font-family: Minecraft, sans-serif;
  font-size: 32px;
  line-height: 32px;
  letter-spacing: 0.02rem;
  color: #DB24E4;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-transition: color 0.3s ease, -webkit-transform 0.3s ease;
  transition: color 0.3s ease, -webkit-transform 0.3s ease;
  transition: transform 0.3s ease, color 0.3s ease;
  transition: transform 0.3s ease, color 0.3s ease, -webkit-transform 0.3s ease;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.button:hover {
  -webkit-transform: translateY(-2px);
  -ms-transform: translateY(-2px);
  transform: translateY(-2px);
}

.button:hover .button__side {
  background: #151216;
  -webkit-transform: translateY(2px);
  -ms-transform: translateY(2px);
  transform: translateY(2px);
  -webkit-box-shadow: 0 8px 16px rgba(0, 0, 0, 0.2);
  box-shadow: 0 8px 16px rgba(0, 0, 0, 0.2);
}

.button:hover .button__top {
  background: -webkit-gradient(linear, left bottom, left top, from(#FFFFFF), to(#FFFFFF)), -webkit-gradient(linear, left top, left bottom, color-stop(41.55%, rgba(219, 36, 228, 0)), color-stop(150.48%, rgba(219, 36, 228, 0.2)));
  background: linear-gradient(0deg, #FFFFFF, #FFFFFF), linear-gradient(180deg, rgba(219, 36, 228, 0) 41.55%, rgba(219, 36, 228, 0.2) 150.48%);
  -webkit-box-shadow: 0 4px 12px rgba(219, 36, 228, 0.3);
  box-shadow: 0 4px 12px rgba(219, 36, 228, 0.3);
}

.button:hover .button__text {
  -webkit-transform: scale(1.05);
  -ms-transform: scale(1.05);
  transform: scale(1.05);
}

.button:active .button__side {
  background: #151216;
}

.button:active .button__top {
  -webkit-animation-duration: 0.2s;
  animation-duration: 0.2s;
  -webkit-animation-name: click;
  animation-name: click;
  -webkit-animation-iteration-count: revert;
  animation-iteration-count: revert;
}

.button._type_blue .button__text {
  color: #1938FF;
}

.button._type_green .button__text {
  color: #12DA36;
}

.button._type_pixelated .button__top {
  border-color: #DB24E4;
  -ms-interpolation-mode: nearest-neighbor;
  image-rendering: -webkit-optimize-contrast;
  image-rendering: pixelated;
}

.button._type_pixelated .button__side {
  border-color: #DB24E4;
  -ms-interpolation-mode: nearest-neighbor;
  image-rendering: -webkit-optimize-contrast;
  image-rendering: pixelated;
}

.button._type_pixelated .button__text {
  color: #DB24E4;
  -ms-interpolation-mode: nearest-neighbor;
  image-rendering: -webkit-optimize-contrast;
  image-rendering: pixelated;
  -webkit-font-smoothing: none;
  -moz-osx-font-smoothing: unset;
  text-rendering: optimizeSpeed;
}

.input {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  width: 100%;
  gap: 8px;
}

.input .input__reset-button .icon,
.input .input__submit-button .icon {
  width: 16px;
  height: 16px;
}

.input__password-toggler {
  border: none;
  background: none;
  display: none;
}

.input__password-icon {
  -webkit-transition: color 0.3s ease;
  transition: color 0.3s ease;
  color: #BFCFD5;
}

.input__password-icon:hover {
  color: #FF3900;
}

.input__label {
  color: #141414;
  font-family: Minecraft, sans-serif;
  line-height: 20px;
}

.input__field {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 10px 12px;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  border: 1px solid #BFCFD5;
  overflow: hidden;
  color: #141414;
  font-family: Minecraft, sans-serif;
  line-height: 20px;
  -webkit-transition: color 0.3s ease, background-color 0.3s ease, border-bottom-color 0.3s ease, border-left-color 0.3s ease, border-top-color 0.3s ease, border-right-color 0.3s ease;
  transition: color 0.3s ease, background-color 0.3s ease, border-bottom-color 0.3s ease, border-left-color 0.3s ease, border-top-color 0.3s ease, border-right-color 0.3s ease;
  max-height: 40px;
}

.input__field:-ms-input-placeholder {
  color: #BFCFD5;
}

.input__field::-ms-input-placeholder {
  color: #BFCFD5;
}

.input__field::placeholder,
.input__field:-ms-input-placeholder,
.input__field::-ms-input-placeholder {
  color: #BFCFD5;
}

.input__field:hover,
.input__field:focus {
  border: 1px solid #141414;
  outline: none;
}

.input__field[data-mask=date] {
  color: #141414 !important;
}

.input__field[data-mask=date]._color_active {
  color: #141414 !important;
}

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

.input__link {
  color: #BFCFD5;
  font-family: Minecraft, sans-serif;
  font-size: 14px;
  line-height: 16px;
  -webkit-transition: color 0.3s ease;
  transition: color 0.3s ease;
}

.input__link:hover {
  color: #FF3900;
}

.input__field-input {
  border: none;
  padding: 0;
  margin: 0;
  width: 100%;
  color: #141414;
  font-family: Minecraft, sans-serif;
  line-height: 20px;
  text-overflow: ellipsis;
}

.input__field-input:focus {
  outline: none;
}

.input__field-input:-ms-input-placeholder {
  color: #BFCFD5;
}

.input__field-input::-ms-input-placeholder {
  color: #BFCFD5;
}

.input__field-input::placeholder,
.input__field-input:-ms-input-placeholder,
.input__field-input::-ms-input-placeholder {
  color: #BFCFD5;
}

.input__text {
  color: #FF3900;
  font-family: Minecraft, sans-serif;
  font-size: 12px;
  line-height: 14px;
  display: none;
}

.input__result {
  color: rgba(0, 0, 0, 0.4);
  font-family: Minecraft, sans-serif;
  font-size: 14px;
  line-height: 20px;
  cursor: pointer;
}

.input input {
  background-color: transparent;
}

.input._error .input__text {
  display: inline;
}

.input._error .input__field {
  color: #FF3900;
}

.input._width_sm {
  width: 32%;
}

.input._focus .input__field {
  border: 1px solid #141414;
}

.input._focus .input__password-toggler {
  display: block;
}

.input._filled .input__password-toggler {
  display: block;
}

.input._type_search .input__submit-button,
.input._type_promo .input__submit-button {
  height: 40px;
  width: 40px;
  background: #141414;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-transition: 0.3s ease;
  transition: 0.3s ease;
}

.input._type_search .input__submit-button:hover,
.input._type_promo .input__submit-button:hover {
  background: #FF3900;
  border: 1px solid #FF3900;
}

.input._type_search {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  gap: 0;
  position: relative;
}

.input._type_search .input__field {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 12px;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}

.input._type_search .input__search-button,
.input._type_search .input__cross-button {
  background: none;
  border: none;
}

.input._type_search .input__cross-button {
  display: none;
}

.input._type_search .input__field {
  max-width: 296px;
  width: 100%;
}

.input._type_search .input__submit-button {
  display: none;
}

.input__dropdown {
  overflow-x: scroll;
  overflow-y: visible;
  scrollbar-width: thin;
  scrollbar-color: transparent transparent;
}

.input__dropdown::-webkit-scrollbar-horizontal {
  display: none;
}

.input__dropdown::-webkit-scrollbar {
  height: 0;
  width: 0;
  display: none;
}

.input__dropdown {
  position: absolute;
  max-height: 264px;
  top: 100%;
  left: 0;
  width: 100%;
  border: 1px solid #BFCFD5;
  background: #fff;
  padding: 14px 16px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 16px;
  display: none;
  z-index: 1000;
}

.input__dropdown._active {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.input._type_search._active .input__search-button {
  display: none;
}

.input._type_search._active .input__cross-button {
  display: block;
}

.input._type_search._active .input__field {
  width: calc(100% - 40px);
}

.input._type_search._active .input__submit-button {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.input._type_search._dropdown-close .input__dropdown {
  display: none;
}

.input._type_textarea .input__field {
  resize: vertical;
  max-height: -webkit-max-content;
  max-height: -moz-max-content;
  max-height: max-content;
}

.input._type_promo {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  gap: 0;
}

.input._type_promo .input__applied-icon {
  display: none;
}

.input._type_promo .input__applied-message {
  display: none;
}

.input._type_promo .input__field {
  border: 1px solid #fff;
  background: #fff;
  width: 100%;
  max-height: 48px;
  height: 48px;
}

.input._type_promo .input__field:hover,
.input._type_promo .input__field:focus {
  border: 1px solid #BFCFD5;
}

.input._type_promo .input__submit-button {
  display: none;
}

.input._type_promo .input__submit-button,
.input._type_promo .input__reset-button,
.input._type_promo .input__applied-icon {
  height: 48px;
  width: 52px;
}

.input._type_promo._active .input__submit-button {
  display: block;
}

.input._type_promo._active .input__reset-button {
  display: none;
  background: rgba(20, 20, 20, 0.6);
}

.input._type_promo._active .input__field {
  width: calc(100% - 52px);
}

.input._type_promo._error {
  position: relative;
}

.input._type_promo._error .input__field {
  color: #FF3900;
  width: calc(100% - 52px);
}

.input._type_promo._error .input__text {
  position: absolute;
  bottom: 0;
  left: 0;
  display: inline;
}

.input._type_promo._error:not(._active) .input__reset-button {
  display: block;
  background: #141414;
}

.input._type_promo._applied .input__applied-icon {
  display: none;
  width: 40px;
  height: 40px;
  background: rgba(0, 0, 0, 0.6);
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.input._type_promo._applied .input__field {
  display: none;
}

.input._type_promo._applied .input__applied-message {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: calc(100% - 40px);
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 14px 16px;
  background: rgba(20, 20, 20, 0.05);
  height: 48px;
  overflow: hidden;
  color: rgba(20, 20, 20, 0.4);
  font-family: Minecraft, sans-serif;
  line-height: 20px;
}

.title-search-result .input__result {
  color: rgba(0, 0, 0, 0.4);
  font-family: Minecraft, sans-serif;
  font-size: 14px;
  line-height: 20px;
  cursor: pointer;
}

.input._type_promo .input__reset-button {
  display: none;
  background-color: rgba(0, 0, 0, 0.6);
}

.input._type_promo .input__reset-button:hover {
  cursor: pointer;
  background-color: #FF3900;
}

.input._type_promo .input__reset-button {
  width: 52px;
  height: 48px;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  display: none;
  color: white;
  background-color: #141414;
}

.input._type_promo._applied .input__reset-button {
  display: block;
}

.input._type_promo._applied .input__reset-button:hover {
  background-color: #FF3900;
}

.input-dropdown {
  position: relative;
  width: 100%;
}

.input-dropdown__input {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='8' height='5' viewBox='0 0 8 5' fill='none'%3E%3Cpath stroke='%23000' d='M.354.646 4.354 4.646'/%3E%3Cpath transform='matrix(-.707 .707 .707 .707 8 1)' stroke='%23000' d='M0-.5 5.657-.5'/%3E%3C/svg%3E");
  background-position: right 5px center;
  background-repeat: no-repeat;
  border: 1px solid #BFCFD5;
  outline: 0;
  min-width: 0;
  width: 100%;
  padding: 7px 18px 7px 8px;
  text-overflow: ellipsis;
  font-family: Minecraft, sans-serif;
}

.input-dropdown__checkbox:not(:first-child) {
  margin-top: 8px;
}

.input-dropdown__checkbox input[type=checkbox] {
  position: absolute;
  height: 1px;
  width: 1px;
  margin: -1px;
  border: 0;
  padding: 0;
  clip: rect(0 0 0 0);
  overflow: hidden;
}

.input-dropdown__checkbox input[type=checkbox]:checked + span::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='17' height='16' viewBox='0 0 17 16' fill='none'%3E%3Crect x='.766' width='16' height='16' rx='2' fill='%23fff'/%3E%3Crect x='1.266' y='.5' width='15' height='15' rx='1.5' fill='%23D2D0E7' stroke='%23D2D0E7'/%3E%3Cpath d='M12.01 5.665a.728.728 0 0 0-1.029 0L7.855 8.79 6.55 7.485a.728.728 0 1 0-1.03 1.03l1.82 1.82a.725.725 0 0 0 1.03 0l3.64-3.64a.728.728 0 0 0 0-1.03Z' fill='%23181818'/%3E%3C/svg%3E");
  background-position: center center;
  background-color: #BFCFD5;
}

.input-dropdown__checkbox span {
  cursor: pointer;
  display: inline-block;
  font-size: 14px;
  padding-left: 28px;
  position: relative;
  font-family: Minecraft, sans-serif;
}

.input-dropdown__checkbox span::before {
  content: "";
  border: 1px solid #BFCFD5;
  width: 16px;
  height: 16px;
  position: absolute;
  top: 0;
  left: 0;
}

.input-dropdown__list {
  display: none;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  position: absolute;
  top: calc(100% + 8px);
  left: 0;
  min-width: 100%;
  border: 1px solid #BFCFD5;
  padding: 7px 24px 7px 8px;
  background-color: #fff;
  max-height: 200px;
  overflow: auto;
  z-index: 20;
}

.input-dropdown.open .input-dropdown__list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.icon {
  max-width: 100%;
  max-height: 100%;
}

.icon._theme_grey {
  color: #BFCFD5;
}

.icon._theme_white {
  color: #fff;
}

.icon._size_xxs {
  width: 13px;
  height: 13px;
}

.icon._size_xs {
  width: 16px;
  height: 16px;
}

.icon._size_s {
  width: 20px;
  height: 20px;
}

.icon._size_m {
  width: 32px;
  height: 32px;
}

.icon._size_xm {
  width: 36px;
  height: 36px;
}

.icon._size_lg {
  width: 46px;
  height: 46px;
}

.select {
  position: relative;
  border: 1px solid #BFCFD5;
  cursor: pointer;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 10px 12px;
  width: 100%;
}

.select__toggle-icon {
  -webkit-transition: -webkit-transform 0.3s ease;
  transition: -webkit-transform 0.3s ease;
  transition: transform 0.3s ease;
  transition: transform 0.3s ease, -webkit-transform 0.3s ease;
  margin-right: 0;
  margin-left: auto;
  color: #BFCFD5;
}

.select__toggle-icon._rotate {
  -webkit-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg);
}

.select:disabled,
.select._disabled {
  opacity: 0.5;
  pointer-events: none;
}

.select:hover,
.select:focus {
  border: 1px solid #141414;
}

.select:hover .select__toggle-icon,
.select:focus .select__toggle-icon {
  color: #141414;
}

.select input[type=radio],
.select input[type=checkbox] {
  display: none;
}

.select__trigger,
.select__selected-option {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 10px;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  cursor: pointer;
  white-space: nowrap;
  overflow: hidden;
  width: 100%;
}

.select__trigger span,
.select__selected-option span {
  color: #141414;
  font-family: Minecraft, sans-serif;
  line-height: 20px;
  max-width: calc(100% - 28px);
}

.select__dropdown {
  background-color: #fff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  position: absolute;
  overflow-y: scroll;
  overflow-x: hidden;
  max-height: 210px;
  z-index: 101;
  left: -1px;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  top: calc(100% + 1px);
  scrollbar-width: none;
  padding: 5px 0;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  border: 1px solid #BFCFD5;
  scrollbar-color: transparent transparent;
  min-width: 80px;
  width: calc(100% + 2px);
}

.select__dropdown::-webkit-scrollbar {
  display: none;
  width: 0;
  height: 0;
}

.select__dropdown._hidden {
  display: none;
}

.select__dropdown-item {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  cursor: pointer;
  color: #141414;
  font-family: Minecraft, sans-serif;
  line-height: 20px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 10px 12px;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-item-align: stretch;
  -ms-grid-row-align: stretch;
  align-self: stretch;
  width: 100%;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  gap: 10px;
  background: transparent;
  -webkit-transition: background-color 0.2s ease;
  transition: background-color 0.2s ease;
}

.select__dropdown-item:checked,
.select__dropdown-item:hover,
.select__dropdown-item._active {
  background: rgba(191, 207, 213, 0.2);
}

.select__dropdown-item:disabled,
.select__dropdown-item.disabled {
  opacity: 0.5;
  cursor: initial;
}

.select._type_check .select__dropdown-item {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding-left: 40px;
}

.select._type_check .select__dropdown-item:before {
  content: "";
  position: absolute;
  top: calc(50% - 10px);
  left: 10px;
  width: 20px;
  height: 20px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  border-radius: 4px;
  border: 2px solid #BFCFD5;
  background: #fff;
  cursor: pointer;
  margin-top: 1px;
}

.select._type_check .select__dropdown-item._checked:before {
  background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20" fill="none"><rect width="20" height="20" rx="4" fill="%23BFCFD5"/><path d="M15.63 5.87656C15.1374 5.37448 14.3365 5.37448 13.8439 5.87656L8.42101 11.3956L6.15611 9.0909C5.66346 8.58882 4.8626 8.58882 4.36996 9.0909C3.87668 9.59298 3.87668 10.4069 4.36996 10.9089L7.52794 14.1233C7.77426 14.3746 8.09763 14.5 8.42101 14.5C8.74439 14.5 9.06776 14.3746 9.31409 14.1233L15.63 7.69459C16.1233 7.19251 16.1233 6.37864 15.63 5.87656Z" fill="%23141414"/></svg>') center/20px 20px no-repeat;
  border: none;
}

.select-filter {
  max-width: 130px;
  width: 100%;
}

.select-filter label {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 8px;
  color: rgba(0, 32, 51, 0.6);
  font-family: Ubuntu;
  font-size: 16px;
  font-weight: 400;
  line-height: 150%;
}

.select-filter__signature {
  margin-top: 8px;
}

.select-filter__signature button {
  color: #0078d2;
  text-align: left;
  font-family: Ubuntu;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 140%;
}

.select-filter__copy-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 8px;
}

.select-filter__signature:hover {
  cursor: pointer;
}

.select-filter__container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 8px;
}

.select-filter__container img {
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
  padding: 5px;
  width: 12px;
  height: 12px;
  -ms-flex-item-align: center;
  -ms-grid-row-align: center;
  align-self: center;
  border-radius: 4px;
  background: rgba(0, 66, 105, 0.07);
}

.select-filter__container img:hover {
  cursor: pointer;
}

.select2-container {
  max-width: 130px;
}

.select2-results__option:hover {
  background-color: white !important;
  color: #FF3900 !important;
  border-left: 1px solid #be192d !important;
}

.select2-results__option--highlighted {
  background-color: none;
}

.select2-results__option--selectable {
  color: #002033 !important;
  background-color: white !important;
}

.select2-selection--multiple {
  position: relative;
  overflow: hidden;
  z-index: 5;
}

.select-multiple .select2-results__option {
  position: relative !important;
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important;
}

.select-multiple .select2-results__option span {
  padding-left: 18px;
}

.select-multiple .select2-results__option:hover {
  background-color: white !important;
  color: #FF3900 !important;
  border-left: none !important;
}

.select-multiple .select2-results__option:after {
  content: "";
  position: absolute !important;
  background-image: url("../assets/media/Checkbox.svg");
  width: 20px;
  height: 20px;
}

.select-multiple .select2-results__option--selected::after {
  background-image: url("../assets/media/box1.svg");
}

.select-multiple .select2-results__option:first-child {
  display: none !important;
}

.select-multiple .select2-results__option--highlighted {
  background-color: white !important;
  color: #002033 !important;
}

.select__title-option {
  color: rgba(0, 32, 51, 0.35) !important;
  font-family: Ubuntu;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 150%;
}

.select2-selection {
  height: 40px;
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important;
  -webkit-box-align: center !important;
  -ms-flex-align: center !important;
  align-items: center !important;
  overflow: visible !important;
}

.select2-selection__rendered {
  font-family: Ubuntu;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 150%;
}

.select2-selection__rendered[title="Выберите тип"] {
  color: rgba(0, 32, 51, 0.35) !important;
}

.select2-selection__rendered[title="Укажите место"] {
  color: rgba(0, 32, 51, 0.35) !important;
}

.select2-selection__rendered[title="Укажите город"] {
  color: rgba(0, 32, 51, 0.35) !important;
}

.select2-selection__rendered[title="Выберите кол-во звезд отеля"] {
  color: rgba(0, 32, 51, 0.35) !important;
}

.select2-selection__arrow {
  top: 0 !important;
  border-left: 1px solid var(--control-default-bg-border, rgba(0, 66, 105, 0.28));
  width: 40px !important;
  height: 40px !important;
}

.select._modal {
  width: 100%;
}

.select._pt_md {
  padding-top: 24px;
}

.select._width_max {
  width: 800px;
}

.select2-selection__choice:not([title]) {
  border: none !important;
  background-color: white !important;
  padding-left: 3px !important;
}

.select2-selection__choice:not([title]) span {
  display: none !important;
}

.select2-selection__choice:not([title]) button {
  display: none !important;
}

.select2-selection__choice:not([title]) li {
  background-color: white !important;
}

.select._tag .select2-selection__choice:not([title])::after {
  content: "Выберите теги для дальнейшего удобного поиска";
  color: rgba(0, 32, 51, 0.35);
  font-family: Ubuntu;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 150%;
}

.select._town .select2-selection__choice:not([title])::after {
  content: "Укажите города";
  color: rgba(0, 32, 51, 0.35);
  font-family: Ubuntu;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 150%;
}

.select._hotel .select2-selection__choice:not([title])::after {
  content: "Выберите кол-во звезд отеля";
}

.select2-selection__choice[title] {
  border-radius: 4px !important;
  background: rgba(0, 66, 105, 0.07) !important;
  display: -webkit-inline-box !important;
  display: -ms-inline-flexbox !important;
  display: inline-flex !important;
  -webkit-box-orient: horizontal !important;
  -webkit-box-direction: reverse !important;
  -ms-flex-direction: row-reverse !important;
  flex-direction: row-reverse !important;
  border: none !important;
  padding-left: 8px !important;
}

.select2-selection__choice[title] button {
  position: relative !important;
  width: 16px;
  height: 16px;
}

.select2-selection__choice[title] button span {
  display: none !important;
}

.select2-selection__choice[title] button {
  border-right: none !important;
}

.select2-selection__choice[title] button:after {
  content: "";
  background-image: url("../assets/media/IconClose.svg");
  position: absolute;
  width: 16px;
  height: 16px;
  right: 5px;
  top: 5px;
}

.select._logic .select__signature {
  margin-top: 0px;
}

.select._logic label {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 15px;
}

.select2-selection__clear {
  display: none;
}

.select2-search {
  display: none;
}

.select2-container .select2-selection--multiple .select2-selection__rendered {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.select2-container .selection {
  overflow: hidden;
  width: 100%;
  display: block;
}

.select2-selection__choice__display,
.select-filter-dropdown {
  font-family: Minecraft, sans-serif;
}

.select2-container--default .select2-selection--multiple,
.select2-container--default .select2-selection--single {
  min-height: 40px;
}

.select2-container--default .select2-selection--multiple {
  height: auto;
}

.select2-container--default .select2-selection--multiple {
  border: 1px solid #BFCFD5;
  border-radius: 0;
}

.select2-results__option {
  background-color: transparent;
  background-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='0.75' y='0.75' width='18.5' height='18.5' rx='3.25' stroke='%23BFCFD5' stroke-width='1.5'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: left;
  background-position: 12px center;
}

.select2-results__option--selected {
  background-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect width='20' height='20' rx='4' fill='%23BFCFD5'/%3E%3Cpath d='M15.63 5.87656C15.1374 5.37448 14.3365 5.37448 13.8439 5.87656L8.42101 11.3956L6.15611 9.0909C5.66346 8.58882 4.8626 8.58882 4.36996 9.0909C3.87668 9.59298 3.87668 10.4069 4.36996 10.9089L7.52794 14.1233C7.77426 14.3746 8.09763 14.5 8.42101 14.5C8.74439 14.5 9.06776 14.3746 9.31409 14.1233L15.63 7.69459C16.1233 7.19251 16.1233 6.37864 15.63 5.87656Z' fill='%23141414'/%3E%3C/svg%3E");
}

.select2-selection__choice[title] button:after {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16' fill='none'%3E%3Cscript xmlns=''/%3E%3Cg id='IconClose' opacity='0.4'%3E%3Cpath id='Vector' fill-rule='evenodd' clip-rule='evenodd' d='M3.75699 2.34314L2.34277 3.75735L6.58541 7.99999L2.34277 12.2426L3.75699 13.6568L7.99963 9.41421L12.2423 13.6568L13.6565 12.2426L9.41384 7.99999L13.6565 3.75735L12.2423 2.34314L7.99963 6.58578L3.75699 2.34314Z' fill='%2300395C' fill-opacity='0.8'/%3E%3C/g%3E%3Cscript xmlns=''/%3E%3C/svg%3E");
  right: 3px;
  top: 4px;
}

.select2-selection__choice:first-child {
  display: none !important;
}

.checkbox {
  min-width: 20px;
  min-height: 20px;
}

.checkbox input {
  display: none;
}

.checkbox label {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding-left: 32px;
  cursor: pointer;
  color: #141414;
  font-family: Minecraft, sans-serif;
  font-size: 16px;
  line-height: 20px;
}

.checkbox label:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 20px;
  height: 20px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  border-radius: 4px;
  border: 1.5px solid #BFCFD5;
  background: transparent;
  cursor: pointer;
}

.checkbox input:checked + label:before {
  background: #BFCFD5 url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20" fill="none"><rect width="20" height="20" rx="4" fill="%23BFCFD5"/><path d="M15.63 5.87656C15.1374 5.37448 14.3365 5.37448 13.8439 5.87656L8.42101 11.3956L6.15611 9.0909C5.66346 8.58882 4.8626 8.58882 4.36996 9.0909C3.87668 9.59298 3.87668 10.4069 4.36996 10.9089L7.52794 14.1233C7.77426 14.3746 8.09763 14.5 8.42101 14.5C8.74439 14.5 9.06776 14.3746 9.31409 14.1233L15.63 7.69459C16.1233 7.19251 16.1233 6.37864 15.63 5.87656Z" fill="%23141414"/></svg>') center/20px 20px no-repeat;
}

.checkbox input:disabled + label {
  opacity: 0.4;
  cursor: auto;
}

.checkbox input:disabled + label:before {
  opacity: 0.4;
  cursor: initial;
}

.checkbox.error label {
  color: #FF3900;
  border-color: #FF3900;
}

.checkbox.error label:before {
  border-color: #FF3900;
}

.accordion {
  background: #D6FFDD;
  border: 2px solid #12DA36;
  border-radius: 24px;
  padding: 24px 32px;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}

.accordion__checkbox {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  gap: 16px;
  background: transparent;
  border: none;
  padding: 0;
  cursor: pointer;
  text-align: left;
}

.accordion__question {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  font-weight: 900;
  font-size: 24px;
  line-height: 28px;
  color: #151216;
  letter-spacing: 0.015em;
}

.accordion__icon-wrapper {
  -ms-flex-negative: 0;
  flex-shrink: 0;
  width: 28px;
  height: 28px;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.accordion__icon {
  width: 100%;
  height: 100%;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  position: absolute;
  top: 0;
  left: 0;
}

.accordion__icon_minus {
  display: none;
}

.accordion__content {
  max-height: 0;
  overflow: hidden;
  opacity: 0;
  -webkit-transition: max-height 0.4s ease-out, margin-top 0.3s ease-out, opacity 0.3s ease-out;
  transition: max-height 0.4s ease-out, margin-top 0.3s ease-out, opacity 0.3s ease-out;
  margin-top: 0;
}

.accordion__content._opened {
  max-height: 500px;
  opacity: 1;
  margin-top: 24px;
  -webkit-transition: max-height 0.4s ease-in, margin-top 0.3s ease-in, opacity 0.4s ease-in;
  transition: max-height 0.4s ease-in, margin-top 0.3s ease-in, opacity 0.4s ease-in;
}

.accordion__answer {
  font-size: 20px;
  line-height: 28px;
  color: #151216;
  margin: 0;
  opacity: 0;
  -webkit-transition: opacity 0.3s ease-out;
  transition: opacity 0.3s ease-out;
}

.accordion__content._opened .accordion__answer {
  opacity: 1;
  -webkit-transition: opacity 0.4s ease-in 0.1s;
  transition: opacity 0.4s ease-in 0.1s;
}

.tab {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  padding: 6px 12px;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  border: 1.25px solid #BFCFD5;
  color: #141414;
  font-family: Minecraft, sans-serif;
  line-height: 20px;
  -webkit-transition: color 0.3s ease, border-color 0.3s ease, background 0.3s ease;
  transition: color 0.3s ease, border-color 0.3s ease, background 0.3s ease;
  background: transparent;
  cursor: pointer;
  position: relative;
  overflow: hidden;
}

.tab::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(219, 36, 228, 0.05);
  -webkit-transform: scaleX(0);
  -ms-transform: scaleX(0);
  transform: scaleX(0);
  -webkit-transform-origin: left center;
  -ms-transform-origin: left center;
  transform-origin: left center;
  -webkit-transition: -webkit-transform 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  transition: -webkit-transform 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  transition: transform 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  transition: transform 0.3s cubic-bezier(0.4, 0, 0.2, 1), -webkit-transform 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  z-index: 0;
}

.tab > * {
  position: relative;
  z-index: 1;
}

.tab:hover {
  border-color: #FF3900;
  color: #FF3900;
}

.tab:hover::before {
  -webkit-transform: scaleX(1);
  -ms-transform: scaleX(1);
  transform: scaleX(1);
}

.tab:active,
.tab.active {
  border: 1.25px solid #141414;
  background: #141414;
  color: #fff;
}

.tab:active::before,
.tab.active::before {
  display: none;
}

.tab._type_param {
  padding: 8px 10px;
  border: 1.25px solid #D2D0E7;
  font-size: 14px;
  line-height: 16px;
}

.tab._type_param::before {
  background: rgba(219, 36, 228, 0.08);
}

.tab._type_param:hover {
  color: #141414;
  border-color: #D2D0E7;
}

.tab._type_param:hover::before {
  -webkit-transform: scaleX(1);
  -ms-transform: scaleX(1);
  transform: scaleX(1);
}

.tab._type_param:active,
.tab._type_param.active {
  color: #141414;
  border: 1.25px solid #D2D0E7;
  background: #D2D0E7;
}

.tab._type_param:active::before,
.tab._type_param.active::before {
  display: none;
}

.tab._type_param:disabled,
.tab._type_param.disabled {
  background: rgba(20, 20, 20, 0.05);
  border: 1.25px solid rgba(20, 20, 20, 0.05);
  color: rgba(20, 20, 20, 0.4);
  cursor: initial;
  pointer-events: none;
  -webkit-transform: none;
  -ms-transform: none;
  transform: none;
}

.tab._type_param:disabled::before,
.tab._type_param.disabled::before {
  display: none;
}

.image {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  overflow: hidden;
}

.image img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: center;
  object-position: center;
  -webkit-transition: 0.3s ease;
  transition: 0.3s ease;
}

.image picture {
  width: 100%;
  height: 100%;
}

.image._size_sm {
  width: 296px;
  height: 196px;
}

.image._size_md {
  width: 296px;
  height: 296px;
}

.image._size_l {
  width: 296px;
  height: 395px;
}

.image._overflow_visible {
  overflow: visible;
}

.section {
  padding-top: 104px;
}

.section._padding_s {
  padding-top: 72px;
}

.input-images {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  max-width: 100%;
  width: 100%;
}

.input-images__top {
  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;
}

.input-images__image {
  position: relative;
  width: 100%;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

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

.input-images__image-delete-btn {
  position: absolute;
  width: 100%;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  top: 0;
  left: 0;
  opacity: 0;
  cursor: pointer;
  -webkit-transition: 0.3s ease;
  transition: 0.3s ease;
  background: rgba(24, 24, 24, 0.6);
  color: #fff;
}

.input-images__image-delete-btn:hover {
  opacity: 1;
}

.input-images__button-delete-all {
  display: none;
}

.input-images__swiper {
  margin-left: 0;
  max-width: 100%;
}

.input-images__input {
  display: none;
}

.input-images__swiper-slide {
  width: 56px;
  height: 75px;
}

.input-images.active {
  gap: 15px;
}

.input-images.active .input-images__button-delete-all {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.footer {
  background: #151216;
  color: #fff;
}

.footer__layout {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}

.footer__container {
  border-top: 2px solid #DB24E4;
  background: #151216;
}

.footer__content {
  padding: 32px 0 16px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 24px;
}

.footer__top {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  gap: 32px;
}

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

.footer__nav {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
}

.footer__nav-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  row-gap: 16px;
  -webkit-column-gap: 36px;
  -moz-column-gap: 36px;
  column-gap: 36px;
}

.footer__nav-item {
  list-style: none;
}

.footer__nav-link {
  position: relative;
  font-weight: 700;
  font-size: 18px;
  line-height: 24px;
  color: #fff;
  -webkit-transition: color 0.3s ease;
  transition: color 0.3s ease;
}

.footer__nav-link:before {
  content: "";
  position: absolute;
  left: 0;
  bottom: -4px;
  width: 100%;
  height: 2px;
  background: #DB24E4;
  -webkit-transform: scaleX(0);
  -ms-transform: scaleX(0);
  transform: scaleX(0);
  -webkit-transform-origin: center;
  -ms-transform-origin: center;
  transform-origin: center;
  -webkit-transition: -webkit-transform 0.3s ease;
  transition: -webkit-transform 0.3s ease;
  transition: transform 0.3s ease;
  transition: transform 0.3s ease, -webkit-transform 0.3s ease;
}

.footer__nav-link:hover,
.footer__nav-link:focus-visible {
  color: #DB24E4;
}

.footer__nav-link:hover:before,
.footer__nav-link:focus-visible:before {
  -webkit-transform: scaleX(1);
  -ms-transform: scaleX(1);
  transform: scaleX(1);
}

.footer__socials {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 12px;
  color: #DB24E4;
}

.footer__socials-item {
  list-style: none;
}

.footer__social-link {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  padding: 6px;
  border-radius: 999px;
  color: #DB24E4;
  -webkit-transition: -webkit-transform 0.3s ease;
  transition: -webkit-transform 0.3s ease;
  transition: transform 0.3s ease;
  transition: transform 0.3s ease, -webkit-transform 0.3s ease;
}

.footer__social-link svg {
  -webkit-transition: color 0.3s ease, fill 0.3s ease, stroke 0.3s ease, -webkit-transform 0.3s ease, -webkit-filter 0.3s ease;
  transition: color 0.3s ease, fill 0.3s ease, stroke 0.3s ease, -webkit-transform 0.3s ease, -webkit-filter 0.3s ease;
  transition: transform 0.3s ease, color 0.3s ease, fill 0.3s ease, stroke 0.3s ease, filter 0.3s ease;
  transition: transform 0.3s ease, color 0.3s ease, fill 0.3s ease, stroke 0.3s ease, filter 0.3s ease, -webkit-transform 0.3s ease, -webkit-filter 0.3s ease;
  color: #DB24E4;
  fill: #DB24E4;
  stroke: #DB24E4;
}

.footer__social-link:hover,
.footer__social-link:focus-visible {
  -webkit-transform: translateY(-2px);
  -ms-transform: translateY(-2px);
  transform: translateY(-2px);
}

.footer__social-link:hover svg,
.footer__social-link:focus-visible svg {
  -webkit-transform: translateY(-1px) scale(1.05);
  -ms-transform: translateY(-1px) scale(1.05);
  transform: translateY(-1px) scale(1.05);
  -webkit-filter: drop-shadow(0 0 4px rgba(219, 36, 228, 0.8));
  filter: drop-shadow(0 0 4px rgba(219, 36, 228, 0.8));
}

.footer__divider {
  position: relative;
  width: 100%;
  height: 2px;
  overflow: hidden;
  background: rgba(219, 36, 228, 0.2);
}

.footer__divider:before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: -webkit-gradient(linear, left top, right top, from(transparent), color-stop(50%, #DB24E4), to(transparent));
  background: linear-gradient(90deg, transparent 0%, #DB24E4 50%, transparent 100%);
  -webkit-transform: scaleX(0);
  -ms-transform: scaleX(0);
  transform: scaleX(0);
  -webkit-transform-origin: center;
  -ms-transform-origin: center;
  transform-origin: center;
  -webkit-animation: footer-line-reveal 1.1s ease-out 0.1s forwards;
  animation: footer-line-reveal 1.1s ease-out 0.1s forwards;
}

.footer__bottom {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  gap: 16px;
  font-size: 14px;
  line-height: 20px;
  color: #6F6F6F;
}

.footer__copyright {
  font-size: 16px;
  line-height: 20px;
  color: #6F6F6F;
}

.footer__policy {
  position: relative;
  font-size: 14px;
  line-height: 20px;
  color: #fff;
  white-space: nowrap;
  -webkit-transition: color 0.3s ease;
  transition: color 0.3s ease;
}

.footer__policy:before {
  content: "";
  position: absolute;
  left: 0;
  bottom: -2px;
  width: 100%;
  height: 1px;
  background: #DB24E4;
  -webkit-transform: scaleX(0);
  -ms-transform: scaleX(0);
  transform: scaleX(0);
  -webkit-transform-origin: left;
  -ms-transform-origin: left;
  transform-origin: left;
  -webkit-transition: -webkit-transform 0.3s ease;
  transition: -webkit-transform 0.3s ease;
  transition: transform 0.3s ease;
  transition: transform 0.3s ease, -webkit-transform 0.3s ease;
}

.footer__policy:hover,
.footer__policy:focus-visible {
  color: #DB24E4;
}

.footer__policy:hover:before,
.footer__policy:focus-visible:before {
  -webkit-transform: scaleX(1);
  -ms-transform: scaleX(1);
  transform: scaleX(1);
}

@-webkit-keyframes footer-line-reveal {
  0% {
    -webkit-transform: scaleX(0);
    transform: scaleX(0);
    opacity: 0;
  }

  40% {
    opacity: 1;
  }

  100% {
    -webkit-transform: scaleX(1);
    transform: scaleX(1);
    opacity: 1;
  }
}

@keyframes footer-line-reveal {
  0% {
    -webkit-transform: scaleX(0);
    transform: scaleX(0);
    opacity: 0;
  }

  40% {
    opacity: 1;
  }

  100% {
    -webkit-transform: scaleX(1);
    transform: scaleX(1);
    opacity: 1;
  }
}

.header {
  width: 100vw;
  padding: 24px 0;
  background: #151216;
  z-index: 800;
  border-bottom: 2px solid #DB24E4;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
}

.header__content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 96px;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  width: 100%;
}

.header__introduce {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  gap: 20px;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
}

.header__burger {
  background: #DB24E4;
  width: 40px;
  height: 40px;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  padding: 4px;
  border-radius: 8px;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  display: none;
  -webkit-box-shadow: 0 0 16px rgba(219, 36, 228, 0.45);
  box-shadow: 0 0 16px rgba(219, 36, 228, 0.45);
  -webkit-transition: background 0.25s ease, -webkit-transform 0.25s ease, -webkit-box-shadow 0.25s ease;
  transition: background 0.25s ease, -webkit-transform 0.25s ease, -webkit-box-shadow 0.25s ease;
  transition: transform 0.25s ease, box-shadow 0.25s ease, background 0.25s ease;
  transition: transform 0.25s ease, box-shadow 0.25s ease, background 0.25s ease, -webkit-transform 0.25s ease, -webkit-box-shadow 0.25s ease;
}

.header__burger:hover {
  -webkit-transform: translateY(-1px) scale(1.02);
  -ms-transform: translateY(-1px) scale(1.02);
  transform: translateY(-1px) scale(1.02);
  -webkit-box-shadow: 0 0 22px rgba(219, 36, 228, 0.7);
  box-shadow: 0 0 22px rgba(219, 36, 228, 0.7);
}

.header__burger-menu-icon,
.header__burger-close-icon {
  -webkit-transition: opacity 0.25s ease, -webkit-transform 0.25s ease;
  transition: opacity 0.25s ease, -webkit-transform 0.25s ease;
  transition: opacity 0.25s ease, transform 0.25s ease;
  transition: opacity 0.25s ease, transform 0.25s ease, -webkit-transform 0.25s ease;
}

.header__burger-close-icon {
  display: none;
  opacity: 0;
  -webkit-transform: scale(0.8) rotate(-10deg);
  -ms-transform: scale(0.8) rotate(-10deg);
  transform: scale(0.8) rotate(-10deg);
}

.header__nav {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 96px;
}

.header__nav-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 36px;
}

.header__nav-list-item a,
.header__nav-list-item button {
  font-weight: 700;
  font-size: 20px;
  line-height: 28px;
  letter-spacing: 0;
  vertical-align: middle;
  position: relative;
  color: #fff;
  -webkit-transition: color 0.3s ease;
  transition: color 0.3s ease;
}

.header__nav-list-item a:before,
.header__nav-list-item button:before {
  content: "";
  position: absolute;
  left: 0;
  bottom: -4px;
  width: 100%;
  height: 2px;
  background: #DB24E4;
  -webkit-transform: scaleX(0);
  -ms-transform: scaleX(0);
  transform: scaleX(0);
  -webkit-transform-origin: center;
  -ms-transform-origin: center;
  transform-origin: center;
  -webkit-transition: -webkit-transform 0.3s ease;
  transition: -webkit-transform 0.3s ease;
  transition: transform 0.3s ease;
  transition: transform 0.3s ease, -webkit-transform 0.3s ease;
}

.header__nav-list-item a:hover,
.header__nav-list-item a:focus-visible,
.header__nav-list-item button:hover,
.header__nav-list-item button:focus-visible {
  color: #DB24E4;
}

.header__nav-list-item a:hover:before,
.header__nav-list-item a:focus-visible:before,
.header__nav-list-item button:hover:before,
.header__nav-list-item button:focus-visible:before {
  -webkit-transform: scaleX(1);
  -ms-transform: scaleX(1);
  transform: scaleX(1);
}

.header__nav-controls {
  display: none;
  width: 100%;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 16px;
  position: relative;
  margin-top: 32px;
  padding-top: 32px;
}

.header__nav-buttons {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  gap: 16px;
  -ms-flex-negative: 0;
  flex-shrink: 0;
}

.header__nav-theme-toggle,
.header__nav-scroll-top {
  width: 56px;
  height: 56px;
  padding: 0;
  border-radius: 12px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  position: relative;
  overflow: hidden;
  cursor: pointer;
  -ms-flex-negative: 0;
  flex-shrink: 0;
}

.header__nav-theme-toggle::before,
.header__nav-scroll-top::before {
  display: none !important;
}

.header__nav-theme-toggle svg,
.header__nav-scroll-top svg {
  width: 24px;
  height: 24px;
  color: #fff;
  stroke: #fff;
  -webkit-transition: -webkit-transform 0.3s ease;
  transition: -webkit-transform 0.3s ease;
  transition: transform 0.3s ease;
  transition: transform 0.3s ease, -webkit-transform 0.3s ease;
}

.header__nav-theme-toggle:hover,
.header__nav-theme-toggle:focus-visible,
.header__nav-scroll-top:hover,
.header__nav-scroll-top:focus-visible {
  -webkit-transform: translateY(-2px) scale(1.05);
  -ms-transform: translateY(-2px) scale(1.05);
  transform: translateY(-2px) scale(1.05);
}

.header__nav-theme-toggle:hover svg,
.header__nav-theme-toggle:focus-visible svg,
.header__nav-scroll-top:hover svg,
.header__nav-scroll-top:focus-visible svg {
  -webkit-transform: scale(1.1);
  -ms-transform: scale(1.1);
  transform: scale(1.1);
}

.header__nav-theme-toggle:hover::after,
.header__nav-theme-toggle:focus-visible::after,
.header__nav-scroll-top:hover::after,
.header__nav-scroll-top:focus-visible::after {
  opacity: 1;
}

.header__nav-theme-toggle:active,
.header__nav-scroll-top:active {
  -webkit-transform: translateY(0) scale(0.98);
  -ms-transform: translateY(0) scale(0.98);
  transform: translateY(0) scale(0.98);
}

.header__nav-theme-toggle::after,
.header__nav-scroll-top::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: linear-gradient(135deg, rgba(255, 255, 255, 0.25) 0%, transparent 60%);
  opacity: 1;
  -webkit-transition: opacity 0.3s ease;
  transition: opacity 0.3s ease;
  pointer-events: none;
  border-radius: 12px;
}

.header__nav-theme-toggle {
  background: linear-gradient(135deg, #DB24E4 0%, rgba(219, 36, 228, 0.9) 100%);
  border: none;
  -webkit-box-shadow: 0 4px 16px rgba(219, 36, 228, 0.4), 0 2px 8px rgba(0, 0, 0, 0.2), inset 0 1px 0 rgba(255, 255, 255, 0.2);
  box-shadow: 0 4px 16px rgba(219, 36, 228, 0.4), 0 2px 8px rgba(0, 0, 0, 0.2), inset 0 1px 0 rgba(255, 255, 255, 0.2);
}

.header__nav-theme-toggle:hover,
.header__nav-theme-toggle:focus-visible {
  background: linear-gradient(135deg, #DB24E4 0%, rgb(219, 36, 228) 100%);
  -webkit-box-shadow: 0 6px 20px rgba(219, 36, 228, 0.6), 0 4px 12px rgba(0, 0, 0, 0.25), inset 0 1px 0 rgba(255, 255, 255, 0.3);
  box-shadow: 0 6px 20px rgba(219, 36, 228, 0.6), 0 4px 12px rgba(0, 0, 0, 0.25), inset 0 1px 0 rgba(255, 255, 255, 0.3);
}

.header__nav-theme-toggle:hover svg,
.header__nav-theme-toggle:focus-visible svg {
  color: #fff;
  stroke: #fff;
}

.header__nav-theme-toggle-icon {
  position: absolute;
  width: 24px;
  height: 24px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-transition: opacity 0.4s cubic-bezier(0.4, 0, 0.2, 1), -webkit-transform 0.4s cubic-bezier(0.4, 0, 0.2, 1);
  transition: opacity 0.4s cubic-bezier(0.4, 0, 0.2, 1), -webkit-transform 0.4s cubic-bezier(0.4, 0, 0.2, 1);
  transition: opacity 0.4s cubic-bezier(0.4, 0, 0.2, 1), transform 0.4s cubic-bezier(0.4, 0, 0.2, 1);
  transition: opacity 0.4s cubic-bezier(0.4, 0, 0.2, 1), transform 0.4s cubic-bezier(0.4, 0, 0.2, 1), -webkit-transform 0.4s cubic-bezier(0.4, 0, 0.2, 1);
}

.header__nav-theme-toggle-icon svg {
  width: 100%;
  height: 100%;
}

.header__nav-theme-toggle-icon_sun {
  opacity: 1;
  -webkit-transform: rotate(0deg) scale(1);
  -ms-transform: rotate(0deg) scale(1);
  transform: rotate(0deg) scale(1);
}

.header__nav-theme-toggle-icon_moon {
  opacity: 0;
  -webkit-transform: rotate(-90deg) scale(0.5);
  -ms-transform: rotate(-90deg) scale(0.5);
  transform: rotate(-90deg) scale(0.5);
}

.header__nav-scroll-top {
  background: linear-gradient(135deg, #12DA36 0%, rgba(18, 218, 54, 0.95) 100%);
  border: none;
  -webkit-box-shadow: 0 4px 16px rgba(18, 218, 54, 0.4), 0 2px 8px rgba(0, 0, 0, 0.2), inset 0 1px 0 rgba(255, 255, 255, 0.2);
  box-shadow: 0 4px 16px rgba(18, 218, 54, 0.4), 0 2px 8px rgba(0, 0, 0, 0.2), inset 0 1px 0 rgba(255, 255, 255, 0.2);
}

.header__nav-scroll-top:hover,
.header__nav-scroll-top:focus-visible {
  background: linear-gradient(135deg, #12DA36 0%, rgb(18, 218, 54) 100%);
  -webkit-box-shadow: 0 6px 20px rgba(18, 218, 54, 0.6), 0 4px 12px rgba(0, 0, 0, 0.25), inset 0 1px 0 rgba(255, 255, 255, 0.3);
  box-shadow: 0 6px 20px rgba(18, 218, 54, 0.6), 0 4px 12px rgba(0, 0, 0, 0.25), inset 0 1px 0 rgba(255, 255, 255, 0.3);
}

.header__nav-scroll-top:hover svg,
.header__nav-scroll-top:focus-visible svg {
  color: #fff;
  stroke: #fff;
}

.header__nav-socials {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  gap: 12px;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.header__nav-social-link {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  padding: 10px;
  border-radius: 999px;
  color: #DB24E4;
  background: rgba(219, 36, 228, 0.1);
  border: 1px solid rgba(219, 36, 228, 0.2);
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}

.header__nav-social-link svg {
  -webkit-transition: color 0.3s ease, fill 0.3s ease, stroke 0.3s ease, -webkit-transform 0.3s ease, -webkit-filter 0.3s ease;
  transition: color 0.3s ease, fill 0.3s ease, stroke 0.3s ease, -webkit-transform 0.3s ease, -webkit-filter 0.3s ease;
  transition: transform 0.3s ease, color 0.3s ease, fill 0.3s ease, stroke 0.3s ease, filter 0.3s ease;
  transition: transform 0.3s ease, color 0.3s ease, fill 0.3s ease, stroke 0.3s ease, filter 0.3s ease, -webkit-transform 0.3s ease, -webkit-filter 0.3s ease;
  color: #DB24E4;
  fill: #DB24E4;
  stroke: #DB24E4;
}

.header__nav-social-link:hover,
.header__nav-social-link:focus-visible {
  -webkit-transform: translateY(-2px);
  -ms-transform: translateY(-2px);
  transform: translateY(-2px);
  background: rgba(219, 36, 228, 0.2);
  border-color: rgba(219, 36, 228, 0.4);
  -webkit-box-shadow: 0 4px 12px rgba(219, 36, 228, 0.3);
  box-shadow: 0 4px 12px rgba(219, 36, 228, 0.3);
}

.header__nav-social-link:hover svg,
.header__nav-social-link:focus-visible svg {
  -webkit-transform: translateY(-1px) scale(1.1);
  -ms-transform: translateY(-1px) scale(1.1);
  transform: translateY(-1px) scale(1.1);
  -webkit-filter: drop-shadow(0 0 4px rgba(219, 36, 228, 0.8));
  filter: drop-shadow(0 0 4px rgba(219, 36, 228, 0.8));
}

.header__socials {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 12px;
  color: #DB24E4;
}

.header__social-link {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  padding: 6px;
  border-radius: 999px;
  color: #DB24E4;
  -webkit-transition: -webkit-transform 0.3s ease;
  transition: -webkit-transform 0.3s ease;
  transition: transform 0.3s ease;
  transition: transform 0.3s ease, -webkit-transform 0.3s ease;
}

.header__social-link svg {
  -webkit-transition: color 0.3s ease, fill 0.3s ease, stroke 0.3s ease, -webkit-transform 0.3s ease, -webkit-filter 0.3s ease;
  transition: color 0.3s ease, fill 0.3s ease, stroke 0.3s ease, -webkit-transform 0.3s ease, -webkit-filter 0.3s ease;
  transition: transform 0.3s ease, color 0.3s ease, fill 0.3s ease, stroke 0.3s ease, filter 0.3s ease;
  transition: transform 0.3s ease, color 0.3s ease, fill 0.3s ease, stroke 0.3s ease, filter 0.3s ease, -webkit-transform 0.3s ease, -webkit-filter 0.3s ease;
  color: #DB24E4;
  fill: #DB24E4;
  stroke: #DB24E4;
}

.header__social-link:hover,
.header__social-link:focus-visible {
  -webkit-transform: translateY(-2px);
  -ms-transform: translateY(-2px);
  transform: translateY(-2px);
}

.header__social-link:hover svg,
.header__social-link:focus-visible svg {
  -webkit-transform: translateY(-1px) scale(1.05);
  -ms-transform: translateY(-1px) scale(1.05);
  transform: translateY(-1px) scale(1.05);
  -webkit-filter: drop-shadow(0 0 4px rgba(219, 36, 228, 0.8));
  filter: drop-shadow(0 0 4px rgba(219, 36, 228, 0.8));
}

.header.active .header__burger-menu-icon {
  display: none;
  opacity: 0;
  -webkit-transform: scale(0.8) rotate(10deg);
  -ms-transform: scale(0.8) rotate(10deg);
  transform: scale(0.8) rotate(10deg);
}

.header.active .header__burger-close-icon {
  display: block;
  opacity: 1;
  -webkit-transform: scale(1) rotate(0deg);
  -ms-transform: scale(1) rotate(0deg);
  transform: scale(1) rotate(0deg);
}

.header.active .header__nav {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  opacity: 1;
  -webkit-transform: translateY(0);
  -ms-transform: translateY(0);
  transform: translateY(0);
  pointer-events: auto;
}

body.dark-theme .header__nav-theme-toggle-icon_sun {
  opacity: 0;
  -webkit-transform: rotate(90deg) scale(0.5);
  -ms-transform: rotate(90deg) scale(0.5);
  transform: rotate(90deg) scale(0.5);
}

body.dark-theme .header__nav-theme-toggle-icon_moon {
  opacity: 1;
  -webkit-transform: rotate(0deg) scale(1);
  -ms-transform: rotate(0deg) scale(1);
  transform: rotate(0deg) scale(1);
}

body:not(.dark-theme) .header {
  background: #fff;
  border-bottom: 2px solid rgba(219, 36, 228, 0.15);
  -webkit-box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05);
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05);
}

body:not(.dark-theme) .header__nav-list-item a,
body:not(.dark-theme) .header__nav-list-item button {
  color: #151216;
}

body:not(.dark-theme) .header__nav-list-item a:hover,
body:not(.dark-theme) .header__nav-list-item a:focus-visible,
body:not(.dark-theme) .header__nav-list-item button:hover,
body:not(.dark-theme) .header__nav-list-item button:focus-visible {
  color: #DB24E4;
}

body:not(.dark-theme) .header__social-link {
  color: #DB24E4;
}

body:not(.dark-theme) .header__social-link svg {
  color: #DB24E4;
  fill: #DB24E4;
  stroke: #DB24E4;
}

body:not(.dark-theme) .header__nav-social-link {
  background: rgba(219, 36, 228, 0.08);
  border-color: rgba(219, 36, 228, 0.15);
}

body:not(.dark-theme) .header__nav-social-link:hover,
body:not(.dark-theme) .header__nav-social-link:focus-visible {
  background: rgba(219, 36, 228, 0.15);
  border-color: rgba(219, 36, 228, 0.3);
}

.swiper-wrapper {
  height: -webkit-max-content;
  height: -moz-max-content;
  height: max-content;
}

.swiper-pagination-bullet {
  width: 12px;
  height: 12px;
  background: #fff;
  opacity: 1;
}

.swiper-pagination-bullet-active {
  background: #181818;
}

.swiper-pagination-bullets {
  bottom: 20px !important;
}

.swiper-button-next,
.swiper-button-prev {
  width: 40px;
  height: 40px;
  background-color: #141414;
  border-radius: 50%;
  padding: 8px;
  z-index: 400;
  top: calc(50% - 20px) !important;
}

.swiper-button-next:after,
.swiper-button-prev:after {
  display: none;
}

.swiper-button-next:before,
.swiper-button-prev:before {
  content: "";
  position: absolute;
  width: 80%;
  height: 70%;
  top: 15%;
  left: 5%;
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
}

.swiper-button-prev {
  left: 0;
}

.swiper-button-prev:before {
  background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none"><path fill-rule="evenodd" clip-rule="evenodd" d="M3.16484 12.7149C2.81175 12.303 2.81175 11.6951 3.16484 11.2832L9.16484 4.2832C9.56021 3.82194 10.2546 3.76853 10.7159 4.16389C11.1772 4.55925 11.2306 5.25368 10.8352 5.71494L6.39167 10.8991L20 10.8991C20.6075 10.8991 21.1 11.3916 21.1 11.9991C21.1 12.6066 20.6075 13.0991 20 13.0991L6.39167 13.0991L10.8352 18.2832C11.2306 18.7445 11.1772 19.4389 10.7159 19.8343C10.2546 20.2296 9.56021 20.1762 9.16484 19.7149L3.16484 12.7149Z" fill="white"/></svg>');
}

.swiper-button-next {
  right: 0;
}

.swiper-button-next:before {
  background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none"><path fill-rule="evenodd" clip-rule="evenodd" d="M20.8352 11.2851C21.1882 11.697 21.1882 12.3049 20.8352 12.7168L14.8352 19.7168C14.4398 20.1781 13.7454 20.2315 13.2841 19.8361C12.8228 19.4407 12.7694 18.7463 13.1648 18.2851L17.6083 13.1009L3.99997 13.1009C3.39246 13.1009 2.89997 12.6084 2.89997 12.0009C2.89997 11.3934 3.39246 10.9009 3.99997 10.9009L17.6083 10.9009L13.1648 5.7168C12.7694 5.25554 12.8228 4.56111 13.2841 4.16575C13.7454 3.77038 14.4398 3.8238 14.8352 4.28506L20.8352 11.2851Z" fill="white"/></svg>');
}

.swiper-button-disabled {
  display: none;
}

.swiper--stories {
  height: -webkit-fit-content;
  height: -moz-fit-content;
  height: fit-content;
}

.swiper--stories-button {
  position: absolute;
  top: calc(50% - 20px);
  cursor: pointer;
  display: block;
  width: 40px;
  height: 40px;
  background-color: #141414;
  border-radius: 50%;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='25' viewBox='0 0 24 25' fill='none'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M20.8352 11.8949C21.1882 12.3068 21.1882 12.9147 20.8352 13.3266L14.8352 20.3266C14.4398 20.7879 13.7454 20.8413 13.2841 20.4459C12.8228 20.0506 12.7694 19.3562 13.1648 18.8949L17.6083 13.7108L3.99997 13.7108C3.39246 13.7108 2.89997 13.2183 2.89997 12.6108C2.89997 12.0032 3.39246 11.5108 3.99997 11.5108L17.6083 11.5108L13.1648 6.32663C12.7694 5.86537 12.8228 5.17094 13.2841 4.77558C13.7454 4.38022 14.4398 4.43363 14.8352 4.89489L20.8352 11.8949Z' fill='white'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: center;
  z-index: 400;
}

.swiper--stories-button.swiper-button-disabled {
  display: none;
}

.swiper--stories-button-prev {
  left: 0;
  -webkit-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg);
}

.swiper--stories-button-next {
  right: 0;
}

.modal {
  background-color: rgba(0, 0, 0, 0.6);
}

.modal-dialog {
  margin: auto;
  width: 100%;
  min-height: 100%;
  height: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.modal-content {
  background: #fff;
  min-width: 520px;
  padding: 0 0 32px 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 32px;
}

.modal-header {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  padding: 32px 32px 0 32px;
}

.modal-body {
  padding: 0 32px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 32px;
}

.modal-body._center {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.modal-footer {
  padding: 0 32px;
  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;
}

.modal-footer-text {
  color: #141414;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  gap: 3px;
  margin-top: 20px;
}

.modal-footer-subtext {
  color: rgba(20, 20, 20, 0.6);
  text-align: center;
  font-family: Minecraft, sans-serif;
  font-size: 14px;
  line-height: 20px;
  margin-top: 10px;
}

.modal-footer-subtext a {
  color: #FF3900;
  font-family: Minecraft, sans-serif;
}

.modal-footer-subtext._margin_l {
  margin-top: 32px;
}

.modal-footer-text a {
  color: #FF3900;
}

.modal-footer-text,
.modal-footer-text a {
  text-align: center;
  font-family: Minecraft, sans-serif;
  line-height: 130%;
}

.modal-subtext {
  color: rgba(20, 20, 20, 0.8);
  font-family: Minecraft, sans-serif;
  font-size: 14px;
  line-height: 130%;
}

.modal-textarea textarea {
  min-height: 140px;
}

.modal-content-title {
  color: #141414;
  text-align: center;
  font-size: 30px;
  font-weight: 700;
  line-height: 130%;
  letter-spacing: 0.6px;
  text-transform: uppercase;
}

.modal-warning {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 15px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  gap: 15px;
  background: rgba(255, 57, 0, 0.1);
  color: #FF3900;
  font-family: Minecraft, sans-serif;
  font-size: 14px;
  line-height: 130%;
}

.modal-instruction {
  color: rgba(20, 20, 20, 0.8);
}

.modal-instruction a {
  color: #FF3900;
  margin: 0 3px;
}

.modal-instruction,
.modal-instruction a {
  font-family: Minecraft, sans-serif;
  font-size: 14px;
  line-height: 20px;
}

.modal-text {
  color: #141414;
  font-family: Minecraft, sans-serif;
  line-height: 130%;
}

.modal-text strong,
.modal-text b {
  color: #141414;
  font-family: Minecraft, sans-serif;
  line-height: 130%;
  font-weight: 700;
  margin: 0 3px;
}

.modal-text._center {
  text-align: center;
}

.modal-form {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 20px;
}

.modal-selects {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 12px;
}

.modal-conteiner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 30px;
}

.modal-title {
  color: #141414;
  font-size: 30px;
  font-weight: 700;
  line-height: 130%;
  letter-spacing: 0.6px;
  text-transform: uppercase;
}

.modal-close-btn {
  color: #BFCFD5;
  margin: 0 0 0 auto;
}

.modal-footer-button {
  width: 100%;
  padding: 20px 24px;
}

.modal-footer-button .button__text {
  font-size: 20px;
  line-height: 24px;
  letter-spacing: 0.4px;
}

.modal-message {
  padding: 15px;
  background-color: rgba(255, 57, 0, 0.1);
}

.modal-message span {
  color: #FF3900;
  font-family: Minecraft, sans-serif;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 19px;
}

.modal-size .modal-form {
  gap: 24px;
}

.modal-size .modal-form hr {
  border-top: #BFCFD5;
  margin-top: 24px;
  margin-bottom: 24px;
}

.modal-size .modal-dialog {
  max-width: 926px;
  width: 100%;
}

.modal-size .modal-content {
  width: 100%;
  max-height: 95vh;
  height: auto;
  overflow-y: auto;
  gap: 48px;
}

.modal-size .modal-content ol {
  padding: 0 32px;
}

.modal-size .modal-content ol li {
  font-family: Minecraft, sans-serif;
  font-size: 18px;
  font-weight: 400;
  line-height: 27px;
}

.modal-size h3 {
  margin-top: 0;
  font-family: Roboto, sans-serif;
  font-size: 24px;
  font-weight: 700;
  line-height: 36px;
}

.modal-size p {
  font-family: Minecraft, sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
}

.modal-size__row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-column-gap: 12px;
  -moz-column-gap: 12px;
  column-gap: 12px;
}

.modal-size__col {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  row-gap: 8px;
}

.modal-size__col span {
  font-family: Minecraft, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 21px;
}

.modal-size__message {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-column-gap: 24px;
  -moz-column-gap: 24px;
  column-gap: 24px;
  font-family: Minecraft, sans-serif;
  font-size: 18px;
  font-weight: 400;
  line-height: 27px;
  padding: 24px;
  background-color: rgba(255, 57, 0, 0.1019607843);
}

.modal-size__message span {
  font-weight: 700;
  font-family: inherit;
  font-size: inherit;
}

.modal-size__message svg {
  min-width: 24px;
  width: 24px;
  height: 24px;
}

.modal._type_content .modal-content {
  background-color: transparent;
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
}

.modal._type_content .modal__img,
.modal._type_content .modal__iframe {
  height: 90vh;
  width: auto;
}

.modal--gap-sm .modal-content {
  gap: 8px;
}

.modal--gap-sm .modal-footer {
  margin-top: 24px;
}

.modal .modal-footer-split {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  gap: 15px;
}

.modal .modal-footer-split .modal-footer-button {
  width: 50%;
  margin: 0;
  width: calc(50% - 8px);
}

.sidebar {
  display: block;
  max-width: 315px;
  height: -webkit-fit-content;
  height: -moz-fit-content;
  height: fit-content;
  width: 100%;
}

.sidebar__nav-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  row-gap: 20px;
}

.sidebar__nav-item {
  max-width: -webkit-fit-content;
  max-width: -moz-fit-content;
  max-width: fit-content;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.sidebar__nav-item:hover a,
.sidebar__nav-item:hover span {
  color: #FF3900;
}

.sidebar__nav-item a {
  color: #141414;
  font-family: Minecraft, sans-serif;
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px;
}

.sidebar__nav-item._type_active a {
  color: #FF3900;
}

.sidebar__nav-item._type_hot {
  position: relative;
}

.sidebar__nav-item._type_hot::after {
  position: absolute;
  right: -24px;
  top: 0;
  content: "";
  display: block;
  width: 20px;
  height: 20px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='21' viewBox='0 0 20 21' fill='none'%3E%3Cg clip-path='url(%23clip0_4213_9054)'%3E%3Cpath d='M16.0749 9.22758C15.8285 8.92201 15.5286 8.65719 15.2501 8.39237C14.5324 7.78124 13.7182 7.34327 13.0326 6.70158C11.4365 5.2145 11.083 2.7598 12.1007 0.875488C11.083 1.10975 10.1939 1.6394 9.43329 2.21997C6.6588 4.33855 5.56614 8.07662 6.87305 11.285C6.91589 11.3869 6.95874 11.4888 6.95874 11.6212C6.95874 11.8452 6.79806 12.049 6.58381 12.1304C6.33743 12.2323 6.08033 12.1712 5.8768 12.0082C5.81564 11.9601 5.76473 11.9014 5.72683 11.8351C4.51633 10.3785 4.32351 8.29051 5.13765 6.6201C3.34869 8.00532 2.37387 10.348 2.51313 12.5582C2.5774 13.0675 2.64168 13.5768 2.82379 14.0861C2.97376 14.6972 3.26299 15.3083 3.58436 15.8481C4.74129 17.6102 6.7445 18.8732 8.89768 19.1279C11.1901 19.4029 13.6432 19.0056 15.4001 17.4982C17.3604 15.8074 18.046 13.0981 17.039 10.7758L16.8998 10.5109C16.6748 10.0424 16.0749 9.22758 16.0749 9.22758ZM12.6898 15.6444C12.3899 15.8889 11.8971 16.1537 11.5115 16.2556C10.3117 16.663 9.11192 16.0926 8.40491 15.4203C9.67967 15.1352 10.4402 14.2388 10.6652 13.3323C10.8473 12.5175 10.5045 11.8452 10.3653 11.061C10.2367 10.3072 10.2581 9.66555 10.5474 8.96276C10.7509 9.3498 10.9652 9.73685 11.2222 10.0424C12.0471 11.061 13.3433 11.5091 13.6218 12.8943C13.6647 13.0369 13.6861 13.1795 13.6861 13.3323C13.7182 14.1675 13.3326 15.0842 12.6898 15.6444Z' fill='%23FF3900'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_4213_9054'%3E%3Crect width='20' height='20' fill='white' transform='translate(0 0.0419922)'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: center;
}

.sidebar__nav-count {
  color: #141414;
  font-family: Minecraft, sans-serif;
  font-size: 18px;
  font-weight: 400;
  line-height: 20px;
}

.sidebar .button {
  font-size: 18px;
  font-weight: 500;
  line-height: 24px;
  margin-top: 20px;
}

.sidebar + .filter__content {
  margin-top: 32px;
}

.sidebar .sidebar__nav-item a {
  display: inline;
  padding: 0;
}

.slider {
  width: 100%;
  height: -webkit-fit-content;
  height: -moz-fit-content;
  height: fit-content;
}

.slider-wrapper {
  position: relative;
}

.slider__arrows {
  position: absolute;
  top: calc(50% - 20px);
  left: -20px;
  z-index: 10;
  width: calc(100% + 40px);
  height: 40px;
}

.slider__arrow {
  position: absolute;
  top: 0;
  cursor: pointer;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  background-color: #141414;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M20.8352 11.285C21.1882 11.697 21.1882 12.3048 20.8352 12.7168L14.8352 19.7168C14.4398 20.178 13.7454 20.2314 13.2841 19.8361C12.8228 19.4407 12.7694 18.7463 13.1648 18.285L17.6083 13.1009L3.99997 13.1009C3.39246 13.1009 2.89997 12.6084 2.89997 12.0009C2.89997 11.3934 3.39246 10.9009 3.99997 10.9009L17.6083 10.9009L13.1648 5.71677C12.7694 5.25551 12.8228 4.56108 13.2841 4.16572C13.7454 3.77035 14.4398 3.82377 14.8352 4.28503L20.8352 11.285Z' fill='white'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: center;
}

.slider__arrow-prev {
  left: 0;
  -webkit-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg);
}

.slider__arrow-next {
  right: 0;
}

.slider img {
  width: 100%;
  height: 100%;
}

.navigation {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  row-gap: 30px;
  margin-top: 30px;
  margin-bottom: 30px;
  width: 100%;
}

.navigation__counter {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

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

.navigation__show-more button:hover {
  color: #fff;
  border: 1px solid #FF3900;
  background-color: #FF3900;
}

.navigation__pagination {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.navigation__container {
  color: #141414;
  font-family: Minecraft, sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 20px;
}

.navigation__item {
  list-style-type: none;
}

.navigation__link {
  color: inherit;
  font-family: Minecraft, sans-serif;
  font-weight: inherit;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
  padding: 0 10px;
}

.navigation__link:hover {
  color: #FF3900;
}

.navigation__link._type_active {
  color: #FF3900;
}

table {
  border: 1px solid #D2D0E7;
  margin-bottom: 8px;
  border-collapse: collapse;
}

table td,
table th {
  text-align: start;
  color: #141414;
  font-family: Minecraft, sans-serif;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px;
  padding: 10px;
}

table thead th:first-of-type {
  min-width: 232px;
  border-right: 1px solid #D2D0E7;
}

table tbody tr td:first-of-type {
  min-width: 232px;
  border-right: 1px solid #D2D0E7;
}

.table-wrapper {
  overflow-x: scroll;
  margin-bottom: 2px;
}

.table-wrapper::-webkit-scrollbar {
  height: 6px;
}

.table-wrapper::-webkit-scrollbar-thumb {
  background: #D2D0E7;
}

.table-wrapper::-webkit-scrollbar-track {
  background: rgba(210, 208, 231, 0.3);
}

.table-wrapper table p {
  margin: 0;
}

.table-wrapper table p,
.table-wrapper table b,
.table-wrapper table span {
  font-family: ArabicPro, sans-serif !important;
}

@-moz-document url-prefix()  {
  .table-wrapper {
    scrollbar-color: #D2D0E7 #F1F1F8;
    scrollbar-width: thin;
  }
}

.view {
  display: none;
  -webkit-column-gap: 15px;
  -moz-column-gap: 15px;
  column-gap: 15px;
}

.view .icon {
  cursor: pointer;
  width: 24px;
  height: 24px;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  -webkit-filter: opacity(20%);
  filter: opacity(20%);
}

.view .icon.active {
  cursor: default;
  pointer-events: none;
  -webkit-filter: opacity(100%);
  filter: opacity(100%);
}

.list--categories {
  margin-top: 30px;
  margin-bottom: 30px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  row-gap: 16px;
}

.list--categories .grid-category {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-line-pack: end;
  align-content: flex-end;
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
}

.list--categories .grid-category._type_active a h3 {
  color: #FF3900;
}

.list--categories .grid-category h3 {
  font-family: Minecraft, sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 20px;
  margin-top: 0;
}

.list--categories .grid-category._type_hot::after {
  position: unset;
  width: 20px;
  height: 20px;
  background-color: transparent;
  background-image: url("data:image/svg+xml,%3Csvg width='20' height='23' viewBox='0 0 20 23' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_6440_4134)'%3E%3Cpath d='M16.0749 10.063C15.8285 9.75746 15.5286 9.49264 15.2501 9.22782C14.5324 8.61669 13.7182 8.17871 13.0326 7.53703C11.4365 6.04995 11.083 3.59525 12.1007 1.71094C11.083 1.9452 10.1939 2.47485 9.43329 3.05542C6.6588 5.174 5.56614 8.91207 6.87305 12.1205C6.91589 12.2223 6.95874 12.3242 6.95874 12.4566C6.95874 12.6807 6.79806 12.8844 6.58381 12.9659C6.33743 13.0677 6.08033 13.0066 5.8768 12.8437C5.81564 12.7956 5.76473 12.7368 5.72683 12.6705C4.51633 11.214 4.32351 9.12596 5.13765 7.45555C3.34869 8.84077 2.37387 11.1834 2.51313 13.3937C2.5774 13.903 2.64168 14.4122 2.82379 14.9215C2.97376 15.5326 3.26299 16.1438 3.58436 16.6836C4.74129 18.4457 6.7445 19.7087 8.89768 19.9633C11.1901 20.2383 13.6432 19.8411 15.4001 18.3336C17.3604 16.6428 18.046 13.9335 17.039 11.6112L16.8998 11.3464C16.6748 10.8779 16.0749 10.063 16.0749 10.063ZM12.6898 16.4799C12.3899 16.7243 11.8971 16.9892 11.5115 17.091C10.3117 17.4984 9.11192 16.928 8.40491 16.2558C9.67967 15.9706 10.4402 15.0743 10.6652 14.1678C10.8473 13.3529 10.5045 12.6807 10.3653 11.8964C10.2367 11.1427 10.2581 10.501 10.5474 9.7982C10.7509 10.1853 10.9652 10.5723 11.2222 10.8779C12.0471 11.8964 13.3433 12.3446 13.6218 13.7298C13.6647 13.8724 13.6861 14.015 13.6861 14.1678C13.7182 15.003 13.3326 15.9197 12.6898 16.4799Z' fill='%23FF3900'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_6440_4134'%3E%3Crect width='20' height='20' fill='white' transform='translate(0 0.877441)'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-size: 20px 20px;
  background-position: bottom;
  -ms-flex-item-align: center;
  -ms-grid-row-align: center;
  align-self: center;
}

.list--categories picture {
  display: none;
}

.cookie {
  position: fixed;
  bottom: 0;
  left: 0;
  width: 100%;
  padding: 32px 0;
  -webkit-box-shadow: 0px -6px 44.6px 0px rgba(0, 0, 0, 0.102);
  box-shadow: 0px -6px 44.6px 0px rgba(0, 0, 0, 0.102);
  background-color: #fff;
  z-index: 9999;
  visibility: hidden;
  opacity: 0;
  -webkit-transform: translateY(100%);
  -ms-transform: translateY(100%);
  transform: translateY(100%);
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}

.cookie.visible {
  visibility: visible;
  opacity: 1;
  -webkit-transform: translateY(0);
  -ms-transform: translateY(0);
  transform: translateY(0);
}

.cookie__text {
  font-family: inherit;
  font-size: 20px;
  font-weight: 700;
  line-height: 24px;
  letter-spacing: 0.02em;
  text-transform: uppercase;
  max-width: 837px;
  width: 100%;
}

.cookie__text a {
  font-size: inherit;
  font-weight: inherit;
  line-height: inherit;
  letter-spacing: inherit;
}

.cookie__button {
  max-width: 256px;
  width: 100%;
  height: 64px;
  background-color: #FF3900;
  color: #fff;
  border: 1px solid #FF3900;
}

.cookie__button:hover {
  background-color: #fff;
  border-color: #FF3900;
  color: #FF3900;
}

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

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

.photo-preview__avatar {
  width: 200px;
  height: 200px;
  -o-object-fit: cover;
  object-fit: cover;
  border-radius: 50%;
  overflow: hidden;
}

.photo-preview__avatar img {
  width: inherit;
  height: inherit;
  -o-object-fit: inherit;
  object-fit: inherit;
}

@-webkit-keyframes mascotFloat {
  0%, 100% {
    -webkit-transform: translateY(0px) rotate(0deg);
    transform: translateY(0px) rotate(0deg);
  }

  25% {
    -webkit-transform: translateY(-10px) rotate(2deg);
    transform: translateY(-10px) rotate(2deg);
  }

  50% {
    -webkit-transform: translateY(-5px) rotate(0deg);
    transform: translateY(-5px) rotate(0deg);
  }

  75% {
    -webkit-transform: translateY(-15px) rotate(-2deg);
    transform: translateY(-15px) rotate(-2deg);
  }
}

@keyframes mascotFloat {
  0%, 100% {
    -webkit-transform: translateY(0px) rotate(0deg);
    transform: translateY(0px) rotate(0deg);
  }

  25% {
    -webkit-transform: translateY(-10px) rotate(2deg);
    transform: translateY(-10px) rotate(2deg);
  }

  50% {
    -webkit-transform: translateY(-5px) rotate(0deg);
    transform: translateY(-5px) rotate(0deg);
  }

  75% {
    -webkit-transform: translateY(-15px) rotate(-2deg);
    transform: translateY(-15px) rotate(-2deg);
  }
}

@-webkit-keyframes mascotBlink {
  0%, 90%, 100% {
    -webkit-transform: scaleY(1);
    transform: scaleY(1);
  }

  95% {
    -webkit-transform: scaleY(0.1);
    transform: scaleY(0.1);
  }
}

@keyframes mascotBlink {
  0%, 90%, 100% {
    -webkit-transform: scaleY(1);
    transform: scaleY(1);
  }

  95% {
    -webkit-transform: scaleY(0.1);
    transform: scaleY(0.1);
  }
}

@-webkit-keyframes mascotPulse {
  0%, 100% {
    opacity: 0.4;
    -webkit-transform: scale(1);
    transform: scale(1);
  }

  50% {
    opacity: 0.6;
    -webkit-transform: scale(1.2);
    transform: scale(1.2);
  }
}

@keyframes mascotPulse {
  0%, 100% {
    opacity: 0.4;
    -webkit-transform: scale(1);
    transform: scale(1);
  }

  50% {
    opacity: 0.6;
    -webkit-transform: scale(1.2);
    transform: scale(1.2);
  }
}

@-webkit-keyframes bubbleAppear {
  0% {
    opacity: 0;
    -webkit-transform: scale(0.5) translateY(20px);
    transform: scale(0.5) translateY(20px);
  }

  50% {
    -webkit-transform: scale(1.1) translateY(-5px);
    transform: scale(1.1) translateY(-5px);
  }

  100% {
    opacity: 1;
    -webkit-transform: scale(1) translateY(0);
    transform: scale(1) translateY(0);
  }
}

@keyframes bubbleAppear {
  0% {
    opacity: 0;
    -webkit-transform: scale(0.5) translateY(20px);
    transform: scale(0.5) translateY(20px);
  }

  50% {
    -webkit-transform: scale(1.1) translateY(-5px);
    transform: scale(1.1) translateY(-5px);
  }

  100% {
    opacity: 1;
    -webkit-transform: scale(1) translateY(0);
    transform: scale(1) translateY(0);
  }
}

@-webkit-keyframes bubbleShake {
  0%, 100% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }

  25% {
    -webkit-transform: rotate(2deg);
    transform: rotate(2deg);
  }

  75% {
    -webkit-transform: rotate(-2deg);
    transform: rotate(-2deg);
  }
}

@keyframes bubbleShake {
  0%, 100% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }

  25% {
    -webkit-transform: rotate(2deg);
    transform: rotate(2deg);
  }

  75% {
    -webkit-transform: rotate(-2deg);
    transform: rotate(-2deg);
  }
}

@-webkit-keyframes textTyping {
  from {
    width: 0;
  }

  to {
    width: 100%;
  }
}

@keyframes textTyping {
  from {
    width: 0;
  }

  to {
    width: 100%;
  }
}

.mascot {
  position: fixed;
  bottom: 30px;
  right: 30px;
  z-index: 9999;
  cursor: pointer;
  -webkit-transition: -webkit-transform 0.3s ease;
  transition: -webkit-transform 0.3s ease;
  transition: transform 0.3s ease;
  transition: transform 0.3s ease, -webkit-transform 0.3s ease;
}

.mascot * {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.mascot:hover {
  -webkit-transform: scale(1.1);
  -ms-transform: scale(1.1);
  transform: scale(1.1);
}

.mascot__avatar {
  width: 80px;
  height: 80px;
  background: linear-gradient(135deg, #DB24E4 0%, #12DA36 100%);
  border-radius: 50%;
  position: relative;
  border: 4px solid #fff;
  -webkit-box-shadow: 0 8px 24px rgba(0, 0, 0, 0.2), 0 0 20px rgba(219, 36, 228, 0.3);
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.2), 0 0 20px rgba(219, 36, 228, 0.3);
  -webkit-animation: mascotFloat 3s ease-in-out infinite;
  animation: mascotFloat 3s ease-in-out infinite;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
  cursor: pointer;
  z-index: 1;
}

.mascot__avatar:hover {
  -webkit-box-shadow: 0 12px 32px rgba(0, 0, 0, 0.3), 0 0 30px rgba(18, 218, 54, 0.5);
  box-shadow: 0 12px 32px rgba(0, 0, 0, 0.3), 0 0 30px rgba(18, 218, 54, 0.5);
  -webkit-transform: scale(1.05);
  -ms-transform: scale(1.05);
  transform: scale(1.05);
}

.mascot__face {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  width: 60%;
  height: 60%;
}

.mascot__eye {
  position: absolute;
  width: 12px;
  height: 12px;
  background: #fff;
  border-radius: 50%;
  top: 30%;
  -webkit-animation: mascotBlink 3s infinite;
  animation: mascotBlink 3s infinite;
}

.mascot__eye_left {
  left: 15%;
}

.mascot__eye_right {
  right: 15%;
}

.mascot__mouth {
  position: absolute;
  bottom: 10%;
  left: 50%;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  width: 20px;
  height: 10px;
  border: 2px solid #fff;
  border-top: none;
  border-radius: 0 0 20px 20px;
}

.mascot__speech-bubble {
  position: absolute;
  bottom: 100%;
  right: 0;
  margin-bottom: 15px;
  background: #fff;
  border: 3px solid #151216;
  border-radius: 20px;
  padding: 16px 20px;
  min-width: 280px;
  max-width: 320px;
  -webkit-box-shadow: 0 8px 24px rgba(0, 0, 0, 0.2);
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.2);
  opacity: 0;
  -webkit-transform: scale(0.5) translateY(20px);
  -ms-transform: scale(0.5) translateY(20px);
  transform: scale(0.5) translateY(20px);
  pointer-events: none;
  -webkit-transition: opacity 0.3s ease, visibility 0.3s ease, -webkit-transform 0.3s ease;
  transition: opacity 0.3s ease, visibility 0.3s ease, -webkit-transform 0.3s ease;
  transition: opacity 0.3s ease, transform 0.3s ease, visibility 0.3s ease;
  transition: opacity 0.3s ease, transform 0.3s ease, visibility 0.3s ease, -webkit-transform 0.3s ease;
  visibility: hidden;
  z-index: 10000;
}

.mascot__speech-bubble::after {
  content: "";
  position: absolute;
  bottom: -12px;
  right: 30px;
  width: 0;
  height: 0;
  border-left: 12px solid transparent;
  border-right: 12px solid transparent;
  border-top: 12px solid #151216;
}

.mascot__speech-bubble::before {
  content: "";
  position: absolute;
  bottom: -8px;
  right: 32px;
  width: 0;
  height: 0;
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  border-top: 10px solid #fff;
}

.mascot__speech-bubble.mascot__speech-bubble_visible {
  opacity: 1;
  -webkit-transform: scale(1) translateY(0);
  -ms-transform: scale(1) translateY(0);
  transform: scale(1) translateY(0);
  pointer-events: all;
  visibility: visible;
  -webkit-animation: bubbleAppear 0.5s ease-out, bubbleShake 0.5s ease-out 0.5s;
  animation: bubbleAppear 0.5s ease-out, bubbleShake 0.5s ease-out 0.5s;
}

.mascot__speech-content {
  position: relative;
}

.mascot__message {
  font-size: 16px;
  line-height: 1.5;
  color: #151216;
  margin: 0;
  font-weight: 500;
}

.mascot__time {
  margin: 8px 0 0;
  font-size: 13px;
  line-height: 1.3;
  color: rgba(0, 0, 0, 0.7);
  font-weight: 600;
}

.mascot__close {
  position: absolute;
  top: 8px;
  right: 8px;
  width: 24px;
  height: 24px;
  border: none;
  background: transparent;
  font-size: 24px;
  line-height: 1;
  color: #151216;
  cursor: pointer;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  border-radius: 50%;
  -webkit-transition: all 0.2s ease;
  transition: all 0.2s ease;
}

.mascot__close:hover {
  background: rgba(0, 0, 0, 0.1);
  -webkit-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  transform: rotate(90deg);
}

.mascot__pulse {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  width: 80px;
  height: 80px;
  border-radius: 50%;
  background: rgba(219, 36, 228, 0.2);
  -webkit-animation: mascotPulse 2s ease-in-out infinite;
  animation: mascotPulse 2s ease-in-out infinite;
  pointer-events: none;
  z-index: -1;
}

.s-about__content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 94px;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-bottom: 40px;
}

.s-about__text {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 32px;
  width: calc(100% - 541px);
}

.s-about__action {
  position: relative;
  width: 447px;
  -ms-flex-negative: 1;
  flex-shrink: 1;
  height: 640px;
}

.s-about__button {
  position: absolute;
  bottom: 8px;
  left: 0;
}

.s-about__image {
  width: 264px;
  height: 511px;
  position: absolute;
  bottom: 0;
  right: 24px;
  -webkit-transform: translateX(100%);
  -ms-transform: translateX(100%);
  transform: translateX(100%);
  opacity: 0;
  -webkit-transition: opacity 0.4s ease-out, -webkit-transform 0.8s ease-out;
  transition: opacity 0.4s ease-out, -webkit-transform 0.8s ease-out;
  transition: transform 0.8s ease-out, opacity 0.4s ease-out;
  transition: transform 0.8s ease-out, opacity 0.4s ease-out, -webkit-transform 0.8s ease-out;
  -o-object-fit: contain;
  object-fit: contain;
  -webkit-filter: drop-shadow(0 10px 30px rgba(0, 0, 0, 0.2));
  filter: drop-shadow(0 10px 30px rgba(0, 0, 0, 0.2));
}

.s-about__image:hover {
  -webkit-filter: drop-shadow(0 15px 40px rgba(25, 56, 255, 0.3));
  filter: drop-shadow(0 15px 40px rgba(25, 56, 255, 0.3));
  -webkit-transform: translateX(0) scale(1.05);
  -ms-transform: translateX(0) scale(1.05);
  transform: translateX(0) scale(1.05);
}

.s-about__hello-text {
  background-image: url("../assets/media/talk.svg");
  background-size: contain;
  background-repeat: no-repeat;
  height: 336px;
  width: 100%;
  padding: 60px 30px 90px 45px;
  font-family: Minecraft, sans-serif;
  font-size: 24px;
  line-height: 40px;
  letter-spacing: 0;
  overflow: hidden;
  white-space: pre-wrap;
  word-wrap: break-word;
  -webkit-transform: translateY(100%);
  -ms-transform: translateY(100%);
  transform: translateY(100%);
  opacity: 0;
  -webkit-transition: opacity 0.6s ease-out, -webkit-transform 0.6s ease-out;
  transition: opacity 0.6s ease-out, -webkit-transform 0.6s ease-out;
  transition: transform 0.6s ease-out, opacity 0.6s ease-out;
  transition: transform 0.6s ease-out, opacity 0.6s ease-out, -webkit-transform 0.6s ease-out;
}

.s-about__action._is-animated .s-about__image {
  -webkit-transform: translateX(0);
  -ms-transform: translateX(0);
  transform: translateX(0);
  opacity: 1;
}

.s-about__action._is-animated .s-about__hello-text {
  -webkit-transform: translateY(0);
  -ms-transform: translateY(0);
  transform: translateY(0);
  opacity: 1;
}

@-webkit-keyframes slideInFromLeft {
  from {
    opacity: 0;
    -webkit-transform: translateX(-50px);
    transform: translateX(-50px);
  }

  to {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}

@keyframes slideInFromLeft {
  from {
    opacity: 0;
    -webkit-transform: translateX(-50px);
    transform: translateX(-50px);
  }

  to {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}

@-webkit-keyframes slideInFromRight {
  from {
    opacity: 0;
    -webkit-transform: translateX(50px);
    transform: translateX(50px);
  }

  to {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}

@keyframes slideInFromRight {
  from {
    opacity: 0;
    -webkit-transform: translateX(50px);
    transform: translateX(50px);
  }

  to {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}

@-webkit-keyframes float {
  0%, 100% {
    -webkit-transform: translateY(0px) rotate(0deg);
    transform: translateY(0px) rotate(0deg);
  }

  50% {
    -webkit-transform: translateY(-20px) rotate(5deg);
    transform: translateY(-20px) rotate(5deg);
  }
}

@keyframes float {
  0%, 100% {
    -webkit-transform: translateY(0px) rotate(0deg);
    transform: translateY(0px) rotate(0deg);
  }

  50% {
    -webkit-transform: translateY(-20px) rotate(5deg);
    transform: translateY(-20px) rotate(5deg);
  }
}

@-webkit-keyframes floatReverse {
  0%, 100% {
    -webkit-transform: translateY(0px) rotate(0deg);
    transform: translateY(0px) rotate(0deg);
  }

  50% {
    -webkit-transform: translateY(20px) rotate(-5deg);
    transform: translateY(20px) rotate(-5deg);
  }
}

@keyframes floatReverse {
  0%, 100% {
    -webkit-transform: translateY(0px) rotate(0deg);
    transform: translateY(0px) rotate(0deg);
  }

  50% {
    -webkit-transform: translateY(20px) rotate(-5deg);
    transform: translateY(20px) rotate(-5deg);
  }
}

@-webkit-keyframes pulse {
  0%, 100% {
    opacity: 0.6;
    -webkit-transform: scale(1);
    transform: scale(1);
  }

  50% {
    opacity: 1;
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
  }
}

@keyframes pulse {
  0%, 100% {
    opacity: 0.6;
    -webkit-transform: scale(1);
    transform: scale(1);
  }

  50% {
    opacity: 1;
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
  }
}

@-webkit-keyframes rotate {
  from {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }

  to {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

@keyframes rotate {
  from {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }

  to {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

@-webkit-keyframes glow {
  0%, 100% {
    -webkit-filter: drop-shadow(0 10px 30px rgba(0, 0, 0, 0.2)) drop-shadow(0 0 20px rgba(25, 56, 255, 0.4));
    filter: drop-shadow(0 10px 30px rgba(0, 0, 0, 0.2)) drop-shadow(0 0 20px rgba(25, 56, 255, 0.4));
  }

  50% {
    -webkit-filter: drop-shadow(0 10px 30px rgba(0, 0, 0, 0.2)) drop-shadow(0 0 30px rgba(25, 56, 255, 0.7)) drop-shadow(0 0 50px rgba(18, 218, 54, 0.4));
    filter: drop-shadow(0 10px 30px rgba(0, 0, 0, 0.2)) drop-shadow(0 0 30px rgba(25, 56, 255, 0.7)) drop-shadow(0 0 50px rgba(18, 218, 54, 0.4));
  }
}

@keyframes glow {
  0%, 100% {
    -webkit-filter: drop-shadow(0 10px 30px rgba(0, 0, 0, 0.2)) drop-shadow(0 0 20px rgba(25, 56, 255, 0.4));
    filter: drop-shadow(0 10px 30px rgba(0, 0, 0, 0.2)) drop-shadow(0 0 20px rgba(25, 56, 255, 0.4));
  }

  50% {
    -webkit-filter: drop-shadow(0 10px 30px rgba(0, 0, 0, 0.2)) drop-shadow(0 0 30px rgba(25, 56, 255, 0.7)) drop-shadow(0 0 50px rgba(18, 218, 54, 0.4));
    filter: drop-shadow(0 10px 30px rgba(0, 0, 0, 0.2)) drop-shadow(0 0 30px rgba(25, 56, 255, 0.7)) drop-shadow(0 0 50px rgba(18, 218, 54, 0.4));
  }
}

@-webkit-keyframes fadeInUp {
  from {
    opacity: 0;
    -webkit-transform: translateY(30px);
    transform: translateY(30px);
  }

  to {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}

@keyframes fadeInUp {
  from {
    opacity: 0;
    -webkit-transform: translateY(30px);
    transform: translateY(30px);
  }

  to {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}

@-webkit-keyframes shimmer {
  0% {
    background-position: -1000px 0;
  }

  100% {
    background-position: 1000px 0;
  }
}

@keyframes shimmer {
  0% {
    background-position: -1000px 0;
  }

  100% {
    background-position: 1000px 0;
  }
}

.s-hero {
  position: relative;
  background: url("../assets/media/background.png") right center;
  background-size: cover;
  overflow: hidden;
}

.s-hero__content {
  position: relative;
  padding-bottom: 210px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.s-hero__title-subtext {
  font-weight: 700;
  font-size: 32px;
  line-height: 44px;
  letter-spacing: 0.02rem;
  position: relative;
}

.s-hero__topic {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 117px;
}

.s-hero__topic._right {
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end;
}

.s-hero__title {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  opacity: 0;
  -webkit-transform: translateX(-50px);
  -ms-transform: translateX(-50px);
  transform: translateX(-50px);
  -webkit-animation: slideInFromLeft 0.8s ease-out forwards;
  animation: slideInFromLeft 0.8s ease-out forwards;
}

.s-hero__title._end {
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end;
  text-align: right;
  -webkit-transform: translateX(50px);
  -ms-transform: translateX(50px);
  transform: translateX(50px);
  -webkit-animation: slideInFromRight 0.8s ease-out 0.5s forwards;
  animation: slideInFromRight 0.8s ease-out 0.5s forwards;
}

.s-hero__title-text._color_blue,
.s-hero__title-text._color_green {
  font-size: 40px;
  line-height: 48px;
  letter-spacing: 0.01rem;
  color: #fff;
  font-weight: 700;
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
  position: relative;
}

.s-hero__title-text._color_blue {
  background: #1938FF;
}

.s-hero__title-text._color_green {
  background: #12DA36;
}

.s-hero__center {
  position: absolute;
  bottom: 0;
  left: calc(50% - 237px);
}

.s-hero__photo {
  width: 474px;
  height: 772px;
  position: relative;
  z-index: 2;
}

.s-hero__photo img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
  object-fit: contain;
  -webkit-filter: drop-shadow(0 10px 30px rgba(0, 0, 0, 0.2));
  filter: drop-shadow(0 10px 30px rgba(0, 0, 0, 0.2));
  -webkit-animation: glow 3s ease-in-out infinite;
  animation: glow 3s ease-in-out infinite;
  -webkit-transition: -webkit-transform 0.3s ease;
  transition: -webkit-transform 0.3s ease;
  transition: transform 0.3s ease;
  transition: transform 0.3s ease, -webkit-transform 0.3s ease;
}

.s-hero__photo:hover img {
  -webkit-transform: scale(1.05);
  -ms-transform: scale(1.05);
  transform: scale(1.05);
}

.s-hero__center-action {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 16px;
  position: absolute;
  bottom: 20px;
  left: calc(50% - 311px);
  z-index: 3;
}

.s-hero__list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 32px;
}

.s-hero__list._right {
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end;
}

.s-hero__list-item {
  position: relative;
  min-height: 64px;
  max-width: 392px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.s-hero__list-item._left {
  padding-left: 80px;
  text-align: left;
}

.s-hero__list-item._right {
  padding-right: 80px;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  text-align: right;
}

.s-hero__list-item:before {
  content: "";
  position: absolute;
  top: calc(50% - 32px);
  background: url("../assets/media/dimond.svg");
  width: 64px;
  height: 64px;
}

.s-hero__list-item._left:before {
  left: 0;
}

.s-hero__list-item._right:before {
  right: 0;
}

.s-hero__ad {
  font-size: 16px;
  line-height: 20px;
  color: #fff;
  position: relative;
  padding: 8px 16px;
  border-radius: 20px;
  -webkit-backdrop-filter: blur(10px);
  backdrop-filter: blur(10px);
}

.s-hero__decoration {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
  z-index: 1;
}

.s-hero__decoration-circle {
  position: absolute;
  border-radius: 50%;
  background: linear-gradient(135deg, rgba(25, 56, 255, 0.2), rgba(18, 218, 54, 0.2));
  -webkit-backdrop-filter: blur(5px);
  backdrop-filter: blur(5px);
  border: 2px solid rgba(255, 255, 255, 0.1);
}

.s-hero__decoration-circle._circle-1 {
  width: 80px;
  height: 80px;
  top: 15%;
  left: 10%;
  -webkit-animation-delay: 0s;
  animation-delay: 0s;
}

.s-hero__decoration-circle._circle-2 {
  width: 120px;
  height: 120px;
  top: 60%;
  right: 15%;
  -webkit-animation-delay: 2s;
  animation-delay: 2s;
}

.s-hero__decoration-circle._circle-3 {
  width: 60px;
  height: 60px;
  bottom: 25%;
  left: 20%;
  -webkit-animation-delay: 4s;
  animation-delay: 4s;
}

.s-hero__decoration-square {
  position: absolute;
  background: linear-gradient(135deg, rgba(219, 36, 228, 0.15), rgba(25, 56, 255, 0.15));
  -webkit-backdrop-filter: blur(5px);
  backdrop-filter: blur(5px);
  border: 2px solid rgba(255, 255, 255, 0.1);
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}

.s-hero__decoration-square._square-1 {
  width: 50px;
  height: 50px;
  top: 30%;
  right: 25%;
}

.s-hero__decoration-square._square-2 {
  width: 70px;
  height: 70px;
  bottom: 40%;
  left: 8%;
  -webkit-animation-delay: 3s;
  animation-delay: 3s;
}

.s-hero__decoration-diamond {
  position: absolute;
  width: 40px;
  height: 40px;
  background: linear-gradient(135deg, rgba(18, 218, 54, 0.25), rgba(25, 56, 255, 0.25));
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
  -webkit-backdrop-filter: blur(5px);
  backdrop-filter: blur(5px);
  border: 2px solid rgba(255, 255, 255, 0.1);
}

.s-hero__decoration-diamond._diamond-1 {
  top: 45%;
  left: 5%;
  -webkit-animation-delay: 0s;
  animation-delay: 0s;
}

.s-hero__decoration-diamond._diamond-2 {
  top: 20%;
  right: 8%;
  -webkit-animation-delay: 7s;
  animation-delay: 7s;
  background: linear-gradient(135deg, rgba(25, 56, 255, 0.25), rgba(219, 36, 228, 0.25));
}

@-webkit-keyframes s-site-cursor-enter {
  0% {
    opacity: 0;
    -webkit-transform: translateX(32px) translateY(100px) scale(1);
    transform: translateX(32px) translateY(100px) scale(1);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateX(0) translateY(0) scale(1);
    transform: translateX(0) translateY(0) scale(1);
  }
}

@keyframes s-site-cursor-enter {
  0% {
    opacity: 0;
    -webkit-transform: translateX(32px) translateY(100px) scale(1);
    transform: translateX(32px) translateY(100px) scale(1);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateX(0) translateY(0) scale(1);
    transform: translateX(0) translateY(0) scale(1);
  }
}

@-webkit-keyframes s-site-cursor-click {
  0%, 20% {
    -webkit-transform: translateX(0) translateY(0) scale(1);
    transform: translateX(0) translateY(0) scale(1);
  }

  35% {
    -webkit-transform: translateX(2px) translateY(2px) scale(0.94);
    transform: translateX(2px) translateY(2px) scale(0.94);
  }

  55% {
    -webkit-transform: translateX(0) translateY(0) scale(1);
    transform: translateX(0) translateY(0) scale(1);
  }

  75% {
    -webkit-transform: translateX(1px) translateY(1px) scale(0.98);
    transform: translateX(1px) translateY(1px) scale(0.98);
  }

  100% {
    -webkit-transform: translateX(0) translateY(0) scale(1);
    transform: translateX(0) translateY(0) scale(1);
  }
}

@keyframes s-site-cursor-click {
  0%, 20% {
    -webkit-transform: translateX(0) translateY(0) scale(1);
    transform: translateX(0) translateY(0) scale(1);
  }

  35% {
    -webkit-transform: translateX(2px) translateY(2px) scale(0.94);
    transform: translateX(2px) translateY(2px) scale(0.94);
  }

  55% {
    -webkit-transform: translateX(0) translateY(0) scale(1);
    transform: translateX(0) translateY(0) scale(1);
  }

  75% {
    -webkit-transform: translateX(1px) translateY(1px) scale(0.98);
    transform: translateX(1px) translateY(1px) scale(0.98);
  }

  100% {
    -webkit-transform: translateX(0) translateY(0) scale(1);
    transform: translateX(0) translateY(0) scale(1);
  }
}

.s-site__container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 136px;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.s-site__image {
  width: 390px;
  height: 520px;
  position: relative;
  max-width: 100%;
}

.s-site__image img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
  object-fit: contain;
  -o-object-position: center center;
  object-position: center center;
}

.s-site__glasses-icon {
  width: 130px;
  height: 40px;
  position: absolute;
  -o-object-fit: contain;
  object-fit: contain;
  top: 76px;
  left: 90px;
  -webkit-transform: translate(0, 0) rotate(0deg);
  -ms-transform: translate(0, 0) rotate(0deg);
  transform: translate(0, 0) rotate(0deg);
  -webkit-transform-origin: 50% 50%;
  -ms-transform-origin: 50% 50%;
  transform-origin: 50% 50%;
  opacity: 0;
  -webkit-transition: opacity 0.3s ease-out;
  transition: opacity 0.3s ease-out;
}

.s-site__content {
  width: calc(100% - 526px);
  border-radius: 40px;
  gap: 32px;
  padding: 36px 40px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  background-color: #D6FFDD;
}

.s-site__content-title {
  font-weight: 900;
  font-size: 32px;
  line-height: 44px;
  letter-spacing: 0.02rem;
  color: #12DA36;
}

.s-site__items {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 24px;
}

.s-site__item {
  padding-left: 40px;
  font-size: 24px;
  line-height: 32px;
  position: relative;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
  opacity: 0;
  -webkit-transform: translateX(-20px);
  -ms-transform: translateX(-20px);
  transform: translateX(-20px);
  -webkit-animation: fadeInLeft 0.6s ease-out forwards;
  animation: fadeInLeft 0.6s ease-out forwards;
}

.s-site__item:nth-child(1) {
  -webkit-animation-delay: 0.1s;
  animation-delay: 0.1s;
}

.s-site__item:nth-child(2) {
  -webkit-animation-delay: 0.2s;
  animation-delay: 0.2s;
}

.s-site__item:nth-child(3) {
  -webkit-animation-delay: 0.3s;
  animation-delay: 0.3s;
}

.s-site__item:nth-child(4) {
  -webkit-animation-delay: 0.4s;
  animation-delay: 0.4s;
}

.s-site__item:nth-child(5) {
  -webkit-animation-delay: 0.5s;
  animation-delay: 0.5s;
}

.s-site__item:nth-child(6) {
  -webkit-animation-delay: 0.6s;
  animation-delay: 0.6s;
}

.s-site__item:nth-child(7) {
  -webkit-animation-delay: 0.7s;
  animation-delay: 0.7s;
}

.s-site__item:nth-child(8) {
  -webkit-animation-delay: 0.8s;
  animation-delay: 0.8s;
}

.s-site__item:nth-child(9) {
  -webkit-animation-delay: 0.9s;
  animation-delay: 0.9s;
}

.s-site__item:hover {
  -webkit-transform: translateX(8px);
  -ms-transform: translateX(8px);
  transform: translateX(8px);
  color: #12DA36;
}

.s-site__item:before {
  content: "";
  width: 24px;
  height: 24px;
  background-image: url("../assets/media/star.svg");
  position: absolute;
  left: 0;
  top: calc(50% - 12px);
  -webkit-transition: -webkit-transform 0.3s ease;
  transition: -webkit-transform 0.3s ease;
  transition: transform 0.3s ease;
  transition: transform 0.3s ease, -webkit-transform 0.3s ease;
}

.s-site__item:hover:before {
  -webkit-transform: scale(1.3) rotate(15deg);
  -ms-transform: scale(1.3) rotate(15deg);
  transform: scale(1.3) rotate(15deg);
}

.s-site__button {
  position: absolute;
  bottom: 0;
  right: 0;
  width: 100%;
  max-width: 100%;
  -webkit-animation: bounceIn 0.8s ease-out 0.5s both;
  animation: bounceIn 0.8s ease-out 0.5s both;
}

.s-site__image {
  -webkit-transition: -webkit-transform 0.4s ease;
  transition: -webkit-transform 0.4s ease;
  transition: transform 0.4s ease;
  transition: transform 0.4s ease, -webkit-transform 0.4s ease;
}

.s-site__image:hover {
  -webkit-transform: scale(1.05) rotate(2deg);
  -ms-transform: scale(1.05) rotate(2deg);
  transform: scale(1.05) rotate(2deg);
}

@-webkit-keyframes s-site-glasses-bounce {
  0% {
    -webkit-transform: translateY(0) rotate(0deg);
    transform: translateY(0) rotate(0deg);
  }

  40% {
    -webkit-transform: translateY(6px) rotate(0.6deg);
    transform: translateY(6px) rotate(0.6deg);
  }

  70% {
    -webkit-transform: translateY(-3px) rotate(-0.4deg);
    transform: translateY(-3px) rotate(-0.4deg);
  }

  100% {
    -webkit-transform: translateY(0) rotate(0deg);
    transform: translateY(0) rotate(0deg);
  }
}

@keyframes s-site-glasses-bounce {
  0% {
    -webkit-transform: translateY(0) rotate(0deg);
    transform: translateY(0) rotate(0deg);
  }

  40% {
    -webkit-transform: translateY(6px) rotate(0.6deg);
    transform: translateY(6px) rotate(0.6deg);
  }

  70% {
    -webkit-transform: translateY(-3px) rotate(-0.4deg);
    transform: translateY(-3px) rotate(-0.4deg);
  }

  100% {
    -webkit-transform: translateY(0) rotate(0deg);
    transform: translateY(0) rotate(0deg);
  }
}

@-webkit-keyframes s-site-glasses-enter {
  0% {
    opacity: 0;
    -webkit-transform: translate(-290px, -180px) rotate(-50deg);
    transform: translate(-290px, -180px) rotate(-50deg);
  }

  60% {
    opacity: 1;
    -webkit-transform: translate(8px, 4px) rotate(3deg);
    transform: translate(8px, 4px) rotate(3deg);
  }

  100% {
    opacity: 1;
    -webkit-transform: translate(0, 0) rotate(0deg);
    transform: translate(0, 0) rotate(0deg);
  }
}

@keyframes s-site-glasses-enter {
  0% {
    opacity: 0;
    -webkit-transform: translate(-290px, -180px) rotate(-50deg);
    transform: translate(-290px, -180px) rotate(-50deg);
  }

  60% {
    opacity: 1;
    -webkit-transform: translate(8px, 4px) rotate(3deg);
    transform: translate(8px, 4px) rotate(3deg);
  }

  100% {
    opacity: 1;
    -webkit-transform: translate(0, 0) rotate(0deg);
    transform: translate(0, 0) rotate(0deg);
  }
}

@-webkit-keyframes fadeInLeft {
  from {
    opacity: 0;
    -webkit-transform: translateX(-20px);
    transform: translateX(-20px);
  }

  to {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}

@keyframes fadeInLeft {
  from {
    opacity: 0;
    -webkit-transform: translateX(-20px);
    transform: translateX(-20px);
  }

  to {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}

@-webkit-keyframes bounceIn {
  0% {
    opacity: 0;
    -webkit-transform: scale(0.3) translateY(50px);
    transform: scale(0.3) translateY(50px);
  }

  50% {
    opacity: 1;
    -webkit-transform: scale(1.05) translateY(-10px);
    transform: scale(1.05) translateY(-10px);
  }

  70% {
    -webkit-transform: scale(0.9) translateY(5px);
    transform: scale(0.9) translateY(5px);
  }

  100% {
    opacity: 1;
    -webkit-transform: scale(1) translateY(0);
    transform: scale(1) translateY(0);
  }
}

@keyframes bounceIn {
  0% {
    opacity: 0;
    -webkit-transform: scale(0.3) translateY(50px);
    transform: scale(0.3) translateY(50px);
  }

  50% {
    opacity: 1;
    -webkit-transform: scale(1.05) translateY(-10px);
    transform: scale(1.05) translateY(-10px);
  }

  70% {
    -webkit-transform: scale(0.9) translateY(5px);
    transform: scale(0.9) translateY(5px);
  }

  100% {
    opacity: 1;
    -webkit-transform: scale(1) translateY(0);
    transform: scale(1) translateY(0);
  }
}

.s-site._is-animated .s-site__glasses-icon {
  -webkit-animation: s-site-glasses-enter 0.9s forwards;
  animation: s-site-glasses-enter 0.9s forwards;
}

.s-formats__swiper {
  overflow: visible !important;
}

.s-formats__swiper-slide {
  height: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.s-formats__format-slide {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  height: 100%;
  width: 100%;
}

.s-formats__subtitle {
  margin: 40px 0 32px;
}

.s-formats__subtitle-icon {
  width: 33px;
  height: 50px;
  position: relative;
  -webkit-transform: scale(1.4);
  -ms-transform: scale(1.4);
  transform: scale(1.4);
  bottom: -10px;
}

.s-formats__choice-cards {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: (1fr)[3];
  grid-template-columns: repeat(3, 1fr);
  gap: 24px;
  margin-bottom: 40px;
}

.s-formats__choice-card {
  background: #EEF0FF;
  border-radius: 36px;
  padding: 32px;
  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;
  gap: 24px;
  text-align: left;
  -webkit-transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);
  transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);
  position: relative;
  overflow: hidden;
}

.s-formats__choice-card::before {
  content: "";
  position: absolute;
  top: 0;
  left: -100%;
  width: 100%;
  height: 100%;
  background: -webkit-gradient(linear, left top, right top, from(transparent), color-stop(rgba(255, 255, 255, 0.3)), to(transparent));
  background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.3), transparent);
  -webkit-transition: left 0.5s;
  transition: left 0.5s;
}

.s-formats__choice-card:hover {
  -webkit-transform: translateY(-8px) scale(1.03);
  -ms-transform: translateY(-8px) scale(1.03);
  transform: translateY(-8px) scale(1.03);
  -webkit-box-shadow: 0 20px 40px rgba(25, 56, 255, 0.2), 0 0 30px rgba(18, 218, 54, 0.15);
  box-shadow: 0 20px 40px rgba(25, 56, 255, 0.2), 0 0 30px rgba(18, 218, 54, 0.15);
  border: 2px solid #1938FF;
}

.s-formats__choice-card:hover::before {
  left: 100%;
}

.s-formats__choice-card:hover .s-formats__choice-card-icon {
  -webkit-transform: scale(1.2) rotate(10deg);
  -ms-transform: scale(1.2) rotate(10deg);
  transform: scale(1.2) rotate(10deg);
}

.s-formats__choice-card-icon {
  width: 86px;
  height: 86px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  -webkit-transition: -webkit-transform 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);
  transition: -webkit-transform 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);
  transition: transform 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);
  transition: transform 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275), -webkit-transform 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.s-formats__choice-card-text,
.s-formats__choice-card-text > * {
  color: #151216;
  font-size: 20px;
  line-height: 28px;
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
}

.s-formats__choice-card-text span,
.s-formats__choice-card-text > * span {
  color: #1938FF;
  font-weight: 900;
}

.s-formats__consultation {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  gap: 25px;
  margin-top: 40px;
}

.s-formats__consultation-hand {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex-negative: 0;
  flex-shrink: 0;
}

.s-formats__consultation-hand-icon {
  width: 62px;
  height: 80px;
  color: #141414;
}

.s-formats__consultation-hand-icon_left {
  -webkit-animation: pulseToRight 2s ease-in-out infinite;
  animation: pulseToRight 2s ease-in-out infinite;
}

.s-formats__consultation-hand-icon_right {
  -webkit-animation: pulseToLeft 2s ease-in-out infinite;
  animation: pulseToLeft 2s ease-in-out infinite;
}

@-webkit-keyframes s-skills-cursor-click {
  0%, 20% {
    -webkit-transform: translateX(0) scale(1);
    transform: translateX(0) scale(1);
  }

  35% {
    -webkit-transform: translateX(2px) scale(0.94);
    transform: translateX(2px) scale(0.94);
  }

  55% {
    -webkit-transform: translateX(0) scale(1);
    transform: translateX(0) scale(1);
  }

  75% {
    -webkit-transform: translateX(1px) scale(0.98);
    transform: translateX(1px) scale(0.98);
  }

  100% {
    -webkit-transform: translateX(0) scale(1);
    transform: translateX(0) scale(1);
  }
}

@keyframes s-skills-cursor-click {
  0%, 20% {
    -webkit-transform: translateX(0) scale(1);
    transform: translateX(0) scale(1);
  }

  35% {
    -webkit-transform: translateX(2px) scale(0.94);
    transform: translateX(2px) scale(0.94);
  }

  55% {
    -webkit-transform: translateX(0) scale(1);
    transform: translateX(0) scale(1);
  }

  75% {
    -webkit-transform: translateX(1px) scale(0.98);
    transform: translateX(1px) scale(0.98);
  }

  100% {
    -webkit-transform: translateX(0) scale(1);
    transform: translateX(0) scale(1);
  }
}

.s-skills {
  padding-bottom: 0;
}

.s-skills__title {
  text-align: center;
  margin-bottom: 48px;
}

.s-skills__list {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: (1fr)[2];
  grid-template-columns: repeat(2, 1fr);
  gap: 28px 48px;
  margin-bottom: 48px;
}

.s-skills__item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 16px;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.s-skills__item-icon {
  -ms-flex-negative: 0;
  flex-shrink: 0;
  width: 96px;
  height: 96px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.s-skills__item-icon-svg {
  width: 100%;
  height: 100%;
}

.s-skills__item-content {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 12px;
}

.s-skills__item-title {
  font-weight: 900;
  font-size: 24px;
  line-height: 28px;
  color: #151216;
  letter-spacing: 0.015em;
}

.s-skills__item-description {
  font-size: 20px;
  line-height: 28px;
  color: #151216;
}

.s-skills__bottom {
  background: #D6FFDD;
  padding: 32px 0;
  position: relative;
  margin-top: 48px;
}

.s-skills__bottom-content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 20px;
  margin-bottom: 28px;
}

.s-skills__quote {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  font-family: Minecraft, sans-serif;
  font-size: 32px;
  font-weight: 700;
  color: #151216;
  margin: 0;
  quotes: none;
  line-height: 40px;
  letter-spacing: 0.02em;
}

.s-skills__speech-bubble {
  -ms-flex-negative: 0;
  flex-shrink: 0;
  width: 140px;
  height: 120px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.s-skills__speech-bubble-icon {
  width: 100%;
  height: 100%;
  color: #12DA36;
}

.s-skills__bottom-action {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.s-skills__button-wrapper {
  position: relative;
  display: inline-block;
}

.s-skills__button {
  position: relative;
  z-index: 2;
}

.s-skills__cursor {
  position: absolute;
  top: 30px;
  right: -40px;
  width: 75px;
  height: 102px;
  z-index: 3;
  pointer-events: none;
}

.s-skills__cursor-icon {
  width: 100%;
  height: 100%;
  color: #151216;
  -webkit-animation: s-skills-cursor-click 1.4s ease-in-out 0s infinite;
  animation: s-skills-cursor-click 1.4s ease-in-out 0s infinite;
}

.s-steps__container {
  display: -ms-grid;
  display: grid;
  gap: 40px;
  -ms-grid-columns: calc(100% - 468px) 428px;
  grid-template-columns: calc(100% - 468px) 428px;
}

.s-steps__title {
  margin-bottom: 48px;
}

.s-steps__content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 48px;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
}

.s-steps__list {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 36px;
}

.s-steps__item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 24px;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.s-steps__item-number {
  -ms-flex-negative: 0;
  flex-shrink: 0;
  font-family: Minecraft, sans-serif;
  font-size: 56px;
  color: #1938FF;
}

.s-steps__item-title,
.s-steps__item-description {
  font-size: 24px;
  line-height: 32px;
  color: #151216;
  letter-spacing: 0.015em;
  display: inline;
}

.s-steps__item-title {
  font-weight: 900;
}

.s-steps__image {
  height: 485px;
  width: auto;
  -o-object-fit: contain;
  object-fit: contain;
  -webkit-transform: translateY(100%);
  -ms-transform: translateY(100%);
  transform: translateY(100%);
  opacity: 0;
  -webkit-transition: opacity 0.4s ease-out, -webkit-transform 0.8s ease-out;
  transition: opacity 0.4s ease-out, -webkit-transform 0.8s ease-out;
  transition: transform 0.8s ease-out, opacity 0.4s ease-out;
  transition: transform 0.8s ease-out, opacity 0.4s ease-out, -webkit-transform 0.8s ease-out;
}

.s-steps__image img {
  -o-object-fit: contain;
  object-fit: contain;
}

.s-steps__action {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  height: -webkit-max-content;
  height: -moz-max-content;
  height: max-content;
  position: relative;
  overflow: hidden;
}

.s-steps__action._is-animated .s-steps__image {
  -webkit-transform: translateY(0);
  -ms-transform: translateY(0);
  transform: translateY(0);
  opacity: 1;
}

.s-steps__button {
  position: absolute;
  bottom: 8px;
}

.s-reviews__title {
  margin-bottom: 48px;
}

.s-reviews__swiper-wrapper {
  position: relative;
  margin-bottom: 40px;
}

.s-reviews__swiper {
  overflow: visible !important;
}

.s-reviews__swiper-slide {
  height: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.s-reviews__card {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 20px;
  background: #FFECFF;
  border: 2px solid #DB24E4;
  border-radius: 36px;
  padding: 32px;
  width: 100%;
  height: 100%;
  -webkit-transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);
  transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);
  position: relative;
  overflow: hidden;
}

.s-reviews__card::before {
  content: "";
  position: absolute;
  top: -50%;
  left: -50%;
  width: 200%;
  height: 200%;
  background: radial-gradient(circle, rgba(219, 36, 228, 0.1) 0%, transparent 70%);
  opacity: 0;
  -webkit-transition: opacity 0.4s ease;
  transition: opacity 0.4s ease;
}

.s-reviews__card:hover {
  -webkit-transform: translateY(-8px) scale(1.02);
  -ms-transform: translateY(-8px) scale(1.02);
  transform: translateY(-8px) scale(1.02);
  -webkit-box-shadow: 0 20px 40px rgba(219, 36, 228, 0.2), 0 0 30px rgba(219, 36, 228, 0.15);
  box-shadow: 0 20px 40px rgba(219, 36, 228, 0.2), 0 0 30px rgba(219, 36, 228, 0.15);
  border-color: #DB24E4;
}

.s-reviews__card:hover::before {
  opacity: 1;
}

.s-reviews__card-top {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 16px;
}

.s-reviews__card-info {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 8px;
}

.s-reviews__card-avatar {
  width: 64px;
  height: 64px;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  border-radius: 50%;
  overflow: hidden;
  border: 2px solid #DB24E4;
  background: #fff;
  -webkit-transition: -webkit-transform 0.3s ease, -webkit-box-shadow 0.3s ease;
  transition: -webkit-transform 0.3s ease, -webkit-box-shadow 0.3s ease;
  transition: transform 0.3s ease, box-shadow 0.3s ease;
  transition: transform 0.3s ease, box-shadow 0.3s ease, -webkit-transform 0.3s ease, -webkit-box-shadow 0.3s ease;
}

.s-reviews__card-avatar img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: top;
  object-position: top;
  -webkit-transition: -webkit-transform 0.3s ease;
  transition: -webkit-transform 0.3s ease;
  transition: transform 0.3s ease;
  transition: transform 0.3s ease, -webkit-transform 0.3s ease;
}

.s-reviews__card-avatar:hover {
  -webkit-transform: scale(1.1) rotate(5deg);
  -ms-transform: scale(1.1) rotate(5deg);
  transform: scale(1.1) rotate(5deg);
  -webkit-box-shadow: 0 4px 12px rgba(219, 36, 228, 0.4);
  box-shadow: 0 4px 12px rgba(219, 36, 228, 0.4);
}

.s-reviews__card-avatar:hover img {
  -webkit-transform: scale(1.1);
  -ms-transform: scale(1.1);
  transform: scale(1.1);
}

.s-reviews__card-content {
  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-flex: 1;
  -ms-flex: 1;
  flex: 1;
}

.s-reviews__card-name {
  font-weight: 900;
  font-size: 24px;
  line-height: 28px;
  color: #DB24E4;
  margin: 0;
}

.s-reviews__card-age {
  font-size: 16px;
  line-height: 20px;
  color: #151216;
  margin: 0;
}

.s-reviews__card-text {
  font-size: 20px;
  line-height: 28px;
  color: #151216;
  margin: 0;
  quotes: none;
}

.s-reviews__card-format {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 8px;
  margin-top: auto;
  padding-top: 12px;
}

.s-reviews__card-format-icon {
  width: 20px;
  height: 20px;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  color: #DB24E4;
}

.s-reviews__card-format-text {
  font-size: 16px;
  line-height: 20px;
  color: #6F6F6F;
}

.s-reviews__nav-button {
  width: 88px;
  height: 88px;
  border-radius: 20px;
  background: #FFECFF;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  cursor: pointer;
  pointer-events: all;
  -webkit-transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);
  transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);
  -ms-flex-negative: 0;
  flex-shrink: 0;
  position: relative;
  overflow: hidden;
}

.s-reviews__nav-button::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  width: 0;
  height: 0;
  border-radius: 50%;
  background: rgba(255, 255, 255, 0.3);
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  -webkit-transition: width 0.6s, height 0.6s;
  transition: width 0.6s, height 0.6s;
}

.s-reviews__nav-button:hover {
  background: #DB24E4;
  -webkit-transform: scale(1.1) rotate(-5deg);
  -ms-transform: scale(1.1) rotate(-5deg);
  transform: scale(1.1) rotate(-5deg);
  -webkit-box-shadow: 0 8px 24px rgba(219, 36, 228, 0.4);
  box-shadow: 0 8px 24px rgba(219, 36, 228, 0.4);
}

.s-reviews__nav-button:hover::before {
  width: 200px;
  height: 200px;
}

.s-reviews__nav-button:hover .s-reviews__nav-button-icon {
  color: #fff;
  -webkit-transform: scale(1.1);
  -ms-transform: scale(1.1);
  transform: scale(1.1);
}

.s-reviews__nav-button:active {
  -webkit-transform: scale(0.95) rotate(0deg);
  -ms-transform: scale(0.95) rotate(0deg);
  transform: scale(0.95) rotate(0deg);
}

.s-reviews__nav-button-icon {
  width: 60px;
  height: 60px;
  color: #DB24E4;
  -webkit-transition: color 0.3s;
  transition: color 0.3s;
}

.s-reviews__nav-button_prev .s-reviews__nav-button-icon {
  -webkit-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg);
}

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

.s-portfolio__title {
  margin-bottom: 32px;
}

.s-portfolio__subtitle {
  font-family: Minecraft, sans-serif;
  font-size: 24px;
  line-height: 40px;
  color: #151216;
  text-align: center;
}

.s-portfolio__subtitle:last-of-type {
  margin-bottom: 48px;
}

.s-portfolio__swiper-wrapper {
  position: relative;
  margin-bottom: 48px;
}

.s-portfolio__swiper {
  overflow: visible !important;
}

.s-portfolio__swiper-slide {
  height: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.s-portfolio__card {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 24px;
  background: #EEF0FF;
  border: 2px solid #1938FF;
  border-radius: 36px;
  padding: 24px;
  width: 100%;
  height: 100%;
  text-decoration: none;
  color: inherit;
  -webkit-transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);
  transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);
  position: relative;
  overflow: hidden;
}

.s-portfolio__card::before {
  content: "";
  position: absolute;
  top: 0;
  left: -100%;
  width: 100%;
  height: 100%;
  background: -webkit-gradient(linear, left top, right top, from(transparent), color-stop(rgba(255, 255, 255, 0.3)), to(transparent));
  background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.3), transparent);
  -webkit-transition: left 0.5s;
  transition: left 0.5s;
}

.s-portfolio__card:hover {
  -webkit-transform: translateY(-8px) scale(1.02);
  -ms-transform: translateY(-8px) scale(1.02);
  transform: translateY(-8px) scale(1.02);
  -webkit-box-shadow: 0 20px 40px rgba(25, 56, 255, 0.2), 0 0 30px rgba(18, 218, 54, 0.15);
  box-shadow: 0 20px 40px rgba(25, 56, 255, 0.2), 0 0 30px rgba(18, 218, 54, 0.15);
  border-color: #12DA36;
}

.s-portfolio__card:hover::before {
  left: 100%;
}

.s-portfolio__card_link {
  cursor: pointer;
}

.s-portfolio__card-image-wrapper {
  position: relative;
  width: 100%;
  border-radius: 16px;
  overflow: hidden;
  background: #fff;
  aspect-ratio: 16/9;
}

.s-portfolio__card-image {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  display: block;
  -webkit-transition: -webkit-transform 0.5s cubic-bezier(0.175, 0.885, 0.32, 1.275);
  transition: -webkit-transform 0.5s cubic-bezier(0.175, 0.885, 0.32, 1.275);
  transition: transform 0.5s cubic-bezier(0.175, 0.885, 0.32, 1.275);
  transition: transform 0.5s cubic-bezier(0.175, 0.885, 0.32, 1.275), -webkit-transform 0.5s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.s-portfolio__card:hover .s-portfolio__card-image {
  -webkit-transform: scale(1.1);
  -ms-transform: scale(1.1);
  transform: scale(1.1);
}

.s-portfolio__card-overlay {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(25, 56, 255, 0.8);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  opacity: 0;
  -webkit-transition: opacity 0.3s;
  transition: opacity 0.3s;
  pointer-events: none;
}

.s-portfolio__card_link:hover .s-portfolio__card-overlay {
  opacity: 1;
}

.s-portfolio__card-button {
  background: #fff;
  border: 2px solid #1938FF;
  border-radius: 20px;
  padding: 12px 24px;
  font-size: 16px;
  line-height: 20px;
  font-weight: 700;
  color: #1938FF;
  font-family: Minecraft, sans-serif;
  cursor: pointer;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  text-transform: uppercase;
  text-align: center;
}

.s-portfolio__card-button_overlay {
  pointer-events: none;
}

.s-portfolio__card-button_mobile {
  display: none;
  width: 100%;
}

.s-portfolio__card-content {
  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-flex: 1;
  -ms-flex: 1;
  flex: 1;
  gap: 24px;
}

.s-portfolio__card-title {
  font-weight: 900;
  font-size: 24px;
  line-height: 28px;
  letter-spacing: 0.015em;
  color: #1938FF;
}

.s-portfolio__card-info {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 20px;
}

.s-portfolio__card-info-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 4px;
}

.s-portfolio__card-info-label {
  font-size: 16px;
  line-height: 20px;
  color: #6F6F6F;
}

.s-portfolio__card-info-text {
  font-size: 20px;
  line-height: 28px;
  color: #151216;
}

.s-portfolio__card-technologies {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  gap: 8px;
  margin-top: auto;
}

.s-portfolio__card-tech {
  padding: 4px 16px;
  background: #fff;
  border-radius: 16px;
  font-size: 20px;
  line-height: 28px;
  color: #1938FF;
  white-space: nowrap;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
  -webkit-transform: translateY(0);
  -ms-transform: translateY(0);
  transform: translateY(0);
}

.s-portfolio__card-tech:hover {
  -webkit-transform: translateY(-2px) scale(1.05);
  -ms-transform: translateY(-2px) scale(1.05);
  transform: translateY(-2px) scale(1.05);
  background: #1938FF;
  color: #fff;
  -webkit-box-shadow: 0 4px 12px rgba(25, 56, 255, 0.3);
  box-shadow: 0 4px 12px rgba(25, 56, 255, 0.3);
}

.s-portfolio__nav-button {
  width: 88px;
  height: 88px;
  border-radius: 20px;
  background: #EEF0FF;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  cursor: pointer;
  pointer-events: all;
  -webkit-transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);
  transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);
  -ms-flex-negative: 0;
  flex-shrink: 0;
  position: relative;
  overflow: hidden;
}

.s-portfolio__nav-button::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  width: 0;
  height: 0;
  border-radius: 50%;
  background: rgba(255, 255, 255, 0.3);
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  -webkit-transition: width 0.6s, height 0.6s;
  transition: width 0.6s, height 0.6s;
}

.s-portfolio__nav-button:hover {
  background: #1938FF;
  -webkit-transform: scale(1.1) rotate(5deg);
  -ms-transform: scale(1.1) rotate(5deg);
  transform: scale(1.1) rotate(5deg);
  -webkit-box-shadow: 0 8px 24px rgba(25, 56, 255, 0.4);
  box-shadow: 0 8px 24px rgba(25, 56, 255, 0.4);
}

.s-portfolio__nav-button:hover::before {
  width: 200px;
  height: 200px;
}

.s-portfolio__nav-button:hover .s-portfolio__nav-button-icon {
  color: #fff;
  -webkit-transform: scale(1.1);
  -ms-transform: scale(1.1);
  transform: scale(1.1);
}

.s-portfolio__nav-button:active {
  -webkit-transform: scale(0.95) rotate(0deg);
  -ms-transform: scale(0.95) rotate(0deg);
  transform: scale(0.95) rotate(0deg);
}

.s-portfolio__nav-button-icon {
  width: 60px;
  height: 60px;
  color: #1938FF;
  -webkit-transition: color 0.3s;
  transition: color 0.3s;
}

.s-portfolio__nav-button_prev .s-portfolio__nav-button-icon {
  -webkit-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg);
}

.s-portfolio__nav-button_prev:hover .s-portfolio__nav-button-icon {
  -webkit-transform: rotate(180deg) scale(1.1);
  -ms-transform: rotate(180deg) scale(1.1);
  transform: rotate(180deg) scale(1.1);
}

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

body.dark-theme .s-portfolio__subtitle {
  color: #DB24E4;
  font-weight: 500;
}

.s-faq__title {
  margin-bottom: 48px;
}

.s-faq__list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 24px;
  margin-bottom: 40px;
}

.s-faq__item {
  width: 100%;
}

.s-faq__bottom {
  background: #D6FFDD;
  padding: 36px 0;
  margin-top: 40px;
}

.s-faq__bottom-content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  gap: 20px;
}

.s-faq__bottom-text {
  font-family: Minecraft, sans-serif;
  font-size: 32px;
  line-height: 40px;
  color: #151216;
  letter-spacing: 0.02em;
  margin: 0;
}

.s-faq__bottom-icons {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-negative: 0;
  flex-shrink: 0;
}

.s-faq__icon-wrapper {
  -ms-flex-negative: 0;
  flex-shrink: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.s-faq__icon-wrapper_first {
  width: 124px;
  height: 124px;
}

.s-faq__icon-wrapper_first .s-faq__icon {
  -webkit-animation: shake-1 2s ease-in-out infinite;
  animation: shake-1 2s ease-in-out infinite;
}

.s-faq__icon-wrapper_second {
  width: 96px;
  height: 96px;
}

.s-faq__icon-wrapper_second .s-faq__icon {
  -webkit-animation: shake-2 2.3s ease-in-out infinite;
  animation: shake-2 2.3s ease-in-out infinite;
}

.s-faq__icon-wrapper_third {
  width: 72px;
  height: 72px;
}

.s-faq__icon-wrapper_third .s-faq__icon {
  -webkit-animation: shake-3 1.8s ease-in-out infinite;
  animation: shake-3 1.8s ease-in-out infinite;
}

.s-faq__icon {
  width: 100%;
  height: 100%;
  -ms-flex-negative: 0;
  flex-shrink: 0;
}

.s-faq__bottom-action {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.logo {
  font-family: Minecraft, sans-serif;
  font-size: 32px;
  line-height: 100%;
  letter-spacing: 0.02em;
  color: #DB24E4;
}

.splide {
  background-color: #FFECFF;
  padding: 36px 0;
  height: -webkit-max-content;
  height: -moz-max-content;
  height: max-content;
}

.splide__slide {
  font-size: 40px;
  line-height: 100%;
  letter-spacing: 0;
  color: #DB24E4;
  font-family: Minecraft, sans-serif;
}

.format-slide {
  position: relative;
}

.format-slide__top {
  background: -webkit-gradient(linear, left top, left bottom, color-stop(55.67%, rgba(25, 56, 255, 0)), color-stop(118.8%, rgba(25, 56, 255, 0.2))), -webkit-gradient(linear, left bottom, left top, from(#FFFFFF), to(#FFFFFF));
  background: linear-gradient(180deg, rgba(25, 56, 255, 0) 55.67%, rgba(25, 56, 255, 0.2) 118.8%), linear-gradient(0deg, #FFFFFF, #FFFFFF);
  border: 2px solid #1938FF;
  padding: 32px 24px;
  border-radius: 36px;
  min-height: 544px;
  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;
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
}

.format-slide__badge {
  position: absolute;
  top: -20px;
  left: calc(50% - 81px);
  background: #1938FF;
  gap: 10px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  opacity: 1;
  padding: 8px 12px;
  border-radius: 16px;
  color: #fff;
  font-size: 20px;
  line-height: 28px;
}

.format-slide__title {
  font-weight: 900;
  font-size: 24px;
  line-height: 28px;
  letter-spacing: 0.015em;
  color: #1938FF;
  margin-bottom: 12px;
}

.format-slide__subtitle {
  font-size: 16px;
  line-height: 20px;
}

.format-slide__list {
  margin: 32px 0 56px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 24px;
}

.format-slide__list-item {
  padding-left: 40px;
  position: relative;
  font-size: 20px;
  line-height: 28px;
}

.format-slide__list-item::before {
  content: "";
  width: 24px;
  height: 24px;
  position: absolute;
  top: calc(50% - 12px);
  left: 0;
  background-size: contain;
  background: url('data:image/svg+xml,<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M12.9239 11.0771H11.0781V12.9229H12.9239V11.0771Z" fill="%231938FF"/><path d="M12.9239 9.23145H11.0781V11.0772H12.9239V9.23145Z" fill="%231938FF"/><path d="M11.0762 9.23145H9.23047V11.0772H11.0762V9.23145Z" fill="%231938FF"/><path d="M11.0762 12.9229H9.23047V14.7686H11.0762V12.9229Z" fill="%231938FF"/><path d="M14.7676 12.9229H12.9219V14.7686H14.7676V12.9229Z" fill="%231938FF"/><path d="M9.22855 14.7688H7.38281V16.6145H9.22855V14.7688Z" fill="%231938FF"/><path d="M7.3809 16.6172H5.53516V18.4629H7.3809V16.6172Z" fill="%231938FF"/><path d="M14.7676 9.23145H12.9219V11.0772H14.7676V9.23145Z" fill="%231938FF"/><path d="M16.6153 7.38574H14.7695V9.23148H16.6153V7.38574Z" fill="%231938FF"/><path d="M18.459 5.53735H16.6133V7.3831H18.459V5.53735Z" fill="%231938FF"/><path d="M16.6153 14.7688H14.7695V16.6145H16.6153V14.7688Z" fill="%231938FF"/><path d="M18.459 16.6172H16.6133V18.4629H18.459V16.6172Z" fill="%231938FF"/><path d="M9.22855 7.38574H7.38281V9.23148H9.22855V7.38574Z" fill="%231938FF"/><path d="M7.3809 5.53735H5.53516V7.3831H7.3809V5.53735Z" fill="%231938FF"/><path d="M12.9239 7.38574H11.0781V9.23148H12.9239V7.38574Z" fill="%231938FF"/><path d="M12.9239 5.53735H11.0781V7.3831H12.9239V5.53735Z" fill="%231938FF"/><path d="M12.9239 3.69165H11.0781V5.53739H12.9239V3.69165Z" fill="%231938FF"/><path d="M12.9239 1.8457H11.0781V3.69145H12.9239V1.8457Z" fill="%231938FF"/><path d="M12.9239 0H11.0781V1.84574H12.9239V0Z" fill="%231938FF"/><path d="M12.9239 18.4629H11.0781V20.3086H12.9239V18.4629Z" fill="%231938FF"/><path d="M12.9239 16.6172H11.0781V18.4629H12.9239V16.6172Z" fill="%231938FF"/><path d="M12.9239 22.1543H11.0781V24H12.9239V22.1543Z" fill="%231938FF"/><path d="M12.9239 20.3086H11.0781V22.1543H12.9239V20.3086Z" fill="%231938FF"/><path d="M12.9239 14.7688H11.0781V16.6145H12.9239V14.7688Z" fill="%231938FF"/><path d="M12.9239 12.9229H11.0781V14.7686H12.9239V12.9229Z" fill="%231938FF"/><path d="M5.53516 12.9229V11.0771H3.68941V12.9229H5.53516Z" fill="%231938FF"/><path d="M7.38281 12.9229V11.0771H5.53707V12.9229H7.38281Z" fill="%231938FF"/><path d="M1.84766 12.9229L1.84766 11.0771H0.00191367L0.00191367 12.9229H1.84766Z" fill="%231938FF"/><path d="M3.69141 12.9229V11.0771H1.84566L1.84566 12.9229H3.69141Z" fill="%231938FF"/><path d="M9.23047 12.9229V11.0771H7.38473V12.9229H9.23047Z" fill="%231938FF"/><path d="M11.0781 12.9229V11.0771H9.23238V12.9229H11.0781Z" fill="%231938FF"/><path d="M14.7695 12.9229V11.0771H12.9238V12.9229H14.7695Z" fill="%231938FF"/><path d="M16.6133 12.9229V11.0771H14.7675V12.9229H16.6133Z" fill="%231938FF"/><path d="M18.4609 12.9229V11.0771H16.6152V12.9229H18.4609Z" fill="%231938FF"/><path d="M20.3086 12.9229V11.0771H18.4629V12.9229H20.3086Z" fill="%231938FF"/><path d="M22.1523 12.9229V11.0771H20.3066V12.9229H22.1523Z" fill="%231938FF"/><path d="M24 12.9229V11.0771H22.1543V12.9229H24Z" fill="%231938FF"/></svg>') no-repeat center center;
}

.format-slide__price-container {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: end;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  margin-top: auto;
  margin-bottom: 0;
}

.format-slide__price {
  font-family: Minecraft, sans-serif;
  font-size: 56px;
  line-height: 100%;
  color: #1938FF;
}

.format-slide__price-for {
  font-size: 12px;
  line-height: 20px;
  letter-spacing: 0.02em;
}

.format-slide__bottom {
  border: 2px solid #1938FF;
  border-radius: 36px;
  padding: 24px;
  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-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  gap: 16px;
  min-height: 116px;
  position: relative;
  top: -1px;
}

.format-slide__pack-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: 100%;
  gap: 2px;
}

.format-slide__pack {
  font-family: Minecraft, sans-serif;
  font-size: 24px;
  line-height: 100%;
  color: #1938FF;
  white-space: nowrap;
}

.format-slide__pack-for,
.format-slide__pack-economy {
  font-size: 12px;
  line-height: 20px;
  white-space: nowrap;
}

.format-slide__pack-economy {
  color: #6F6F6F;
}

@font-face {
  font-family: "Roboto";
  src: local("Roboto"), url("../assets/fonts/Roboto/Roboto-Thin.woff2") format("woff2"), url("../assets/fonts/Roboto/Roboto-Thin.woff") format("woff");
  font-weight: 200;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Roboto";
  src: local("Roboto"), url("../assets/fonts/Roboto/Roboto-Light.woff2") format("woff2"), url("../assets/fonts/Roboto/Roboto-Light.woff") format("woff");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}

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

@font-face {
  font-family: "Roboto";
  src: local("Roboto"), url("../assets/fonts/Roboto/Roboto-Medium.woff2") format("woff2"), url("../assets/fonts/Roboto/Roboto-Medium.woff") format("woff");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}

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

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

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

* {
  margin: 0;
  padding: 0;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  font-family: Roboto, sans-serif;
  font-weight: 400;
  font-size: 24px;
  text-decoration: none;
  color: #151216;
}

*::-webkit-scrollbar-track {
  background-color: #fff;
}

*::-webkit-scrollbar-thumb {
  background-color: #151216;
}

* .h2 {
  font-weight: 900;
  font-size: 40px;
  line-height: 48px;
  letter-spacing: 0.02em;
  text-align: center;
}

* .h2._mb_md {
  margin-bottom: 48px;
}

* .h2._mb_l {
  margin-bottom: 68px;
}

* .text_l {
  font-size: 24px;
  line-height: 32px;
}

* .text_s {
  font-size: 20px;
  line-height: 28px;
}

* .text_xs {
  font-size: 16px;
  line-height: 20px;
}

* img {
  width: 100%;
  height: 100%;
  border-style: none;
  image-rendering: optimize-contrast;
}

.main {
  overflow: hidden;
}

ul li {
  list-style: none;
}

a,
button {
  cursor: url("assets/media/cursor.svg") 0 0, url("../assets/media/cursor.png") 0 0, pointer;
  background: none;
  border: none;
}

html {
  scroll-behavior: smooth;
}

.row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.col {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}

.row._center,
.col._center {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.row._end,
.col._end {
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end;
}

.row._space_between,
.col._space_between {
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.row._flex-start,
.col._flex-start {
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
}

.row._wrap,
.col._wrap {
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.theme-toggle,
.scroll-top {
  position: fixed;
  left: -10px;
  top: 50%;
  width: 66px;
  height: 56px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  padding-left: 10px;
  border: none;
  border-radius: 0 16px 16px 0;
  cursor: pointer;
}

.theme-toggle {
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  z-index: 1000;
  background: linear-gradient(135deg, #DB24E4 0%, rgba(219, 36, 228, 0.9) 100%);
  -webkit-box-shadow: 4px 0 20px rgba(219, 36, 228, 0.5), 0 4px 12px rgba(0, 0, 0, 0.2), inset 0 1px 0 rgba(255, 255, 255, 0.2);
  box-shadow: 4px 0 20px rgba(219, 36, 228, 0.5), 0 4px 12px rgba(0, 0, 0, 0.2), inset 0 1px 0 rgba(255, 255, 255, 0.2);
  -webkit-transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  overflow: hidden;
}

.theme-toggle:hover {
  left: 0;
  -webkit-box-shadow: 8px 0 28px rgba(219, 36, 228, 0.7), 0 6px 16px rgba(0, 0, 0, 0.25), inset 0 1px 0 rgba(255, 255, 255, 0.3);
  box-shadow: 8px 0 28px rgba(219, 36, 228, 0.7), 0 6px 16px rgba(0, 0, 0, 0.25), inset 0 1px 0 rgba(255, 255, 255, 0.3);
  -webkit-transform: translateY(-50%) scale(1.08);
  -ms-transform: translateY(-50%) scale(1.08);
  transform: translateY(-50%) scale(1.08);
  background: linear-gradient(135deg, #DB24E4 0%, rgb(219, 36, 228) 100%);
}

.theme-toggle:active {
  -webkit-transform: translateY(-50%) scale(0.96);
  -ms-transform: translateY(-50%) scale(0.96);
  transform: translateY(-50%) scale(0.96);
  left: 2px;
}

.theme-toggle::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: linear-gradient(135deg, rgba(255, 255, 255, 0.25) 0%, transparent 60%);
  pointer-events: none;
  border-radius: 0 16px 16px 0;
}

.theme-toggle::after {
  content: "";
  position: absolute;
  top: 8px;
  left: 16px;
  width: 8px;
  height: 8px;
  background: rgba(255, 255, 255, 0.3);
  border-radius: 50%;
  pointer-events: none;
}

.scroll-top {
  -webkit-transform: translateY(calc(-50% + 76px));
  -ms-transform: translateY(calc(-50% + 76px));
  transform: translateY(calc(-50% + 76px));
  z-index: 999;
  background: linear-gradient(135deg, #12DA36 0%, rgba(18, 218, 54, 0.95) 100%);
  -webkit-box-shadow: 3px 0 14px rgba(0, 0, 0, 0.45), inset 0 1px 0 rgba(255, 255, 255, 0.15);
  box-shadow: 3px 0 14px rgba(0, 0, 0, 0.45), inset 0 1px 0 rgba(255, 255, 255, 0.15);
  color: #fff;
  -webkit-transition: opacity 0.25s ease, left 0.25s ease, background 0.25s ease, -webkit-transform 0.25s ease;
  transition: opacity 0.25s ease, left 0.25s ease, background 0.25s ease, -webkit-transform 0.25s ease;
  transition: opacity 0.25s ease, transform 0.25s ease, left 0.25s ease, background 0.25s ease;
  transition: opacity 0.25s ease, transform 0.25s ease, left 0.25s ease, background 0.25s ease, -webkit-transform 0.25s ease;
  opacity: 0;
  pointer-events: none;
}

.scroll-top:hover {
  left: 0;
  background: linear-gradient(135deg, #12DA36 0%, rgb(18, 218, 54) 100%);
}

.scroll-top:active {
  -webkit-transform: translateY(calc(-50% + 76px)) scale(0.96);
  -ms-transform: translateY(calc(-50% + 76px)) scale(0.96);
  transform: translateY(calc(-50% + 76px)) scale(0.96);
}

.scroll-top__icon {
  font-size: 22px;
  line-height: 1;
  font-weight: 700;
}

.scroll-top.scroll-top_visible {
  opacity: 1;
  pointer-events: auto;
  -webkit-transform: translateY(calc(-50% + 76px)) translateX(0);
  -ms-transform: translateY(calc(-50% + 76px)) translateX(0);
  transform: translateY(calc(-50% + 76px)) translateX(0);
}

.theme-toggle__icon {
  position: absolute;
  width: 24px;
  height: 24px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-transition: opacity 0.4s cubic-bezier(0.4, 0, 0.2, 1), rotate 0.4s cubic-bezier(0.4, 0, 0.2, 1), -webkit-transform 0.4s cubic-bezier(0.4, 0, 0.2, 1);
  transition: opacity 0.4s cubic-bezier(0.4, 0, 0.2, 1), rotate 0.4s cubic-bezier(0.4, 0, 0.2, 1), -webkit-transform 0.4s cubic-bezier(0.4, 0, 0.2, 1);
  transition: opacity 0.4s cubic-bezier(0.4, 0, 0.2, 1), transform 0.4s cubic-bezier(0.4, 0, 0.2, 1), rotate 0.4s cubic-bezier(0.4, 0, 0.2, 1);
  transition: opacity 0.4s cubic-bezier(0.4, 0, 0.2, 1), transform 0.4s cubic-bezier(0.4, 0, 0.2, 1), rotate 0.4s cubic-bezier(0.4, 0, 0.2, 1), -webkit-transform 0.4s cubic-bezier(0.4, 0, 0.2, 1);
}

.theme-toggle__icon svg {
  width: 100%;
  height: 100%;
  color: #fff;
  stroke: #fff;
}

.theme-toggle__icon_sun {
  opacity: 1;
  -webkit-transform: rotate(0deg) scale(1);
  -ms-transform: rotate(0deg) scale(1);
  transform: rotate(0deg) scale(1);
}

.theme-toggle__icon_moon {
  opacity: 0;
  -webkit-transform: rotate(-90deg) scale(0.5);
  -ms-transform: rotate(-90deg) scale(0.5);
  transform: rotate(-90deg) scale(0.5);
}

body.dark-theme .theme-toggle__icon_sun {
  opacity: 0;
  -webkit-transform: rotate(90deg) scale(0.5);
  -ms-transform: rotate(90deg) scale(0.5);
  transform: rotate(90deg) scale(0.5);
}

body.dark-theme .theme-toggle__icon_moon {
  opacity: 1;
  -webkit-transform: rotate(0deg) scale(1);
  -ms-transform: rotate(0deg) scale(1);
  transform: rotate(0deg) scale(1);
}

@-webkit-keyframes themeTransition {
  0% {
    opacity: 1;
  }

  50% {
    opacity: 0.3;
  }

  100% {
    opacity: 1;
  }
}

@keyframes themeTransition {
  0% {
    opacity: 1;
  }

  50% {
    opacity: 0.3;
  }

  100% {
    opacity: 1;
  }
}

@-webkit-keyframes themeWave {
  0% {
    -webkit-transform: translate(-50%, -50%) scale(0);
    transform: translate(-50%, -50%) scale(0);
    opacity: 0.9;
  }

  50% {
    opacity: 0.5;
  }

  100% {
    -webkit-transform: translate(-50%, -50%) scale(10);
    transform: translate(-50%, -50%) scale(10);
    opacity: 0;
  }
}

@keyframes themeWave {
  0% {
    -webkit-transform: translate(-50%, -50%) scale(0);
    transform: translate(-50%, -50%) scale(0);
    opacity: 0.9;
  }

  50% {
    opacity: 0.5;
  }

  100% {
    -webkit-transform: translate(-50%, -50%) scale(10);
    transform: translate(-50%, -50%) scale(10);
    opacity: 0;
  }
}

.theme-transition {
  position: fixed;
  width: 100px;
  height: 100px;
  border-radius: 50%;
  background: radial-gradient(circle, #DB24E4 0%, rgba(219, 36, 228, 0.4) 40%, transparent 70%);
  pointer-events: none;
  z-index: 9999;
  -webkit-animation: themeWave 0.8s cubic-bezier(0.4, 0, 0.2, 1);
  animation: themeWave 0.8s cubic-bezier(0.4, 0, 0.2, 1);
  mix-blend-mode: screen;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}

body.dark-theme {
  background-color: #05040a;
  color: #f5f5f5;
  -webkit-transition: background-color 0.6s cubic-bezier(0.4, 0, 0.2, 1), color 0.6s cubic-bezier(0.4, 0, 0.2, 1);
  transition: background-color 0.6s cubic-bezier(0.4, 0, 0.2, 1), color 0.6s cubic-bezier(0.4, 0, 0.2, 1);
}

body.dark-theme::-webkit-scrollbar-track {
  background-color: #1a1a1a;
}

body.dark-theme::-webkit-scrollbar-thumb {
  background-color: #DB24E4;
}

body.dark-theme .main {
  background-color: transparent;
}

body.dark-theme .section {
  background-color: transparent;
}

body.dark-theme .h2 {
  color: #f5f5f5;
}

body.dark-theme .text {
  color: #f0f0f0;
}

body.dark-theme .s-about__hello-text {
  color: #ffffff;
}

body.dark-theme .s-skills__item-title,
body.dark-theme .s-skills__item-description {
  color: #ffffff;
}

body.dark-theme .s-steps__item-title,
body.dark-theme .s-steps__item-description {
  color: #ffffff;
}

body.dark-theme .s-hero {
  background: #05040a;
}

body.dark-theme .s-hero__title-subtext,
body.dark-theme .s-hero__list-item {
  color: #f5f5f5;
}

body.dark-theme .format-slide__top {
  background: rgba(25, 56, 255, 0.15);
  border-color: #1938FF;
}

body.dark-theme .format-slide__title {
  color: #ffffff;
}

body.dark-theme .format-slide__subtitle {
  color: #f5f5f5;
}

body.dark-theme .format-slide__list-item {
  color: #f5f5f5;
}

body.dark-theme .format-slide__price {
  color: #ffffff;
}

body.dark-theme .format-slide__price-for {
  color: #f5f5f5;
}

body.dark-theme .format-slide__pack-for {
  color: #f5f5f5;
}

body.dark-theme .format-slide__pack {
  color: #ffffff;
}

body.dark-theme .s-portfolio__card,
body.dark-theme .s-portfolio__card_link {
  background: rgba(25, 56, 255, 0.15);
  border-color: #1938FF;
}

body.dark-theme .s-portfolio__card-title {
  color: #ffffff;
}

body.dark-theme .s-portfolio__card-info-label {
  color: rgba(255, 255, 255, 0.7);
}

body.dark-theme .s-portfolio__card-info-text {
  color: #f5f5f5;
}

body.dark-theme .s-portfolio__card-tech {
  background: rgba(25, 56, 255, 0.2);
  border: 1px solid #1938FF;
  color: #ffffff;
}

body.dark-theme .s-portfolio__nav-button {
  background: rgba(25, 56, 255, 0.2);
  border: 2px solid #1938FF;
}

body.dark-theme .s-portfolio__nav-button-icon {
  color: #ffffff;
}

body.dark-theme .s-portfolio__nav-button:hover {
  background: #1938FF;
}

body.dark-theme .s-portfolio__button .button__side {
  display: none;
}

body.dark-theme .s-portfolio__button .button__top {
  background: rgba(25, 56, 255, 0.15);
  border-color: #1938FF;
  -webkit-transition: background 0.3s, -webkit-transform 0.2s;
  transition: background 0.3s, -webkit-transform 0.2s;
  transition: background 0.3s, transform 0.2s;
  transition: background 0.3s, transform 0.2s, -webkit-transform 0.2s;
}

body.dark-theme .s-portfolio__button .button__text {
  color: #ffffff;
}

body.dark-theme .s-portfolio__button:hover .button__top {
  background: rgba(25, 56, 255, 0.3);
  -webkit-transform: translateY(-2px);
  -ms-transform: translateY(-2px);
  transform: translateY(-2px);
}

body.dark-theme .s-portfolio__button:active .button__top {
  background: rgba(25, 56, 255, 0.4);
  -webkit-transform: translateY(2px);
  -ms-transform: translateY(2px);
  transform: translateY(2px);
}

body.dark-theme .s-reviews__card {
  background: rgba(219, 36, 228, 0.15);
  border-color: #DB24E4;
}

body.dark-theme .s-reviews__card-name {
  color: #ffffff;
}

body.dark-theme .s-reviews__card-age {
  color: rgba(255, 255, 255, 0.7);
}

body.dark-theme .s-reviews__card-text {
  color: #f5f5f5;
}

body.dark-theme .s-reviews__card-format-text {
  color: rgba(255, 255, 255, 0.7);
}

body.dark-theme .s-reviews__nav-button {
  background: rgba(219, 36, 228, 0.2);
  border: 2px solid #DB24E4;
}

body.dark-theme .s-reviews__nav-button-icon {
  color: #ffffff;
}

body.dark-theme .s-reviews__nav-button:hover {
  background: #DB24E4;
}

body.dark-theme .s-reviews__button .button__side {
  display: none;
}

body.dark-theme .s-reviews__button .button__top {
  background: rgba(219, 36, 228, 0.15);
  border-color: #DB24E4;
  -webkit-transition: background 0.3s, -webkit-transform 0.2s;
  transition: background 0.3s, -webkit-transform 0.2s;
  transition: background 0.3s, transform 0.2s;
  transition: background 0.3s, transform 0.2s, -webkit-transform 0.2s;
}

body.dark-theme .s-reviews__button .button__text {
  color: #ffffff;
}

body.dark-theme .s-reviews__button:hover .button__top {
  background: rgba(219, 36, 228, 0.3);
  -webkit-transform: translateY(-2px);
  -ms-transform: translateY(-2px);
  transform: translateY(-2px);
}

body.dark-theme .s-reviews__button:active .button__top {
  background: rgba(219, 36, 228, 0.4);
  -webkit-transform: translateY(2px);
  -ms-transform: translateY(2px);
  transform: translateY(2px);
}

body.dark-theme .accordion {
  background: rgba(18, 218, 54, 0.15);
  border-color: #12DA36;
}

body.dark-theme .accordion__question {
  color: #ffffff;
}

body.dark-theme .accordion__answer {
  color: #f5f5f5;
}

body.dark-theme .s-faq__bottom {
  background: rgba(18, 218, 54, 0.15);
  border-top: 2px solid #12DA36;
  border-bottom: 2px solid #12DA36;
}

body.dark-theme .s-faq__bottom-text {
  color: #ffffff;
}

body.dark-theme .s-faq__button .button__side {
  display: none;
}

body.dark-theme .s-faq__button .button__top {
  background: rgba(18, 218, 54, 0.15);
  border-color: #12DA36;
  -webkit-transition: background 0.3s, -webkit-transform 0.2s;
  transition: background 0.3s, -webkit-transform 0.2s;
  transition: background 0.3s, transform 0.2s;
  transition: background 0.3s, transform 0.2s, -webkit-transform 0.2s;
}

body.dark-theme .s-faq__button .button__text {
  color: #ffffff;
}

body.dark-theme .s-faq__button:hover .button__top {
  background: rgba(18, 218, 54, 0.3);
  -webkit-transform: translateY(-2px);
  -ms-transform: translateY(-2px);
  transform: translateY(-2px);
}

body.dark-theme .s-faq__button:active .button__top {
  background: rgba(18, 218, 54, 0.4);
  -webkit-transform: translateY(2px);
  -ms-transform: translateY(2px);
  transform: translateY(2px);
}

body.dark-theme .s-steps__button .button__side {
  display: none;
}

body.dark-theme .s-steps__button .button__top {
  background: #0a0a0a;
  border: 2px solid #DB24E4;
  -webkit-box-shadow: 0 0 20px rgba(219, 36, 228, 0.5), 0 0 40px rgba(219, 36, 228, 0.3), inset 0 0 20px rgba(219, 36, 228, 0.1);
  box-shadow: 0 0 20px rgba(219, 36, 228, 0.5), 0 0 40px rgba(219, 36, 228, 0.3), inset 0 0 20px rgba(219, 36, 228, 0.1);
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}

body.dark-theme .s-steps__button .button__text {
  color: #ffffff;
  text-shadow: 0 0 10px rgba(219, 36, 228, 0.8);
}

body.dark-theme .s-steps__button:hover .button__top {
  background: #0f0f0f;
  -webkit-box-shadow: 0 0 30px rgba(219, 36, 228, 0.7), 0 0 60px rgba(219, 36, 228, 0.5), 0 0 90px rgba(219, 36, 228, 0.3), inset 0 0 30px rgba(219, 36, 228, 0.15);
  box-shadow: 0 0 30px rgba(219, 36, 228, 0.7), 0 0 60px rgba(219, 36, 228, 0.5), 0 0 90px rgba(219, 36, 228, 0.3), inset 0 0 30px rgba(219, 36, 228, 0.15);
  -webkit-transform: translateY(-2px);
  -ms-transform: translateY(-2px);
  transform: translateY(-2px);
  border-color: #ff4dff;
}

body.dark-theme .s-steps__button:active .button__top {
  background: #050505;
  -webkit-box-shadow: 0 0 15px rgba(219, 36, 228, 0.6), 0 0 30px rgba(219, 36, 228, 0.4), inset 0 0 15px rgba(219, 36, 228, 0.2);
  box-shadow: 0 0 15px rgba(219, 36, 228, 0.6), 0 0 30px rgba(219, 36, 228, 0.4), inset 0 0 15px rgba(219, 36, 228, 0.2);
  -webkit-transform: translateY(0);
  -ms-transform: translateY(0);
  transform: translateY(0);
}

body.dark-theme .s-skills__bottom {
  background: rgba(18, 218, 54, 0.15);
  border-top: 2px solid #12DA36;
  border-bottom: 2px solid #12DA36;
}

body.dark-theme .s-skills__quote {
  color: #ffffff;
}

body.dark-theme .s-skills__cursor-icon {
  color: #ffffff;
}

body.dark-theme .s-skills__button .button__side {
  display: none;
}

body.dark-theme .s-skills__button .button__top {
  background: rgba(18, 218, 54, 0.15);
  border-color: #12DA36;
  -webkit-transition: background 0.3s, -webkit-transform 0.2s;
  transition: background 0.3s, -webkit-transform 0.2s;
  transition: background 0.3s, transform 0.2s;
  transition: background 0.3s, transform 0.2s, -webkit-transform 0.2s;
}

body.dark-theme .s-skills__button .button__text {
  color: #ffffff;
}

body.dark-theme .s-skills__button:hover .button__top {
  background: rgba(18, 218, 54, 0.3);
  -webkit-transform: translateY(-2px);
  -ms-transform: translateY(-2px);
  transform: translateY(-2px);
}

body.dark-theme .s-skills__button:active .button__top {
  background: rgba(18, 218, 54, 0.4);
  -webkit-transform: translateY(2px);
  -ms-transform: translateY(2px);
  transform: translateY(2px);
}

body.dark-theme .s-formats__choice-card {
  background: rgba(25, 56, 255, 0.15);
  border: 2px solid #1938FF;
}

body.dark-theme .s-formats__choice-card-text,
body.dark-theme .s-formats__choice-card-text > * {
  color: #ffffff;
}

body.dark-theme .s-formats__choice-card-text span {
  color: #ffffff;
  text-shadow: 0 0 10px rgba(25, 56, 255, 0.8);
}

body.dark-theme .s-formats__consultation-hand-icon {
  color: #ffffff;
}

body.dark-theme .s-formats__consultation-button .button__side {
  display: none;
}

body.dark-theme .s-formats__consultation-button .button__top {
  background: rgba(25, 56, 255, 0.15);
  border-color: #1938FF;
  -webkit-transition: background 0.3s, -webkit-transform 0.2s;
  transition: background 0.3s, -webkit-transform 0.2s;
  transition: background 0.3s, transform 0.2s;
  transition: background 0.3s, transform 0.2s, -webkit-transform 0.2s;
}

body.dark-theme .s-formats__consultation-button .button__text {
  color: #ffffff;
}

body.dark-theme .s-formats__consultation-button:hover .button__top {
  background: rgba(25, 56, 255, 0.3);
  -webkit-transform: translateY(-2px);
  -ms-transform: translateY(-2px);
  transform: translateY(-2px);
}

body.dark-theme .s-formats__consultation-button:active .button__top {
  background: rgba(25, 56, 255, 0.4);
  -webkit-transform: translateY(2px);
  -ms-transform: translateY(2px);
  transform: translateY(2px);
}

body.dark-theme .s-site__content {
  background: rgba(18, 218, 54, 0.15);
  border: 2px solid #12DA36;
}

body.dark-theme .s-site__content-title {
  color: #ffffff;
}

body.dark-theme .s-site__item {
  color: #f5f5f5;
}

body.dark-theme .s-site__button .button__side {
  display: none;
}

body.dark-theme .s-site__button .button__top {
  background: rgba(18, 218, 54, 0.15);
  border-color: #12DA36;
  -webkit-transition: background 0.3s, -webkit-transform 0.2s;
  transition: background 0.3s, -webkit-transform 0.2s;
  transition: background 0.3s, transform 0.2s;
  transition: background 0.3s, transform 0.2s, -webkit-transform 0.2s;
}

body.dark-theme .s-site__button .button__text {
  color: #ffffff;
}

body.dark-theme .s-site__button:hover .button__top {
  background: rgba(18, 218, 54, 0.3);
  -webkit-transform: translateY(-2px);
  -ms-transform: translateY(-2px);
  transform: translateY(-2px);
}

body.dark-theme .s-site__button:active .button__top {
  background: rgba(18, 218, 54, 0.4);
  -webkit-transform: translateY(2px);
  -ms-transform: translateY(2px);
  transform: translateY(2px);
}

body.dark-theme .s-about__button .button__side {
  display: none;
}

body.dark-theme .s-about__button .button__top {
  background: #0a0a0a;
  border: 2px solid #1938FF;
  -webkit-box-shadow: 0 0 20px rgba(25, 56, 255, 0.5), 0 0 40px rgba(25, 56, 255, 0.3), inset 0 0 20px rgba(25, 56, 255, 0.1);
  box-shadow: 0 0 20px rgba(25, 56, 255, 0.5), 0 0 40px rgba(25, 56, 255, 0.3), inset 0 0 20px rgba(25, 56, 255, 0.1);
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}

body.dark-theme .s-about__button .button__text {
  color: #ffffff;
  text-shadow: 0 0 10px rgba(25, 56, 255, 0.8);
}

body.dark-theme .s-about__button:hover .button__top {
  background: #0f0f0f;
  -webkit-box-shadow: 0 0 30px rgba(25, 56, 255, 0.7), 0 0 60px rgba(25, 56, 255, 0.5), 0 0 90px rgba(25, 56, 255, 0.3), inset 0 0 30px rgba(25, 56, 255, 0.15);
  box-shadow: 0 0 30px rgba(25, 56, 255, 0.7), 0 0 60px rgba(25, 56, 255, 0.5), 0 0 90px rgba(25, 56, 255, 0.3), inset 0 0 30px rgba(25, 56, 255, 0.15);
  -webkit-transform: translateY(-2px);
  -ms-transform: translateY(-2px);
  transform: translateY(-2px);
  border-color: #4d6fff;
}

body.dark-theme .s-about__button:active .button__top {
  background: #050505;
  -webkit-box-shadow: 0 0 15px rgba(25, 56, 255, 0.6), 0 0 30px rgba(25, 56, 255, 0.4), inset 0 0 15px rgba(25, 56, 255, 0.2);
  box-shadow: 0 0 15px rgba(25, 56, 255, 0.6), 0 0 30px rgba(25, 56, 255, 0.4), inset 0 0 15px rgba(25, 56, 255, 0.2);
  -webkit-transform: translateY(0);
  -ms-transform: translateY(0);
  transform: translateY(0);
}

body.dark-theme .splide {
  background-color: rgba(219, 36, 228, 0.15);
  border-top: 2px solid #DB24E4;
  border-bottom: 2px solid #DB24E4;
}

body.dark-theme .splide__slide {
  color: #ffffff;
  text-shadow: 0 0 10px rgba(219, 36, 228, 0.8);
}

body.dark-theme .s-hero__button .button__side {
  display: none;
}

body.dark-theme .s-hero__button .button__top {
  background: #0a0a0a;
  border: 2px solid #DB24E4;
  -webkit-box-shadow: 0 0 20px rgba(219, 36, 228, 0.5), 0 0 40px rgba(219, 36, 228, 0.3), inset 0 0 20px rgba(219, 36, 228, 0.1);
  box-shadow: 0 0 20px rgba(219, 36, 228, 0.5), 0 0 40px rgba(219, 36, 228, 0.3), inset 0 0 20px rgba(219, 36, 228, 0.1);
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}

body.dark-theme .s-hero__button .button__text {
  color: #ffffff;
  text-shadow: 0 0 10px rgba(219, 36, 228, 0.8);
}

body.dark-theme .s-hero__button:hover .button__top {
  background: #0f0f0f;
  -webkit-box-shadow: 0 0 30px rgba(219, 36, 228, 0.7), 0 0 60px rgba(219, 36, 228, 0.5), 0 0 90px rgba(219, 36, 228, 0.3), inset 0 0 30px rgba(219, 36, 228, 0.15);
  box-shadow: 0 0 30px rgba(219, 36, 228, 0.7), 0 0 60px rgba(219, 36, 228, 0.5), 0 0 90px rgba(219, 36, 228, 0.3), inset 0 0 30px rgba(219, 36, 228, 0.15);
  -webkit-transform: translateY(-2px);
  -ms-transform: translateY(-2px);
  transform: translateY(-2px);
  border-color: #ff4dff;
}

body.dark-theme .s-hero__button:active .button__top {
  background: #050505;
  -webkit-box-shadow: 0 0 15px rgba(219, 36, 228, 0.6), 0 0 30px rgba(219, 36, 228, 0.4), inset 0 0 15px rgba(219, 36, 228, 0.2);
  box-shadow: 0 0 15px rgba(219, 36, 228, 0.6), 0 0 30px rgba(219, 36, 228, 0.4), inset 0 0 15px rgba(219, 36, 228, 0.2);
  -webkit-transform: translateY(0);
  -ms-transform: translateY(0);
  transform: translateY(0);
}

@media only screen and (min-width: 769px) {
  .s-portfolio__card-button_overlay:hover {
    background: #1938FF;
    color: #fff;
    border-color: #1938FF;
  }
}

@media only screen and (min-width: 1049px) {
  .footer__content {
    padding: 40px 0 24px;
    gap: 32px;
  }
}

@media only screen and (min-width: 1427px) {
  .s-hero__decoration {
    display: none;
  }
}

@media only screen and (min-width: 1920px) {
  .header {
    position: sticky;
    top: 0;
    left: 0;
  }
}

@media only screen and (max-width: 1427px) {
  .header {
    position: fixed;
    top: 0;
    left: 0;
    border-bottom: none;
    padding-bottom: 0;
  }

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

  .header__introduce {
    width: 100%;
    padding-bottom: 34px;
  }

  .header__burger {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }

  .header__nav {
    position: absolute;
    left: 0;
    top: 100%;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    height: calc(100dvh - 96px);
    padding: 24px 16px 32px;
    width: 100%;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    background: #151216;
    border-bottom: none;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    opacity: 0;
    -webkit-transform: translateY(-12px);
    -ms-transform: translateY(-12px);
    transform: translateY(-12px);
    pointer-events: none;
    -webkit-transition: opacity 0.3s ease, -webkit-transform 0.3s ease;
    transition: opacity 0.3s ease, -webkit-transform 0.3s ease;
    transition: opacity 0.3s ease, transform 0.3s ease;
    transition: opacity 0.3s ease, transform 0.3s ease, -webkit-transform 0.3s ease;
  }

  .header__nav-list {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    gap: 24px;
  }

  .header__nav-controls {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }

  .header__nav-controls::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 1px;
    background: -webkit-gradient(linear, left top, right top, from(transparent), color-stop(20%, rgba(219, 36, 228, 0.3)), color-stop(50%, rgba(219, 36, 228, 0.5)), color-stop(80%, rgba(219, 36, 228, 0.3)), to(transparent));
    background: linear-gradient(90deg, transparent 0%, rgba(219, 36, 228, 0.3) 20%, rgba(219, 36, 228, 0.5) 50%, rgba(219, 36, 228, 0.3) 80%, transparent 100%);
  }

  .header__socials {
    display: none;
  }

  body:not(.dark-theme) .header__nav {
    background: #fff;
  }

  body:not(.dark-theme) .header__nav-controls::before {
    background: -webkit-gradient(linear, left top, right top, from(transparent), color-stop(20%, rgba(219, 36, 228, 0.15)), color-stop(50%, rgba(219, 36, 228, 0.25)), color-stop(80%, rgba(219, 36, 228, 0.15)), to(transparent));
    background: linear-gradient(90deg, transparent 0%, rgba(219, 36, 228, 0.15) 20%, rgba(219, 36, 228, 0.25) 50%, rgba(219, 36, 228, 0.15) 80%, transparent 100%);
  }

  .cookie {
    padding: 24px 0;
  }

  .s-hero {
    padding-top: 100px;
  }

  .theme-toggle,
  .scroll-top {
    display: none;
  }
}

@media only screen and (max-width: 1368px) {
  .button {
    max-width: 328px;
  }

  .button__top {
    padding: 12px 24px;
  }

  .button__text {
    font-size: 20px;
    line-height: 20px;
  }

  .section._padding_s {
    padding-top: 36px;
  }

  .sidebar {
    margin-bottom: 30px;
    margin-top: 30px;
  }

  .view {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }

  .cookie .container {
    -webkit-column-gap: 84px;
    -moz-column-gap: 84px;
    column-gap: 84px;
  }

  .s-hero__content {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    padding-bottom: 336px;
    gap: 24px;
  }

  .s-hero__center {
    left: calc(50% - 100px);
  }

  .s-hero__photo {
    width: 201px;
    height: 328px;
  }

  .s-hero__center-action {
    left: calc(50% - 164px);
  }

  .s-hero__list {
    display: none;
  }

  .s-hero__ad {
    font-size: 12px;
    line-height: 14px;
  }

  .s-skills__cursor {
    display: none;
  }

  .s-steps__container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 24px;
  }
}

@media only screen and (max-width: 1049px) {
  .footer__top {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 24px;
  }

  .sidebar__nav-list {
    row-gap: 16px;
  }

  .sidebar__nav-item a {
    font-size: 16px;
  }

  .sidebar .button {
    font-size: 16px;
  }

  .list--categories {
    margin-bottom: 20px;
  }

  .mascot {
    bottom: 20px;
    right: 20px;
  }

  .mascot__avatar {
    width: 60px;
    height: 60px;
    border-width: 3px;
  }

  .mascot__eye {
    width: 8px;
    height: 8px;
  }

  .mascot__mouth {
    width: 15px;
    height: 8px;
  }

  .mascot__speech-bubble {
    min-width: 240px;
    max-width: 280px;
    padding: 12px 16px;
    right: -20px;
  }

  .mascot__speech-bubble::after {
    right: 20px;
  }

  .mascot__speech-bubble::before {
    right: 22px;
  }

  .mascot__message {
    font-size: 14px;
  }

  .mascot__pulse {
    width: 60px;
    height: 60px;
  }

  .s-site__container {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse;
    gap: 20px;
  }

  .s-site__glasses-icon {
    display: none;
  }

  .s-site__content {
    width: 100%;
  }

  .s-site__button {
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
  }

  .format-slide__top {
    min-height: 344px;
  }

  * .h2._mb_md {
    margin-bottom: 28px;
  }

  * .h2._mb_l {
    margin-bottom: 46px;
  }

  .theme-toggle,
  .scroll-top {
    width: 48px;
    height: 48px;
  }

  .theme-toggle {
    border-radius: 0 12px 12px 0;
  }

  .scroll-top {
    -webkit-transform: translateY(calc(-50% + 64px));
    -ms-transform: translateY(calc(-50% + 64px));
    transform: translateY(calc(-50% + 64px));
  }
}

@media only screen and (max-width: 900px) {
  .container {
    padding: 0 16px;
  }

  .s-about__content {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse;
    gap: 24px;
    margin-bottom: 24px;
  }

  .s-about__text {
    width: 100%;
    gap: 16px;
  }

  .s-about__action {
    width: 328px;
    height: 565px;
  }

  .s-about__button {
    width: 100%;
  }

  .s-about__image {
    width: 300px;
    height: 400px;
    right: -44px;
    max-width: 100%;
  }

  .s-about__hello-text {
    padding: 45px 20px 45px 25px;
    font-size: 18px;
    line-height: 28px;
    height: 246px;
  }

  .s-steps__content {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 24px;
  }
}

@media only screen and (max-width: 768px) {
  .accordion {
    padding: 20px 24px;
  }

  .accordion__checkbox {
    gap: 12px;
  }

  .accordion__question {
    font-size: 20px;
    line-height: 24px;
  }

  .accordion__icon-wrapper {
    width: 24px;
    height: 24px;
  }

  .accordion__content._opened {
    margin-top: 20px;
  }

  .accordion__answer {
    font-size: 14px;
    line-height: 18px;
  }

  .cookie {
    padding: 20px 0;
  }

  .cookie__text {
    font-size: 14px;
    line-height: 20px;
  }

  .cookie__button {
    max-width: 100%;
    height: 56px;
  }

  .cookie .container {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    row-gap: 24px;
  }

  .s-hero__title {
    display: inline;
  }

  .s-hero__title-text._color_blue,
  .s-hero__title-text._color_green {
    margin-right: 8px;
  }

  .s-formats__choice-cards {
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
    gap: 16px;
    margin-bottom: 28px;
  }

  .s-skills__title {
    margin-bottom: 28px;
  }

  .s-skills__list {
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
    gap: 16px;
    margin-bottom: 24px;
  }

  .s-skills__bottom {
    padding: 32px 0;
    margin-top: 24px;
  }

  .s-skills__bottom-content {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 20px;
    margin-bottom: 28px;
  }

  .s-skills__quote {
    font-size: 20px;
    line-height: 28px;
  }

  .s-steps__title {
    margin-bottom: 28px;
  }

  .s-steps__list {
    gap: 24px;
  }

  .s-steps__item-number {
    font-size: 48px;
  }

  .s-reviews__title {
    margin-bottom: 28px;
  }

  .s-reviews__swiper-wrapper {
    margin-bottom: 28px;
  }

  .s-reviews__card {
    padding: 24px;
    gap: 16px;
  }

  .s-reviews__card-top {
    gap: 12px;
  }

  .s-reviews__card-info {
    gap: 6px;
  }

  .s-reviews__card-avatar {
    width: 48px;
    height: 48px;
  }

  .s-reviews__card-name {
    font-size: 20px;
    line-height: 24px;
  }

  .s-reviews__card-age {
    font-size: 12px;
    line-height: 14px;
  }

  .s-reviews__card-text {
    font-size: 14px;
    line-height: 18px;
  }

  .s-reviews__card-format {
    gap: 6px;
  }

  .s-reviews__card-format-icon {
    width: 14px;
    height: 14px;
  }

  .s-reviews__card-format-text {
    font-size: 12px;
    line-height: 14px;
  }

  .s-reviews__nav-button {
    display: none;
  }

  .s-reviews__button {
    width: 100%;
    max-width: 100%;
  }

  .s-portfolio__title {
    margin-bottom: 20px;
  }

  .s-portfolio__subtitle {
    font-size: 16px;
    line-height: 28px;
  }

  .s-portfolio__subtitle:last-of-type {
    margin-bottom: 28px;
  }

  .s-portfolio__swiper-wrapper {
    margin-bottom: 28px;
  }

  .s-portfolio__card {
    padding: 24px;
    gap: 20px;
  }

  .s-portfolio__card-overlay {
    display: none;
  }

  .s-portfolio__card-button_overlay {
    display: none;
  }

  .s-portfolio__card-button_mobile {
    display: block;
  }

  .s-portfolio__card-content {
    gap: 16px;
  }

  .s-portfolio__card-title {
    font-size: 20px;
    line-height: 24px;
  }

  .s-portfolio__card-info {
    gap: 8px;
  }

  .s-portfolio__card-info-label {
    font-size: 12px;
    line-height: 14px;
  }

  .s-portfolio__card-info-text {
    font-size: 14px;
    line-height: 18px;
  }

  .s-portfolio__card-technologies {
    gap: 6px;
  }

  .s-portfolio__card-tech {
    padding: 4px 12px;
    font-size: 14px;
    line-height: 18px;
    border-radius: 16px;
  }

  .s-portfolio__nav-button {
    display: none;
  }

  .s-portfolio__button {
    width: 100%;
    max-width: 100%;
  }

  .s-faq__title {
    margin-bottom: 28px;
  }

  .s-faq__list {
    gap: 16px;
  }

  .s-faq__bottom {
    padding: 32px 0;
  }

  .s-faq__bottom-content {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 24px;
  }

  .s-faq__bottom-text {
    font-size: 20px;
    line-height: 28px;
  }

  .s-faq__icon-wrapper_first {
    width: 96px;
    height: 96px;
  }

  .s-faq__icon-wrapper_second {
    width: 72px;
    height: 72px;
  }

  .s-faq__icon-wrapper_third {
    width: 56px;
    height: 56px;
  }

  .s-faq__button {
    width: 100%;
    max-width: 100%;
  }
}

@media only screen and (max-width: 575px) {
  .select._mob-dropdown_top .select__dropdown {
    top: -240%;
  }

  .section {
    padding-top: 48px;
  }

  .footer__nav-list {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 24px;
  }

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

  .header {
    padding: 16px 0 0;
  }

  .header__introduce {
    padding-bottom: 16px;
  }

  .header__nav {
    height: calc(100dvh - 72px);
  }

  .swiper-button-next,
  .swiper-button-prev {
    width: 32px;
    height: 32px;
    top: calc(50% - 16px) !important;
  }

  .swiper-button-prev:before {
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20" fill="none"><path fill-rule="evenodd" clip-rule="evenodd" d="M2.63731 10.5958C2.34307 10.2525 2.34307 9.74595 2.63731 9.40266L7.63731 3.56933C7.96678 3.18495 8.54547 3.14044 8.92985 3.4699C9.31423 3.79938 9.35875 4.37807 9.02928 4.76245L5.32633 9.08256L16.6666 9.08256C17.1729 9.08256 17.5833 9.49296 17.5833 9.99922C17.5833 10.5055 17.1729 10.9159 16.6666 10.9159L5.32633 10.9159L9.02928 15.236C9.35875 15.6204 9.31423 16.1991 8.92985 16.5285C8.54547 16.858 7.96678 16.8135 7.63731 16.4291L2.63731 10.5958Z" fill="white"/></svg>');
  }

  .swiper-button-next:before {
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20" fill="none"><path fill-rule="evenodd" clip-rule="evenodd" d="M17.3627 9.40422C17.6569 9.7475 17.6569 10.2541 17.3627 10.5973L12.3627 16.4307C12.0332 16.8151 11.4545 16.8596 11.0701 16.5301C10.6858 16.2006 10.6413 15.6219 10.9707 15.2376L14.6737 10.9174L3.33338 10.9174C2.82712 10.9174 2.41671 10.507 2.41671 10.0008C2.41671 9.49452 2.82712 9.08411 3.33338 9.08411L14.6737 9.08411L10.9707 4.764C10.6413 4.37962 10.6858 3.80093 11.0701 3.47146C11.4545 3.14199 12.0332 3.18651 12.3627 3.57089L17.3627 9.40422Z" fill="white"/></svg>');
  }

  .modal-dialog {
    -webkit-box-align: baseline;
    -ms-flex-align: baseline;
    align-items: baseline;
  }

  .modal-content {
    min-width: unset;
    width: 100vw;
    padding: 0 0 20px 0;
    gap: 20px;
    -ms-flex-item-align: center;
    -ms-grid-row-align: center;
    align-self: center;
  }

  .modal-header {
    padding: 20px 20px 0 20px;
  }

  .modal-body {
    padding: 0 20px;
    gap: 20px;
  }

  .modal-footer {
    padding: 0 20px;
  }

  .modal-footer-subtext._margin_l {
    margin-top: 20px;
  }

  .modal-footer-text,
  .modal-footer-text a {
    font-size: 14px;
  }

  .modal-content-title {
    font-size: 20px;
    letter-spacing: 0.4px;
  }

  .modal-form {
    gap: 15px;
  }

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

  .modal-conteiner {
    gap: 20px;
  }

  .modal-title {
    font-size: 20px;
    letter-spacing: 0.4px;
  }

  .modal-footer-button {
    padding: 12px 20px;
  }

  .modal-footer-button .button__text {
    font-size: 16px;
    letter-spacing: 0.32px;
  }

  .modal-size .modal-content ol {
    padding: 0 20px;
  }

  .modal-size .modal-content ol li {
    font-size: 16px;
    line-height: 24px;
  }

  .modal-size p {
    font-size: 14px;
    line-height: 22px;
  }

  .slider__arrow {
    width: 32px;
    height: 32px;
  }

  .navigation__show-more button {
    font-size: 16px;
  }

  .s-hero__title-subtext {
    font-size: 28px;
    line-height: 32px;
  }

  .s-hero__decoration {
    display: none;
  }

  .s-site__content {
    padding: 20px 24px;
  }

  .s-site__content-title {
    font-size: 24px;
    line-height: 28px;
  }

  .s-site__items {
    gap: 16px;
  }

  .s-formats__consultation {
    gap: 0;
    margin-top: 28px;
  }

  .s-formats__consultation-hand-icon {
    position: absolute;
    width: 31px;
    height: 40px;
    z-index: 5;
  }

  .s-formats__consultation-hand-icon_left {
    left: 30px;
  }

  .s-formats__consultation-hand-icon_right {
    right: 30px;
  }

  .s-formats__consultation-button {
    width: 100%;
  }

  .s-skills__item-icon {
    width: 48px;
    height: 48px;
  }

  .s-skills__item-title {
    font-size: 20px;
    line-height: 24px;
    letter-spacing: 0.015em;
  }

  .s-skills__item-description {
    font-size: 14px;
    line-height: 18px;
  }

  .s-steps__item {
    gap: 16px;
  }

  .s-steps__item-number {
    font-size: 40px;
  }

  .s-steps__item-title,
  .s-steps__item-description {
    font-size: 16px;
    line-height: 24px;
  }

  .s-steps__image {
    width: 100%;
    height: auto;
  }

  .s-steps__button {
    width: 100%;
    max-width: 100%;
  }

  * .h2 {
    font-size: 28px;
    line-height: 32px;
  }

  * .text_l {
    font-size: 16px;
    line-height: 24px;
  }
}

@media only screen and (max-width: 450px) {
  .s-formats__subtitle {
    position: relative;
    margin: 48px 0 28px;
    text-align: left;
  }

  .s-formats__subtitle-icon {
    position: absolute;
    bottom: -4px;
  }

  .format-slide__top {
    padding: 24px;
    border-radius: 32px;
  }

  .format-slide__badge {
    font-size: 14px;
    line-height: 18px;
  }

  .format-slide__title {
    font-size: 20px;
    line-height: 24px;
    margin-bottom: 8px;
  }

  .format-slide__subtitle {
    font-size: 12px;
    line-height: 14px;
  }

  .format-slide__list {
    margin: 24px 0 36px;
    gap: 20px;
  }

  .format-slide__list-item {
    font-size: 16px;
    line-height: 24px;
    padding-left: 28px;
  }

  .format-slide__list-item::before {
    width: 20px;
    height: 20px;
    top: calc(50% - 10px);
  }

  .format-slide__price {
    font-size: 40px;
  }

  .format-slide__bottom {
    min-height: 100px;
    gap: 12px;
    border-radius: 32px;
  }

  .format-slide__pack-container {
    gap: 4px;
  }

  .format-slide__pack {
    font-size: 16px;
  }
}

@media only screen and (max-width: 360px) {
  .s-about__action {
    max-width: calc(100vw - 32px);
  }

  .s-about__image {
    right: 0;
    -o-object-position: right;
    object-position: right;
  }

  .s-about__hello-text {
    padding: 40px 15px 40px 25px;
    font-size: 14px;
    line-height: 26px;
  }

  .s-formats__choice-card {
    padding: 24px;
  }

  .s-formats__choice-card-text,
  .s-formats__choice-card-text > * {
    font-size: 14px;
    line-height: 18px;
  }
}

@media only screen and (min-width: 575px) and (max-width: 1368px) {
  .s-hero::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: linear-gradient(135deg, rgba(25, 56, 255, 0.05) 0%, rgba(18, 218, 54, 0.05) 100%);
    pointer-events: none;
    z-index: 0;
  }

  .s-hero__title-subtext {
    text-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
    -webkit-animation: fadeInUp 0.8s ease-out 0.3s both;
    animation: fadeInUp 0.8s ease-out 0.3s both;
  }

  .s-hero__title-text._color_blue,
  .s-hero__title-text._color_green {
    -webkit-filter: drop-shadow(0 4px 8px rgba(0, 0, 0, 0.3));
    filter: drop-shadow(0 4px 8px rgba(0, 0, 0, 0.3));
    -webkit-transition: -webkit-transform 0.3s ease;
    transition: -webkit-transform 0.3s ease;
    transition: transform 0.3s ease;
    transition: transform 0.3s ease, -webkit-transform 0.3s ease;
  }

  .s-hero__title-text._color_blue:hover,
  .s-hero__title-text._color_green:hover {
    -webkit-transform: translateY(-2px);
    -ms-transform: translateY(-2px);
    transform: translateY(-2px);
  }

  .s-hero__title-text._color_blue {
    background: linear-gradient(135deg, #1938FF 0%, rgb(76, 100.1260869565, 255) 100%);
  }

  .s-hero__title-text._color_green {
    background: linear-gradient(135deg, #12DA36 0%, rgb(49.0084745763, 237.9915254237, 83.0254237288) 100%);
  }

  .s-hero__center-action {
    -webkit-animation: fadeInUp 1s ease-out 0.8s both;
    animation: fadeInUp 1s ease-out 0.8s both;
  }

  .s-hero__center-action .button {
    -webkit-transition: -webkit-transform 0.3s ease, -webkit-filter 0.3s ease;
    transition: -webkit-transform 0.3s ease, -webkit-filter 0.3s ease;
    transition: transform 0.3s ease, filter 0.3s ease;
    transition: transform 0.3s ease, filter 0.3s ease, -webkit-transform 0.3s ease, -webkit-filter 0.3s ease;
  }

  .s-hero__center-action .button:hover {
    -webkit-transform: translateY(-3px);
    -ms-transform: translateY(-3px);
    transform: translateY(-3px);
    -webkit-filter: drop-shadow(0 8px 16px rgba(0, 0, 0, 0.3));
    filter: drop-shadow(0 8px 16px rgba(0, 0, 0, 0.3));
  }

  .s-hero__ad {
    background: rgba(255, 255, 255, 0.1);
    -webkit-animation: pulse 2s ease-in-out infinite;
    animation: pulse 2s ease-in-out infinite;
    font-weight: 600;
  }

  .s-hero__decoration-circle {
    -webkit-animation: float 6s ease-in-out infinite;
    animation: float 6s ease-in-out infinite;
  }

  .s-hero__decoration-circle._circle-1 {
    width: 60px;
    height: 60px;
  }

  .s-hero__decoration-circle._circle-2 {
    width: 90px;
    height: 90px;
  }

  .s-hero__decoration-circle._circle-3 {
    width: 45px;
    height: 45px;
  }

  .s-hero__decoration-square {
    -webkit-animation: floatReverse 8s ease-in-out infinite;
    animation: floatReverse 8s ease-in-out infinite;
  }

  .s-hero__decoration-square._square-1 {
    width: 40px;
    height: 40px;
  }

  .s-hero__decoration-square._square-2 {
    width: 55px;
    height: 55px;
  }

  .s-hero__decoration-diamond {
    -webkit-animation: rotate 15s linear infinite;
    animation: rotate 15s linear infinite;
  }

  .s-hero__decoration-diamond._diamond-1 {
    width: 32px;
    height: 32px;
  }

  .s-hero__decoration-diamond._diamond-2 {
    width: 28px;
    height: 28px;
  }

  .s-hero__content {
    position: relative;
    z-index: 2;
  }

  .s-hero__topic {
    position: relative;
    z-index: 2;
  }
}