@font-face {
  font-display: swap;
  font-family: Geologica;
  font-weight: 300 700;
  src: url(../fonts/Geologica-VariableFont.ttf) format("truetype")
}

ul {
  list-style-type: disc !important
}

ol, ul {
  padding: 0 20px !important
}

ol {
  list-style-type: decimal !important
}

/*! tailwindcss v3.3.3 | MIT License | https://tailwindcss.com*/
*, :after, :before {
  border: 0 solid #e5e7eb;
  box-sizing: border-box
}

:after, :before {
  --tw-content: ""
}

html {
  -webkit-text-size-adjust: 100%;
  font-feature-settings: normal;
  font-family: ui-sans-serif, system-ui, -apple-system, Segoe UI, Roboto, Ubuntu, Cantarell, Noto Sans, sans-serif, BlinkMacSystemFont, "Segoe UI", "Helvetica Neue", Arial, "Noto Sans", "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  font-variation-settings: normal;
  line-height: 1.5;
  -moz-tab-size: 4;
  -o-tab-size: 4;
  tab-size: 4
}

body {
  line-height: inherit;
  margin: 0
}

hr {
  border-top-width: 1px;
  color: inherit;
  height: 0
}

abbr:where([title]) {
  text-decoration: underline;
  -webkit-text-decoration: underline dotted;
  text-decoration: underline dotted
}

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

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

b, strong {
  font-weight: bolder
}

code, kbd, pre, samp {
  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
  font-size: 1em
}

small {
  font-size: 80%
}

sub, sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline
}

sub {
  bottom: -.25em
}

sup {
  top: -.5em
}

table {
  border-collapse: collapse;
  border-color: inherit;
  text-indent: 0
}

button, input, optgroup, select, textarea {
  font-feature-settings: inherit;
  color: inherit;
  font-family: inherit;
  font-size: 100%;
  font-variation-settings: inherit;
  font-weight: inherit;
  line-height: inherit;
  margin: 0;
  padding: 0
}

button, select {
  text-transform: none
}

[type=button], [type=reset], [type=submit], button {
  -webkit-appearance: button;
  background-color: transparent;
  background-image: none
}

:-moz-focusring {
  outline: auto
}

:-moz-ui-invalid {
  box-shadow: none
}

progress {
  vertical-align: baseline
}

::-webkit-inner-spin-button, ::-webkit-outer-spin-button {
  height: auto
}

[type=search] {
  -webkit-appearance: textfield;
  outline-offset: -2px
}

::-webkit-search-decoration {
  -webkit-appearance: none
}

::-webkit-file-upload-button {
  -webkit-appearance: button;
  font: inherit
}

summary {
  display: list-item
}

blockquote, dd, dl, figure, h1, h2, h3, h4, h5, h6, hr, p, pre {
  margin: 0
}

fieldset {
  margin: 0
}

fieldset, legend {
  padding: 0
}

menu, ol, ul {
  list-style: none;
  margin: 0;
  padding: 0
}

dialog {
  padding: 0
}

textarea {
  resize: vertical
}

input::-moz-placeholder, textarea::-moz-placeholder {
  color: #9ca3af;
  opacity: 1
}

input::-moz-placeholder, textarea::-moz-placeholder {
  color: #9ca3af;
  opacity: 1
}

input::placeholder, textarea::placeholder {
  color: #9ca3af;
  opacity: 1
}

[role=button], button {
  cursor: pointer
}

:disabled {
  cursor: default
}

audio, canvas, embed, iframe, img, object, svg, video {
  display: block;
  vertical-align: middle
}

img, video {
  height: auto;
  max-width: 100%
}

[hidden] {
  display: none
}

*, :after, :before {
  --tw-border-spacing-x: 0;
  --tw-border-spacing-y: 0;
  --tw-translate-x: 0;
  --tw-translate-y: 0;
  --tw-rotate: 0;
  --tw-skew-x: 0;
  --tw-skew-y: 0;
  --tw-scale-x: 1;
  --tw-scale-y: 1;
  --tw-scroll-snap-strictness: proximity;
  --tw-ring-offset-width: 0px;
  --tw-ring-offset-color: #fff;
  --tw-ring-color: rgba(59, 130, 246, .5);
  --tw-ring-offset-shadow: 0 0 transparent;
  --tw-ring-shadow: 0 0 transparent;
  --tw-shadow: 0 0 transparent;
  --tw-shadow-colored: 0 0 transparent
}

::backdrop {
  --tw-border-spacing-x: 0;
  --tw-border-spacing-y: 0;
  --tw-translate-x: 0;
  --tw-translate-y: 0;
  --tw-rotate: 0;
  --tw-skew-x: 0;
  --tw-skew-y: 0;
  --tw-scale-x: 1;
  --tw-scale-y: 1;
  --tw-scroll-snap-strictness: proximity;
  --tw-ring-offset-width: 0px;
  --tw-ring-offset-color: #fff;
  --tw-ring-color: rgba(59, 130, 246, .5);
  --tw-ring-offset-shadow: 0 0 transparent;
  --tw-ring-shadow: 0 0 transparent;
  --tw-shadow: 0 0 transparent;
  --tw-shadow-colored: 0 0 transparent
}

.container {
  width: 100%
}

@media (min-width: 640px) {
  .container {
    max-width: 640px
  }
}

@media (min-width: 768px) {
  .container {
    max-width: 768px
  }
}

@media (min-width: 1024px) {
  .container {
    max-width: 1024px
  }
}

@media (min-width: 1280px) {
  .container {
    max-width: 1280px
  }
}

@media (min-width: 1536px) {
  .container {
    max-width: 1536px
  }
}

.visible {
  visibility: visible !important
}

.collapse {
  visibility: collapse !important
}

.fixed {
  position: fixed !important
}

.absolute {
  position: absolute !important
}

.relative {
  position: relative !important
}

.sticky {
  position: sticky !important
}

.inset-0 {
  bottom: 0 !important;
  left: 0 !important;
  right: 0 !important;
  top: 0 !important
}

.-left-30 {
  left: -7.5rem !important
}

.-left-8 {
  left: -2rem !important
}

.-right-20 {
  right: -5rem !important
}

.-right-4 {
  right: -1rem !important
}

.-top-16 {
  top: -4rem !important
}

.-top-48 {
  top: -12rem !important
}

.-top-8 {
  top: -2rem !important
}

.bottom-4 {
  bottom: 1rem !important
}

.left-0 {
  left: 0 !important
}

.left-1\/2 {
  left: 50% !important
}

.right-0 {
  right: 0 !important
}

.right-3 {
  right: .75rem !important
}

.right-8 {
  right: 2rem !important
}

.top-0 {
  top: 0 !important
}

.top-1\/2 {
  top: 50% !important
}

.top-10 {
  top: 2.5rem !important
}

.-z-50 {
  z-index: -50 !important
}

.z-0 {
  z-index: 0 !important
}

.z-10 {
  z-index: 10 !important
}

.z-20 {
  z-index: 20 !important
}

.z-50 {
  z-index: 50 !important
}

.m-auto {
  margin: auto !important
}

.mx-0 {
  margin-left: 0 !important;
  margin-right: 0 !important
}

.mx-5 {
  margin-left: 1.25rem !important;
  margin-right: 1.25rem !important
}

.-ml-\[150px\] {
  margin-left: -150px !important
}

.-mr-7 {
  margin-right: -1.75rem !important
}

.-mt-12 {
  margin-top: -3rem !important
}

.-mt-6 {
  margin-top: -1.5rem !important
}

.-mt-\[66px\] {
  margin-top: -66px !important
}

.-mt-\[70px\] {
  margin-top: -70px !important
}

.mb-0 {
  margin-bottom: 0 !important
}

.mb-1 {
  margin-bottom: .25rem !important
}

.mb-12 {
  margin-bottom: 3rem !important
}

.mb-16 {
  margin-bottom: 4rem !important
}

.mb-3 {
  margin-bottom: .75rem !important
}

.mb-4 {
  margin-bottom: 1rem !important
}

.mb-5 {
  margin-bottom: 1.25rem !important
}

.mb-8 {
  margin-bottom: 2rem !important
}

.mb-\[3\.75rem\] {
  margin-bottom: 3.75rem !important
}

.ml-8 {
  margin-left: 2rem !important
}

.ml-\[495px\] {
  margin-left: 495px !important
}

.mt-0 {
  margin-top: 0 !important
}

.mt-auto {
  margin-top: auto !important
}

.block {
  display: block !important
}

.inline-block {
  display: inline-block !important
}

.flex {
  display: flex !important
}

.grid {
  display: grid !important
}

.hidden {
  display: none !important
}

.h-10 {
  height: 2.5rem !important
}

.h-12 {
  height: 3rem !important
}

.h-20 {
  height: 5rem !important
}

.h-8 {
  height: 2rem !important
}

.h-\[16px\] {
  height: 16px !important
}

.h-\[18\.188rem\] {
  height: 18.188rem !important
}

.h-\[20px\] {
  height: 20px !important
}

.h-\[256px\] {
  height: 256px !important
}

.h-\[26\.5rem\] {
  height: 26.5rem !important
}

.h-\[276px\] {
  height: 276px !important
}

.h-\[286px\] {
  height: 286px !important
}

.h-\[294px\] {
  height: 294px !important
}

.h-\[296px\] {
  height: 296px !important
}

.h-\[306px\] {
  height: 306px !important
}

.h-\[316px\] {
  height: 316px !important
}

.h-\[32\.5rem\] {
  height: 32.5rem !important
}

.h-\[326px\] {
  height: 326px !important
}

.h-\[336px\] {
  height: 336px !important
}

.h-\[346px\] {
  height: 346px !important
}

.h-\[356px\] {
  height: 356px !important
}

.h-\[366px\] {
  height: 366px !important
}

.h-\[376px\] {
  height: 376px !important
}

.h-\[386px\] {
  height: 386px !important
}

.h-\[4\.5rem\] {
  height: 4.5rem !important
}

.h-\[4\.625rem\] {
  height: 4.625rem !important
}

.h-\[40px\] {
  height: 40px !important
}

.h-\[416px\] {
  height: 416px !important
}

.h-\[472px\] {
  height: 472px !important
}

.h-\[576px\] {
  height: 576px !important
}

.h-\[6\.5rem\] {
  height: 6.5rem !important
}

.h-full {
  height: 100% !important
}

.max-h-\[9\.25rem\] {
  max-height: 9.25rem !important
}

.min-h-\[9\.25rem\] {
  min-height: 9.25rem !important
}

.min-h-screen {
  min-height: 100vh !important
}

.w-10 {
  width: 2.5rem !important
}

.w-20 {
  width: 5rem !important
}

.w-28 {
  width: 7rem !important
}

.w-60 {
  width: 15rem !important
}

.w-80 {
  width: 20rem !important
}

.w-\[10\.25rem\] {
  width: 10.25rem !important
}

.w-\[10\.5rem\] {
  width: 10.5rem !important
}

.w-\[100px\] {
  width: 100px !important
}

.w-\[13rem\] {
  width: 13rem !important
}

.w-\[15\.5rem\] {
  width: 15.5rem !important
}

.w-\[156px\] {
  width: 156px !important
}

.w-\[16px\] {
  width: 16px !important
}

.w-\[17\.75rem\] {
  width: 17.75rem !important
}

.w-\[20px\] {
  width: 20px !important
}

.w-\[21rem\] {
  width: 21rem !important
}

.w-\[24\.5rem\] {
  width: 24.5rem !important
}

.w-\[250px\] {
  width: 250px !important
}

.w-\[32\.5rem\] {
  width: 32.5rem !important
}

.w-\[320px\] {
  width: 320px !important
}

.w-\[4\.5rem\] {
  width: 4.5rem !important
}

.w-\[40px\] {
  width: 40px !important
}

.w-\[576px\] {
  width: 576px !important
}

.w-\[6\.5rem\] {
  width: 6.5rem !important
}

.w-\[800px\] {
  width: 800px !important
}

.w-\[99px\] {
  width: 99px !important
}

.w-full {
  width: 100% !important
}

.max-w-6\.5xl {
  max-width: 75rem !important
}

.max-w-\[25rem\] {
  max-width: 25rem !important
}

.max-w-\[37rem\] {
  max-width: 37rem !important
}

.max-w-\[438px\] {
  max-width: 438px !important
}

.max-w-\[55rem\] {
  max-width: 55rem !important
}

.flex-none {
  flex: none !important
}

.flex-grow {
  flex-grow: 1 !important
}

.-translate-x-1\/2 {
  --tw-translate-x: -50% !important;
  transform: translate(-50%, var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) !important;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) !important
}

.-translate-x-full {
  --tw-translate-x: -100% !important;
  transform: translate(-100%, var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) !important;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) !important
}

.-translate-y-1\/2 {
  --tw-translate-y: -50% !important;
  transform: translate(var(--tw-translate-x), -50%) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) !important;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) !important
}

.translate-x-0 {
  --tw-translate-x: 0px !important;
  transform: translateY(var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) !important;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) !important
}

.-rotate-90 {
  --tw-rotate: -90deg !important;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(-90deg) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) !important;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) !important
}

.scale-50 {
  --tw-scale-x: .5 !important;
  --tw-scale-y: .5 !important;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(.5) scaleY(.5) !important
}

.scale-50, .transform {
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) !important
}

.cursor-pointer {
  cursor: pointer !important
}

.resize {
  resize: both !important
}

.flex-col {
  flex-direction: column !important
}

.flex-wrap {
  flex-wrap: wrap !important
}

.items-start {
  align-items: flex-start !important
}

.items-center {
  align-items: center !important
}

.justify-center {
  justify-content: center !important
}

.justify-between {
  justify-content: space-between !important
}

.gap-2 {
  gap: .5rem !important
}

.gap-x-1 {
  -moz-column-gap: .25rem !important;
  column-gap: .25rem !important
}

.gap-x-2 {
  -moz-column-gap: .5rem !important;
  column-gap: .5rem !important
}

.gap-x-4 {
  -moz-column-gap: 1rem !important;
  column-gap: 1rem !important
}

.gap-x-5 {
  -moz-column-gap: 1.25rem !important;
  column-gap: 1.25rem !important
}

.gap-x-6 {
  -moz-column-gap: 1.5rem !important;
  column-gap: 1.5rem !important
}

.gap-x-7 {
  -moz-column-gap: 1.75rem !important;
  column-gap: 1.75rem !important
}

.gap-x-8 {
  -moz-column-gap: 2rem !important;
  column-gap: 2rem !important
}

.gap-y-14 {
  row-gap: 3.5rem !important
}

.gap-y-2 {
  row-gap: .5rem !important
}

.gap-y-4 {
  row-gap: 1rem !important
}

.gap-y-6 {
  row-gap: 1.5rem !important
}

.gap-y-8 {
  row-gap: 2rem !important
}

.gap-y-24 {
  row-gap: 6rem !important
}

.overflow-hidden {
  overflow: hidden !important
}

.rounded {
  border-radius: .25rem !important
}

.rounded-3xl {
  border-radius: 1.5rem !important
}

.rounded-lg {
  border-radius: .5rem !important
}

.rounded-b-lg {
  border-bottom-left-radius: .5rem !important;
  border-bottom-right-radius: .5rem !important
}

.rounded-t-lg {
  border-top-left-radius: .5rem !important;
  border-top-right-radius: .5rem !important
}

.border {
  border-width: 1px !important
}

.border-x {
  border-left-width: 1px !important;
  border-right-width: 1px !important
}

.border-t {
  border-top-width: 1px !important
}

.border-solid {
  border-style: solid !important
}

.border-basic-9 {
  border-color: hsla(0, 0%, 100%, .1) !important
}

.border-transparent {
  border-color: transparent !important
}

.bg-basic-1 {
  --tw-bg-opacity: 1 !important;
  background-color: #171721 !important;
  background-color: rgba(23, 23, 33, var(--tw-bg-opacity)) !important
}

.bg-basic-8 {
  --tw-bg-opacity: 1 !important;
  background-color: #07bcf7 !important;
  background-color: rgba(7, 188, 247, var(--tw-bg-opacity)) !important
}

.bg-dies-1 {
  --tw-bg-opacity: 1 !important;
  background-color: #101017 !important;
  background-color: rgba(16, 16, 23, var(--tw-bg-opacity)) !important
}

.p-10 {
  padding: 2.5rem !important
}

.p-4 {
  padding: 1rem !important
}

.p-6 {
  padding: 1.5rem !important
}

.px-12 {
  padding-left: 3rem !important;
  padding-right: 3rem !important
}

.px-4 {
  padding-left: 1rem !important;
  padding-right: 1rem !important
}

.px-5 {
  padding-left: 1.25rem !important;
  padding-right: 1.25rem !important
}

.px-6 {
  padding-left: 1.5rem !important;
  padding-right: 1.5rem !important
}

.px-\[7\.125rem\] {
  padding-left: 7.125rem !important;
  padding-right: 7.125rem !important
}

.py-0 {
  padding-bottom: 0 !important;
  padding-top: 0 !important
}

.py-10 {
  padding-bottom: 2.5rem !important;
  padding-top: 2.5rem !important
}

.py-2 {
  padding-bottom: .5rem !important;
  padding-top: .5rem !important
}

.py-2\.5 {
  padding-bottom: .625rem !important;
  padding-top: .625rem !important
}

.py-3 {
  padding-bottom: .75rem !important;
  padding-top: .75rem !important
}

.py-4 {
  padding-bottom: 1rem !important;
  padding-top: 1rem !important
}

.pb-0 {
  padding-bottom: 0 !important
}

.pb-0\.5 {
  padding-bottom: .125rem !important
}

.pb-12 {
  padding-bottom: 3rem !important
}

.pb-4 {
  padding-bottom: 1rem !important
}

.pb-6 {
  padding-bottom: 1.5rem !important
}

.pb-8 {
  padding-bottom: 2rem !important
}

.pl-4 {
  padding-left: 1rem !important
}

.pl-px {
  padding-left: 1px !important
}

.pr-6 {
  padding-right: 1.5rem !important
}

.pr-8 {
  padding-right: 2rem !important
}

.pt-10 {
  padding-top: 2.5rem !important
}

.pt-2 {
  padding-top: .5rem !important
}

.pt-28 {
  padding-top: 7rem !important
}

.pt-6 {
  padding-top: 1.5rem !important
}

.pt-8 {
  padding-top: 2rem !important
}

.pt-\[40px\] {
  padding-top: 40px !important
}

.text-left {
  text-align: left !important
}

.text-center {
  text-align: center !important
}

.text-start {
  text-align: left !important
}

.font-Geologica {
  font-family: Geologica !important
}

.text-2xl {
  font-size: 1.5rem !important;
  line-height: 2rem !important
}

.text-4xl {
  font-size: 2.25rem !important;
  line-height: 2.5rem !important
}

.text-\[1\.525rem\] {
  font-size: 1.525rem !important
}

.text-\[1\.625rem\] {
  font-size: 1.625rem !important
}

.text-\[18\.18px\] {
  font-size: 18.18px !important
}

.text-base {
  font-size: 1rem !important;
  line-height: 1.5rem !important
}

.text-lg {
  font-size: 1.125rem !important;
  line-height: 1.75rem !important
}

.text-sm {
  font-size: .875rem !important;
  line-height: 1.25rem !important
}

.text-xl {
  font-size: 1.25rem !important;
  line-height: 1.75rem !important
}

.font-bold {
  font-weight: 700 !important
}

.font-light {
  font-weight: 300 !important
}

.font-medium {
  font-weight: 500 !important
}

.font-normal {
  font-weight: 400 !important
}

.font-semibold {
  font-weight: 600 !important
}

.uppercase {
  text-transform: uppercase !important
}

.leading-0 {
  line-height: 0 !important
}

.leading-10 {
  line-height: 2.5rem !important
}

.leading-4 {
  line-height: 1rem !important
}

.leading-5 {
  line-height: 1.25rem !important
}

.leading-7 {
  line-height: 1.75rem !important
}

.leading-9 {
  line-height: 2.25rem !important
}

.leading-\[20\.8px\] {
  line-height: 20.8px !important
}

.leading-\[21\.6px\] {
  line-height: 21.6px !important
}

.leading-\[22\.73px\] {
  line-height: 22.73px !important
}

.leading-\[28px\] {
  line-height: 28px !important
}

.leading-\[38px\] {
  line-height: 38px !important
}

.text-basic-6 {
  --tw-text-opacity: 1 !important;
  color: #410e16 !important;
  color: rgba(65, 14, 22, var(--tw-text-opacity)) !important
}

.text-blue-600 {
  --tw-text-opacity: 1 !important;
  color: #2563eb !important;
  color: rgba(37, 99, 235, var(--tw-text-opacity)) !important
}

.text-green-300 {
  --tw-text-opacity: 1 !important;
  color: #86efac !important;
  color: rgba(134, 239, 172, var(--tw-text-opacity)) !important
}

.text-text-1 {
  --tw-text-opacity: 1 !important;
  color: #dadae5 !important;
  color: rgba(218, 218, 229, var(--tw-text-opacity)) !important
}

.text-text-2 {
  --tw-text-opacity: 1 !important;
  color: #41415c !important;
  color: rgba(65, 65, 92, var(--tw-text-opacity)) !important
}

.text-text-3 {
  --tw-text-opacity: 1 !important;
  color: #8a8aab !important;
  color: rgba(138, 138, 171, var(--tw-text-opacity)) !important
}

.text-white {
  --tw-text-opacity: 1 !important;
  color: #fff !important;
  color: rgba(255, 255, 255, var(--tw-text-opacity)) !important
}

.placeholder-basic-6::-moz-placeholder {
  --tw-placeholder-opacity: 1 !important;
  color: #410e16 !important;
  color: rgba(65, 14, 22, var(--tw-placeholder-opacity)) !important
}

.placeholder-basic-6::placeholder {
  --tw-placeholder-opacity: 1 !important;
  color: #410e16 !important;
  color: rgba(65, 14, 22, var(--tw-placeholder-opacity)) !important
}

.placeholder-text-3::-moz-placeholder {
  --tw-placeholder-opacity: 1 !important;
  color: #8a8aab !important;
  color: rgba(138, 138, 171, var(--tw-placeholder-opacity)) !important
}

.placeholder-text-3::placeholder {
  --tw-placeholder-opacity: 1 !important;
  color: #8a8aab !important;
  color: rgba(138, 138, 171, var(--tw-placeholder-opacity)) !important
}

.shadow-1 {
  --tw-shadow: 0px 1.2076px 2.41519px 0px rgba(0, 0, 0, .24) !important;
  --tw-shadow-colored: 0px 1.2076px 2.41519px 0px var(--tw-shadow-color) !important;
  box-shadow: 0 0 transparent, 0 0 transparent, 0 1.2076px 2.41519px 0 rgba(0, 0, 0, .24) !important;
  box-shadow: 0 0 transparent, 0 0 transparent, var(--tw-shadow) !important;
  box-shadow: var(--tw-ring-offset-shadow, 0 0 transparent), var(--tw-ring-shadow, 0 0 transparent), var(--tw-shadow) !important
}

.shadow-2 {
  --tw-shadow: 0px 2px 4px 0px rgba(0, 0, 0, .24) !important;
  --tw-shadow-colored: 0px 2px 4px 0px var(--tw-shadow-color) !important;
  box-shadow: 0 0 transparent, 0 0 transparent, 0 2px 4px 0 rgba(0, 0, 0, .24) !important;
  box-shadow: 0 0 transparent, 0 0 transparent, var(--tw-shadow) !important;
  box-shadow: var(--tw-ring-offset-shadow, 0 0 transparent), var(--tw-ring-shadow, 0 0 transparent), var(--tw-shadow) !important
}

.shadow-3 {
  --tw-shadow: 0px 0px 10px 0px rgba(0, 0, 0, .5) !important;
  --tw-shadow-colored: 0px 0px 10px 0px var(--tw-shadow-color) !important;
  box-shadow: 0 0 transparent, 0 0 transparent, 0 0 10px 0 rgba(0, 0, 0, .5) !important;
  box-shadow: 0 0 transparent, 0 0 transparent, var(--tw-shadow) !important;
  box-shadow: var(--tw-ring-offset-shadow, 0 0 transparent), var(--tw-ring-shadow, 0 0 transparent), var(--tw-shadow) !important
}

.blur {
  --tw-blur: blur(8px) !important;
  filter: blur(8px) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow) !important
}

.blur, .filter {
  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow) !important
}

.backdrop-filter {
  -webkit-backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia) !important;
  backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia) !important
}

.transition {
  transition-duration: .15s !important;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter !important;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter !important;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter !important;
  transition-timing-function: cubic-bezier(.4, 0, .2, 1) !important
}

.transition-all {
  transition-duration: .15s !important;
  transition-property: all !important;
  transition-timing-function: cubic-bezier(.4, 0, .2, 1) !important
}

.transition-transform {
  transition-property: transform !important;
  transition-timing-function: cubic-bezier(.4, 0, .2, 1) !important
}

.duration-150, .transition-transform {
  transition-duration: .15s !important
}

.duration-200 {
  transition-duration: .2s !important
}

.ease-in {
  transition-timing-function: cubic-bezier(.4, 0, 1, 1) !important
}

.ease-out {
  transition-timing-function: cubic-bezier(0, 0, .2, 1) !important
}

.text-gradient-1 {
  background: linear-gradient(270deg, #9494b2 -26.14%, #e4e4ec 52.02%, #9494b2 102.02%) !important;
  background-clip: text !important;
  -webkit-background-clip: text !important
}

.text-gradient-1, .text-gradient-2 {
  -webkit-text-fill-color: transparent !important
}

.text-gradient-2 {
  background: linear-gradient(359deg, #8a8aab .47%, #fff 33.55%, #9494b2 42.11%, #fff 85.06%) !important;
  background-clip: text !important;
  -webkit-background-clip: text !important
}

.text-gradient-6 {
  background: linear-gradient(359.41deg, #8a8aab .47%, #fff 85.06%) !important;
  background-clip: text !important;
  -webkit-background-clip: text !important
}

.text-gradient-6, .text-gradient-8 {
  -webkit-text-fill-color: transparent !important
}

.text-gradient-8 {
  background: linear-gradient(270.05deg, #a8a8c1 .05%, #e4e4ec 40.5%, #8a8aab 66.54%, #9494b2 102.13%) !important;
  background-clip: text !important;
  -webkit-background-clip: text !important
}

.bg-gradient-1 {
  background: radial-gradient(230.93% 230.93% at 102.01% 2.03%, #f9ed32 0, #ee2a7b 36%, #d22a8a 44%, #8b2ab2 60%, #1b2af0 83%, #002aff 88%)
}

.hover\:text-text-1:hover {
  --tw-text-opacity: 1 !important;
  color: #dadae5 !important;
  color: rgba(218, 218, 229, var(--tw-text-opacity)) !important
}

.hover\:text-white:hover {
  --tw-text-opacity: 1 !important;
  color: #fff !important;
  color: rgba(255, 255, 255, var(--tw-text-opacity)) !important
}

.hover\:bg-gradient-2:hover {
  background: linear-gradient(180deg, hsla(0, 0%, 100%, .1), hsla(0, 0%, 100%, 0)), radial-gradient(100.01% 100% at 50% 0, #333348 0, #252535 100%) !important
}

.focus\:text-white:focus {
  --tw-text-opacity: 1 !important;
  color: #fff !important;
  color: rgba(255, 255, 255, var(--tw-text-opacity)) !important
}

.focus\:outline-none:focus {
  outline: 2px solid transparent !important;
  outline-offset: 2px !important
}

.active\:bg-black:active {
  --tw-bg-opacity: 1 !important;
  background-color: #000 !important;
  background-color: rgba(0, 0, 0, var(--tw-bg-opacity)) !important
}

.active\:bg-none:active {
  background-image: none !important
}

.active\:text-text-2:active {
  --tw-text-opacity: 1 !important;
  color: #41415c !important;
  color: rgba(65, 65, 92, var(--tw-text-opacity)) !important
}

@media (min-width: 640px) {
  .sm\:scale-70 {
    --tw-scale-x: 70% !important;
    --tw-scale-y: 70% !important;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(70%) scaleY(70%) !important;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) !important
  }
}

@media (min-width: 768px) {
  .md\:h-\[344px\] {
    height: 344px !important
  }

  .md\:w-\[440px\] {
    width: 440px !important
  }

  .md\:scale-80 {
    --tw-scale-x: 80% !important;
    --tw-scale-y: 80% !important;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(80%) scaleY(80%) !important;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) !important
  }
}

@media (min-width: 1024px) {
  .lg\:h-\[544px\] {
    height: 544px !important
  }

  .lg\:w-\[640px\] {
    width: 640px !important
  }

  .lg\:scale-90 {
    --tw-scale-x: 90% !important;
    --tw-scale-y: 90% !important;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(90%) scaleY(90%) !important;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) !important
  }
}

@media (min-width: 1280px) {
  .xl\:right-10 {
    right: 2.5rem !important
  }

  .xl\:mx-auto {
    margin-left: auto !important;
    margin-right: auto !important
  }

  .xl\:-mr-\[13\.5rem\] {
    margin-right: -13.5rem !important
  }

  .xl\:mb-0 {
    margin-bottom: 0 !important
  }

  .xl\:mb-10 {
    margin-bottom: 2.5rem !important
  }

  .xl\:mb-20 {
    margin-bottom: 5rem !important
  }

  .xl\:mb-4 {
    margin-bottom: 1rem !important
  }

  .xl\:mb-8 {
    margin-bottom: 2rem !important
  }

  .xl\:mb-\[100px\] {
    margin-bottom: 100px !important
  }

  .xl\:mb-\[5rem\] {
    margin-bottom: 5rem !important
  }

  .xl\:mb-\[7\.5rem\] {
    margin-bottom: 7.5rem !important
  }

  .xl\:ml-auto {
    margin-left: auto !important
  }

  .xl\:mt-10 {
    margin-top: 2.5rem !important
  }

  .xl\:block {
    display: block !important
  }

  .xl\:flex {
    display: flex !important
  }

  .xl\:hidden {
    display: none !important
  }

  .xl\:h-10 {
    height: 2.5rem !important
  }

  .xl\:h-12 {
    height: 3rem !important
  }

  .xl\:h-20 {
    height: 5rem !important
  }

  .xl\:h-32 {
    height: 8rem !important
  }

  .xl\:h-\[3\.75rem\] {
    height: 3.75rem !important
  }

  .xl\:h-\[330px\] {
    height: 330px !important
  }

  .xl\:h-\[350px\] {
    height: 350px !important
  }

  .xl\:h-\[360px\] {
    height: 360px !important
  }

  .xl\:h-\[370px\] {
    height: 370px !important
  }

  .xl\:h-\[390px\] {
    height: 390px !important
  }

  .xl\:h-\[400px\] {
    height: 400px !important
  }

  .xl\:h-\[410px\] {
    height: 410px !important
  }

  .xl\:h-\[420px\] {
    height: 420px !important
  }

  .xl\:h-\[440px\] {
    height: 440px !important
  }

  .xl\:h-\[450px\] {
    height: 450px !important
  }

  .xl\:h-\[460px\] {
    height: 460px !important
  }

  .xl\:h-\[470px\] {
    height: 470px !important
  }

  .xl\:h-\[480px\] {
    height: 480px !important
  }

  .xl\:h-\[5\.125rem\] {
    height: 5.125rem !important
  }

  .xl\:h-\[5\.5rem\] {
    height: 5.5rem !important
  }

  .xl\:h-\[510px\] {
    height: 510px !important
  }

  .xl\:h-\[568px\] {
    height: 568px !important
  }

  .xl\:h-\[6\.375rem\] {
    height: 6.375rem !important
  }

  .xl\:h-\[744px\] {
    height: 744px !important
  }

  .xl\:w-32 {
    width: 8rem !important
  }

  .xl\:w-72 {
    width: 18rem !important
  }

  .xl\:w-80 {
    width: 20rem !important
  }

  .xl\:w-96 {
    width: 24rem !important
  }

  .xl\:w-\[10\.5rem\] {
    width: 10.5rem !important
  }

  .xl\:w-\[14rem\] {
    width: 14rem !important
  }

  .xl\:w-\[16\.5rem\] {
    width: 16.5rem !important
  }

  .xl\:w-\[19rem\] {
    width: 19rem !important
  }

  .xl\:w-\[37rem\] {
    width: 37rem !important
  }

  .xl\:w-\[400px\] {
    width: 400px !important
  }

  .xl\:w-\[5\.5rem\] {
    width: 5.5rem !important
  }

  .xl\:w-\[6\.375rem\] {
    width: 6.375rem !important
  }

  .xl\:w-\[8\.5rem\] {
    width: 8.5rem !important
  }

  .xl\:w-\[824px\] {
    width: 824px !important
  }

  .xl\:w-\[840px\] {
    width: 840px !important
  }

  .xl\:scale-100 {
    --tw-scale-x: 1 !important;
    --tw-scale-y: 1 !important;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(1) scaleY(1) !important;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) !important
  }

  .xl\:flex-row {
    flex-direction: row !important
  }

  .xl\:items-start {
    align-items: flex-start !important
  }

  .xl\:gap-x-14 {
    -moz-column-gap: 3.5rem !important;
    column-gap: 3.5rem !important
  }

  .xl\:p-8 {
    padding: 2rem !important
  }

  .xl\:px-0 {
    padding-left: 0 !important;
    padding-right: 0 !important
  }

  .xl\:px-8 {
    padding-left: 2rem !important;
    padding-right: 2rem !important
  }

  .xl\:px-\[6\.75rem\] {
    padding-left: 6.75rem !important;
    padding-right: 6.75rem !important
  }

  .xl\:py-0 {
    padding-bottom: 0 !important;
    padding-top: 0 !important
  }

  .xl\:py-4 {
    padding-bottom: 1rem !important;
    padding-top: 1rem !important
  }

  .xl\:py-6 {
    padding-bottom: 1.5rem !important;
    padding-top: 1.5rem !important
  }

  .xl\:py-\[2\.5rem\] {
    padding-bottom: 2.5rem !important;
    padding-top: 2.5rem !important
  }

  .xl\:py-\[49px\] {
    padding-bottom: 49px !important;
    padding-top: 49px !important
  }

  .xl\:pb-0 {
    padding-bottom: 0 !important
  }

  .xl\:pb-12 {
    padding-bottom: 3rem !important
  }

  .xl\:pb-14 {
    padding-bottom: 3.5rem !important
  }

  .xl\:pt-0 {
    padding-top: 0 !important
  }

  .xl\:pt-36 {
    padding-top: 9rem !important
  }

  .xl\:pt-\[166\.5px\] {
    padding-top: 166.5px !important
  }

  .xl\:pt-\[30px\] {
    padding-top: 30px !important
  }

  .xl\:text-start {
    text-align: left !important
  }

  .xl\:text-2xl {
    font-size: 1.5rem !important;
    line-height: 2rem !important
  }

  .xl\:text-\[1\.75rem\] {
    font-size: 1.75rem !important
  }

  .xl\:text-\[2\.125rem\] {
    font-size: 2.125rem !important
  }

  .xl\:text-\[4rem\] {
    font-size: 4rem !important
  }

  .xl\:text-lg {
    font-size: 1.125rem !important;
    line-height: 1.75rem !important
  }

  .xl\:text-sm {
    font-size: .875rem !important;
    line-height: 1.25rem !important
  }

  .xl\:text-xl {
    font-size: 1.25rem !important;
    line-height: 1.75rem !important
  }

  .xl\:font-normal {
    font-weight: 400 !important
  }

  .xl\:leading-5 {
    line-height: 1.25rem !important
  }

  .xl\:leading-\[1\.463rem\] {
    line-height: 1.463rem !important
  }

  .xl\:leading-\[1\.563rem\] {
    line-height: 1.563rem !important
  }

  .xl\:leading-\[1\.875rem\] {
    line-height: 1.875rem !important
  }

  .xl\:leading-\[2\.275rem\] {
    line-height: 2.275rem !important
  }

  .xl\:leading-\[23\.4px\] {
    line-height: 23.4px !important
  }

  .xl\:leading-\[4\.625rem\] {
    line-height: 4.625rem !important
  }

  .xl\:leading-\[42\.5px\] {
    line-height: 42.5px !important
  }

  .xl\:leading-\[5rem\] {
    line-height: 5rem !important
  }

  .xl\:leading-\[80px\] {
    line-height: 80px !important
  }

  .xl\:ease-out {
    transition-timing-function: cubic-bezier(0, 0, .2, 1) !important
  }

  .xl\:bg-gradient-8 {
    background-image: radial-gradient(50% 50% at 50% 50%, rgba(151, 123, 224, .1), rgba(151, 123, 224, 0) 100%) !important
  }
}

.nuxt-progress {
  background-color: #000;
  height: 2px;
  left: 0;
  opacity: 1;
  position: fixed;
  right: 0;
  top: 0;
  transition: width .1s, opacity .4s;
  width: 0;
  z-index: 999999
}

.nuxt-progress.nuxt-progress-notransition {
  transition: none
}

.nuxt-progress-failed {
  background-color: red
}

.anchor-section {
  scroll-margin-top: 80px
}

.anchor-section {
  scroll-margin-top: 80px
}

.margin-top-0 {
  margin-top: 0 !important
}

.margin-bottom-0 {
  margin-bottom: 0 !important
}

.header {
  background: linear-gradient(0deg, #252536, #252536), radial-gradient(50% 50% at 50% 50%, hsla(0, 0%, 100%, .12) 0, hsla(0, 0%, 100%, 0) 100%)
}

.header-button {
  position: relative
}

.header-button:before {
  background: linear-gradient(180deg, hsla(0, 0%, 100%, .1), hsla(0, 0%, 100%, 0)) border-box;
  border: 1px solid transparent;
  border-radius: 4px;
  bottom: 0;
  content: "";
  left: 0;
  -webkit-mask: linear-gradient(#fff, #fff) padding-box, linear-gradient(#fff, #fff);
  -webkit-mask-composite: xor;
  mask-composite: exclude;
  position: absolute;
  right: 0;
  top: 0
}

.drawer-backdrop {
  -webkit-backdrop-filter: blur(2px);
  backdrop-filter: blur(2px);
  height: 100%;
  left: 0;
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 49
}

@media (max-height: 750px) {
  .drawer-first-block {
    row-gap: 32px !important
  }
}

@media (min-width: 1280px) {
  .header {
    border-bottom: 1px solid;
    -o-border-image: linear-gradient(90deg, rgba(65, 65, 92, 0) .65%, rgba(65, 65, 92, .3) 54.98%, rgba(65, 65, 92, 0)) 1;
    border-image: linear-gradient(90deg, rgba(65, 65, 92, 0) .65%, rgba(65, 65, 92, .3) 54.98%, rgba(65, 65, 92, 0)) 1
  }
}

.drawer-bg-color, .header-button-bg-color {
  background: radial-gradient(100.01% 100% at 50% 0, #333348 0, #252535 100%), linear-gradient(180deg, hsla(0, 0%, 100%, .1), hsla(0, 0%, 100%, 0))
}

ul {
  list-style-type: none !important;
  padding: 0 !important
}

.language-content {
  opacity: 0;
  overflow: hidden;
  transition: opacity .15s ease-out;
  visibility: hidden
}

.language-content.open {
  opacity: 1;
  visibility: visible
}

.arrow.open {
  transform: rotate(180deg) !important
}

ul:before {
  background: linear-gradient(180deg, hsla(0, 0%, 100%, .1), hsla(0, 0%, 100%, 0)) border-box;
  border: 1px solid transparent;
  border-top: 0 solid transparent;
  -webkit-mask: linear-gradient(#fff, #fff) padding-box, linear-gradient(#fff, #fff);
  -webkit-mask-composite: xor;
  mask-composite: exclude;
  z-index: 10
}

.lang-container.container:before {
  bottom: 0;
  content: "";
  left: 0;
  pointer-events: none;
  position: absolute;
  right: 0;
  top: 0;
  width: 99px
}

.container:before {
  background: radial-gradient(100.01% 100% at 50% 0, #333348 0, #252535 100%), linear-gradient(180deg, rgba(55, 51, 51, .1), hsla(0, 0%, 100%, 0));
  border-radius: 8px;
  height: 217px;
  z-index: -1
}

.hover:hover {
  background: rgba(0, 0, 0, .2)
}

.button {
  background: linear-gradient(180deg, hsla(0, 0%, 100%, .1), hsla(0, 0%, 100%, 0)), radial-gradient(154.72% 3445.6% at 130.91% 63.5%, rgba(68, 13, 129, .3) 0, rgba(70, 14, 128, .306) 6.67%, rgba(75, 14, 127, .325) 13.33%, rgba(84, 16, 124, .357) 20%, rgba(96, 17, 121, .403) 26.67%, rgba(111, 20, 116, .462) 33.33%, rgba(130, 22, 110, .532) 40%, rgba(151, 25, 104, .61) 46.67%, rgba(172, 28, 98, .69) 53.33%, rgba(192, 31, 92, .768) 60%, rgba(211, 34, 87, .838) 66.67%, rgba(227, 36, 82, .897) 73.33%, rgba(239, 38, 78, .943) 80%, rgba(247, 39, 76, .975) 86.67%, rgba(252, 40, 74, .994) 93.33%, #fe284a 100%);
  border-radius: 4px;
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, .239);
  position: relative
}

.button:hover {
  background: radial-gradient(154.72% 3445.6% at 130.91% 63.5%, rgba(68, 13, 129, .3) 0, rgba(70, 14, 128, .306) 6.67%, rgba(75, 14, 127, .325) 13.33%, rgba(84, 16, 124, .357) 20%, rgba(96, 17, 121, .403) 26.67%, rgba(111, 20, 116, .462) 33.33%, rgba(130, 22, 110, .532) 40%, rgba(151, 25, 104, .61) 46.67%, rgba(172, 28, 98, .69) 53.33%, rgba(192, 31, 92, .768) 60%, rgba(211, 34, 87, .838) 66.67%, rgba(227, 36, 82, .897) 73.33%, rgba(239, 38, 78, .943) 80%, rgba(247, 39, 76, .975) 86.67%, rgba(252, 40, 74, .994) 93.33%, #fe284a 100%)
}

.button:active {
  background: linear-gradient(90deg, #e7264c, #e5264c, #e1254b, #d9244b, #cd234a, #bf2149, #ad1e47, #9a1c45, #861944, #731742, #611440, #53123f, #47113e, #3f103e, #3b0f3d, #390f3d)
}

.gradient-bg:before {
  background: linear-gradient(180deg, hsla(0, 0%, 100%, .1), hsla(0, 0%, 100%, 0)) border-box;
  border-radius: 4px
}

.gradient-bg:before, .gradient-bg:hover:before {
  border: 1px solid transparent;
  bottom: 0;
  content: "";
  left: 0;
  -webkit-mask: linear-gradient(#fff, #fff) padding-box, linear-gradient(#fff, #fff);
  -webkit-mask-composite: xor;
  mask-composite: exclude;
  position: absolute;
  right: 0;
  top: 0
}

.gradient-bg:hover:before {
  background: transparent border-box
}

.gradient-bg:active:before {
  background: linear-gradient(180deg, hsla(0, 0%, 100%, 0), hsla(0, 0%, 100%, .1)) border-box;
  border: 1px solid transparent;
  bottom: 0;
  content: "";
  left: 0;
  -webkit-mask: linear-gradient(#fff, #fff) padding-box, linear-gradient(#fff, #fff);
  -webkit-mask-composite: xor;
  mask-composite: exclude;
  position: absolute;
  right: 0;
  top: 0
}

.teaser-button {
  background-position: 50%;
  background-size: cover;
  height: 82px;
  overflow: hidden;
  position: relative;
  width: 264px;
  z-index: 1
}

.teaser-button:hover {
  z-index: 2
}

.teaser-button:active {
  z-index: 3
}

@media (max-width: 1279px) {
  .teaser-button, .teaser-button:hover {
    height: 74px;
    width: 240px
  }
}

.contact-button {
  background-position: 50%;
  background-size: cover;
  height: 82px;
  overflow: hidden;
  position: relative;
  width: 224px;
  z-index: 1
}

.contact-button:hover {
  z-index: 2
}

.contact-button:active {
  z-index: 3
}

@media (max-width: 1279px) {
  .contact-button,
  .contact-button:hover {
    height: 74px;
    width: 208px
  }
}

.button,
.button:before,
.contact-button,
.contact-button:before,
.gradient-bg:active:before,
.gradient-bg:before,
.gradient-bg:hover:before,
.teaser-button,
.teaser-button:before {
  transition: all .05s ease-out
}

.button:hover:before {
  background: linear-gradient(180deg, hsla(0, 0%, 100%, .3), hsla(0, 0%, 100%, 0)) border-box
}

.button:active:before, .button:hover:before {
  border: 1px solid transparent;
  border-radius: 4px;
  bottom: 0;
  content: "";
  left: 0;
  -webkit-mask: linear-gradient(#fff, #fff) padding-box, linear-gradient(#fff, #fff);
  -webkit-mask-composite: xor;
  mask-composite: exclude;
  position: absolute;
  right: 0;
  top: 0
}

.button:active:before {
  background: linear-gradient(180deg, hsla(0, 0%, 100%, 0), hsla(0, 0%, 100%, .1)) border-box
}

.telegram-black {
  position: relative
}

.telegram-black:before {
  border: 1px solid transparent;
  border-radius: 4px;
  bottom: 0;
  content: "";
  left: 0;
  -webkit-mask: linear-gradient(#fff, #fff) padding-box, linear-gradient(#fff, #fff);
  -webkit-mask-composite: xor;
  mask-composite: exclude;
  position: absolute;
  right: 0;
  top: 0
}

.telegram-black:before, .telegram-black:hover:before {
  background: linear-gradient(180deg, hsla(0, 0%, 100%, .1), hsla(0, 0%, 100%, 0)) border-box
}

.telegram-black:active:before {
  background: linear-gradient(180deg, hsla(0, 0%, 100%, 0), hsla(0, 0%, 100%, .1)) border-box
}

.button, .button:active:before, .button:before, .button:hover:before, .telegram-black, .telegram-black:active:before, .telegram-black:before, .telegram-black:hover:before {
  transition: all .05s ease-out
}

button:hover svg path {
  fill: #fff
}

button:active svg path {
  fill: #41415c
}

.grid-container {
  display: grid;
  grid-template-columns:repeat(3, 1fr);
  grid-template-rows:repeat(2, 1fr);
  position: relative
}

.line-1 {
  background: linear-gradient(1turn, hsla(0, 0%, 100%, 0) .19%, hsla(0, 0%, 100%, .044) 51.65%, hsla(0, 0%, 100%, 0))
}

.line-2 {
  background: linear-gradient(270deg, hsla(0, 0%, 100%, 0), hsla(0, 0%, 100%, .05) 49.48%, hsla(0, 0%, 100%, 0))
}

.vertical-line-1, .vertical-line-2 {
  bottom: 0;
  position: absolute;
  top: 0;
  width: 1px
}

.vertical-line-1 {
  left: 33.33333%
}

.vertical-line-2 {
  right: 33.33333%
}

.horizontal-line-1 {
  height: 1px;
  left: 0;
  margin-left: 15px;
  margin-right: 15px;
  position: absolute;
  right: 0;
  top: 50%;
  z-index: 0
}

@media (max-width: 983px) {
  .grid-container {
    grid-template-columns:repeat(2, 1fr);
    grid-template-rows:repeat(3, 1fr)
  }

  .vertical-line-1 {
    left: 50%
  }

  .horizontal-line-1, .vertical-line-2 {
    display: none
  }

  .horizontal-line-2, .horizontal-line-3 {
    display: block;
    height: 1px;
    left: 0;
    position: absolute;
    right: 0
  }

  .horizontal-line-2 {
    top: 33.33333%
  }

  .horizontal-line-3 {
    top: 66.66667%
  }
}

@media (max-width: 655px) {
  .grid-container {
    grid-template-columns:1fr;
    grid-template-rows:repeat(6, 1fr)
  }

  .horizontal-line-1, .horizontal-line-2, .horizontal-line, .vertical-line-1, .vertical-line-2 {
    display: none
  }

  .horizontal-line-1, .horizontal-line-2, .horizontal-line-3, .horizontal-line-4, .horizontal-line-5 {
    display: block;
    height: 1px;
    left: 0;
    position: absolute;
    right: 0
  }

  .horizontal-line-1 {
    top: 16.66667%
  }

  .horizontal-line-2 {
    top: 33.33333%
  }

  .horizontal-line-3 {
    top: 50%
  }

  .horizontal-line-4 {
    top: 66.66667%
  }

  .horizontal-line-5 {
    top: 83.33333%
  }
}

@media (min-width: 1280px) {
  .advantage:first-of-type > h4 {
    width: 200px !important
  }

  .advantage {
    position: relative
  }

  .advantage:hover:before {
    background: linear-gradient(180deg, hsla(0, 0%, 100%, .1), hsla(0, 0%, 100%, 0)) border-box;
    border: .604px solid transparent;
    -webkit-mask: linear-gradient(#fff, #fff) padding-box, linear-gradient(#fff, #fff);
    -webkit-mask-composite: xor;
    mask-composite: exclude;
    z-index: 2
  }

  .advantage:after, .advantage:hover:before {
    bottom: 0;
    content: "";
    left: 0;
    position: absolute;
    right: 0;
    top: 0
  }

  .advantage:after {
    background-image: radial-gradient(100.01% 100% at 50% 0, rgba(44, 44, 63, .6) 0, rgba(30, 30, 43, .6) 100%), linear-gradient(180deg, hsla(0, 0%, 100%, .1), hsla(0, 0%, 100%, 0));
    opacity: 0;
    transition: opacity .15s ease-out;
    z-index: 1
  }

  .advantage:hover:after {
    box-shadow: 0 1.2075953483581543px 2.4151906967163086px 0 rgba(0, 0, 0, .239);
    opacity: 1
  }

  .advantage:first-child:after, .advantage:first-child:before, .advantage:first-child:hover:after, .advantage:first-child:hover:before {
    border-radius: 16px 16px 0 16px
  }

  .advantage:nth-child(2):after, .advantage:nth-child(2):before, .advantage:nth-child(2):hover:after, .advantage:nth-child(2):hover:before {
    border-radius: 16px 16px 0 0
  }

  .advantage:nth-child(3):after, .advantage:nth-child(3):before, .advantage:nth-child(3):hover:after, .advantage:nth-child(3):hover:before {
    border-radius: 16px 16px 16px 0
  }

  .advantage:nth-child(4):after, .advantage:nth-child(4):before, .advantage:nth-child(4):hover:after, .advantage:nth-child(4):hover:before {
    border-radius: 16px 0 16px 16px
  }

  .advantage:nth-child(5):after, .advantage:nth-child(5):before, .advantage:nth-child(5):hover:after, .advantage:nth-child(5):hover:before {
    border-radius: 0 0 16px 16px
  }

  .advantage:nth-child(6):after, .advantage:nth-child(6):before, .advantage:nth-child(6):hover:after, .advantage:nth-child(6):hover:before {
    border-radius: 0 16px 16px 16px
  }
}

.input-wrapper:before {
  background: linear-gradient(180deg, hsla(0, 0%, 100%, 0), hsla(0, 0%, 100%, .1));
  border-radius: 8px;
  bottom: -1px;
  box-sizing: content-box;
  content: "";
  left: -1px;
  position: absolute;
  right: -1px;
  top: -1px;
  transition: background .15s ease-out;
  z-index: -1
}

.input-wrapper:hover:before {
  background: #9380c5
}

.input-wrapper:focus-within:before {
  background: #9380c5
}

.input-invalid-border:before {
  background: #410e16;
  border-radius: 8px;
  bottom: -1px;
  box-sizing: content-box;
  content: "";
  left: -1px;
  position: absolute;
  right: -1px;
  top: -1px;
  transition: background .15s ease-out;
  z-index: -1
}

textarea {
  resize: none
}

@media (min-width: 1280px) and (max-width: 1440px) {
  .bg-desktop {
    margin-left: -75px !important
  }
}

.accordion-content {
  max-height: 0;
  overflow: hidden;
  transition: max-height .2s ease-in
}

@media (min-width: 1280px) {
  .accordion-content {
    transition: max-height .2s ease-out
  }
}

.accordion-content.open {
  max-height: 600px
}

.arrow.open {
  transform: rotate(180deg) !important
}

.faqitem {
  background: radial-gradient(100.01% 100% at 50% 0, #252536 0, #1e1e2b 67.76%), linear-gradient(180deg, hsla(0, 0%, 100%, .1), hsla(0, 0%, 100%, 0))
}

.faqitem:before {
  background: linear-gradient(180deg, hsla(0, 0%, 100%, .1), hsla(0, 0%, 100%, 0)) border-box;
  border: 1px solid transparent;
  -webkit-mask: linear-gradient(#fff, #fff) padding-box, linear-gradient(#fff, #fff);
  -webkit-mask-composite: xor;
  mask-composite: exclude;
  z-index: -1
}

.faqitem:after, .faqitem:before {
  border-radius: 8px;
  bottom: 0;
  content: "";
  left: 0;
  position: absolute;
  right: 0;
  top: 0
}

.faqitem:after {
  background-color: transparent;
  transition: background-color .2s ease-out;
  z-index: -2
}

.faqitem.desktop:hover:after {
  background-color: #252536
}

.footer {
  background: linear-gradient(0deg, #1e1e2b, #1e1e2b), linear-gradient(90deg, rgba(65, 65, 92, 0) .65%, #41415c 54.98%, rgba(65, 65, 92, 0))
}

.footer-border {
  -o-border-image: linear-gradient(90deg, rgba(65, 65, 92, 0) .65%, rgba(65, 65, 92, .3) 54.98%, rgba(65, 65, 92, 0)) 1;
  border-image: linear-gradient(90deg, rgba(65, 65, 92, 0) .65%, rgba(65, 65, 92, .3) 54.98%, rgba(65, 65, 92, 0)) 1;
  border-style: solid;
  border-width: 1px 0
}

@media (min-width: 1280px) {
  .footer-border {
    border: 1px solid;
    -o-border-image: linear-gradient(90deg, rgba(65, 65, 92, 0) .65%, #41415c 54.98%, rgba(65, 65, 92, 0)) 1;
    border-image: linear-gradient(90deg, rgba(65, 65, 92, 0) .65%, #41415c 54.98%, rgba(65, 65, 92, 0)) 1
  }
}

.text-block h2 {
  font-size: 2.125rem !important;
  font-weight: 500 !important;
  line-height: 3;
}

html, body {
  overscroll-behavior: none;
}

/* Стили для ссылок */
a:hover {
  color: #1976d2;
}

/* Модальное окно */
.modal {
  display: none;
  position: fixed;
  z-index: 1000;
  left: 0;
  top: 0;
  width: 100vw;
  height: 100vh;
  background: rgba(0, 0, 0, 0.45);
  justify-content: center;
  align-items: center;
  animation: fadeInBg 0.2s;
}

@keyframes fadeInBg {
  from {
    background: rgba(0, 0, 0, 0);
  }
  to {
    background: rgba(0, 0, 0, 0.45);
  }
}

.modal.show {
  display: flex;
}

/* Контент модалки */
.modal-content {
  background: #2c2c3cf7;
  border-radius: 14px;
  box-shadow: 0 8px 32px rgba(0, 0, 0, 0.18);
  max-width: 90vw;
  width: 90vw;
  padding: 32px 24px 24px 24px;
  position: relative;
  animation: fadeInModal 0.25s;
  border: 1px solid #b7b7b733;
  max-height: 80vh;
  overflow-y: scroll;
}

@keyframes fadeInModal {
  from {
    opacity: 0;
    transform: translateY(40px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

.modal-content h4 {
  margin-top: 0;
  margin-bottom: 18px;
  color: #1976d2;
  font-size: 1.5em;
  font-weight: 700;
}

.modal-content p {
  color: #a39c9c;
  line-height: 1.6;
}

/* Кнопка закрытия */
.modal-close {
  position: absolute;
  top: 14px;
  right: 18px;
  background: none;
  border: none;
  font-size: 2em;
  color: #bbb;
  cursor: pointer;
  transition: color 0.2s;
}

.modal-close:hover {
  color: #1976d2;
}

.btn-become-partner {
  background-image: url('../img/buttons/first/default-desktop.svg');
  background-size: cover;
}

@media (hover: hover) {
  .btn-become-partner:hover {
    background-image: url('../img/buttons/first/hover-desktop.svg');
  }
}

.btn-become-partner:active {
  background-image: url('../img/buttons/first/active-desktop.svg');
}


.normalize-tables-lists table {
  display: table;
  overflow-y: auto;
  border-collapse: collapse;
  width: 100%;
}

.normalize-tables-lists table td,
.normalize-tables-lists table th {
  vertical-align: top;
  border: 1px solid #fff;
  padding: 10px;
  min-width: 120px;
}

.normalize-tables-lists ul {
  padding-left: 25px !important;
  list-style-type: disc !important;
}

.normalize-tables-lists ol {
  padding-left: 25px !important;
  list-style-type: decimal !important;
  margin-block-end: 0;
  margin-block-start: 0;
}

.normalize-tables-lists ul > li {
  list-style-type: disc !important;
}

.normalize-tables-lists ol > li {
  list-style-type: decimal !important;
}