@import "../fonts/creatio_display/stylesheet.css";
.theme-icon {
  width: 24px;
  height: 24px;
  fill: var(--nav-default-color);
}

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

img {
  vertical-align: top;
  max-width: 100%;
}

button {
  height: auto;
  font: inherit;
  border: 0;
  background-color: transparent;
  color: inherit;
}

video {
  max-width: 100%;
}

/* Swiper Config */
:root {
  /* Shadows: */
  --shadow: 0 0 0 4px rgb(13 110 253 / 25%);
  --inset-shadow: inset 0 0 0 4px rgb(13 110 253 / 25%);
  --button-hover-shadow: 0 2px 8px -4px rgb(0 0 0 / 8%),
  0 4px 20px -6px rgb(0 0 0 / 8%);
  /* Font Families */
  --font-base: "Creato Display", -apple-system, blinkmacsystemfont, "Segoe UI",
  "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans",
  "Helvetica Neue", sans-serif;
  /* Font Colors */
  --primary-text-color: #19192c;
  --secondary-text-color: #535361;
  --tertiary-text-color: #81818b;
  --disabled-text-color: #afafb5;
  /* Primary Colors: */
  --primary-nav-bg: rgb(255 255 255 / 70%);
  --primary-main-color: #3c97ff;
  --primary-light-color: #6eb1ff;
  --primary-dark-color: #0057c7;
  --primary-contrast-color: #fff;
  --primary-contained-hover-color: #125bb0;
  --primary-outlined-hover-color: #edf5ff;
  --primary-outlined-resting-color: #9dc9fc;
  /* Action Colors */
  --active-action-color: #82828d;
  --hover-action-color: #f6f6f7;
  --selected-action-color: #ededee;
  --disabled-action-color: #a7a7af;
  --disabled-bg-action-color: #e3e3e5;
  --focus-action-color: #e3e3e5;
  /* Navigation */
  --nav-default-color: #82828d;
  --nav-active-color: #45454f;
  --nav-hover-color: #52525e;
  --nav-disabled-color: #a7a7af;
  --nav-divider-color: #e5e5e9;
}

html {
  font-size: 100%;
  font-family: var(--font-base);
}

textarea {
  font-family: var(--font-base);
}

body {
  font-family: var(--font-base);
  overflow-x: hidden;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.dark {
  --primary-nav-bg: #242744;
}

a {
  color: inherit;
  -webkit-tap-highlight-color: transparent;
  text-decoration: none;
  transition: color 0.3s, background-color 0.3s;
}

button {
  transition: color 0.3s, background-color 0.3s;
}

svg {
  transition: fill 0.3s;
}

ul {
  list-style-type: none;
}

label, button {
  cursor: pointer;
  -webkit-tap-highlight-color: transparent;
}

.srOnly {
  border: 0 !important;
  clip: rect(1px, 1px, 1px, 1px) !important;
  clip-path: inset(50%) !important;
  height: 1px !important;
  margin: -1px !important;
  overflow: hidden !important;
  padding: 0 !important;
  position: absolute !important;
  white-space: nowrap !important;
  width: 1px !important;
}

.full-screen {
  min-height: calc(65vh - 8px);
  padding-top: 4px;
  padding-bottom: 4px;
}

@keyframes textColor {
  0% {
    fill: #535361;
  }
  50% {
    fill: #19192C;
  }
  100% {
    fill: #535361;
  }
}
@keyframes iconColor {
  0% {
    fill: #6EB1FF;
  }
  25% {
    fill: #6EB1FF;
  }
  80% {
    fill: #6EB1FF;
  }
  90% {
    fill: #1A82FB;
  }
  100% {
    fill: #6EB1FF;
  }
}
.h1 {
  font-size: 4.5rem;
  font-weight: 700;
  letter-spacing: 0.02rem;
  line-height: 1.2;
}
@media (max-width: 1400.98px) {
  .h1 {
    font-size: 3.375rem;
    font-weight: 500;
    letter-spacing: 0.014rem;
    line-height: 1.15;
  }
}
@media (max-width: 1200.98px) {
  .h1 {
    font-size: 2.75rem;
    font-weight: 500;
    letter-spacing: 0.012rem;
    line-height: 1.18;
  }
}
@media (max-width: 992.98px) {
  .h1 {
    font-size: 2.25rem;
    font-weight: 500;
    letter-spacing: 0.01em;
    line-height: 1.17;
  }
}
@media (max-width: 768.98px) {
  .h1 {
    font-size: 3.375rem;
    font-weight: 500;
    letter-spacing: 0.014rem;
    line-height: 1.15;
  }
}
@media (max-width: 576.98px) {
  .h1 {
    font-size: 2.75rem;
    font-weight: 500;
    letter-spacing: 0.012rem;
    line-height: 1.18;
  }
}
@media (max-width: 480.98px) {
  .h1 {
    font-size: 1.625rem;
    font-weight: 500;
    letter-spacing: 0.008rem;
    line-height: 1.3;
  }
}

.h2 {
  font-size: 3.375rem;
  font-weight: 500;
  letter-spacing: 0.014rem;
  line-height: 1.15;
}
@media (max-width: 1400.98px) {
  .h2 {
    font-size: 2.75rem;
    font-weight: 500;
    letter-spacing: 0.012rem;
    line-height: 1.18;
  }
}
@media (max-width: 1200.98px) {
  .h2 {
    font-size: 2.25rem;
    font-weight: 500;
    letter-spacing: 0.01em;
    line-height: 1.17;
  }
}
@media (max-width: 992.98px) {
  .h2 {
    font-size: 1.625rem;
    font-weight: 500;
    letter-spacing: 0.008rem;
    line-height: 1.3;
  }
}
@media (max-width: 768.98px) {
  .h2 {
    font-size: 2.75rem;
    font-weight: 500;
    letter-spacing: 0.012rem;
    line-height: 1.18;
  }
}
@media (max-width: 576.98px) {
  .h2 {
    font-size: 2.25rem;
    font-weight: 500;
    letter-spacing: 0.01em;
    line-height: 1.17;
  }
}
@media (max-width: 480.98px) {
  .h2 {
    font-size: 1.625rem;
    font-weight: 500;
    letter-spacing: 0.008rem;
    line-height: 1.3;
  }
}

.h3 {
  font-size: 2.75rem;
  font-weight: 500;
  letter-spacing: 0.012rem;
  line-height: 1.18;
}

.h4 {
  font-size: 2.25rem;
  font-weight: 500;
  letter-spacing: 0.01em;
  line-height: 1.17;
}
@media (max-width: 576.98px) {
  .h4 {
    font-size: 1.125rem;
    font-weight: 500;
    letter-spacing: 0.008rem;
    line-height: 1.33;
  }
}

.h5 {
  font-size: 1.625rem;
  font-weight: 500;
  letter-spacing: 0.008rem;
  line-height: 1.3;
}
@media (max-width: 576.98px) {
  .h5 {
    font-size: 1.125rem;
    font-weight: 500;
    letter-spacing: 0.008rem;
    line-height: 1.33;
  }
}

.h6 {
  font-size: 1.125rem;
  font-weight: 500;
  letter-spacing: 0.008rem;
  line-height: 1.33;
}

.subtitle {
  font-size: 1rem;
  letter-spacing: 0.015rem;
  line-height: 1.5;
  font-weight: 400;
}
@media (max-width: 576.98px) {
  .subtitle {
    font-size: 0.875rem;
    font-weight: 400;
    letter-spacing: 0.012rem;
    line-height: 1.43;
  }
}

.subtitle-md {
  font-size: 1rem;
  font-weight: 500;
  letter-spacing: 0.015rem;
  line-height: 1.37;
}

.body {
  font-size: 1rem;
  letter-spacing: 0.015rem;
  line-height: 1.25;
}
@media (max-width: 480.98px) {
  .body {
    font-size: 0.875rem;
    font-weight: 400;
    letter-spacing: 0.012rem;
    line-height: 1.43;
  }
}

.body-md {
  font-size: 0.875rem;
  font-weight: 500;
  letter-spacing: 0.016rem;
  line-height: 1.29;
}

.body-sm {
  font-size: 0.875rem;
  font-weight: 400;
  letter-spacing: 0.012rem;
  line-height: 1.43;
}

.caption {
  font-size: 0.75rem;
  letter-spacing: 0.015rem;
  line-height: 1.33;
}

.overline {
  font-size: 0.625rem;
  letter-spacing: 0.06em;
  line-height: 1.6;
  text-transform: uppercase;
}

.container {
  margin-left: auto;
  margin-right: auto;
  padding-left: 16px;
  padding-right: 16px;
  width: 100%;
}
@media (min-width: 1400px) {
  .container.container-md {
    max-width: 1240px;
  }
}
@media (min-width: 1600px) {
  .container.container-md {
    max-width: 1300px;
  }
}
@media (min-width: 576px) {
  .container {
    max-width: 100%;
    padding-left: 28px;
    padding-right: 28px;
  }
}
@media (min-width: 768px) {
  .container {
    max-width: 720px;
    padding-left: 0;
    padding-right: 0;
  }
}
@media (min-width: 992px) {
  .container {
    max-width: 960px;
  }
}
@media (min-width: 1200px) {
  .container {
    max-width: 1140px;
  }
}
@media (min-width: 1400px) {
  .container {
    max-width: 1320px;
  }
}
@media (min-width: 1600px) {
  .container {
    max-width: 1520px;
  }
}

.btn {
  display: flex;
  align-items: center;
  justify-content: center;
  text-transform: capitalize;
  width: max-content;
  cursor: pointer;
}

/* Size */
.btn-sm {
  border-radius: 4px;
  font-size: 0.875rem;
  font-weight: bold;
  letter-spacing: 0.024rem;
  line-height: 1.43;
  padding: 6px 16px;
}

.btn-md {
  border-radius: 6px;
  font-size: 0.938rem;
  font-weight: 700;
  letter-spacing: 0.028rem;
  line-height: 1.47;
  padding: 9px 20px;
}

.btn-lg {
  border-radius: 8px;
  font-size: 1rem;
  font-weight: 700;
  letter-spacing: 0.03rem;
  line-height: 1.5;
  padding: 12px 24px;
}

/* Color */
.btn-primary {
  background-color: var(--primary-main-color);
  color: var(--primary-contrast-color);
}
.btn-primary:hover {
  background-color: var(--primary-contained-hover-color);
}
.btn-primary:disabled {
  background-color: var(--disabled-bg-action-color);
  color: var(--disabled-action-color);
}

.btn-outlined {
  box-shadow: inset 0 0 0 1.5px var(--primary-outlined-resting-color);
  color: var(--primary-main-color);
}
.btn-outlined:hover {
  background-color: var(--primary-outlined-hover-color);
}
.btn-outlined:disabled {
  border: 1.5px solid var(--disabled-action-color);
}

.hamburger {
  transition-property: opacity, filter;
  transition-duration: 0.15s;
  transition-timing-function: linear;
}
.hamburger.active .hamburger-inner {
  transform: rotate(45deg);
  transition-delay: 0.14s;
  transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}
.hamburger.active .hamburger-inner::before {
  top: 0;
  opacity: 0;
  transition: top 0.1s ease, opacity 0.1s 0.14s ease;
}
.hamburger.active .hamburger-inner::after {
  bottom: 0;
  transform: rotate(-90deg);
  transition: bottom 0.1s ease, transform 0.1s 0.14s cubic-bezier(0.215, 0.61, 0.355, 1);
}

.hamburger-inner, .hamburger-inner::before, .hamburger-inner::after {
  width: 20px;
  height: 2px;
  background-color: var(--nav-default-color);
  border-radius: 1px;
  position: absolute;
  transition-property: transform;
  transition-duration: 0.15s;
  transition-timing-function: ease;
}

.hamburger-inner {
  top: 50%;
  margin-top: -2px;
  transition-duration: 0.1s;
  transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
.hamburger-inner::before, .hamburger-inner::after {
  content: "";
  display: block;
}
.hamburger-inner::before {
  transition: top 0.1s 0.14s ease, opacity 0.1s ease;
  top: -6px;
}
.hamburger-inner::after {
  transition: bottom 0.1s 0.14s ease, transform 0.1s cubic-bezier(0.55, 0.055, 0.675, 0.19);
  bottom: -6px;
}

.header {
  position: fixed;
  width: 100%;
  top: 0;
  left: 0;
  z-index: 1;
  box-shadow: 0 2px 20px -2px rgba(0, 0, 0, 0.06);
}
.header::after {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  background-color: rgba(255, 255, 255, 0.6);
  backdrop-filter: blur(14px);
  z-index: -1;
}

.header-nav {
  display: flex;
  align-items: center;
  column-gap: 34px;
  color: var(--nav-default-color);
  height: 72px;
}
@media (max-width: 992.98px) {
  .header-nav {
    height: 44px;
  }
}

.header-logo {
  display: flex;
  column-gap: 10px;
  margin-right: auto;
}
@media (max-width: 992.98px) {
  .header-logo {
    z-index: 1;
    display: block;
  }
}
.header-logo .header-logo__icon {
  width: 53px;
  height: 53px;
}
@media (max-width: 992.98px) {
  .header-logo .header-logo__icon {
    width: 36px;
    height: 36px;
  }
}
.header-logo .header-logo__text {
  height: 53px;
  width: 158px;
  color: var(--primary-text-color);
}
@media (max-width: 992.98px) {
  .header-logo .header-logo__text {
    display: none;
  }
}

.header-nav-end {
  display: flex;
  align-items: center;
  column-gap: 34px;
  transition: all 0.3s;
  top: -1000px;
}
@media (max-width: 992.98px) {
  .header-nav-end {
    position: fixed;
    visibility: hidden;
    background-color: rgba(255, 255, 255, 0.6);
    box-shadow: 0 2px 20px -2px rgba(0, 0, 0, 0.06);
    backdrop-filter: blur(24px);
    height: 100%;
    width: 100%;
    flex-direction: column;
    justify-content: center;
    left: 0;
    opacity: 1;
  }
  .header-nav-end.active {
    top: 0;
    visibility: visible;
  }
}

.header-menu {
  display: flex;
  align-items: center;
  column-gap: 32px;
}
@media (max-width: 992.98px) {
  .header-menu {
    row-gap: 16px;
    flex-direction: column;
  }
}
.header-menu a {
  display: flex;
  align-items: center;
  font-size: 1.125rem;
  font-weight: 500;
  line-height: 1.67;
  transition: font-weight 0.2s ease-in-out;
}
@media (max-width: 992.98px) {
  .header-menu a {
    font-size: 1.625rem;
    font-weight: 500;
    letter-spacing: 0.008rem;
    line-height: 1.3;
  }
}
.header-menu a:hover, .header-menu a.active {
  color: var(--primary-main-color);
}

.header-burget__btn {
  width: 24px;
  height: 24px;
  z-index: 1;
  display: none;
}
@media (max-width: 992.98px) {
  .header-burget__btn {
    display: block;
  }
}
.header-burget__btn svg {
  height: 100%;
  width: 100%;
}

@media (max-width: 992.98px) {
  .go-to-app-btn {
    position: absolute;
    bottom: 62px;
    left: 16px;
    right: 16px;
    width: calc(100% - 32px);
  }
}

.overflow-hidden {
  overflow: hidden;
}

.intro {
  position: relative;
  padding-top: 80px;
}
@media (max-width: 992.98px) {
  .intro {
    padding-top: 52px;
  }
}

.intro-layout {
  display: flex;
  align-items: center;
}
@media (max-width: 768.98px) {
  .intro-layout {
    flex-direction: column;
    text-align: center;
  }
}

.intro__title {
  margin-bottom: 16px;
  color: var(--primary-text-color);
}
@media (max-width: 576.98px) {
  .intro__title {
    margin-bottom: 8px;
  }
}

.nowrap {
  display: block;
  white-space: nowrap;
}
@media (max-width: 576.98px) {
  .nowrap {
    display: inline;
    white-space: normal;
  }
}
@media (max-width: 768.98px) {
  .nowrap {
    white-space: nowrap;
    display: block;
  }
}

.intro__subtitle {
  margin-bottom: 16px;
  max-width: 629px;
  color: var(--secondary-text-color);
}
@media (max-width: 768.98px) {
  .intro__subtitle {
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 0;
  }
}

.intro-links {
  display: flex;
  align-items: center;
  column-gap: 32px;
}
@media (max-width: 768.98px) {
  .intro-links {
    justify-content: center;
  }
}
@media (max-width: 576.98px) {
  .intro-links {
    flex-direction: column;
    row-gap: 16px;
  }
}
.intro-links.mobile-only {
  display: none;
}
@media (max-width: 768.98px) {
  .intro-links.mobile-only {
    display: flex;
  }
}
@media (max-width: 768.98px) {
  .intro-links.desktop-only {
    display: none;
  }
}
@media (max-width: 576.98px) {
  .intro-links a {
    width: 100%;
  }
}

@media (max-width: 768.98px) {
  .intro__animation {
    max-width: 500px;
  }
}
@media (max-width: 576.98px) {
  .intro__animation {
    max-width: 100%;
  }
}

#milestone-text, #exchange-text, #piggy-bank-text, #nft-text, #buyandsell-text, #auction-text, #marketplace-text {
  animation-name: textColor;
  animation-duration: 1s;
  animation-iteration-count: infinite;
  animation-timing-function: linear;
}

#milestone-icon, #exchange-icon, #piggy-bank-icon, #nft-icon, #buyandsell-icon, #auction-icon, #marketplace-icon {
  animation-name: iconColor;
  animation-timing-function: linear;
  animation-duration: 1s;
  animation-iteration-count: infinite;
}

#milestone-text {
  animation-duration: 2s;
}

#milestone-icon {
  animation-duration: 2.6s;
}

@keyframes textColor {
  0% {
    fill: #535361;
  }
  50% {
    fill: #19192C;
  }
  100% {
    fill: #535361;
  }
}
@keyframes iconColor {
  0% {
    fill: #6EB1FF;
  }
  25% {
    fill: #6EB1FF;
  }
  80% {
    fill: #6EB1FF;
  }
  90% {
    fill: #1A82FB;
  }
  100% {
    fill: #6EB1FF;
  }
}
.question {
  position: relative;
}

.question-layout {
  display: flex;
  text-align: center;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  max-width: 1000px;
  margin-left: auto;
  margin-right: auto;
}
@media (max-width: 1600px) {
  .question-layout {
    max-width: 900px;
  }
}
@media (max-width: 1400.98px) {
  .question-layout {
    max-width: 800px;
  }
}
@media (max-width: 1200.98px) {
  .question-layout {
    max-width: 700px;
  }
}
@media (max-width: 992.98px) {
  .question-layout {
    max-width: 600px;
  }
}

.question__title {
  color: var(--primary-text-color);
  margin-bottom: 16px;
}
@media (max-width: 768.98px) {
  .question__title {
    margin-bottom: 8px;
  }
}

.question__subtitle {
  color: var(--secondary-text-color);
  margin-bottom: 16px;
}
@media (max-width: 768.98px) {
  .question__subtitle {
    margin-bottom: 24px;
  }
}

.contracts {
  display: flex;
  gap: 108px;
}
@media (max-width: 1200.98px) {
  .contracts {
    gap: 76px;
  }
}
@media (max-width: 992.98px) {
  .contracts {
    flex-direction: column;
  }
}
@media (max-width: 480.98px) {
  .contracts {
    margin-bottom: 56px;
    gap: 42px;
  }
}
.contracts > * {
  flex: 1 1 50%;
}
@media (max-width: 992.98px) {
  .contracts > * {
    flex-basis: 100%;
  }
}

.contracts-left {
  display: flex;
  flex-direction: column;
  justify-content: center;
}
@media (max-width: 992.98px) {
  .contracts-left {
    align-items: center;
  }
}

@media (max-width: 992.98px) {
  .contracts-right {
    display: flex;
    justify-content: center;
  }
}

.cotracts-title {
  color: var(--prima);
}

.cotracts-description {
  color: var(--primary-text-color);
  margin-top: 16px;
}
.cotracts-description:first-of-type {
  margin-top: 24px;
}

.contracts-advantages {
  margin-top: 70px;
  display: flex;
  gap: 40px;
}
@media (max-width: 480.98px) {
  .contracts-advantages {
    gap: 20px;
  }
}

.contracts-advantage-type {
  color: var(--tertiary-text-color);
}

.contracts-advantage {
  padding: 3px 16px 16px;
  box-shadow: 0px 40px 16px rgba(0, 0, 0, 0.01), 0px 23px 14px rgba(0, 0, 0, 0.03), 0px 10px 10px rgba(0, 0, 0, 0.04), 0px 3px 6px rgba(0, 0, 0, 0.05), 0px 0px 0px rgba(0, 0, 0, 0.05);
  border-radius: 24px;
  transition: box-shadow 0.3s ease-in;
}
@media (max-width: 480.98px) {
  .contracts-advantage {
    text-align: center;
    display: flex;
    flex-direction: column;
    justify-content: space-evenly;
  }
}
.contracts-advantage:hover {
  box-shadow: none;
}
.contracts-advantage img {
  margin-top: 12px;
}

.contracts-networks {
  max-width: 703px;
  width: 100%;
  margin-top: 38px;
  padding: 24px;
  box-shadow: 0px 40px 16px rgba(0, 0, 0, 0.01), 0px 23px 14px rgba(0, 0, 0, 0.03), 0px 10px 10px rgba(0, 0, 0, 0.04), 0px 3px 6px rgba(0, 0, 0, 0.05), 0px 0px 0px rgba(0, 0, 0, 0.05);
  border-radius: 24px;
  transition: box-shadow 0.3s ease-in;
}
.contracts-networks:hover {
  box-shadow: 0px 10px 8px rgba(0, 0, 0, 0.06);
}

.contracts-networks-title {
  color: var(--secondary-text-color);
}

.contacts-networks-list {
  margin-top: 24px;
  display: flex;
  flex-wrap: wrap;
  row-gap: 24px;
  justify-content: space-between;
}
.contacts-networks-list > * {
  display: flex;
  flex: 1 1 34%;
  align-items: center;
  gap: 20px;
}
@media (max-width: 480.98px) {
  .contacts-networks-list > * {
    gap: 10px;
  }
}
@media (max-width: 426px) {
  .contacts-networks-list > * {
    flex: 1 1 100%;
  }
}

.contracts-network svg {
  width: 52px;
  height: 52px;
}
@media (max-width: 480.98px) {
  .contracts-network svg {
    width: 36px;
    height: 36px;
  }
}

.contracts-form {
  display: flex;
  flex-direction: column;
  gap: 14px;
  background: linear-gradient(157.09deg, rgba(244, 247, 250, 0.5) 15.24%, rgba(230, 236, 242, 0.5) 85.86%), #FFFFFF;
  border: 1.5px solid #FFFFFF;
  box-shadow: 0px 98px 39px rgba(0, 0, 0, 0.01), 0px 55px 33px rgba(0, 0, 0, 0.03), 0px 24px 24px rgba(0, 0, 0, 0.04), 0px 6px 13px rgba(0, 0, 0, 0.05), 0px 0px 0px rgba(0, 0, 0, 0.05);
  border-radius: 24px;
  padding: 24px;
  max-width: 629px;
  width: 100%;
}
@media (max-width: 480.98px) {
  .contracts-form {
    border-radius: 8px;
    padding: 12px 8px 8px;
  }
}

.contracts-form-title {
  text-align: center;
}

.contracts-form-input-label {
  display: flex;
  flex-direction: column;
  gap: 6px;
}
.contracts-form-input-label p {
  display: flex;
  align-items: center;
  gap: 2px;
}
.contracts-form-input-label span {
  color: var(--tertiary-text-color);
}
.contracts-form-input-label svg {
  width: 16px;
  height: 16px;
}

.contracts-form-input {
  border-radius: 10px;
  background: linear-gradient(0deg, #fff, #fff) padding-box, linear-gradient(180deg, #fafafa 0%, #d6d6d6 100%) border-box;
  border: 1px solid transparent;
  color: var(--tertiary-text-color);
  display: inline-block;
  padding: 14px 12px;
  transition: box-shadow 0.3s;
}
.contracts-form-input:hover {
  box-shadow: 0 4px 14px -4px rgba(0, 0, 0, 0.1);
  color: var(--secondary-text-color);
}
.contracts-form-input:focus {
  border: 1px solid var(--primary-main-color);
  box-shadow: none;
  color: var(--primary-text-color);
  outline: 0;
}
@media (max-width: 480.98px) {
  .contracts-form-input {
    padding: 10px 8px;
  }
}

.contracts-form-privacy {
  color: var(--secondary-text-color);
}
.contracts-form-privacy a {
  color: var(--primary-main-color);
}

.contracts-form-buttons {
  margin-top: 22px;
  display: flex;
  justify-content: space-between;
}

.contracts-form-amount-inputs-wrapper {
  display: flex;
  flex-direction: column;
  background-color: var(--primary-contrast-color);
  border-radius: 10px;
  border: 1px solid transparent;
}
.contracts-form-amount-inputs-wrapper:focus-within {
  border: 1px solid var(--primary-main-color);
  box-shadow: none;
  color: var(--primary-text-color);
}

.contracts-form-amount-input,
.contracts-form-zenfee-input {
  background: none;
}
.contracts-form-amount-input:hover,
.contracts-form-zenfee-input:hover {
  box-shadow: none;
}
.contracts-form-amount-input:focus,
.contracts-form-zenfee-input:focus {
  outline: none;
  border: 1px solid transparent;
  box-shadow: none;
  color: var(--primary-text-color);
}

.contracts-form-amount-inputs-divider {
  width: 97%;
  margin: 0 auto;
  height: 0;
  border-bottom: 1px solid var(--nav-divider-color);
}

.contracts-form-textarea {
  min-height: 178px;
  resize: vertical;
  max-height: 300px;
}

.marketplace {
  display: flex;
  flex-direction: column;
  align-items: center;
  margin-top: 364px;
  margin-bottom: 364px;
}
@media (max-width: 576.98px) {
  .marketplace {
    margin-top: 182px;
    margin-bottom: 182px;
  }
}

.marketplace__title {
  color: var(--primary-text-color);
}
@media (max-width: 768.98px) {
  .marketplace__title {
    text-align: center;
  }
}

.marketplace__description {
  max-width: 849px;
  text-align: center;
  margin-top: 24px;
  color: var(--secondary-text-color);
}

.marketplace__img-profile {
  margin-top: 54px;
}

.marketplace__img-create {
  margin-left: auto;
  margin-top: -710px;
}
@media (max-width: 1400.98px) {
  .marketplace__img-create {
    margin-top: -660px;
  }
}
@media (max-width: 1200.98px) {
  .marketplace__img-create {
    margin-top: -554px;
  }
}
@media (max-width: 992.98px) {
  .marketplace__img-create {
    margin-top: unset;
    margin-left: unset;
  }
}

.marketplace__img-product {
  margin-right: auto;
  margin-top: -560px;
}
@media (max-width: 1400.98px) {
  .marketplace__img-product {
    margin-top: -260px;
  }
}
@media (max-width: 1200.98px) {
  .marketplace__img-product {
    margin-top: -354px;
  }
}
@media (max-width: 992.98px) {
  .marketplace__img-product {
    margin-top: unset;
    margin-right: unset;
  }
}

.marketplace__img {
  border-radius: 24px;
  box-shadow: 0px 98px 39px rgba(0, 0, 0, 0.01), 0px 55px 33px rgba(0, 0, 0, 0.03), 0px 24px 24px rgba(0, 0, 0, 0.04), 0px 6px 13px rgba(0, 0, 0, 0.05), 0px 0px 0px rgba(0, 0, 0, 0.05);
}
@media (max-width: 992.98px) {
  .marketplace__img {
    margin-top: 54px;
  }
}
@media (max-width: 480.98px) {
  .marketplace__img {
    margin-top: 28px;
    border-radius: 12px;
  }
}

.marketplace__badge {
  margin-top: 82px;
  max-width: 632px;
  width: 100%;
  padding: 24px;
  display: flex;
  gap: 16px;
  box-shadow: 0px 10px 31px -8px rgba(0, 0, 0, 0.12);
  border-radius: 16px;
  position: relative;
}
@media (max-width: 1400.98px) {
  .marketplace__badge {
    width: 45%;
  }
}
@media (max-width: 1200.98px) {
  .marketplace__badge {
    width: 35%;
  }
}
@media (max-width: 992.98px) {
  .marketplace__badge {
    width: 100%;
    margin-top: 54px;
  }
}
@media (max-width: 480.98px) {
  .marketplace__badge {
    margin-top: 28px;
    padding: 12px;
    border-radius: 8px;
  }
}
.marketplace__badge .line {
  width: 8px;
  min-height: 100%;
  background-color: var(--primary-main-color);
  border-radius: 4px;
  flex-shrink: 0;
}
.marketplace__badge.badge-line-right {
  margin-right: auto;
  text-align: right;
  left: 80px;
}
@media (max-width: 1600.98px) {
  .marketplace__badge.badge-line-right {
    left: 0;
  }
}
@media (max-width: 992.98px) {
  .marketplace__badge.badge-line-right {
    margin-right: unset;
  }
}
.marketplace__badge.badge-line-right .line {
  margin-right: 40px;
  margin-left: 0;
}
@media (max-width: 480.98px) {
  .marketplace__badge.badge-line-right .line {
    margin-right: 20px;
  }
}
.marketplace__badge.badge-line-left {
  flex-direction: row-reverse;
  margin-left: auto;
  text-align: left;
  right: 80px;
}
@media (max-width: 1600.98px) {
  .marketplace__badge.badge-line-left {
    right: 0;
  }
}
@media (max-width: 992.98px) {
  .marketplace__badge.badge-line-left {
    margin-left: unset;
  }
}
.marketplace__badge.badge-line-left .line {
  margin-left: 40px;
  margin-right: 0;
}
@media (max-width: 480.98px) {
  .marketplace__badge.badge-line-left .line {
    margin-left: 20px;
  }
}

.marketplace__article-marketplace {
  margin-top: 46px;
}
@media (max-width: 992.98px) {
  .marketplace__article-marketplace {
    margin-top: 54px;
  }
}
@media (max-width: 480.98px) {
  .marketplace__article-marketplace {
    margin-top: 28px;
  }
}

.mission {
  position: relative;
}

.mission-layout {
  display: flex;
  justify-content: center;
  align-items: center;
  column-gap: 40px;
}
@media (max-width: 768.98px) {
  .mission-layout {
    flex-direction: column-reverse;
    row-gap: 32px;
  }
}

.mission-video {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 300px;
  min-width: 500px;
}
@media (max-width: 992.98px) {
  .mission-video {
    min-width: 300px;
    height: auto;
  }
}
@media (max-width: 768.98px) {
  .mission-video {
    text-align: center;
    height: 220px;
  }
}
.mission-video video {
  width: 100%;
  height: 100%;
}

.mission-description {
  text-align: left;
  max-width: 750px;
}
@media (max-width: 768.98px) {
  .mission-description {
    max-width: 100%;
    text-align: center;
  }
}

.mission-description__title {
  margin-bottom: 16px;
  color: var(--primary-text-color);
}

.mission-description__subtitle {
  display: inline-block;
  margin-bottom: 8px;
  color: var(--secondary-text-color);
}

.mission-description__content {
  color: var(--secondary-text-color);
}

.journey {
  margin-bottom: 150px;
}

.journey-hero {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  text-align: center;
  max-width: 1000px;
  margin-left: auto;
  margin-right: auto;
}
@media (max-width: 1600px) {
  .journey-hero {
    max-width: 900px;
  }
}
@media (max-width: 1400.98px) {
  .journey-hero {
    max-width: 800px;
  }
}
@media (max-width: 1200.98px) {
  .journey-hero {
    max-width: 700px;
  }
}
@media (max-width: 992.98px) {
  .journey-hero {
    max-width: 600px;
  }
}

@media (max-width: 1400.98px) {
  .journey-nowrap {
    display: block;
    white-space: nowrap;
  }
}
@media (max-width: 576.98px) {
  .journey-nowrap {
    display: inline;
    white-space: normal;
  }
}

.journey-list-wrapper {
  display: grid;
  grid-template-columns: repeat(12, 1fr);
  position: relative;
  align-items: center;
  z-index: 0;
  height: 65vh;
  min-height: 550px;
}
@media (max-width: 768.98px) {
  .journey-list-wrapper {
    display: block;
    height: max-content;
  }
}

.journey__title {
  color: var(--primary-text-color);
  margin-bottom: 30px;
}
@media (max-width: 576.98px) {
  .journey__title {
    margin-bottom: 8px;
  }
}

.journey__subtitle {
  color: var(--secondary-text-color);
}

.journey-slider {
  grid-column: 1/7;
  height: calc(100% - 200px);
  min-height: 340px;
}
@media (max-width: 768.98px) {
  .journey-slider {
    text-align: center;
    height: max-content;
    min-height: auto;
  }
}
.journey-slider::before, .journey-slider::after {
  content: "";
  position: absolute;
  left: 0;
  height: 120px;
  width: 100%;
  z-index: 2;
}
@media (max-width: 1200.98px) {
  .journey-slider::before, .journey-slider::after {
    height: 100px;
  }
}
@media (max-width: 992.98px) {
  .journey-slider::before, .journey-slider::after {
    height: 50px;
  }
}
@media (max-width: 768.98px) {
  .journey-slider::before, .journey-slider::after {
    display: none;
  }
}
.journey-slider::before {
  top: 0;
  background-image: linear-gradient(180deg, #FFFFFF 14.06%, rgba(255, 255, 255, 0) 100%);
}
.journey-slider::after {
  bottom: 0;
  background-image: linear-gradient(180deg, rgba(255, 255, 255, 0) 14.06%, #FFFFFF 100%);
}
@media (max-width: 768.98px) {
  .journey-slider > .swiper-pagination.swiper-pagination-bullets {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 4px;
    left: 50%;
    right: auto;
    top: 93px;
    width: max-content;
    transform: translateX(-50%);
  }
}

.sticky-animation-wrapper {
  grid-column: 9/-1;
  display: flex;
}

.sticky-animation {
  margin-left: auto;
}
@media (max-width: 768.98px) {
  .sticky-animation {
    margin-right: auto;
    display: flex;
    align-items: center;
    justify-content: center;
  }
}
.sticky-animation video {
  display: none;
  height: 100%;
}
.sticky-animation video.active {
  display: block;
}

.sticky-avatar {
  width: 130px;
  height: 130px;
}

.journey-list-item {
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding-left: 40px;
}
@media (max-width: 768.98px) {
  .journey-list-item.swiper-slide {
    height: max-content;
    padding-left: 0;
  }
}

@media (max-width: 768.98px) {
  .journey-list-item__title-wrapper {
    height: 100px;
    display: flex;
    align-items: flex-end;
    justify-content: center;
  }
}

.journey-list-item__title {
  color: var(--primary-text-color);
  margin-bottom: 16px;
}
@media (max-width: 768.98px) {
  .journey-list-item__title {
    margin-bottom: 13px;
  }
}

.journey-list-item__subtitle {
  color: var(--secondary-text-color);
}

.swiper-pagination.journey-slider-pagination {
  left: 0;
  right: auto;
  width: max-content;
}
.swiper-pagination.journey-slider-pagination .swiper-pagination-bullet {
  background-color: var(--primary-main-color);
  opacity: 1;
  width: 4px;
  height: 20px;
  border-radius: 2px;
  transition: height 0.3s;
}
@media (max-width: 768.98px) {
  .swiper-pagination.journey-slider-pagination .swiper-pagination-bullet {
    width: 20px;
    height: 4px;
    transition: width 0.3s;
  }
}
.swiper-pagination.journey-slider-pagination .swiper-pagination-bullet-active {
  height: 154px;
}
@media (max-width: 768.98px) {
  .swiper-pagination.journey-slider-pagination .swiper-pagination-bullet-active {
    height: 4px;
    width: 154px;
  }
}

.different {
  position: relative;
  margin-bottom: 300px;
}
@media (max-width: 768.98px) {
  .different {
    margin-bottom: 89px;
  }
}
.different::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(110, 177, 255, 0.3);
  z-index: -1;
  opacity: 0.2;
  filter: blur(100px);
}

.different-layout {
  display: flex;
  justify-content: center;
  flex-direction: column;
}

.different__title {
  margin-bottom: 40px;
}
@media (max-width: 992.98px) {
  .different__title {
    text-align: center;
  }
}
@media (max-width: 576.98px) {
  .different__title {
    margin-bottom: 24px;
  }
}

.different__link {
  display: flex;
  align-items: center;
  column-gap: 6px;
  width: max-content;
  color: var(--primary-main-color);
  margin-bottom: 36px;
}
.different__link svg {
  fill: var(--primary-main-color);
  width: 24px;
  height: 24px;
}

.different-list {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 64px 128px;
}
@media (max-width: 992.98px) {
  .different-list {
    grid-template-columns: repeat(1, 1fr);
    row-gap: 24px;
  }
}

.different-list-item {
  display: grid;
  column-gap: 32px;
  grid-template-columns: 128px 1fr;
  align-items: center;
  background-color: #FFFFFF;
  box-shadow: 0 39px 16px rgba(0, 0, 0, 0.01), 0 22px 13px rgba(0, 0, 0, 0.02), 0 10px 10px rgba(0, 0, 0, 0.02), 0px 2px 5px rgba(0, 0, 0, 0.01);
  border-radius: 24px;
  padding: 24px 32px;
}
@media (max-width: 992.98px) {
  .different-list-item {
    box-shadow: 0px 6px 6px rgba(0, 0, 0, 0.02), 0px 1px 8px rgba(0, 0, 0, 0.05);
  }
}
@media (max-width: 480.98px) {
  .different-list-item {
    display: block;
    padding: 12px 8px;
    border-radius: 8px;
  }
}

.different-list-item__img {
  width: 128px;
  height: 128px;
}
@media (max-width: 480.98px) {
  .different-list-item__img {
    width: 70px;
    height: 70px;
    min-width: 70px;
  }
}
.different-list-item__img.mobile-only {
  display: none;
}
@media (max-width: 480.98px) {
  .different-list-item__img.mobile-only {
    display: block;
  }
}
@media (max-width: 480.98px) {
  .different-list-item__img.desktop-only {
    display: none;
  }
}

@media (max-width: 480.98px) {
  .different-list-item__title-wrapper {
    display: flex;
    align-items: center;
    column-gap: 24px;
    margin-bottom: 8px;
    padding-left: 6px;
  }
}

.different-list-item__title {
  color: var(--primary-text-color);
  text-transform: capitalize;
  margin-bottom: 16px;
}
@media (max-width: 480.98px) {
  .different-list-item__title {
    margin-bottom: 0;
  }
}

.different-list-item__subtitle {
  color: var(--secondary-text-color);
}

.featured {
  padding-top: 40px;
  padding-bottom: 78px;
  margin-top: 280px;
  margin-bottom: 280px;
  box-shadow: 0px 49px 80px -35px rgba(0, 0, 0, 0.12);
}
@media (max-width: 768.98px) {
  .featured {
    margin-top: 140px;
    margin-bottom: 140px;
  }
}

.featured__container {
  min-height: auto;
}

.featured__title {
  text-align: center;
}

.featured__blocks {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  row-gap: 64px;
  column-gap: 124px;
  margin-top: 64px;
}
@media (max-width: 768.98px) {
  .featured__blocks {
    row-gap: 48px;
  }
}
@media (max-width: 480.98px) {
  .featured__blocks {
    margin-top: 32px;
  }
}

.featured__block {
  flex: 1 1 15%;
}
.featured__block:focus img {
  filter: grayscale(0);
}
@media (max-width: 768.98px) {
  .featured__block {
    flex-basis: 30%;
  }
}
@media (max-width: 480.98px) {
  .featured__block {
    flex-basis: 100%;
    text-align: center;
  }
}

.featured__block-img {
  height: 100%;
  max-height: 80px;
  object-fit: contain;
  filter: grayscale(1);
  transition: filter 0.3s ease-in;
}
.featured__block-img:hover {
  filter: grayscale(0);
}
@media (max-width: 768.98px) {
  .featured__block-img {
    max-height: 60px;
  }
}
@media (max-width: 480.98px) {
  .featured__block-img {
    max-height: 40px;
  }
}

.supports {
  margin-top: 224px;
  margin-bottom: 224px;
  padding-top: 36px;
  padding-bottom: 36px;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 32px;
}
@media (max-width: 480.98px) {
  .supports {
    margin-top: 122px;
    margin-bottom: 122px;
  }
}

.supports__header {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 16px;
}

.supports__title {
  max-width: 784px;
  color: var(--primary-text-color);
  text-align: center;
}

.supports__description {
  max-width: 976px;
  color: var(--secondary-text-color);
  text-align: center;
}

.supports__boxes {
  border-radius: 24px;
  display: flex;
  flex-wrap: wrap;
  transition: box-shadow 0.3s ease-in;
}
.supports__boxes.supports__boxes-shadows {
  box-shadow: 0px 6px 28px -4px rgba(0, 0, 0, 0.1);
}

.supports__networks {
  max-width: 1076px;
}

.supports__network {
  flex: 1 1 30%;
  padding: 14px;
  display: flex;
  justify-content: center;
}

.supports__network-icon {
  max-width: 198px;
  max-height: 94px;
}
@media (max-width: 576.98px) {
  .supports__network-icon {
    max-width: 124px;
    max-height: 76px;
  }
}

.supports__tokens {
  gap: 16px;
  max-width: 776px;
  padding: 8px;
  display: flex;
  border-radius: 20px;
}
@media (max-width: 992.98px) {
  .supports__tokens {
    justify-content: center;
  }
}

.supports_token {
  display: flex;
  align-items: center;
  padding: 8px 16px;
}
@media (max-width: 992.98px) {
  .supports_token {
    flex-basis: 40%;
    justify-content: center;
  }
}
@media (max-width: 576.98px) {
  .supports_token {
    gap: 4px;
  }
}

.supports__token-icon {
  width: 48px;
  height: 48px;
}
@media (max-width: 576.98px) {
  .supports__token-icon {
    width: 32px;
    height: 32px;
  }
}

.supports__zenf-icon {
  height: 50px;
  width: 52px;
}
@media (max-width: 480.98px) {
  .supports__zenf-icon {
    height: 25px;
    width: 26px;
  }
}

.supports__zenf-text-icon {
  height: 27px;
  width: 228px;
}
@media (max-width: 480.98px) {
  .supports__zenf-text-icon {
    height: 16px;
    width: 124px;
  }
}

.supports__zenf {
  display: flex;
  align-items: center;
  padding: 16px 28px;
  gap: 28px;
}
@media (max-width: 480.98px) {
  .supports__zenf {
    gap: 14px;
  }
}

.supports__zenf-text-icon {
  color: var(--primary-main-color);
}

.team {
  margin-top: 224px;
  margin-bottom: 224px;
}

.team__title {
  margin-bottom: 16px;
  color: var(--primary-text-color);
  text-align: center;
}

.team__description {
  margin-bottom: 56px;
  color: var(--secondary-text-color);
  text-align: center;
  max-width: 1200px;
  margin-right: auto;
  margin-left: auto;
}

.team__blocks {
  display: flex;
  column-gap: 40px;
  row-gap: 60px;
  justify-content: center;
  flex-wrap: wrap;
  max-width: 1091px;
  margin: 0 auto;
}

.team__block {
  background: #FFFFFF;
  box-shadow: 0px 22px 50px -14px rgba(0, 0, 0, 0.12);
  border-radius: 16px;
  max-width: 223px;
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 8px;
}
.team__block:hover .team__block-position::after {
  transform: scale(1);
}

.team__block-info {
  display: flex;
  flex-direction: column;
  gap: 4px;
  height: 100%;
  align-items: center;
  text-align: center;
  color: var(--primary-text-color);
}

.team__block-position {
  position: relative;
  padding-bottom: 3px;
  white-space: nowrap;
}
.team__block-position::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 3px;
  transform: scale(0);
  transition: transform 0.3s ease-in;
  border-radius: 14px;
  background-color: var(--primary-main-color);
}

.team__block-experience {
  color: var(--secondary-text-color);
}

.team__block-socials {
  display: flex;
  gap: 12px;
  padding: 4px 0 2px 0;
  margin-top: auto;
}

.team__block-social__icon {
  width: 24px;
  height: 24px;
  color: var(--primary-main-color);
}

.team__block-img {
  margin-bottom: 8px;
}

.conclusion {
  display: grid;
  column-gap: 16px;
  grid-template-columns: 1fr 1fr;
  align-items: center;
  justify-content: space-between;
}

.conclusion-start {
  border: 10px solid var(--primary-main-color);
  width: 750px;
  height: 392px;
}

.conclusion-end {
  text-align: end;
}

.conclusion__title {
  color: var(--primary-text-color);
  margin-bottom: 18px;
}

.conclusion__subtitle {
  color: var(--secondary-text-color);
}

.footer-layer {
  padding: 40px 40px 0;
  border-top-left-radius: 32px;
  border-top-right-radius: 32px;
  opacity: 1 !important;
  transition: opacity 0.3s ease-in-out;
}
.footer-layer.footer-layer-visible {
  opacity: 1;
}
@media (max-width: 1600px) {
  .footer-layer {
    padding: 36px 36px 0;
  }
}
@media (max-width: 1400.98px) {
  .footer-layer {
    padding: 32px 32px 0;
  }
}
@media (max-width: 1200.98px) {
  .footer-layer {
    padding: 28px 28px 0;
  }
}
@media (max-width: 992.98px) {
  .footer-layer {
    padding: 24px 24px 0;
  }
}
@media (max-width: 768.98px) {
  .footer-layer {
    padding: 20px 0 0;
  }
}
@media (max-width: 480.98px) {
  .footer-layer {
    padding: 12px 0 0;
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
  }
}

.footer-layer-1 {
  box-shadow: 0px -100px 40px rgba(0, 0, 0, 0.01), 0px -6px 14px rgba(0, 0, 0, 0.01);
}
@media (max-width: 1600px) {
  .footer-layer-1 {
    box-shadow: 0px -80px 32px rgba(0, 0, 0, 0.01), 0px -6px 14px rgba(0, 0, 0, 0.01);
  }
}
@media (max-width: 1400.98px) {
  .footer-layer-1 {
    box-shadow: 0px -60px 24px rgba(0, 0, 0, 0.01), 0px -6px 14px rgba(0, 0, 0, 0.01);
  }
}
@media (max-width: 1200.98px) {
  .footer-layer-1 {
    box-shadow: 0px -40px 16px rgba(0, 0, 0, 0.01), 0px -6px 14px rgba(0, 0, 0, 0.01);
  }
}
@media (max-width: 992.98px) {
  .footer-layer-1 {
    box-shadow: 0px -30px 12px rgba(0, 0, 0, 0.01), 0px -6px 14px rgba(0, 0, 0, 0.01);
  }
}
@media (max-width: 768.98px) {
  .footer-layer-1 {
    box-shadow: 0px -24px 8px rgba(0, 0, 0, 0.01), 0px -6px 14px rgba(0, 0, 0, 0.01);
  }
}
@media (max-width: 480.98px) {
  .footer-layer-1 {
    box-shadow: 0px -4px 4px rgba(0, 0, 0, 0.01), 0px -6px 14px rgba(0, 0, 0, 0.01);
  }
}

.footer-layer-2 {
  box-shadow: 0px -100px 40px rgba(0, 0, 0, 0.01), 0px -6px 14px rgba(0, 0, 0, 0.02);
}
@media (max-width: 1600px) {
  .footer-layer-2 {
    box-shadow: 0px -80px 32px rgba(0, 0, 0, 0.01), 0px -6px 14px rgba(0, 0, 0, 0.02);
  }
}
@media (max-width: 1400.98px) {
  .footer-layer-2 {
    box-shadow: 0px -60px 24px rgba(0, 0, 0, 0.01), 0px -6px 14px rgba(0, 0, 0, 0.02);
  }
}
@media (max-width: 1200.98px) {
  .footer-layer-2 {
    box-shadow: 0px -40px 16px rgba(0, 0, 0, 0.01), 0px -6px 14px rgba(0, 0, 0, 0.02);
  }
}
@media (max-width: 992.98px) {
  .footer-layer-2 {
    box-shadow: 0px -30px 12px rgba(0, 0, 0, 0.01), 0px -6px 14px rgba(0, 0, 0, 0.02);
  }
}
@media (max-width: 768.98px) {
  .footer-layer-2 {
    box-shadow: 0px -24px 8px rgba(0, 0, 0, 0.01), 0px -6px 14px rgba(0, 0, 0, 0.02);
  }
}
@media (max-width: 480.98px) {
  .footer-layer-2 {
    box-shadow: 0px -4px 4px rgba(0, 0, 0, 0.01), 0px -6px 14px rgba(0, 0, 0, 0.02);
  }
}

.footer-layer-3 {
  box-shadow: 0px -100px 40px rgba(0, 0, 0, 0.01), 0px -6px 14px rgba(0, 0, 0, 0.03);
}
@media (max-width: 1600px) {
  .footer-layer-3 {
    box-shadow: 0px -80px 32px rgba(0, 0, 0, 0.01), 0px -6px 14px rgba(0, 0, 0, 0.03);
  }
}
@media (max-width: 1400.98px) {
  .footer-layer-3 {
    box-shadow: 0px -60px 24px rgba(0, 0, 0, 0.01), 0px -6px 14px rgba(0, 0, 0, 0.03);
  }
}
@media (max-width: 1200.98px) {
  .footer-layer-3 {
    box-shadow: 0px -40px 16px rgba(0, 0, 0, 0.01), 0px -6px 14px rgba(0, 0, 0, 0.03);
  }
}
@media (max-width: 992.98px) {
  .footer-layer-3 {
    box-shadow: 0px -30px 12px rgba(0, 0, 0, 0.01), 0px -6px 14px rgba(0, 0, 0, 0.03);
  }
}
@media (max-width: 768.98px) {
  .footer-layer-3 {
    box-shadow: 0px -24px 8px rgba(0, 0, 0, 0.01), 0px -6px 14px rgba(0, 0, 0, 0.03);
  }
}
@media (max-width: 480.98px) {
  .footer-layer-3 {
    box-shadow: 0px -4px 4px rgba(0, 0, 0, 0.01), 0px -6px 14px rgba(0, 0, 0, 0.03);
  }
}

.footer-layer-4 {
  box-shadow: 0px -100px 40px rgba(0, 0, 0, 0.01), 0px -6px 14px rgba(0, 0, 0, 0.04);
}
@media (max-width: 1600px) {
  .footer-layer-4 {
    box-shadow: 0px -80px 32px rgba(0, 0, 0, 0.01), 0px -6px 14px rgba(0, 0, 0, 0.04);
  }
}
@media (max-width: 1400.98px) {
  .footer-layer-4 {
    box-shadow: 0px -60px 24px rgba(0, 0, 0, 0.01), 0px -6px 14px rgba(0, 0, 0, 0.04);
  }
}
@media (max-width: 1200.98px) {
  .footer-layer-4 {
    box-shadow: 0px -40px 16px rgba(0, 0, 0, 0.01), 0px -6px 14px rgba(0, 0, 0, 0.04);
  }
}
@media (max-width: 992.98px) {
  .footer-layer-4 {
    box-shadow: 0px -30px 12px rgba(0, 0, 0, 0.01), 0px -6px 14px rgba(0, 0, 0, 0.04);
  }
}
@media (max-width: 768.98px) {
  .footer-layer-4 {
    box-shadow: 0px -24px 8px rgba(0, 0, 0, 0.01), 0px -6px 14px rgba(0, 0, 0, 0.04);
  }
}
@media (max-width: 480.98px) {
  .footer-layer-4 {
    box-shadow: 0px -4px 4px rgba(0, 0, 0, 0.01), 0px -6px 14px rgba(0, 0, 0, 0.04);
  }
}

.footer-layer-5 {
  box-shadow: 0px -100px 40px rgba(0, 0, 0, 0.01), 0px -6px 14px rgba(0, 0, 0, 0.05);
}
@media (max-width: 1600px) {
  .footer-layer-5 {
    box-shadow: 0px -80px 32px rgba(0, 0, 0, 0.01), 0px -6px 14px rgba(0, 0, 0, 0.05);
  }
}
@media (max-width: 1400.98px) {
  .footer-layer-5 {
    box-shadow: 0px -60px 24px rgba(0, 0, 0, 0.01), 0px -6px 14px rgba(0, 0, 0, 0.05);
  }
}
@media (max-width: 1200.98px) {
  .footer-layer-5 {
    box-shadow: 0px -40px 16px rgba(0, 0, 0, 0.01), 0px -6px 14px rgba(0, 0, 0, 0.05);
  }
}
@media (max-width: 992.98px) {
  .footer-layer-5 {
    box-shadow: 0px -30px 12px rgba(0, 0, 0, 0.01), 0px -6px 14px rgba(0, 0, 0, 0.05);
  }
}
@media (max-width: 768.98px) {
  .footer-layer-5 {
    box-shadow: 0px -24px 8px rgba(0, 0, 0, 0.01), 0px -6px 14px rgba(0, 0, 0, 0.05);
  }
}
@media (max-width: 480.98px) {
  .footer-layer-5 {
    box-shadow: 0px -4px 4px rgba(0, 0, 0, 0.01), 0px -6px 14px rgba(0, 0, 0, 0.05);
  }
}

.footer {
  background-color: #FFFFFF99;
  border-top-left-radius: 24px;
  border-top-right-radius: 24px;
  box-shadow: 0px -100px 40px rgba(0, 0, 0, 0.01), 0px -6px 14px rgba(0, 0, 0, 0.06);
  padding-top: 40px;
  padding-bottom: 42px;
}
@media (max-width: 1600px) {
  .footer {
    box-shadow: 0px -80px 32px rgba(0, 0, 0, 0.01), 0px -6px 14px rgba(0, 0, 0, 0.06);
  }
}
@media (max-width: 1400.98px) {
  .footer {
    padding: 32px 32px 16px;
    box-shadow: 0px -60px 24px rgba(0, 0, 0, 0.01), 0px -6px 14px rgba(0, 0, 0, 0.06);
  }
}
@media (max-width: 1200.98px) {
  .footer {
    box-shadow: 0px -40px 16px rgba(0, 0, 0, 0.01), 0px -6px 14px rgba(0, 0, 0, 0.06);
    padding: 28px 28px 16px;
  }
}
@media (max-width: 992.98px) {
  .footer {
    padding-top: 8px;
    padding-bottom: 24px;
    box-shadow: 0px -24px 8px rgba(0, 0, 0, 0.01), 0px -6px 14px rgba(0, 0, 0, 0.06);
  }
}
@media (max-width: 480.98px) {
  .footer {
    box-shadow: 0px -4px 4px rgba(0, 0, 0, 0.01), 0px -6px 14px rgba(0, 0, 0, 0.06);
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
    padding: 12px 0 24px;
  }
}

.footer-logo__link {
  display: block;
  width: max-content;
  margin-left: auto;
  margin-right: auto;
}
.footer-logo__link svg {
  width: 265px;
  height: 64px;
}
@media (max-width: 480.98px) {
  .footer-logo__link svg {
    width: 206px;
    height: 50px;
  }
}

.footer-layout {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  column-gap: 16px;
  padding: 32px 32px 40px;
  margin-top: 32px;
  margin-bottom: 40px;
  border-top: 1px solid var(--nav-divider-color);
  border-bottom: 1px solid var(--nav-divider-color);
}
@media (max-width: 1400.98px) {
  .footer-layout {
    grid-template-columns: repeat(2, 1fr);
    gap: 16px;
  }
}
@media (max-width: 992.98px) {
  .footer-layout {
    grid-template-columns: repeat(1, 1fr);
    margin-top: 0;
    padding: 0;
    border-bottom: 0;
  }
}
@media (max-width: 480.98px) {
  .footer-layout {
    margin-bottom: 24px;
  }
}

@media (max-width: 992.98px) {
  .footer-layout-item {
    padding: 24px 16px;
    border-bottom: 1px solid var(--nav-divider-color);
  }
}

.footer-communicate__subtitle {
  color: var(--secondary-text-color);
  margin-bottom: 8px;
}

.footer-communicate__mail {
  color: var(--primary-text-color);
  transition: color 0.3s ease-in;
}
.footer-communicate__mail:hover {
  color: var(--primary-main-color);
}

.footer-form {
  display: flex;
  column-gap: 10px;
}
.footer-form label {
  flex: 1;
}
.footer-form input {
  width: 100%;
  background: linear-gradient(0deg, #fff, #fff) padding-box, linear-gradient(180deg, #fafafa 0%, #d6d6d6 100%) border-box;
  border: 1px solid transparent;
  border-radius: 10px;
  color: var(--tertiary-text-color);
  display: inline-block;
  padding: 12px 8px;
  transition: all 0.3s;
  outline: none;
}
@media (max-width: 480.98px) {
  .footer-form input {
    font-size: 14px;
  }
}
.footer-form input:hover:not(:disabled) {
  box-shadow: 0 4px 14px -4px rgba(0, 0, 0, 0.1);
  color: var(--secondary-text-color);
}
.footer-form input:focus:not(:disabled) {
  border: 1px solid var(--primary-main-color);
  box-shadow: none;
  color: var(--primary-text-color);
}
.footer-form input::placeholder {
  color: var(--tertiary-text-color);
}

.footer__title {
  color: var(--primary-text-color);
  margin-bottom: 16px;
}
@media (max-width: 768.98px) {
  .footer__title {
    margin-bottom: 8px;
  }
}

.footer-engage-list {
  display: flex;
  align-items: center;
  column-gap: 16px;
}
.footer-engage-list svg {
  color: var(--nav-default-color);
  width: 28px;
  height: 28px;
  transition: color 0.3s ease-in;
}
.footer-engage-list svg:hover {
  color: var(--primary-main-color);
}

.copyright {
  display: grid;
  grid-template-columns: 1fr 1fr;
  align-items: center;
  justify-content: space-between;
  padding-left: 54px;
  padding-right: 54px;
  color: var(--tertiary-text-color);
}
@media (max-width: 768.98px) {
  .copyright {
    padding-left: 16px;
    padding-right: 16px;
    grid-template-columns: 1fr;
    row-gap: 12px;
  }
}

.copyright-start {
  text-transform: unset;
}
@media (max-width: 768.98px) {
  .copyright-start {
    width: max-content;
    border-right: 1px solid var(--nav-divider-color);
    padding-right: 6px;
  }
}

.copyright-end {
  text-transform: unset;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
@media (max-width: 768.98px) {
  .copyright-end {
    justify-content: flex-start;
    column-gap: 6px;
  }
}
.copyright-end a:hover {
  color: var(--primary-main-color);
}
@media (max-width: 768.98px) {
  .copyright-end a:not(:last-child) {
    width: max-content;
    border-right: 1px solid var(--nav-divider-color);
    padding-right: 6px;
  }
}

.footer-explore__list {
  color: var(--secondary-text-color);
  display: flex;
  flex-direction: column;
  row-gap: 8px;
}
@media (max-width: 768.98px) {
  .footer-explore__list {
    row-gap: 4px;
  }
}
.footer-explore__list a:hover {
  color: var(--primary-main-color);
}

.section-shape {
  position: absolute;
  width: 640px;
  height: 640px;
  z-index: -1;
}
@media (max-width: 1600px) {
  .section-shape {
    width: 562px;
    height: 562px;
  }
}
@media (max-width: 1400.98px) {
  .section-shape {
    width: 484px;
    height: 484px;
  }
}
@media (max-width: 1200.98px) {
  .section-shape {
    width: 406px;
    height: 406px;
  }
}
@media (max-width: 992.98px) {
  .section-shape {
    width: 328px;
    height: 328px;
  }
}
@media (max-width: 768.98px) {
  .section-shape {
    display: none;
  }
}

.start-shape {
  left: 0;
  bottom: 0;
}

.end-shape {
  right: 0;
  bottom: 0;
}

.alert {
  max-width: 1120px;
  margin: 10px auto;
  border-radius: 16px;
  box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.06), 0px 2px 14px rgba(0, 0, 0, 0.1);
  text-align: center;
  padding: 8px;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  position: relative;
  gap: 12px;
  transition: transform 0.5s ease-in, visibility 0.5s ease-in, opacity 0.5s ease-in;
  opacity: 1;
  visibility: visible;
}
.alert.close {
  transform: translateY(-300%);
  opacity: 0;
  visibility: hidden;
}
@media (max-width: 1200.98px) {
  .alert {
    max-width: 920px;
  }
}
@media (max-width: 992.98px) {
  .alert {
    max-width: 720px;
  }
}
@media (max-width: 768.98px) {
  .alert {
    max-width: 520px;
  }
}
@media (max-width: 576.98px) {
  .alert {
    max-width: 320px;
  }
}

.closebtn {
  line-height: 0;
  position: absolute;
  top: 50%;
  right: 10px;
  transform: translateY(-50%);
  padding: 4px;
}

.info-page {
  padding: 136px 0 300px;
  color: var(--secondary-text-color);
}

.info-page__title {
  margin-bottom: 24px;
  color: var(--primary-text-color);
}

.info-page__date {
  color: var(--primary-text-color);
  margin-bottom: 24px;
}

.info-page__welcome {
  margin-bottom: 16px;
}

.info-page__link {
  color: var(--primary-main-color);
}

.info-page__content > * + *, .nested-numerable-list > * + * {
  margin-top: 16px;
}

.info-page__hr {
  border-width: 0;
  border-radius: 1px;
  border-top: 1px solid var(--nav-divider-color);
  margin-top: 16px;
  margin-bottom: 16px;
}

.info-page__disagree {
  text-transform: uppercase;
  margin-bottom: 16px;
}

.info-page__additional {
  padding-top: 20px;
  padding-bottom: 20px;
}

.nested-numerable-list {
  list-style-type: none;
  counter-reset: item;
}
.nested-numerable-list > li {
  display: table;
  counter-increment: item;
  padding-bottom: 16px;
  border-bottom: 1px solid var(--nav-divider-color);
  border-radius: 1px;
}
.nested-numerable-list > li:last-child {
  border-bottom: 0;
}
.nested-numerable-list > li:before {
  content: counters(item, ".") ". ";
  display: table-cell;
  padding-right: 4px;
  color: var(--primary-text-color);
  font-size: 1rem;
  font-weight: 500;
  letter-spacing: 0.015rem;
  line-height: 1.37;
}
.nested-numerable-list .nested-numerable-list {
  padding-left: 20px;
}
.nested-numerable-list .nested-numerable-list > li {
  padding-bottom: 0;
  border: none;
}
.nested-numerable-list .nested-numerable-list > li:before {
  display: inline;
  content: counters(item, ".") ".";
  color: var(--secondary-text-color);
  font-size: 1rem;
  letter-spacing: 0.015rem;
  line-height: 1.5;
  font-weight: 400;
}
.nested-numerable-list.hide-numbers > li:before {
  display: none;
}
.nested-numerable-list.hide-numbers .nested-numerable-list > li:before {
  display: none;
}

.nested-numerable-list--margin-top {
  margin-top: 56px;
}

.nested-numerable-list__title {
  display: inline-block;
  margin-bottom: 16px;
  text-transform: uppercase;
  color: var(--primary-text-color);
}

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

.info-page__medium {
  font-weight: 500;
}

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

.error-page {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100vh;
  padding-top: 72px;
  color: var(--primary-text-color);
}
@media (max-width: 992.98px) {
  .error-page {
    padding-top: 44px;
  }
}

.error-page-card {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-align: center;
  box-shadow: 0 8px 72px rgba(0, 0, 0, 0.12);
  border-radius: 16px;
  background-color: #fff;
  min-width: 680px;
  min-height: 400px;
  text-transform: uppercase;
  padding: 24px;
}
@media (max-width: 768.98px) {
  .error-page-card {
    min-width: 80%;
    min-height: auto;
  }
}
@media (max-width: 480.98px) {
  .error-page-card {
    width: 90%;
  }
}
.error-page-card svg {
  width: 428px;
  height: 192px;
  margin-bottom: 24px;
}
@media (max-width: 768.98px) {
  .error-page-card svg {
    width: 70%;
    margin-bottom: 0;
    height: auto;
  }
}

.uppercase {
  text-transform: uppercase;
}

.error-page-card__title {
  margin-bottom: 24px;
}