@charset "UTF-8";
:root {
  --font-family: "Inter";
  --black: #343330;
  --primary: #2e2ee5;
  --primary-hover: #2e53e5;
  --darkgray: #9e9e9e;
  --gray: #d9d9d9;
  --green: #00b67a;
  --green-hover: #0b9d6d;
}

* {
  margin: 0;
  padding: 0;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

ul {
  list-style: none;
}

a {
  text-decoration: none;
}

button {
  background: transparent;
  border: none;
  outline: none;
  cursor: pointer;
}

a, textarea, input, button {
  -webkit-transition: ease-in 300ms;
  -o-transition: ease-in 300ms;
  transition: ease-in 300ms;
  font-family: inherit;
}

textarea, input {
  outline: none;
}

html {
  scroll-behavior: smooth;
  font-family: "Inter";
}

body {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  min-height: 100vh;
  font-family: var(--font-family);
  background: #f6f6f8;
}

body.no-scroll {
  overflow: hidden;
}

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

.section {
  padding-left: 16px;
  padding-right: 16px;
}

.section-inner {
  width: 100%;
  max-width: 1440px;
  margin: 0 auto;
}

.index-section {
  padding-top: 32px;
  padding-bottom: 64px;
}
@media (min-width: 1024px) {
  .index-section {
    padding-top: calc(32px + (1vw - 10.24px) * 4.8611111111);
  }
}
@media (min-width: 1600px) {
  .index-section {
    padding-top: 60px;
  }
}
@media (min-width: 1024px) {
  .index-section {
    padding-bottom: calc(64px + (1vw - 10.24px) * 9.7222222222);
  }
}
@media (min-width: 1600px) {
  .index-section {
    padding-bottom: 120px;
  }
}

.s-c-block {
  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;
}
@media (min-width: 1024px) {
  .s-c-block {
    row-gap: calc(32px + (1vw - 10.24px) * 8.3333333333);
  }
}
@media (min-width: 1600px) {
  .s-c-block {
    row-gap: 80px;
  }
}

.s-c-item {
  -webkit-box-shadow: 4px 4px 30px 0 rgba(0, 0, 0, 0.25);
          box-shadow: 4px 4px 30px 0 rgba(0, 0, 0, 0.25);
  background: -webkit-gradient(linear, left bottom, left top, from(#e5f4ff), color-stop(33%, #f6e7f9), color-stop(66%, #fef8f3), to(#fcfbf9));
  background: -o-linear-gradient(bottom, #e5f4ff 0%, #f6e7f9 33%, #fef8f3 66%, #fcfbf9 100%);
  background: linear-gradient(0deg, #e5f4ff 0%, #f6e7f9 33%, #fef8f3 66%, #fcfbf9 100%);
  padding: 16px 24px;
  border-radius: 20px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 20px;
  -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;
}
@media (min-width: 480px) {
  .s-c-item {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
  }
}
@media (min-width: 680px) {
  .s-c-item {
    gap: 40px;
    padding: 20px 40px;
  }
}

.s-c-item__num {
  width: 62px;
  height: 62px;
  background: -webkit-gradient(linear, left top, right top, color-stop(8.99%, #990AFF), color-stop(60.4%, #D21EB4), to(#FFC400));
  background: -o-linear-gradient(left, #990AFF 8.99%, #D21EB4 60.4%, #FFC400 100%);
  background: linear-gradient(to right, #990AFF 8.99%, #D21EB4 60.4%, #FFC400 100%);
  border-radius: 50%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
@media (min-width: 1024px) {
  .s-c-item__num {
    width: 124px;
    height: 124px;
  }
}

.s-c-item__num--inner {
  width: calc(100% - 4px);
  height: calc(100% - 4px);
  background-color: #fff;
  border-radius: 50%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-weight: 300;
  font-size: 36px;
}
@media (min-width: 1024px) {
  .s-c-item__num--inner {
    width: calc(100% - 10px);
    height: calc(100% - 10px);
    font-size: 72px;
  }
}

.s-c-item__text-block {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 12px;
  text-align: center;
  -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;
}
@media (min-width: 480px) {
  .s-c-item__text-block {
    text-align: left;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
  }
}

.s-c-item__text-content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 16px;
}
@media (min-width: 1024px) {
  .s-c-item__text-content {
    gap: 40px;
  }
}

.s-c-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: 20px;
}
@media (min-width: 1024px) {
  .s-c-list {
    gap: 45px;
  }
}

.s-c-item__img {
  -ms-flex-negative: 0;
      flex-shrink: 0;
  height: auto;
}

.s-c-item__img.img-2 {
  width: 50%;
}
@media (min-width: 480px) {
  .s-c-item__img.img-2 {
    width: 32.5%;
  }
}

.s-c-item__img.img-1 {
  width: 50%;
}
@media (min-width: 480px) {
  .s-c-item__img.img-1 {
    width: 28%;
  }
}

.s-icon {
  width: 32px;
  height: 32px;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
@media (min-width: 1024px) {
  .s-icon {
    width: 40px;
    height: 40px;
  }
}
.s-icon img {
  max-width: 100%;
  height: auto;
}

.gradient-btn {
  background: -o-linear-gradient(234deg, #fbb511 0%, #d730a1 100%);
  background: linear-gradient(216deg, #fbb511 0%, #d730a1 100%);
}
.gradient-btn:hover {
  -webkit-filter: hue-rotate(20deg);
          filter: hue-rotate(20deg);
}

html.stop-scroll {
  scroll-behavior: unset;
}

.header {
  position: -webkit-sticky;
  position: sticky;
  z-index: 900;
  background-color: #f6f6f8;
  top: 0;
  width: 100%;
  padding: 16px;
  -webkit-transition: ease-in 300ms;
  -o-transition: ease-in 300ms;
  transition: ease-in 300ms;
  border-bottom: 1px solid transparent;
}
@media (min-width: 1024px) {
  .header {
    padding: 40px 32px;
  }
}

.header.scrolled {
  border-bottom: 1px solid var(--darkgray);
}
@media (min-width: 1024px) {
  .header.scrolled {
    padding: 16px 32px 16px;
  }
  .header.scrolled .header-logo img {
    width: 120px;
  }
}

@media (min-width: 1024px) {
  .header.cabinet-header.scrolled .header-logo img {
    width: 72px;
  }
}

.header-inner {
  width: 100%;
  max-width: 1440px;
  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;
  margin: 0 auto;
}

.header__nav {
  display: none;
}
@media (min-width: 1024px) {
  .header__nav {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    gap: 80px;
  }
}

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

.header__nav-link {
  font-weight: 300;
  font-size: 20px;
  line-height: 125%;
  color: var(--black);
  display: inline-block;
  position: relative;
}
.header__nav-link::before {
  content: "";
  position: absolute;
  left: 50%;
  width: 100%;
  height: 2px;
  bottom: 0px;
  background-color: currentColor;
  -webkit-transform: translate(-50%, 1px);
      -ms-transform: translate(-50%, 1px);
          transform: translate(-50%, 1px);
  opacity: 0;
  -webkit-transition: ease-in 300ms;
  -o-transition: ease-in 300ms;
  transition: ease-in 300ms;
}
.header__nav-link:hover::before {
  opacity: 1;
}

.header__nav-link.active {
  font-weight: 600;
  line-height: 100%;
}

.header__sing-up {
  font-weight: 600;
  font-size: 20px;
  line-height: 100%;
  color: #ffffff;
  border-radius: 5px;
  padding: 10px 20px;
  background: var(--primary);
  display: inline-block;
}
.header__sing-up:hover {
  background-color: #1414ca;
}

.header-logo img {
  width: 48px;
  -webkit-transition: ease-in 300ms;
  -o-transition: ease-in 300ms;
  transition: ease-in 300ms;
  height: auto;
}
@media (min-width: 1024px) {
  .header-logo img {
    width: 289px;
  }
}

@media (min-width: 1024px) {
  .header.cabinet-header .header-logo img {
    width: 96px;
  }
}

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

.header-btn {
  padding: 8px 10px;
  border-radius: 10px;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.header-btn:hover {
  background-color: #e9e9e9;
  text-decoration: none !important;
}
.header-btn:hover::before {
  display: none;
}

.header-btn.active {
  background: #e9e9e9;
}

.header-btn.gradient {
  font-weight: 300;
  font-size: 20px;
  line-height: 100%;
  color: #fff;
  gap: 15px;
  background: -o-linear-gradient(225deg, #4d98ff 0%, #524aff 29.4%, #9c0bfc 54.4%, #cc1cbd 82.5%, #f49a2f 100%);
  background: linear-gradient(225deg, #4d98ff 0%, #524aff 29.4%, #9c0bfc 54.4%, #cc1cbd 82.5%, #f49a2f 100%);
}
.header-btn.gradient:hover {
  -webkit-filter: hue-rotate(10deg);
          filter: hue-rotate(10deg);
}

.header__btns {
  display: none;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 40px;
}
@media (min-width: 768px) {
  .header__btns {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
}

.header-btn__icons-wrap {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 0;
}

.mobile-nav {
  position: fixed;
  left: 0;
  bottom: 0;
  width: 100%;
  z-index: 900;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: 12px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 16px;
  background: -webkit-gradient(linear, left bottom, left top, color-stop(0, #e5f4ff), color-stop(33%, #f6e7f9), color-stop(66%, #fef8f3), to(#fcfbf9));
  background: -o-linear-gradient(bottom, #e5f4ff 0, #f6e7f9 33%, #fef8f3 66%, #fcfbf9 100%);
  background: linear-gradient(0deg, #e5f4ff 0, #f6e7f9 33%, #fef8f3 66%, #fcfbf9 100%);
}
@media (min-width: 390px) {
  .mobile-nav {
    gap: 16px;
  }
}
@media (min-width: 768px) {
  .mobile-nav {
    display: none;
  }
}

.footer {
  background-color: #F3EDF9;
  padding: 16px 16px 32px;
}
@media (min-width: 1024px) {
  .footer {
    padding: 40px 32px 50px;
  }
}

.footer-inner {
  width: 100%;
  max-width: 1440px;
  margin: 0 auto;
  display: grid;
  grid-template-columns: 1fr;
  grid-gap: 32px 24px;
}
@media (min-width: 540px) {
  .footer-inner {
    grid-template-columns: 1fr 1fr;
  }
}
@media (min-width: 768px) {
  .footer-inner {
    grid-template-columns: 1fr 1fr 1fr;
  }
}
@media (min-width: 1024px) {
  .footer-inner {
    grid-template-columns: 4fr 2fr 2fr 2fr;
  }
}

@media (min-width: 540px) {
  .f-col-1 {
    grid-column: 1/-1;
  }
}
@media (min-width: 1024px) {
  .f-col-1 {
    grid-column: unset;
  }
}

.f-col-1__inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 16px;
}
@media (min-width: 1024px) {
  .f-col-1__inner {
    max-width: 80%;
    gap: 40px;
  }
}

.footer__logo {
  width: 120px;
}
.footer__logo img {
  max-width: 100%;
  height: auto;
}

.footer__soclinks {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 16px;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
@media (min-width: 1024px) {
  .footer__soclinks {
    gap: 25px;
  }
}
.footer__soclinks a {
  width: 32px;
  height: 32px;
}
@media (min-width: 1024px) {
  .footer__soclinks a {
    width: 40px;
    height: 40px;
  }
}
.footer__soclinks a img {
  max-width: 100%;
  height: auto;
  -webkit-transition: ease-in 300ms;
  -o-transition: ease-in 300ms;
  transition: ease-in 300ms;
}
.footer__soclinks a:hover img {
  -webkit-filter: hue-rotate(30deg);
          filter: hue-rotate(30deg);
}

.f-nav-col__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: 16px;
  text-align: center;
}
@media (min-width: 540px) {
  .f-nav-col__list {
    text-align: left;
  }
}
@media (min-width: 1024px) {
  .f-nav-col__list {
    padding-right: 24px;
    gap: 30px;
  }
}

.mob-menu {
  position: fixed;
  width: 100vw;
  z-index: 1000;
  background-color: #f6f6f8;
  width: 100%;
  height: 100vh;
  max-height: 100vh;
  overflow-y: auto;
  -webkit-transition: ease-in 400ms;
  -o-transition: ease-in 400ms;
  transition: ease-in 400ms;
  -webkit-transform: translate(0, -120%);
      -ms-transform: translate(0, -120%);
          transform: translate(0, -120%);
}
@media (min-width: 1024px) {
  .mob-menu {
    display: none;
  }
}

.mob-menu.active {
  -webkit-transform: translate(0, 0%);
      -ms-transform: translate(0, 0%);
          transform: translate(0, 0%);
}

.mob-menu__inner {
  padding: 32px 16px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 48px;
  min-height: 100vh;
}

.mob-menu__logo img {
  width: 200px;
  height: auto;
}

.mob-menu__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;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 16px;
}

.mob-menu__nav-link {
  font-weight: 300;
  font-size: 20px;
  line-height: 125%;
  color: var(--black);
}

.mob-menu__nav-link.active {
  font-weight: 600;
}

.mob-menu__close {
  width: 24px;
  height: 24px;
  position: absolute;
  right: 8px;
  top: 8px;
}
.mob-menu__close span {
  width: 100%;
  height: 2px;
  background-color: var(--black);
  position: absolute;
  left: 50%;
  top: 50%;
}
.mob-menu__close span:first-of-type {
  -webkit-transform: translate(-50%, -50%) rotate(-45deg);
      -ms-transform: translate(-50%, -50%) rotate(-45deg);
          transform: translate(-50%, -50%) rotate(-45deg);
}
.mob-menu__close span:last-of-type {
  -webkit-transform: translate(-50%, -50%) rotate(45deg);
      -ms-transform: translate(-50%, -50%) rotate(45deg);
          transform: translate(-50%, -50%) rotate(45deg);
}

.hamburger {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  width: 24px;
  height: 16px;
}
@media (min-width: 1024px) {
  .hamburger {
    display: none;
  }
}
.hamburger span {
  width: 100%;
  height: 2px;
  background-color: var(--black);
}

.s-hero-section {
  position: relative;
  padding-top: 32px;
  padding-bottom: 64px;
}
@media (min-width: 1024px) {
  .s-hero-section {
    padding-top: calc(32px + (1vw - 10.24px) * 4.8611111111);
  }
}
@media (min-width: 1600px) {
  .s-hero-section {
    padding-top: 60px;
  }
}
@media (min-width: 1024px) {
  .s-hero-section {
    padding-bottom: calc(64px + (1vw - 10.24px) * 9.7222222222);
  }
}
@media (min-width: 1600px) {
  .s-hero-section {
    padding-bottom: 120px;
  }
}
.s-hero-section .section-inner {
  max-width: 1148px;
  position: relative;
  z-index: 2;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 40px;
}
@media (min-width: 1024px) {
  .s-hero-section .section-inner {
    row-gap: calc(40px + (1vw - 10.24px) * 4.8611111111);
  }
}
@media (min-width: 1600px) {
  .s-hero-section .section-inner {
    row-gap: 68px;
  }
}

.s-hero-section__title-block {
  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;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
@media (min-width: 1024px) {
  .s-hero-section__title-block {
    row-gap: calc(24px + (1vw - 10.24px) * 5.2083333333);
  }
}
@media (min-width: 1600px) {
  .s-hero-section__title-block {
    row-gap: 54px;
  }
}

.hero-title {
  font-style: italic;
  font-weight: 300;
  font-size: 36px;
  line-height: 100%;
  text-align: center;
  color: var(--black);
}
.hero-title b {
  font-weight: 600;
  font-style: normal;
}
@media (min-width: 390px) {
  .hero-title {
    font-size: calc(36px + (1vw - 3.9px) * 7.6033057851);
  }
}
@media (min-width: 1600px) {
  .hero-title {
    font-size: 128px;
  }
}

.s-hero-section__platofrms-block {
  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-hero-section__platofrms-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: 20px;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

.s-hero-section__platofrms-icon {
  width: 32px;
  height: 32px;
}
@media (min-width: 1024px) {
  .s-hero-section__platofrms-icon {
    width: 40px;
    height: 40px;
  }
}
.s-hero-section__platofrms-icon img {
  max-width: 100%;
  height: auto;
}

.s-hero-section__decoration-1 {
  position: absolute;
  left: 0;
  top: 0%;
  -webkit-transform: translate(0, 0%);
      -ms-transform: translate(0, 0%);
          transform: translate(0, 0%);
  width: 22.65625vw;
  opacity: 0.7;
  min-width: 200px;
  max-width: 820px;
  height: auto;
}
@media (min-width: 1024px) {
  .s-hero-section__decoration-1 {
    opacity: 1;
    top: 59%;
    -webkit-transform: translate(0, -50%);
        -ms-transform: translate(0, -50%);
            transform: translate(0, -50%);
  }
}
@media (min-width: 1800px) {
  .s-hero-section__decoration-1 {
    width: 42.65625vw;
  }
}

.s-hero-section__decoration-2 {
  position: absolute;
  right: 0;
  top: 50%;
  width: 17vw;
  opacity: 0.7;
  min-width: 200px;
  max-width: 532px;
  height: auto;
}
@media (min-width: 1024px) {
  .s-hero-section__decoration-2 {
    opacity: 1;
    top: 37%;
    -webkit-transform: translate(0, -50%);
        -ms-transform: translate(0, -50%);
            transform: translate(0, -50%);
  }
}
@media (min-width: 1800px) {
  .s-hero-section__decoration-2 {
    width: 27.708333333vw;
  }
}

.text {
  font-weight: 300;
  font-size: 16px;
  line-height: 125%;
}
@media (min-width: 1024px) {
  .text {
    font-size: 20px;
  }
}

.text-lg {
  font-weight: 300;
  font-size: 18px;
  line-height: 114%;
}
@media (min-width: 768px) {
  .text-lg {
    font-size: 20px;
  }
}
@media (min-width: 1024px) {
  .text-lg {
    font-size: calc(20px + (1vw - 10.24px) * 2.6041666667);
  }
}
@media (min-width: 1600px) {
  .text-lg {
    font-size: 35px;
  }
}

@font-face {
  font-family: "password";
  src: local("Inter");
  unicode-range: U+002A-002A;
}
.title {
  font-size: 24px;
  font-weight: 600;
  line-height: 100%;
  color: var(--black);
}
@media (min-width: 768px) {
  .title {
    font-size: 28px;
  }
}
@media (min-width: 1024px) {
  .title {
    font-size: calc(28px + (1vw - 10.24px) * 4.6875);
  }
}
@media (min-width: 1600px) {
  .title {
    font-size: 55px;
  }
}

.text-gradient {
  background: -o-linear-gradient(56deg, #990aff 0.9%, #d21eb4 60.4%, #ffc400 100%);
  background: linear-gradient(34deg, #990aff 0.9%, #d21eb4 60.4%, #ffc400 100%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

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

.text-left {
  text-align: left;
}

.text-right {
  text-align: right;
}

.text-darkgray {
  color: var(--darkgray);
}

.text-black {
  color: var(--black);
}

.text-white {
  color: #fff;
}

.link {
  font-size: 16px;
  line-height: 100%;
}
@media (min-width: 1024px) {
  .link {
    font-size: 20px;
  }
}

.link.link-darkgray {
  color: var(--darkgray);
}
.link.link-darkgray:hover {
  color: var(--black);
}

.link.link-primary {
  color: var(--primary);
}
.link.link-primary:hover {
  color: #2e53e5;
}

.text-uppercase {
  text-transform: uppercase;
}

.text-lowercase {
  text-transform: lowercase;
}

.text-decoration-underline {
  -webkit-text-decoration-skip-ink: none;
          text-decoration-skip-ink: none;
  text-decoration: underline;
}

.line-heigth-100 {
  line-height: 1;
}

.fw-400 {
  font-weight: 400;
}

.fw-600 {
  font-weight: 600;
}

.fw-300 {
  font-weight: 300;
}

.fw-800 {
  font-weight: 800;
}

.fs-italic {
  font-style: italic;
}

.subscribe-form {
  max-width: 856px;
  width: 100%;
  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: 0 auto;
}
@media (min-width: 1024px) {
  .subscribe-form {
    gap: 40px;
  }
}

.subsribe-form__inputs-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 12px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
@media (min-width: 480px) {
  .subsribe-form__inputs-container {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    gap: 20px;
  }
}

.subsribe-form__input-wrap {
  background: -o-linear-gradient(225deg, #4d98ff 0%, #524aff 29.4%, #9c0bfc 54.4%, #cc1cbd 82.5%, #f49a2f 100%);
  background: linear-gradient(225deg, #4d98ff 0%, #524aff 29.4%, #9c0bfc 54.4%, #cc1cbd 82.5%, #f49a2f 100%);
  border: var(--borderWidth) solid transparent;
  border-radius: 5px;
  background-clip: padding-box;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  padding: 1px;
}

.subsribe-form__input {
  width: 100%;
  border-radius: 5px;
  padding: 18px 20px;
  color: var(--black);
  border: none;
  border-radius: 4px;
  font-weight: 300;
  line-height: 114%;
  background-color: #fff;
  font-size: 18px;
}
@media (min-width: 768px) {
  .subsribe-form__input {
    font-size: 20px;
  }
}
@media (min-width: 1024px) {
  .subsribe-form__input {
    font-size: calc(20px + (1vw - 10.24px) * 2.6041666667);
  }
}
@media (min-width: 1600px) {
  .subsribe-form__input {
    font-size: 35px;
  }
}
.subsribe-form__input::-webkit-input-placeholder {
  color: var(--darkgray);
  opacity: 1;
}
.subsribe-form__input::-moz-placeholder {
  color: var(--darkgray);
  opacity: 1;
}
.subsribe-form__input:-ms-input-placeholder {
  color: var(--darkgray);
  opacity: 1;
}
.subsribe-form__input::-ms-input-placeholder {
  color: var(--darkgray);
  opacity: 1;
}
.subsribe-form__input::placeholder {
  color: var(--darkgray);
  opacity: 1;
}

.subscribe-form__submit {
  border-radius: 5px;
  padding: 18px 40px;
  background: -o-linear-gradient(225deg, #4d98ff 0%, #524aff 29.4%, #9c0bfc 54.4%, #cc1cbd 82.5%, #f49a2f 100%);
  background: linear-gradient(225deg, #4d98ff 0%, #524aff 29.4%, #9c0bfc 54.4%, #cc1cbd 82.5%, #f49a2f 100%);
  font-family: var(--font-family);
  font-weight: 600;
  font-size: 35px;
  line-height: 114%;
  text-align: center;
  color: #fff;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  font-size: 18px;
}
@media (min-width: 768px) {
  .subscribe-form__submit {
    font-size: 20px;
  }
}
@media (min-width: 1024px) {
  .subscribe-form__submit {
    font-size: calc(20px + (1vw - 10.24px) * 2.6041666667);
  }
}
@media (min-width: 1600px) {
  .subscribe-form__submit {
    font-size: 35px;
  }
}
.subscribe-form__submit:hover {
  -webkit-filter: hue-rotate(20deg);
          filter: hue-rotate(20deg);
}

.inx-slider-section {
  padding: 0px 0 32px;
  max-width: 100%;
  overflow: hidden;
}
@media (min-width: 680px) {
  .inx-slider-section {
    padding: 0px 16px 32px;
  }
}
@media (min-width: 1024px) {
  .inx-slider-section {
    padding: 32px 32px 64px;
  }
}

.swiper.slider-inx {
  padding: 32px 30px;
  overflow: visible;
}
@media (min-width: 1024px) {
  .swiper.slider-inx {
    padding: 60px 30px;
  }
}
.swiper.slider-inx .swiper-slide {
  opacity: 0;
}
.swiper.slider-inx .swiper-slide img {
  max-width: 100%;
  height: auto;
  width: 100%;
  -webkit-filter: drop-shadow(4px 4px 15px rgba(0, 0, 0, 0.25));
          filter: drop-shadow(4px 4px 15px rgba(0, 0, 0, 0.25));
}
@media (min-width: 1024px) {
  .swiper.slider-inx .swiper-slide img {
    -webkit-filter: drop-shadow(4px 4px 30px rgba(0, 0, 0, 0.25));
            filter: drop-shadow(4px 4px 30px rgba(0, 0, 0, 0.25));
  }
}
.swiper.slider-inx .swiper-slide.swiper-slide-visible {
  opacity: 1;
}
.swiper.slider-inx .swiper-pagination {
  margin-top: 40px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: 10px;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  position: static;
}
.swiper.slider-inx .swiper-pagination-bullet {
  margin: 0;
  width: 16px;
  height: 16px;
}
@media (min-width: 1024px) {
  .swiper.slider-inx .swiper-pagination-bullet {
    width: 32px;
    height: 32px;
  }
}
.swiper.slider-inx .swiper-pagination-bullet.swiper-pagination-bullet-active {
  background: -o-linear-gradient(56deg, #990aff 0.9%, #d21eb4 60.4%, #ffc400 100%);
  background: linear-gradient(34deg, #990aff 0.9%, #d21eb4 60.4%, #ffc400 100%);
}

/*.swiper-slide.swiper-slide-visible.swiper-slide-prev{
    transform: translate3d(0px, 0px, -300px) rotateX(0deg) rotateY(0deg) scale(1) !important;
}
.swiper-slide.swiper-slide-visible.swiper-slide-next{
    transform: translate3d(0px, 0px, -300px) rotateX(0deg) rotateY(0deg) scale(1) !important;
}*/
.s-confederacy {
  background: -webkit-gradient(linear, left bottom, left top, from(#e5f4ff), color-stop(33%, #f6e7f9), color-stop(66%, #fef8f3), to(#fcfbf9));
  background: -o-linear-gradient(bottom, #e5f4ff 0%, #f6e7f9 33%, #fef8f3 66%, #fcfbf9 100%);
  background: linear-gradient(0deg, #e5f4ff 0%, #f6e7f9 33%, #fef8f3 66%, #fcfbf9 100%);
  max-width: 100%;
  overflow: hidden;
}
@media (min-width: 1024px) {
  .s-confederacy {
    padding-top: calc(32px + (1vw - 10.24px) * 13.8888888889);
  }
}
@media (min-width: 1600px) {
  .s-confederacy {
    padding-top: 112px;
  }
}

.confederacy {
  display: grid;
  grid-template-columns: 1fr;
  grid-gap: 20px;
}
@media (min-width: 768px) {
  .confederacy {
    grid-template-columns: 6fr 4fr;
  }
}

.confederacy__img-block {
  position: relative;
  z-index: 1;
  display: none;
}
@media (min-width: 768px) {
  .confederacy__img-block {
    display: block;
  }
}

.confederacy__img-block--lock {
  position: absolute;
  z-index: 2;
  left: 0;
  top: 0;
  -webkit-transform: translate(-6%, -6%);
      -ms-transform: translate(-6%, -6%);
          transform: translate(-6%, -6%);
  width: 125%;
}

.confederacy__img-block--dekor {
  position: absolute;
  z-index: 1;
  width: 140%;
  height: auto;
  left: 0;
}

.confederacy__text-block {
  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;
  position: relative;
  z-index: 5;
}
@media (min-width: 1024px) {
  .confederacy__text-block {
    row-gap: calc(24px + (1vw - 10.24px) * 6.25);
  }
}
@media (min-width: 1600px) {
  .confederacy__text-block {
    row-gap: 60px;
  }
}
.confederacy__text-block .title {
  margin-bottom: 30px;
}

.conf-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: 16px;
}
@media (min-width: 1024px) {
  .conf-list {
    gap: 40px;
  }
}

.conf-list__item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 20px;
}

.inx-big-register-bnt {
  -webkit-box-shadow: 4px 4px 30px 0 rgba(0, 0, 0, 0.25);
          box-shadow: 4px 4px 30px 0 rgba(0, 0, 0, 0.25);
  background: -webkit-gradient(linear, left top, right top, from(#f6b5ff), to(#b3d9ff));
  background: -o-linear-gradient(left, #f6b5ff 0%, #b3d9ff 100%);
  background: linear-gradient(90deg, #f6b5ff 0%, #b3d9ff 100%);
  border-radius: 10px;
  padding: 17px;
  line-height: 100%;
  text-transform: uppercase;
  text-align: center;
  color: #fff;
  font-weight: 600;
  font-size: 24px;
  margin-top: 32px;
}
@media (min-width: 768px) {
  .inx-big-register-bnt {
    font-size: 28px;
  }
}
@media (min-width: 1024px) {
  .inx-big-register-bnt {
    margin-top: 0px;
  }
}
.inx-big-register-bnt:hover {
  -webkit-filter: hue-rotate(20deg);
          filter: hue-rotate(20deg);
}
@media (min-width: 1024px) {
  .inx-big-register-bnt {
    font-size: calc(28px + (1vw - 10.24px) * 4.6875);
  }
}
@media (min-width: 1600px) {
  .inx-big-register-bnt {
    font-size: 55px;
  }
}

.s-inx-grid {
  padding-top: 64px;
  padding-bottom: 64px;
  max-width: 100%;
  overflow-x: hidden;
}
@media (min-width: 1024px) {
  .s-inx-grid {
    padding-top: calc(64px + (1vw - 10.24px) * 20.1388888889);
  }
}
@media (min-width: 1600px) {
  .s-inx-grid {
    padding-top: 180px;
  }
}
@media (min-width: 1024px) {
  .s-inx-grid {
    padding-bottom: calc(64px + (1vw - 10.24px) * 9.7222222222);
  }
}
@media (min-width: 1600px) {
  .s-inx-grid {
    padding-bottom: 120px;
  }
}

.inx-grid {
  display: grid;
  grid-gap: 20px;
  grid-template-columns: repeat(1, 1fr);
}
@media (min-width: 640px) {
  .inx-grid {
    grid-template-columns: repeat(3, 1fr);
    grid-template-rows: auto auto auto;
  }
}
@media (min-width: 1024px) {
  .inx-grid {
    grid-template-columns: repeat(10, 1fr);
    grid-template-rows: 1fr 1fr 1fr;
  }
}

.inx-grid__item {
  -webkit-box-shadow: 4px 4px 30px 0 rgba(0, 0, 0, 0.25);
          box-shadow: 4px 4px 30px 0 rgba(0, 0, 0, 0.25);
  background: #fff;
  border-radius: 15px;
  padding: 20px;
  position: relative;
  min-height: 240px;
}
@media (min-width: 640px) {
  .inx-grid__item {
    min-height: initial;
  }
}
@media (min-width: 1024px) {
  .inx-grid__item {
    padding: 40px;
  }
}

.inx-grid__item.item-1 {
  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;
}
@media (min-width: 1024px) {
  .inx-grid__item.item-1 {
    grid-column: span 3;
  }
}
.inx-grid__item.item-1 .text-lg {
  margin-bottom: 20px;
}

.igi-item-1-round {
  border-radius: 50%;
  width: 100px;
  height: 100px;
  background: -o-linear-gradient(225deg, #4d98ff 0%, #524aff 29.4%, #9c0bfc 54.4%, #cc1cbd 82.5%, #f49a2f 100%);
  background: linear-gradient(225deg, #4d98ff 0%, #524aff 29.4%, #9c0bfc 54.4%, #cc1cbd 82.5%, #f49a2f 100%);
  position: relative;
}
.igi-item-1-round img {
  position: absolute;
  width: 100%;
  height: auto;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(0, -50%);
      -ms-transform: translate(0, -50%);
          transform: translate(0, -50%);
}

.inx-grid__item.item-2 {
  background: #fff url(../img/index/grid-item-2.png);
  background-repeat: no-repeat;
  background-position-x: 50%;
  background-position-y: 80%;
  background-size: 30%;
  background-size: 30%;
}
@media (min-width: 640px) {
  .inx-grid__item.item-2 {
    grid-column: span 2;
  }
}
@media (min-width: 1024px) {
  .inx-grid__item.item-2 {
    grid-column: span 4;
  }
}
@media (min-width: 768px) {
  .inx-grid__item.item-2 {
    background-position-x: right;
    background-position-y: 15px;
    -ms-flex-line-pack: center;
        align-content: center;
  }
}

.inx-grid__item.item-3 {
  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;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}
@media (min-width: 1024px) {
  .inx-grid__item.item-3 {
    grid-column: span 3;
  }
}
.inx-grid__item.item-3 .gradient-btn {
  margin-top: auto;
  font-weight: 600;
  line-height: 100%;
  text-transform: uppercase;
  color: #fff;
  -webkit-box-shadow: 4px 4px 30px 0 rgba(0, 0, 0, 0.25);
          box-shadow: 4px 4px 30px 0 rgba(0, 0, 0, 0.25);
  border-radius: 10px;
  padding: 20px;
  font-size: 18px;
}
@media (min-width: 768px) {
  .inx-grid__item.item-3 .gradient-btn {
    font-size: 20px;
  }
}
@media (min-width: 1024px) {
  .inx-grid__item.item-3 .gradient-btn {
    font-size: calc(20px + (1vw - 10.24px) * 2.6041666667);
  }
}
@media (min-width: 1600px) {
  .inx-grid__item.item-3 .gradient-btn {
    font-size: 35px;
  }
}

.inx-grid__item.item-4 {
  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;
  padding-bottom: 20px;
}
@media (min-width: 640px) {
  .inx-grid__item.item-4 {
    grid-column: span 2;
  }
}
@media (min-width: 1024px) {
  .inx-grid__item.item-4 {
    grid-column: span 4;
    grid-row: span 2;
  }
}
.inx-grid__item.item-4 img {
  width: 100%;
  height: auto;
  margin-top: auto;
}

.inx-grid__item.item-5 {
  -ms-flex-line-pack: center;
      align-content: center;
  position: relative;
}
@media (min-width: 640px) {
  .inx-grid__item.item-5 {
    grid-column: 2/4;
    grid-row: 2/3;
  }
}
@media (min-width: 1024px) {
  .inx-grid__item.item-5 {
    grid-column: span 6;
    grid-row: unset;
  }
}
.inx-grid__item.item-5 img {
  display: none;
  position: absolute;
  right: 0;
  bottom: 0;
  -webkit-transform: translate(40%, 15%) rotate(-30deg);
      -ms-transform: translate(40%, 15%) rotate(-30deg);
          transform: translate(40%, 15%) rotate(-30deg);
}
@media (min-width: 640px) {
  .inx-grid__item.item-5 img {
    display: initial;
  }
}

.inx-grid__item.item-6 {
  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: 16px;
}
@media (min-width: 1024px) {
  .inx-grid__item.item-6 {
    grid-column: span 3;
  }
}
.inx-grid__item.item-6 img {
  max-width: 200px;
}
@media (min-width: 640px) {
  .inx-grid__item.item-6 img {
    max-width: 100%;
    margin-bottom: -40%;
  }
}

.inx-grid__item.item-7 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 16px;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}
@media (min-width: 640px) {
  .inx-grid__item.item-7 {
    grid-column: 1/-1;
  }
}
@media (min-width: 1024px) {
  .inx-grid__item.item-7 {
    grid-column: span 3;
  }
}
.inx-grid__item.item-7 .stars {
  max-width: 100%;
}
.inx-grid__item.item-7 .photo {
  position: absolute;
  right: 0;
  top: 0;
  max-width: 120px;
  display: none;
}
@media (min-width: 1024px) {
  .inx-grid__item.item-7 .photo {
    display: initial;
  }
}
@media (min-width: 1500px) {
  .inx-grid__item.item-7 .photo {
    -webkit-transform: translate(30%, -25%);
        -ms-transform: translate(30%, -25%);
            transform: translate(30%, -25%);
    max-width: 161px;
  }
}

@media (min-width: 1024px) {
  .s-inx-bottom-form {
    padding-bottom: calc(64px + (1vw - 10.24px) * 18.4027777778);
  }
}
@media (min-width: 1600px) {
  .s-inx-bottom-form {
    padding-bottom: 170px;
  }
}
.s-inx-bottom-form .section-inner {
  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 (min-width: 768px) {
  .s-inx-bottom-form .section-inner {
    gap: 32px;
  }
}
@media (min-width: 1024px) {
  .s-inx-bottom-form .section-inner {
    gap: 60px;
  }
}

.s-sing-up {
  min-height: 100vh;
  position: relative;
  overflow: hidden;
  padding-top: 0;
  padding-bottom: 0;
}
.s-sing-up .section-inner {
  position: relative;
  z-index: 5;
  min-height: 100vh;
  padding-top: 64px;
  padding-bottom: 64px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.s-sing-up::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  width: 50vw;
  height: calc(100% + 10px);
  background: #f6f6f8;
}
@media (min-width: 600px) {
  .s-sing-up::before {
    -webkit-transform: translate(-100%, calc(-50% - 5px));
        -ms-transform: translate(-100%, calc(-50% - 5px));
            transform: translate(-100%, calc(-50% - 5px));
    background: url(../img/singup/bg.png);
    background-size: cover;
    background-repeat: no-repeat;
  }
}
.s-sing-up::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  width: 50vw;
  height: calc(100% + 10px);
  -webkit-transform: translate(0%, calc(-50% - 20px));
      -ms-transform: translate(0%, calc(-50% - 20px));
          transform: translate(0%, calc(-50% - 20px));
  background-color: red;
  background-color: #f6f6f8;
}

.s-sing-up__content {
  display: grid;
  grid-template-columns: 1fr;
  grid-gap: 20px;
}
@media (min-width: 600px) {
  .s-sing-up__content {
    grid-template-columns: 1fr 1fr;
  }
}

.s-sing-up__left-col {
  display: none;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 24px;
}
@media (min-width: 600px) {
  .s-sing-up__left-col {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
}
@media (min-width: 1024px) {
  .s-sing-up__left-col {
    gap: 40px;
  }
}
.s-sing-up__left-col .title {
  position: relative;
  width: auto;
}
.s-sing-up__left-col .title img {
  position: absolute;
  right: 0;
  top: 0;
  -webkit-transform: translate(100%, -50%);
      -ms-transform: translate(100%, -50%);
          transform: translate(100%, -50%);
}

.s-sing-up__left-col--img-block img {
  width: 100%;
  height: auto;
  max-width: 100%;
  border-radius: 20px;
}

.s-sing-up__left-col--bottom {
  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 (min-width: 1024px) {
  .s-sing-up__left-col--bottom {
    gap: 40px;
  }
}

.su-new-users {
  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;
}
@media (min-width: 1024px) {
  .su-new-users {
    gap: 20px;
  }
}

.su-new-users__top {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 10px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

/*.su-new-users__photos-container img {
  width: 40px;
  height: 40px;
  border-radius: 50%;
  border: 2px solid #fff;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
}
.su-new-users__photos-container img:not(:first-of-type) {
  margin-left: -20px;
}
@media (min-width: 1024px) {
  .su-new-users__photos-container img {
    width: 60px;
    height: 60px;
  }
  .su-new-users__photos-container img:not(:first-of-type) {
    margin-left: -30px;
  }
}*/

.su-new-users__nums {
  font-size: 16px;
  font-weight: 600;
  color: #fff;
  line-height: 1;
}
@media (min-width: 1024px) {
  .su-new-users__nums {
    font-size: 24px;
  }
}

.s-sing-up__right-col {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.s-sing-up__right-col hr {
  width: 100%;
  color: var(--gray);
  border: 0; /* Убираем стандартную границу */
  border-top: 1px solid var(--gray);
}

.s-sing-up__step-1-content, .s-sing-up__step-2-content {
  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;
  max-width: 564px;
  width: 100%;
}
@media (min-width: 768px) {
  .s-sing-up__step-1-content, .s-sing-up__step-2-content {
    row-gap: calc(24px + (1vw - 7.68px) * 4.3269230769);
  }
}
@media (min-width: 1600px) {
  .s-sing-up__step-1-content, .s-sing-up__step-2-content {
    row-gap: 60px;
  }
}

.s-sing-up__step-3-content {
  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;
  max-width: 564px;
  width: 100%;
}
@media (min-width: 768px) {
  .s-sing-up__step-3-content {
    row-gap: calc(24px + (1vw - 7.68px) * 1.9230769231);
  }
}
@media (min-width: 1600px) {
  .s-sing-up__step-3-content {
    row-gap: 40px;
  }
}

.s-sing-up__title-block {
  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;
}
@media (min-width: 1024px) {
  .s-sing-up__title-block {
    gap: 20px;
  }
}

.s-sing-up__variants {
  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;
}
@media (min-width: 768px) {
  .s-sing-up__variants {
    row-gap: calc(12px + (1vw - 7.68px) * 3.3653846154);
  }
}
@media (min-width: 1600px) {
  .s-sing-up__variants {
    row-gap: 40px;
  }
}

.s-sing-up__reg-variant {
  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;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  text-align: center;
  border-radius: 20px;
  padding: 40px 20px;
  -webkit-box-shadow: 4px 4px 30px 0 rgba(0, 0, 0, 0.25);
          box-shadow: 4px 4px 30px 0 rgba(0, 0, 0, 0.25);
  background: -webkit-gradient(linear, left bottom, left top, from(#e5f4ff), color-stop(33%, #f6e7f9), color-stop(66%, #fef8f3), to(#fcfbf9));
  background: -o-linear-gradient(bottom, #e5f4ff 0%, #f6e7f9 33%, #fef8f3 66%, #fcfbf9 100%);
  background: linear-gradient(0deg, #e5f4ff 0%, #f6e7f9 33%, #fef8f3 66%, #fcfbf9 100%);
}
@media (min-width: 768px) {
  .s-sing-up__reg-variant {
    row-gap: calc(12px + (1vw - 7.68px) * 0.9615384615);
  }
}
@media (min-width: 1600px) {
  .s-sing-up__reg-variant {
    row-gap: 20px;
  }
}
@media (min-width: 768px) {
  .s-sing-up__reg-variant {
    padding-top: calc(16px + (1vw - 7.68px) * 2.8846153846);
  }
}
@media (min-width: 1600px) {
  .s-sing-up__reg-variant {
    padding-top: 40px;
  }
}
@media (min-width: 768px) {
  .s-sing-up__reg-variant {
    padding-bottom: calc(16px + (1vw - 7.68px) * 2.8846153846);
  }
}
@media (min-width: 1600px) {
  .s-sing-up__reg-variant {
    padding-bottom: 40px;
  }
}
.s-sing-up__reg-variant:hover {
  -webkit-filter: hue-rotate(60deg);
          filter: hue-rotate(60deg);
}

.s-sing-up__step-1-bottom {
  margin-top: 10px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 16px;
}
@media (min-width: 768px) {
  .s-sing-up__step-1-bottom {
    row-gap: calc(24px + (1vw - 7.68px) * 4.3269230769);
  }
}
@media (min-width: 1600px) {
  .s-sing-up__step-1-bottom {
    row-gap: 60px;
  }
}

.sing-link {
  margin-left: 8px;
}

.s-sing-up__step-2--middle, .s-sing-up__step-2--bottom {
  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;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
@media (min-width: 1024px) {
  .s-sing-up__step-2--middle, .s-sing-up__step-2--bottom {
    gap: 20px;
  }
}

.sing-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;
  width: 100%;
  max-width: 420px;
  margin: 0 auto;
}

.sing-input {
  width: 100%;
  font-weight: 300;
  font-size: 20px;
  line-height: 125%;
  color: var(--black);
  padding: 9px 20px;
  border: 1px solid var(--darkgray);
  background-color: #fff;
  border-radius: 5px;
}
.sing-input::-webkit-input-placeholder {
  color: var(--darkgray);
  opacity: 1;
}
.sing-input::-moz-placeholder {
  color: var(--darkgray);
  opacity: 1;
}
.sing-input:-ms-input-placeholder {
  color: var(--darkgray);
  opacity: 1;
}
.sing-input::-ms-input-placeholder {
  color: var(--darkgray);
  opacity: 1;
}
.sing-input::placeholder {
  color: var(--darkgray);
  opacity: 1;
}
.sing-input:focus {
  border-color: var(--primary);
  background-color: rgba(46, 46, 229, 0.05);
}

.sing-form__input-wrap {
  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;
}

.sing-form__input-wrap.error .form-error-msg {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.sing-form__input-wrap.error .sing-input {
  border-color: red;
  background: rgba(255, 0, 0, 0.05);
}

.form-error-msg {
  display: none;
  font-size: 14px;
  color: red;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 4px;
}

.form-error-msg__close {
  -ms-flex-negative: 0;
      flex-shrink: 0;
  width: 14px;
  height: 14px;
  border-radius: 50%;
  position: relative;
  border: 1px solid red;
  cursor: pointer;
}
.form-error-msg__close::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  width: 8px;
  height: 1px;
  background-color: red;
  -webkit-transform: translate(-50%, -50%) rotate(-45deg);
      -ms-transform: translate(-50%, -50%) rotate(-45deg);
          transform: translate(-50%, -50%) rotate(-45deg);
}
.form-error-msg__close::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  width: 8px;
  height: 1px;
  background-color: red;
  -webkit-transform: translate(-50%, -50%) rotate(45deg);
      -ms-transform: translate(-50%, -50%) rotate(45deg);
          transform: translate(-50%, -50%) rotate(45deg);
}

.sing-submit {
  border-radius: 5px;
  padding: 15px 20px;
  font-weight: 600;
  font-size: 20px;
  line-height: 100%;
  text-transform: uppercase;
  color: #fff;
  background: var(--primary);
}
.sing-submit:hover {
  background: #2e53e5;
}

.sing-submit:disabled {
  background: #ABABF5;
  cursor: default;
}

.sing-form__checkbox {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 20px;
}

.sing-form__hidden {
  display: none;
}

.sing-form__visible {
  border: 1px solid var(--darkgray);
  border-radius: 5px;
  width: 26px;
  height: 26px;
  cursor: pointer;
  position: relative;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
.sing-form__visible::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  width: 18px;
  height: 18px;
  border-radius: 5px;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  background-color: var(--primary);
  opacity: 0;
  -webkit-transition: ease-in 300ms;
  -o-transition: ease-in 300ms;
  transition: ease-in 300ms;
}

.sing-form__hidden:checked + .sing-form__visible::before {
  opacity: 1;
}

.cabinet-section {
  max-width: 100%;
  overflow: hidden;
}

.cabinet-banner {
  height: 160px;
  position: relative;
}
@media (min-width: 768px) {
  .cabinet-banner {
    height: 300px;
  }
}

.cabinet-banner__inner {
  position: absolute;
  left: 50%;
  top: 50%;
  width: 100vw;
  height: 100%;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  background: -webkit-gradient(linear, left bottom, left top, from(#e5f4ff), color-stop(33%, #f6e7f9), color-stop(66%, #fef8f3), to(#fcfbf9));
  background: -o-linear-gradient(bottom, #e5f4ff 0%, #f6e7f9 33%, #fef8f3 66%, #fcfbf9 100%);
  background: linear-gradient(0deg, #e5f4ff 0%, #f6e7f9 33%, #fef8f3 66%, #fcfbf9 100%);
}
.cabinet-banner__inner img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
}

.ctb {
  padding: 20px 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: 16px;
}
@media (min-width: 640px) {
  .ctb {
    -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;
  }
}
@media (min-width: 640px) {
  .ctb.is-empty {
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
}

.ctb__photo {
  width: 192px;
  height: 192px;
  border-radius: 50%;
  position: relative;
  background: #c4c4c4 url(../img/cabinet/cabinet-no-photo.svg);
  background-position: center;
  background-repeat: no-repeat;
  background-size: 66.66%;
  overflow: hidden;
  margin: 0 auto;
}
@media (min-width: 480px) {
  .ctb__photo {
    margin: 0;
    width: 80px;
    height: 80px;
  }
}
@media (min-width: 1024px) {
  .ctb__photo {
    width: 192px;
    height: 192px;
    /*width: calc(120px + (1vw - 10.24px) * 12.5570776256);*/
  }
}
@media (min-width: 1900px) {
  .ctb__photo {
    width: 230px;
    height: 230px;
  }
}

@media (min-width: 1900px) {
  .ctb__photo {
    width: 230px;
    height: 230px; 
  }
}
.ctb__photo img {
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
}

.ctb__left-block {
  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;
  -webkit-column-gap: 24px;
     -moz-column-gap: 24px;
          column-gap: 24px;
}
@media (min-width: 480px) {
  .ctb__left-block {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
}
@media (min-width: 1024px) {
  .ctb__left-block {
    -webkit-column-gap: calc(24px + (1vw - 10.24px) * 4.3378995434);
       -moz-column-gap: calc(24px + (1vw - 10.24px) * 4.3378995434);
            column-gap: calc(24px + (1vw - 10.24px) * 4.3378995434);
  }
}
@media (min-width: 1900px) {
  .ctb__left-block {
    -webkit-column-gap: 62px;
       -moz-column-gap: 62px;
            column-gap: 62px;
  }
}

.ctb__soc-links {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 20px;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

.ctb__soc-link {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  width: 30px;
  height: 30px;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
@media (min-width: 1024px) {
  .ctb__soc-link {
    width: 40px;
    height: 40px;
  }
}
.ctb__soc-link img {
  max-width: 100%;
}
.ctb__soc-link:hover {
  -webkit-filter: brightness(0.25);
          filter: brightness(0.25);
}

.ctb__data-block {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 16px;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
@media (min-width: 1024px) {
  .ctb__data-block {
    gap: 60px;
  }
}

.ctb__stats {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-column-gap: 16px;
     -moz-column-gap: 16px;
          column-gap: 16px;
  row-gap: 16px;
}
@media (min-width: 768px) {
  .ctb__stats {
    -webkit-column-gap: 24px;
       -moz-column-gap: 24px;
            column-gap: 24px;
    row-gap: 24px;
  }
}
@media (min-width: 1024px) {
  .ctb__stats {
    -webkit-column-gap: calc(24px + (1vw - 10.24px) * 6.3926940639);
       -moz-column-gap: calc(24px + (1vw - 10.24px) * 6.3926940639);
            column-gap: calc(24px + (1vw - 10.24px) * 6.3926940639);
  }
}
@media (min-width: 1900px) {
  .ctb__stats {
    -webkit-column-gap: 80px;
       -moz-column-gap: 80px;
            column-gap: 80px;
  }
}

.ctb__right-block {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  gap: 16px;
}
@media (min-width: 480px) {
  .ctb__right-block {
    padding-left: 104px;
  }
}
@media (min-width: 640px) {
  .ctb__right-block {
    padding-left: 0px;
    -webkit-box-align: end;
        -ms-flex-align: end;
            align-items: flex-end;
  }
}
@media (min-width: 1024px) {
  .ctb__right-block {
    gap: 24px 16px;
  }
}

.ctb__right-block--top {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  row-gap: 16px;
  -webkit-column-gap: 16px;
     -moz-column-gap: 16px;
          column-gap: 16px;
}
@media (min-width: 480px) {
  .ctb__right-block--top {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
  }
}
@media (min-width: 640px) {
  .ctb__right-block--top {
    -webkit-box-align: end;
        -ms-flex-align: end;
            align-items: flex-end;
  }
}
@media (min-width: 1024px) {
  .ctb__right-block--top {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-column-gap: 24px;
       -moz-column-gap: 24px;
            column-gap: 24px;
    row-gap: 24px;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
}
@media (min-width: 1024px) {
  .ctb__right-block--top {
    -webkit-column-gap: calc(24px + (1vw - 10.24px) * 8.6757990868);
       -moz-column-gap: calc(24px + (1vw - 10.24px) * 8.6757990868);
            column-gap: calc(24px + (1vw - 10.24px) * 8.6757990868);
  }
}
@media (min-width: 1900px) {
  .ctb__right-block--top {
    -webkit-column-gap: 100px;
       -moz-column-gap: 100px;
            column-gap: 100px;
  }
}

.ctb-transparent-btn {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  gap: 8px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  border-radius: 4px;
  font-weight: 300;
  font-size: 16px;
  line-height: 125%;
  color: var(--black);
  background-color: #F8F6F6;
}
@media (min-width: 1024px) {
  .ctb-transparent-btn {
    font-size: 20px;
    gap: 15px;
    padding: 12px 10px;
  }
}

button.ctb-transparent-btn:hover, a.ctb-transparent-btn:hover {
  background-color: #e9e9e9;
}

.ctb__right-block--bottom {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
@media (min-width: 1024px) {
  .ctb__right-block--bottom {
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
  }
}

.ctb__add-gifts {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  gap: 8px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-weight: 600;
  font-size: 16px;
  line-height: 100%;
  color: #fff;
  border-radius: 5px;
  padding: 13px 10px;
  background: -o-linear-gradient(225deg, #4d98ff 0%, #524aff 29.4%, #9c0bfc 54.4%, #cc1cbd 82.5%, #f49a2f 100%);
  background: linear-gradient(225deg, #4d98ff 0%, #524aff 29.4%, #9c0bfc 54.4%, #cc1cbd 82.5%, #f49a2f 100%);
}
.ctb__add-gifts svg {
  width: 16px;
  height: 16px;
}
@media (min-width: 1024px) {
  .ctb__add-gifts {
    font-size: 20px;
    gap: 15px;
  }
  .ctb__add-gifts svg {
    width: 20px;
    height: 20px;
  }
}
.ctb__add-gifts:hover {
  -webkit-filter: hue-rotate(20deg);
          filter: hue-rotate(20deg);
}

.cab-tab-sheets {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 40px;
  margin-top: 20px;
  padding-bottom: 80px;
  border-top: 1px solid var(--gray);
}
@media (min-width: 1024px) {
  .cab-tab-sheets {
    padding-bottom: calc(80px + (1vw - 10.24px) * 20.8333333333);
  }
}
@media (min-width: 1600px) {
  .cab-tab-sheets {
    padding-bottom: 200px;
  }
}

.cab-tabs {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 12px;
  margin: 0 auto;
}
@media (min-width: 1024px) {
  .cab-tabs {
    gap: 60px;
  }
}

.tabs-scroll-container {
  max-width: 100%;
  overflow-x: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  scrollbar-width: none;
}
.tabs-scroll-container::-webkit-scrollbar {
  width: 0;
}
.tabs-scroll-container .scroll-container::-webkit-scrollbar-thumb {
  background-color: transparent;
}

.cab-tab {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 10px;
  padding: 10px;
  position: relative;
  font-weight: 300;
  font-size: 16px;
  line-height: 125%;
  color: var(--gray);
  -webkit-transition: 0ms;
  -o-transition: 0ms;
  transition: 0ms;
}
@media (min-width: 1024px) {
  .cab-tab {
    font-size: 20px;
  }
}
.cab-tab::before {
  content: "";
  position: absolute;
  top: -1px;
  left: 50%;
  width: calc(100% + 12px);
  height: 3px;
  background: -o-linear-gradient(225deg, #4d98ff 0%, #524aff 29.4%, #9c0bfc 54.4%, #cc1cbd 82.5%, #f49a2f 100%);
  background: linear-gradient(225deg, #4d98ff 0%, #524aff 29.4%, #9c0bfc 54.4%, #cc1cbd 82.5%, #f49a2f 100%);
  -webkit-transform: translate(-50%, 0);
      -ms-transform: translate(-50%, 0);
          transform: translate(-50%, 0);
  opacity: 0;
}

.cab-tab__qty {
  min-height: 32px;
  min-width: 30px;
  border-radius: 50%;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  position: relative;
  -webkit-transition: ease-in 300ms;
  -o-transition: ease-in 300ms;
  transition: ease-in 300ms;
}
.cab-tab__qty::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  width: 100%;
  padding-bottom: 100%;
  background: -o-linear-gradient(225deg, #4d98ff 0%, #524aff 29.4%, #9c0bfc 54.4%, #cc1cbd 82.5%, #f49a2f 100%);
  background: linear-gradient(225deg, #4d98ff 0%, #524aff 29.4%, #9c0bfc 54.4%, #cc1cbd 82.5%, #f49a2f 100%);
  border-radius: 50%;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  z-index: -1;
  opacity: 0;
  -webkit-transition: 0ms !important;
  -o-transition: 0ms !important;
  transition: 0ms !important;
}

.cab-tab__text {
  position: relative;
  -webkit-transition: 0ms;
  -o-transition: 0ms;
  transition: 0ms;
}

.cab-tab__text--visible, .cab-tab__qty--visible {
  position: absolute;
  display: inline-block;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  -webkit-transition: 0ms !important;
  -o-transition: 0ms !important;
  transition: 0ms !important;
}

.cab-tab__text--hidden, .cab-tab__qty--hidden {
  visibility: hidden;
  font-weight: 600;
}

.cab-tab.active {
  font-weight: 600;
  line-height: 100%;
}
.cab-tab.active::before {
  opacity: 1;
}
.cab-tab.active .cab-tab__text--visible {
  background: -o-linear-gradient(225deg, #4d98ff 0%, #524aff 29.4%, #9c0bfc 54.4%, #cc1cbd 82.5%, #f49a2f 100%);
  background: linear-gradient(225deg, #4d98ff 0%, #524aff 29.4%, #9c0bfc 54.4%, #cc1cbd 82.5%, #f49a2f 100%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.cab-tab.active .cab-tab__qty {
  color: #fff;
}
.cab-tab.active .cab-tab__qty::before {
  opacity: 1;
}

.cab-sheet {
  display: none;
}

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

.products-grid {
  display: grid;
  grid-template-columns: repeat(1, 1fr);
  grid-gap: 24px;
}
@media (min-width: 480px) {
  .products-grid {
    grid-template-columns: repeat(2, 1fr);
    grid-gap: 24px 12px;
  }
}
@media (min-width: 768px) {
  .products-grid {
    grid-template-columns: repeat(3, 1fr);
    grid-gap: 24px 16px;
  }
}
@media (min-width: 1024px) {
  .products-grid {
    grid-template-columns: repeat(4, 1fr);
    grid-gap: 24px 20px;
  }
}
@media (min-width: 1280px) {
  .products-grid {
    grid-template-columns: repeat(5, 1fr);
    grid-gap: 40px 20px;
  }
}

.product-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: 10px;
  -webkit-transition: ease-in 300ms;
  -o-transition: ease-in 300ms;
  transition: ease-in 300ms;
}
.product-card:hover .product-card__img {
  -webkit-box-shadow: 4px 4px 30px 0 rgba(0, 0, 0, 0.25);
          box-shadow: 4px 4px 30px 0 rgba(0, 0, 0, 0.25);
}

.product-card.secret .product-card__img {
  background-color: var(--gray);
}
.product-card.secret .product-card__img img {
  max-width: calc(100% - 60px);
  max-height: calc(100% - 60px);
}

.product-card.hidden-img .product-card__img {
  background-color: var(--gray);
}
.product-card.hidden-img .real {
  display: none;
}
.product-card.hidden-img img {
  max-width: calc(100% - 60px);
  max-height: calc(100% - 60px);
}

.product-card.hidden-img.visible .product-card__img {
  background-color: #fff;
}
.product-card.hidden-img.visible .fake {
  display: none;
}
.product-card.hidden-img.visible .real {
  display: initial;
}

.product-card__img {
  width: 100%;
  padding-bottom: 116.176470588%;
  position: relative;
  overflow: hidden;
  border-radius: 10px;
  background-color: #fff;
  -webkit-transition: -webkit-box-shadow ease-in 500ms;
  transition: -webkit-box-shadow ease-in 500ms;
  -o-transition: box-shadow ease-in 500ms;
  transition: box-shadow ease-in 500ms;
  transition: box-shadow ease-in 500ms, -webkit-box-shadow ease-in 500ms;
}
.product-card__img img {
  position: absolute;
  max-width: 100%;
  max-height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}

.product-card__description-block {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 5px;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
}
.product-card__description-block .text-lg {
  line-height: 114%;
}

.product-card__buttons-block {
  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;
}
.product-card__buttons-block button {
  font-weight: 600;
  font-size: 16px;
  line-height: 100%;
  color: #fff;
  border-radius: 5px;
  padding: 10px 6px;
}
@media (min-width: 1024px) {
  .product-card__buttons-block button {
    font-size: 20px;
  }
}

.product-card__add-cart {
  background-color: var(--green);
}
.product-card__add-cart:hover {
  background-color: var(--green-hover);
}

.product-card__give {
  background-color: var(--primary);
}
.product-card__give:hover {
  background-color: var(--primary-hover);
}

.show-hide-hi {
  position: absolute;
  background: -webkit-gradient(linear, left bottom, left top, from(#e5f4ff), color-stop(33%, #f6e7f9), color-stop(66%, #fef8f3), to(#fcfbf9));
  background: -o-linear-gradient(bottom, #e5f4ff 0%, #f6e7f9 33%, #fef8f3 66%, #fcfbf9 100%);
  background: linear-gradient(0deg, #e5f4ff 0%, #f6e7f9 33%, #fef8f3 66%, #fcfbf9 100%);
  border-radius: 10px;
  padding: 10px;
  right: 10px;
  top: 10px;
  z-index: 10;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.show-hide-hi .is-show {
  display: none;
}
.show-hide-hi:hover {
  -webkit-filter: hue-rotate(15deg);
          filter: hue-rotate(15deg);
}

.show-hide-hi.show .is-hide {
  display: none;
}
.show-hide-hi.show .is-show {
  display: initial;
}

.cab-sheet__btn-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin-top: 60px;
}
@media (min-width: 1024px) {
  .cab-sheet__btn-wrap {
    margin-top: calc(60px + (1vw - 10.24px) * 6.9444444444);
  }
}
@media (min-width: 1600px) {
  .cab-sheet__btn-wrap {
    margin-top: 100px;
  }
}

.cab-sheet__grad-btn {
  font-weight: 600;
  color: #ffffff;
  border-radius: 10px;
  padding: 10px 20px;
  background: -o-linear-gradient(225deg, #4d98ff 0%, #524aff 29.4%, #9c0bfc 54.4%, #cc1cbd 82.5%, #f49a2f 100%);
  background: linear-gradient(225deg, #4d98ff 0%, #524aff 29.4%, #9c0bfc 54.4%, #cc1cbd 82.5%, #f49a2f 100%);
  font-size: 18px;
  line-height: 114%;
}
@media (min-width: 768px) {
  .cab-sheet__grad-btn {
    font-size: 20px;
  }
}
@media (min-width: 1024px) {
  .cab-sheet__grad-btn {
    font-size: calc(20px + (1vw - 10.24px) * 2.6041666667);
  }
}
@media (min-width: 1600px) {
  .cab-sheet__grad-btn {
    font-size: 35px;
  }
}
.cab-sheet__grad-btn:hover {
  -webkit-filter: hue-rotate(15deg);
          filter: hue-rotate(15deg);
}

.cabinet-body {
  padding-bottom: 75px;
}
@media (min-width: 768px) {
  .cabinet-body {
    padding-bottom: 0px;
  }
}

.cab-collection-grid {
  display: grid;
  grid-template-columns: 1fr;
  grid-gap: 20px;
}
@media (min-width: 680px) {
  .cab-collection-grid {
    grid-template-columns: 1fr 1fr;
  }
}

.cab-collection-item:hover .cab-collection-item__img img {
  -webkit-transform: translate(-50%, -50%) scale(1.05);
      -ms-transform: translate(-50%, -50%) scale(1.05);
          transform: translate(-50%, -50%) scale(1.05);
}

.cab-collection-item__img {
  width: 100%;
  padding-bottom: 56.25%;
  position: relative;
  overflow: hidden;
  border-radius: 10px;
}
.cab-collection-item__img img {
  -webkit-transition: ease-in 300ms;
  -o-transition: ease-in 300ms;
  transition: ease-in 300ms;
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
}

.cab-collection-item__description {
  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;
  margin-top: 10px;
  gap: 8px;
}

.cab-collection-item__gift-count {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 5px;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}

.cab-collection-item__gift-qty {
  padding: 5px 10px;
  border-radius: 50%;
  background: var(--darkgray);
}

.cabinet-empty-info {
  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;
  padding-top: 0px;
}
@media (min-width: 1024px) {
  .cabinet-empty-info {
    padding-top: calc(0px + (1vw - 10.24px) * 10.4166666667);
  }
}
@media (min-width: 1600px) {
  .cabinet-empty-info {
    padding-top: 60px;
  }
}
@media (min-width: 1024px) {
  .cabinet-empty-info {
    row-gap: calc(24px + (1vw - 10.24px) * 2.7777777778);
  }
}
@media (min-width: 1600px) {
  .cabinet-empty-info {
    row-gap: 40px;
  }
}

.cabinet-empty-info__box {
  width: 100px;
  height: auto;
}
@media (min-width: 1024px) {
  .cabinet-empty-info__box {
    width: calc(100px + (1vw - 10.24px) * 11.4155251142);
  }
}
@media (min-width: 1900px) {
  .cabinet-empty-info__box {
    width: 200px;
  }
}

.cabinet-empty-info__text-box {
  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;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
@media (min-width: 1024px) {
  .cabinet-empty-info__text-box {
    gap: 20px;
  }
}

.cabinet-cart {
  position: fixed;
  z-index: 950;
  width: 100vw;
  height: 100vh;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  opacity: 0.5;
  display: none;
}
.cabinet-cart::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -webkit-backdrop-filter: blur(8px);
          backdrop-filter: blur(8px);
  background: rgba(0, 0, 0, 0.2);
}

.cabinet-cart.active {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-animation: showCart 200ms forwards;
          animation: showCart 200ms forwards;
}
.cabinet-cart.active .cabinet-cart__container {
  -webkit-animation: showCartContent 300ms 200ms forwards;
          animation: showCartContent 300ms 200ms forwards;
}

.cabinet-cart.active.hidecc {
  opacity: 1;
  -webkit-animation: hideCart 300ms forwards;
          animation: hideCart 300ms forwards;
}
.cabinet-cart.active.hidecc .cabinet-cart__container {
  -webkit-transform: translate(0, 0);
      -ms-transform: translate(0, 0);
          transform: translate(0, 0);
  -webkit-animation: hidecc 300ms forwards;
          animation: hidecc 300ms forwards;
}

@-webkit-keyframes hidecc {
  to {
    -webkit-transform: translate(100%, 0);
            transform: translate(100%, 0);
  }
}

@keyframes hidecc {
  to {
    -webkit-transform: translate(100%, 0);
            transform: translate(100%, 0);
  }
}
@-webkit-keyframes hideCart {
  to {
    opacity: 0;
  }
}
@keyframes hideCart {
  to {
    opacity: 0;
  }
}
@-webkit-keyframes showCart {
  to {
    opacity: 1;
  }
}
@keyframes showCart {
  to {
    opacity: 1;
  }
}
@-webkit-keyframes showCartContent {
  to {
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0);
  }
}
@keyframes showCartContent {
  to {
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0);
  }
}
.cabinet-cart__container {
  width: 100vw;
  max-width: 800px;
  height: 100vh;
  overflow-y: auto;
  background: #fff;
  position: relative;
  z-index: 10;
  -webkit-transform: translate(100%, 0);
      -ms-transform: translate(100%, 0);
          transform: translate(100%, 0);
}

.cabinet-cart__close {
  position: absolute;
  left: 20px;
  top: 20px;
  width: 24px;
  height: 24px;
}
.cabinet-cart__close::before, .cabinet-cart__close::after {
  content: "";
  display: inline-block;
  position: absolute;
  width: 100%;
  height: 1px;
  background-color: var(--black);
  top: 50%;
  left: 50%;
}
.cabinet-cart__close::before {
  -webkit-transform: translate(-50%, -50%) rotate(-45deg);
      -ms-transform: translate(-50%, -50%) rotate(-45deg);
          transform: translate(-50%, -50%) rotate(-45deg);
}
.cabinet-cart__close::after {
  -webkit-transform: translate(-50%, -50%) rotate(45deg);
      -ms-transform: translate(-50%, -50%) rotate(45deg);
          transform: translate(-50%, -50%) rotate(45deg);
}

.cabinet-cart__inner-container {
  padding: 80px 20px;
  max-width: 580px;
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 40px;
}

.cabinet-cart__top {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  gap: 16px;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.cabinet-cart__top .ctb-transparent-btn {
  padding: 12px 10px;
}

.cabinet-cart__title {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 20px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.cabinet-cart__qty {
  display: inline-block;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  font-weight: 300;
  font-size: 20px;
  line-height: 125%;
  text-align: center;
  color: #fff;
  border-radius: 100px;
  padding: 5px 6px;
  background: -o-linear-gradient(225deg, #4d98ff 0%, #524aff 29.4%, #9c0bfc 54.4%, #cc1cbd 82.5%, #f49a2f 100%);
  background: linear-gradient(225deg, #4d98ff 0%, #524aff 29.4%, #9c0bfc 54.4%, #cc1cbd 82.5%, #f49a2f 100%);
}

.cabinet-cart__title-block {
  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;
}

.product-cb {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  gap: 5px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}

.product-cb__hidden {
  display: none;
}

.product-cb__visible {
  border: 1px solid var(--darkgray);
  border-radius: 5px;
  width: 26px;
  height: 26px;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  cursor: pointer;
  position: relative;
}
.product-cb__visible::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='26' height='26' viewBox='0 0 26 26' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M23.1806 7.74312L10.1806 20.7431C10.0663 20.8572 9.91142 20.9213 9.74994 20.9213C9.58845 20.9213 9.43357 20.8572 9.31931 20.7431L3.63181 15.0556C3.52417 14.9401 3.46557 14.7873 3.46836 14.6294C3.47114 14.4716 3.5351 14.321 3.64674 14.2093C3.75839 14.0977 3.90902 14.0337 4.06689 14.0309C4.22476 14.0281 4.37754 14.0867 4.49306 14.1944L9.74994 19.4502L22.3193 6.88187C22.4348 6.77423 22.5876 6.71563 22.7455 6.71842C22.9034 6.7212 23.054 6.78516 23.1656 6.89681C23.2773 7.00845 23.3412 7.15908 23.344 7.31695C23.3468 7.47482 23.2882 7.62761 23.1806 7.74312Z' fill='%23343330' /%3e%3c/svg%3e");
  background-position: center;
  background-repeat: no-repeat;
  -webkit-transition: ease-in 300ms;
  -o-transition: ease-in 300ms;
  transition: ease-in 300ms;
  opacity: 0;
}

.product-cb__hidden:checked + .product-cb__visible::before {
  opacity: 1;
}

.cc-products__controls {
  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;
  gap: 8px;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  padding-bottom: 20px;
  border-bottom: 1px solid var(--gray);
}

.cabinet-clear-cart {
  border-radius: 5px;
  padding: 5px;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 5px;
  background: rgba(251, 17, 17, 0.2);
}
.cabinet-clear-cart span {
  -webkit-transition: ease-in 300ms;
  -o-transition: ease-in 300ms;
  transition: ease-in 300ms;
}
.cabinet-clear-cart svg {
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
.cabinet-clear-cart svg path {
  -webkit-transition: ease-in 300ms;
  -o-transition: ease-in 300ms;
  transition: ease-in 300ms;
}
.cabinet-clear-cart:hover {
  background: rgb(251, 17, 17);
}
.cabinet-clear-cart:hover span {
  color: #fff;
}
.cabinet-clear-cart:hover path {
  fill: #fff;
}

.cc-products__products-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: 20px;
}

.cc-product-card {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  position: relative;
}
@media (min-width: 600px) {
  .cc-product-card {
    gap: 20px;
  }
}
.cc-product-card::before {
  content: "";
  position: absolute;
  bottom: -10px;
  left: 0;
  width: 100%;
  height: 1px;
  background-color: var(--gray);
}

.cc-product-card__top {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  text-align: center;
  gap: 8px;
  -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;
}
@media (min-width: 600px) {
  .cc-product-card__top {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    text-align: left;
  }
}
@media (min-width: 1024px) {
  .cc-product-card__top {
    gap: 20px;
  }
}

.cc-product-card__text-block {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  grid: 10px;
}

.cc-product-card__img {
  width: 166px;
  height: 95px;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.cc-product-card__img img {
  max-width: 100%;
  max-height: 100%;
}

.cc-product-card__b-left-group {
  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: 10px;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-ordinal-group: 3;
      -ms-flex-order: 2;
          order: 2;
}
@media (min-width: 600px) {
  .cc-product-card__b-left-group {
    -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
  }
}

.cc-product-card__add-favorite, .cc-product-card__remove {
  border-radius: 10px;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 34px;
  height: 34px;
  background-color: var(--gray);
}
.cc-product-card__add-favorite path, .cc-product-card__remove path {
  -webkit-transition: ease-in 300ms;
  -o-transition: ease-in 300ms;
  transition: ease-in 300ms;
}
.cc-product-card__add-favorite:hover, .cc-product-card__remove:hover {
  background-color: #c4c4c4;
}

.cc-product-card__add-favorite.is-favorite path {
  fill: #FE2C55;
}

.cc-product-card__give {
  border-radius: 5px;
  font-weight: 600;
  font-size: 16px;
  line-height: 100%;
  color: #fff;
  padding: 10px 8px;
  background: var(--primary);
}
.cc-product-card__give:hover {
  background: var(--primary-hover);
}
@media (min-width: 1024px) {
  .cc-product-card__give {
    font-size: 20px;
  }
}

.cc-product-card__content {
  padding: 20px;
  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;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
}
@media (min-width: 1024px) {
  .cc-product-card__content {
    gap: 20px;
  }
}

.cc-product-card__counts-plus, .cc-product-card__counts-minus {
  border-radius: 10px;
  padding: 5px;
  width: 34px;
  height: 34px;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  flex-shrink: 0;
}
.cc-product-card__counts-plus:hover, .cc-product-card__counts-minus:hover {
  background-color: var(--gray);
}

.cc-product-card__bottom {
  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: 8px;
}
@media (min-width: 600px) {
  .cc-product-card__bottom {
    gap: 24px;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
  }
}

.cc-product-card__b-right-group {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 5px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-ordinal-group: 2;
      -ms-flex-order: 1;
          order: 1;
}
@media (min-width: 600px) {
  .cc-product-card__b-right-group {
    -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
            order: 2;
  }
}

.cc-product-card__count {
  font-weight: 300;
  font-size: 16px;
  line-height: 125%;
  text-align: center;
  color: #fff;
  padding: 5px 6px;
  border-radius: 100px;
  background-color: var(--darkgray);
}
@media (min-width: 1024px) {
  .cc-product-card__count {
    font-size: 20px;
  }
}

.cc-products__total {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 10px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

.cc-btn-order {
  font-weight: 600;
  font-size: 16px;
  line-height: 100%;
  text-align: center;
  color: #fff;
  padding: 12px;
  border-radius: 10px;
  background-color: var(--green);
}
.cc-btn-order:hover {
  background-color: var(--green-hover);
}
@media (min-width: 1024px) {
  .cc-btn-order {
    padding: 19px;
    font-size: 20px;
  }
}

.s-settings {
  padding-top: 40px;
  padding-bottom: 80px;
  max-width: 100%;
  overflow: hidden;
}
@media (min-width: 1024px) {
  .s-settings {
    padding-top: calc(40px + (1vw - 10.24px) * 6.9444444444);
  }
}
@media (min-width: 1600px) {
  .s-settings {
    padding-top: 80px;
  }
}
@media (min-width: 1024px) {
  .s-settings {
    padding-bottom: calc(80px + (1vw - 10.24px) * 20.8333333333);
  }
}
@media (min-width: 1600px) {
  .s-settings {
    padding-bottom: 200px;
  }
}

.setting-container {
  display: grid;
  grid-template-columns: 1fr;
  grid-gap: 20px;
}
@media (min-width: 768px) {
  .setting-container {
    grid-template-columns: 3fr 7fr;
  }
}

.setting-container__nav-col {
  max-width: 100%;
  overflow-x: auto;
  scrollbar-width: none;
}
.setting-container__nav-col::-webkit-scrollbar {
  width: 0;
}
.setting-container__nav-col .scroll-container::-webkit-scrollbar-thumb {
  background-color: transparent;
}

.setting-inner-nav {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 12px;
}
@media (min-width: 768px) {
  .setting-inner-nav {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 20px;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
  }
}

.setting-inner-nav__item {
  -ms-flex-negative: 0;
      flex-shrink: 0;
}

.setting-inner-nav__link {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 10px 20px;
  gap: 8px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background-color: #fff;
  border-radius: 5px;
  font-weight: 300;
  font-size: 16px;
  line-height: 100%;
  color: var(--black);
}
@media (min-width: 1024px) {
  .setting-inner-nav__link {
    font-size: 20px;
    gap: 20px;
  }
}
.setting-inner-nav__link:hover {
  background-color: #ececec;
}

.setting-inner-nav__icon {
  width: 24px;
  height: 24px;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}

.setting-inner-nav__link.active {
  background-color: var(--gray);
  font-weight: 600;
}

.banner-info {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  gap: 5px;
  margin-bottom: 10px;
}
.banner-info svg {
  -ms-flex-negative: 0;
      flex-shrink: 0;
}

.setting-container .cabinet-banner__inner {
  width: 100%;
}
@media (min-width: 768px) {
  .setting-container .cabinet-banner__inner {
    left: 0;
    top: 0;
    -webkit-transform: translate(0, 0);
        -ms-transform: translate(0, 0);
            transform: translate(0, 0);
  }
}
@media (max-width: 767px) {
  .setting-container .cabinet-banner__inner {
    width: 100vw !important;
  }
}

.setting-banner-container {
  position: relative;
}

.setting-banner-controls {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 20px;
  position: absolute;
  top: 20px;
  right: 0;
  z-index: 5;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

.setting-banner-controls__remove {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 8px;
  font-weight: 600;
  font-size: 16px;
  line-height: 100%;
  color: #ffffff;
  border-radius: 10px;
  padding: 10px 25px;
  background-color: var(--gray);
  cursor: pointer;
  -webkit-transition: ease-in 300ms;
  -o-transition: ease-in 300ms;
  transition: ease-in 300ms;
}
.setting-banner-controls__remove svg {
  width: 24px;
  height: 24px;
}
@media (min-width: 1024px) {
  .setting-banner-controls__remove svg {
    width: 40px;
    height: 40px;
  }
}
@media (min-width: 1024px) {
  .setting-banner-controls__remove {
    font-size: 20px;
    gap: 20px;
  }
}
.setting-banner-controls__remove:hover {
  background-color: #c4c4c4;
}

.setting-banner-controls__edit {
  padding: 10px;
  border-radius: 10px;
  background-color: var(--gray);
  -webkit-transition: ease-in 300ms;
  -o-transition: ease-in 300ms;
  transition: ease-in 300ms;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  cursor: pointer;
}
.setting-banner-controls__edit svg {
  width: 24px;
  height: 24px;
}
@media (min-width: 1024px) {
  .setting-banner-controls__edit svg {
    width: 40px;
    height: 40px;
  }
}
.setting-banner-controls__edit:hover {
  background-color: #c4c4c4;
}

#bg-banner {
  display: none;
}

.st-personal-data, .st-address-form {
  border-radius: 20px;
  padding: 20px 12px;
  background-color: #fff;
  gap: 24px;
  position: relative;
  z-index: 10;
  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;
}
@media (min-width: 480px) {
  .st-personal-data, .st-address-form {
    padding: 20px;
  }
}
@media (min-width: 1024px) {
  .st-personal-data, .st-address-form {
    padding: 40px;
    gap: 40px;
  }
}

.st-personal-data {
  margin: -40px auto 0;
  width: calc(100% - 8px);
}
@media (min-width: 480px) {
  .st-personal-data {
    width: calc(100% - 20px);
  }
}
@media (min-width: 768px) {
  .st-personal-data {
    margin: -100px auto 0;
  }
}
@media (min-width: 1024px) {
  .st-personal-data {
    width: calc(100% - 144px);
  }
}

.st-address-form {
  border: 1px solid var(--darkgray);
}

.st-personal-data__photo {
  width: 120px;
  height: 120px;
  border-radius: 50%;
  position: relative;
  background: #c4c4c4 url(../img/cabinet/cabinet-no-photo.svg);
  background-position: center;
  background-repeat: no-repeat;
  background-size: 66.66%;
  overflow: hidden;
  margin: 0 auto;
}
@media (min-width: 1024px) {
  .st-personal-data__photo {
    width: calc(120px + (1vw - 10.24px) * 12.5570776256);
  }
}
@media (min-width: 1900px) {
  .st-personal-data__photo {
    width: 230px;
  }
}
@media (min-width: 1024px) {
  .st-personal-data__photo {
    height: calc(120px + (1vw - 10.24px) * 12.5570776256);
  }
}
@media (min-width: 1900px) {
  .st-personal-data__photo {
    height: 230px;
  }
}
.st-personal-data__photo img {
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
}

.st-personal-data__avatar-block {
  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: 10px;
}

.st-personal-data__set-avatar {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 20px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.st-personal-data__sa-btn {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  border-radius: 5px;
  width: 44px;
  height: 44px;
  background-color: var(--gray);
  cursor: pointer;
  -webkit-transition: ease-in 300ms;
  -o-transition: ease-in 300ms;
  transition: ease-in 300ms;
}
.st-personal-data__sa-btn:hover {
  background-color: #c4c4c4;
}

#avatar {
  display: none;
}

.st-input-wrap {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 5px;
}
@media (min-width: 1024px) {
  .st-input-wrap {
    gap: 10px;
  }
}

.st-input-wrap.index-10 {
  position: relative;
  z-index: 10;
}

.st-input {
  font-weight: 300;
  font-size: 16px;
  line-height: 125%;
  color: var(--black);
  border: 1px solid var(--darkgray);
  border-radius: 5px;
  padding: 10px 20px;
}
@media (min-width: 1024px) {
  .st-input {
    font-size: 20px;
    padding: 15px 40px;
  }
}
.st-input::-webkit-input-placeholder {
  opacity: 1;
  color: var(--darkgray);
}
.st-input::-moz-placeholder {
  opacity: 1;
  color: var(--darkgray);
}
.st-input:-ms-input-placeholder {
  opacity: 1;
  color: var(--darkgray);
}
.st-input::-ms-input-placeholder {
  opacity: 1;
  color: var(--darkgray);
}
.st-input::placeholder {
  opacity: 1;
  color: var(--darkgray);
}
.st-input:focus {
  border: 1px solid var(--black);
}

textarea.st-input {
  height: 200px;
  padding: 20px;
  resize: vertical;
}

.st-btn {
  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;
  font-weight: 600;
  font-size: 16px;
  line-height: 100%;
  color: var(--black);
  border-radius: 5px;
  padding: 15px;
  background: var(--gray);
}
@media (min-width: 1024px) {
  .st-btn {
    font-size: 20px;
  }
}
.st-btn:hover {
  background: #ececec;
}

.st-btn.gradient {
  color: #fff;
  background: -o-linear-gradient(225deg, #4d98ff 0%, #524aff 29.4%, #9c0bfc 54.4%, #cc1cbd 82.5%, #f49a2f 100%);
  background: linear-gradient(225deg, #4d98ff 0%, #524aff 29.4%, #9c0bfc 54.4%, #cc1cbd 82.5%, #f49a2f 100%);
}
.st-btn.gradient:hover {
  background: -o-linear-gradient(225deg, #4d98ff 0%, #524aff 29.4%, #9c0bfc 54.4%, #cc1cbd 82.5%, #f49a2f 100%);
  background: linear-gradient(225deg, #4d98ff 0%, #524aff 29.4%, #9c0bfc 54.4%, #cc1cbd 82.5%, #f49a2f 100%);
  -webkit-filter: hue-rotate(10deg);
          filter: hue-rotate(10deg);
}

.st-btn.green {
  color: #fff;
  background-color: var(--green);
}
.st-btn.green:hover {
  background-color: var(--green-hover);
}

.st-selected-networks {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 12px 20px;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
@media (min-width: 1024px) {
  .st-selected-networks {
    gap: 20px 40px;
  }
}
.st-selected-networks a {
  width: 32px;
}
@media (min-width: 1024px) {
  .st-selected-networks a {
    width: 40px;
  }
}
.st-selected-networks a svg {
  width: 100%;
  height: auto;
}
.st-selected-networks a:hover {
  -webkit-filter: brightness(0.5);
          filter: brightness(0.5);
}

.setting-wallets-grid {
  display: grid;
  grid-template-columns: 1fr;
  gap: 20px;
}
@media (min-width: 768px) {
  .setting-wallets-grid {
    grid-template-columns: 1fr 1fr;
  }
}

.setting-wallets-grid__wallet-container {
  border: 1px solid var(--gray);
  border-radius: 20px;
  padding: 16px;
}
@media (min-width: 1024px) {
  .setting-wallets-grid__wallet-container {
    padding: 24px;
  }
}

.setting-wallets-grid__wallet-container.full-length {
  grid-column: 1/-1;
}

.st-group-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: 24px;
}
@media (min-width: 1024px) {
  .st-group-form {
    gap: 40px;
  }
}
.st-group-form hr {
  border: none;
  border-top: 1px solid var(--gray);
}

.st-form {
  border: 1px solid var(--darkgray);
  border-radius: 20px;
  padding: 40px 24px;
  background: #fff;
  width: 100%;
  margin: 0 auto;
  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;
}
@media (min-width: 768px) {
  .st-form {
    width: calc(100% - 60px);
  }
}
@media (min-width: 1024px) {
  .st-form {
    padding: 40px;
  }
}

.st-form__header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 10px;
  position: relative;
}

.st-form__header.bottom-line {
  padding-bottom: 30px;
}
.st-form__header.bottom-line::before {
  content: "";
  position: absolute;
  bottom: 0px;
  left: 0;
  width: 100%;
  height: 1px;
  background-color: var(--gray);
}

.st-form__fields-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: 10px;
}

.st-form__title {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 10px;
}
.st-form__title img, .st-form__title svg {
  width: 16px;
  height: 16px;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
@media (min-width: 1024px) {
  .st-form__title img, .st-form__title svg {
    width: 24px;
    height: 24px;
  }
}

.st-form__field-switch-item {
  position: relative;
  padding: 10px 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 12px;
}
@media (min-width: 480px) {
  .st-form__field-switch-item {
    gap: 40px;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
}
.st-form__field-switch-item:first-of-type::before {
  content: "";
  position: absolute;
  top: 0px;
  left: 0;
  width: 100%;
  height: 1px;
  background-color: var(--darkgray);
}
.st-form__field-switch-item::after {
  content: "";
  position: absolute;
  bottom: 0px;
  left: 0;
  width: 100%;
  height: 1px;
  background-color: var(--darkgray);
}

.st-form__fsi-text-block {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 10px;
}

.grad-switch {
  width: 64px;
  height: 30px;
  position: relative;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}

.grad-switch__hidden {
  display: none;
}

.grad-switch__bg {
  position: absolute;
  width: 100%;
  height: 100%;
  border-radius: 50px;
  background-color: var(--darkgray);
  cursor: pointer;
}
.grad-switch__bg::before {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  border-radius: 50px;
  border-radius: 100px;
  background: -o-linear-gradient(225deg, #4d98ff 0%, #524aff 29.4%, #9c0bfc 54.4%, #cc1cbd 82.5%, #f49a2f 100%);
  background: linear-gradient(225deg, #4d98ff 0%, #524aff 29.4%, #9c0bfc 54.4%, #cc1cbd 82.5%, #f49a2f 100%);
  opacity: 0;
  -webkit-transition: ease-in 300ms;
  -o-transition: ease-in 300ms;
  transition: ease-in 300ms;
}
.grad-switch__bg::after {
  content: "";
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: absolute;
  width: 22px;
  height: calc(100% - 8px);
  left: 4px;
  top: 4px;
  border-radius: 50%;
  background: #fff;
  -webkit-transition: ease-in 300ms;
  -o-transition: ease-in 300ms;
  transition: ease-in 300ms;
  z-index: 10;
}

.grad-switch__hidden:checked + .grad-switch__bg::before {
  opacity: 1;
}
.grad-switch__hidden:checked + .grad-switch__bg::after {
  left: calc(100% - 26px);
  top: 4px;
}

.square-gradient-btn {
  background: -o-linear-gradient(225deg, #4d98ff 0%, #524aff 29.4%, #9c0bfc 54.4%, #cc1cbd 82.5%, #f49a2f 100%);
  background: linear-gradient(225deg, #4d98ff 0%, #524aff 29.4%, #9c0bfc 54.4%, #cc1cbd 82.5%, #f49a2f 100%);
  border-radius: 5px;
  padding: 5px;
  width: 34px;
  height: 34px;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
.square-gradient-btn:hover {
  -webkit-filter: hue-rotate(15deg);
          filter: hue-rotate(15deg);
}
.square-gradient-btn img {
  width: 24px;
  height: 24px;
}

.st-address {
  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;
  width: 100%;
  margin: 0 auto;
}
@media (min-width: 768px) {
  .st-address {
    width: calc(100% - 60px);
  }
}

.information {
  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;
  gap: 24px;
  background-color: #fff;
  border-radius: 20px;
  border: 1px solid;
}
@media (min-width: 1024px) {
  .information {
    gap: 40px;
    padding: 40px;
  }
}

.information.success {
  border-color: var(--green);
}

.information.danger {
  border-color: #fb1111;
}

.st-inputs-row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 20px;
}
.st-inputs-row .st-input {
  width: 100%;
}
@media (min-width: 768px) {
  .st-inputs-row .st-input {
    max-width: 270px;
  }
}

@media (min-width: 768px) {
  .st-input.short {
    max-width: 160px;
    text-align: center;
  }
}

.st-input.long {
  min-width: 100%;
  width: 100%;
}

.st-input.dark {
  background-color: var(--gray);
  border-color: var(--gray);
  font-weight: 600;
}

.st-gray-options {
  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;
}

.st-gray-options__item {
  background: var(--gray);
  border-radius: 5px;
  padding: 5px 10px;
  min-height: 50px;
  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;
  gap: 12px;
}
@media (min-width: 1024px) {
  .st-gray-options__item {
    gap: 24px;
  }
}
.st-gray-options__item .st-form__title {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.hystmodal__shadow.hystmodal__shadow--show {
  -webkit-backdrop-filter: blur(8px);
          backdrop-filter: blur(8px);
  background: rgba(0, 0, 0, 0.2);
  z-index: 2000;
}

.hystmodal.hystmodal--simple.hystmodal--active {
  z-index: 2001;
}

.hystmodal__window.tvister-modal {
  padding: 32px 20px;
  border-radius: 5px;
  max-width: calc(100% - 20px);
  z-index: 2001;
  width: 100%;
}
@media (min-width: 840px) {
  .hystmodal__window.tvister-modal {
    max-width: 856px;
  }
}
@media (min-width: 1024px) {
  .hystmodal__window.tvister-modal {
    padding: 80px 60px;
    border-radius: 20px;
  }
}
.hystmodal__window.tvister-modal .hystmodal__close {
  right: 6px;
  top: 6px;
}
@media (min-width: 1024px) {
  .hystmodal__window.tvister-modal .hystmodal__close {
    right: 40px;
    top: 40px;
  }
}

.modal-confirm-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;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.modal-confirm-form__nums {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 15px;
}

.modal-confirm-form__single-num {
  width: 32px;
  height: 40px;
  border-radius: 5px;
  background-color: var(--gray);
  font-size: 24px;
  font-family: "password";
  font-weight: 300;
  line-height: 100%;
  text-transform: uppercase;
  text-align: center;
  color: var(--black);
  border: none;
}
@media (min-width: 1024px) {
  .modal-confirm-form__single-num {
    width: 64px;
    height: 80px;
    font-size: 55px;
    padding: 12px 16px;
  }
}

.hystmodal__close {
  background: none;
}

.modal-confirm-form__confirm {
  border-radius: 10px;
  padding: 10px 40px;
  font-weight: 300;
  font-size: 20px;
  line-height: 114%;
  text-transform: uppercase;
  text-align: center;
  color: #fff;
  background: -o-linear-gradient(225deg, #4d98ff 0%, #524aff 29.4%, #9c0bfc 54.4%, #cc1cbd 82.5%, #f49a2f 100%);
  background: linear-gradient(225deg, #4d98ff 0%, #524aff 29.4%, #9c0bfc 54.4%, #cc1cbd 82.5%, #f49a2f 100%);
}
@media (min-width: 1024px) {
  .modal-confirm-form__confirm {
    font-size: 35px;
  }
}
.modal-confirm-form__confirm:hover {
  -webkit-filter: hue-rotate(15deg);
          filter: hue-rotate(15deg);
}

.changhe-type-account {
  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;
}

.changhe-type-account__btn-block {
  margin-top: 30px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: 40px;
  position: relative;
  z-index: 1;
}
@media (min-width: 1024px) {
  .changhe-type-account__btn-block {
    gap: 120px;
  }
}

.changhe-type-account__no, .changhe-type-account__yes {
  background: -o-linear-gradient(225deg, #4d98ff 0%, #524aff 29.4%, #9c0bfc 54.4%, #cc1cbd 82.5%, #f49a2f 100%);
  background: linear-gradient(225deg, #4d98ff 0%, #524aff 29.4%, #9c0bfc 54.4%, #cc1cbd 82.5%, #f49a2f 100%);
  border-radius: 5px;
  padding: 10px 40px;
  font-weight: 300;
  font-size: 20px;
  line-height: 114%;
  text-align: center;
  color: #fff;
}
@media (min-width: 1024px) {
  .changhe-type-account__no, .changhe-type-account__yes {
    font-size: 35px;
  }
}

.changhe-type-account__yes {
  background: #fff;
  border: 1px solid transparent;
  color: var(--black);
  position: relative;
}
.changhe-type-account__yes::before {
  content: "";
  position: absolute;
  top: -3px;
  left: -3px;
  width: calc(100% + 6px);
  height: calc(100% + 6px);
  border-radius: 5px;
  background: -o-linear-gradient(225deg, #4d98ff 0%, #524aff 29.4%, #9c0bfc 54.4%, #cc1cbd 82.5%, #f49a2f 100%);
  background: linear-gradient(225deg, #4d98ff 0%, #524aff 29.4%, #9c0bfc 54.4%, #cc1cbd 82.5%, #f49a2f 100%);
  z-index: -1;
}

.my-select {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.my-select__current-value, .my-select__variant {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  gap: 10px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 100%;
  padding: 0 20px;
  color: var(--darkgray);
  font-weight: 300;
  font-size: 16px;
}
.my-select__current-value img, .my-select__variant img {
  width: 24px;
  height: 24px;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
@media (min-width: 1024px) {
  .my-select__current-value, .my-select__variant {
    font-size: 20px;
    padding: 0 40px;
  }
}

.my-select__variant {
  padding: 12px 20px;
  cursor: pointer;
  -webkit-transition: ease-in 300ms;
  -o-transition: ease-in 300ms;
  transition: ease-in 300ms;
}
@media (min-width: 1024px) {
  .my-select__variant {
    padding: 12px 40px;
  }
}
.my-select__variant:hover {
  -webkit-filter: brightness(0.25);
          filter: brightness(0.25);
}

.my-select__current-value {
  position: relative;
  border: 1px solid var(--darkgray);
  border-radius: 5px;
  height: 42px;
}
@media (min-width: 1024px) {
  .my-select__current-value {
    height: 56px;
  }
}
.my-select__current-value::before {
  content: "";
  position: absolute;
  top: 50%;
  right: 20px;
  width: 24px;
  height: 24px;
  background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='24' height='25' viewBox='0 0 24 25' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M19.8971 9.89763L12.3971 17.3976C12.2917 17.503 12.1487 17.5621 11.9996 17.5621C11.8506 17.5621 11.7076 17.503 11.6021 17.3976L4.10214 9.89763C4.00278 9.791 3.94869 9.64996 3.95126 9.50424C3.95383 9.35851 4.01286 9.21947 4.11592 9.11641C4.21898 9.01335 4.35802 8.95432 4.50375 8.95175C4.64947 8.94918 4.79051 9.00327 4.89714 9.10263L11.9996 16.2042L19.1021 9.10263C19.2088 9.00327 19.3498 8.94918 19.4955 8.95175C19.6413 8.95432 19.7803 9.01335 19.8834 9.11641C19.9864 9.21947 20.0455 9.35851 20.048 9.50424C20.0506 9.64996 19.9965 9.791 19.8971 9.89763Z' fill='%23343330'/%3e%3c/svg%3e ");
  -webkit-transform: translate(0, -50%);
      -ms-transform: translate(0, -50%);
          transform: translate(0, -50%);
}
@media (min-width: 1024px) {
  .my-select__current-value::before {
    right: 40px;
  }
}

.my-select__value-list {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  -webkit-transform: translate(0, calc(100% - 6px));
      -ms-transform: translate(0, calc(100% - 6px));
          transform: translate(0, calc(100% - 6px));
  border: 1px solid var(--darkgray);
  border-top: 0;
  background-color: #fff;
  border-radius: 0 0 5px 5px;
  padding-top: 8px;
  display: none;
}

.my-select.active .my-select__value-list {
  display: block;
}

.st-personal-data__btn-hide {
  position: absolute;
  width: 24px;
  height: 24px;
  top: 20px;
  right: 20px;
}