@font-face {
  font-family: Druk wide;
  src: url('../fonts/Druk-Wide-Bold.woff2') format("woff2"), url('../fonts/Druk-Wide-Bold.woff') format("woff"), url('../fonts/Druk-Wide-Bold.ttf') format("truetype"), url('../fonts/Druk-Wide-Bold.otf') format("opentype");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Coignpro;
  src: url('../fonts/CoignPro-Semibold.550159a.woff2') format("woff2");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Coignpro 44";
  src: url('../fonts/CoignPro-44Regular.woff2') format("woff2"), url('../fonts/CoignPro-44Regular.woff') format("woff"), url('../fonts/CoignPro-44Regular.ttf') format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

:root {
  --white: white;
  --accent: #28e5ff;
  --light-accent: #1bd423;
  --accent-50: #28e5ff4f;
  --grey: #8c8c8c;
  --main: #020f02;
}

body {
  color: var(--white);
  font-family: Poppins, sans-serif;
  font-size: 14px;
  line-height: 20px;
  overflow: visible;
}

h2 {
  margin-top: 0;
  margin-bottom: 0;
  font-size: 45px;
  font-weight: 700;
  line-height: 1.3;
}

h3 {
  margin-top: 20px;
  margin-bottom: 10px;
  font-size: 28px;
  font-weight: 700;
  line-height: 1.6;
}

h4 {
  margin-top: 0;
  margin-bottom: 0;
  font-size: 18px;
  font-weight: 700;
  line-height: 1.35;
}

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

ul {
  margin-top: 0;
  margin-bottom: 0;
  padding-left: 0;
  list-style-type: none;
}

.header {
  z-index: 999;
  width: 100%;
  margin-top: 0;
  margin-bottom: 0;
  padding-top: 40px;
  padding-bottom: 0;
  padding-right: 0;
  position: fixed;
  inset: 0% 0% auto;
}

.navigation__wrapper {
  justify-content: space-between;
  align-items: center;
  width: 100%;
  height: 100%;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.navigation__wrapper.container-header {
  justify-content: space-between;
  padding-left: 5%;
  padding-right: 5%;
  display: flex;
}

.navigation__wrapper.header-container {
  justify-content: space-between;
  align-items: center;
  width: 100%;
  max-width: 1240px;
  padding-left: 0;
  padding-right: 0;
  display: flex;
}

.navigation__wrapper.container_greeting {
  flex-direction: column;
  justify-content: center;
  margin-bottom: 10px;
  padding-left: 20px;
  padding-right: 20px;
  transition: opacity .3s;
  display: flex;
  position: relative;
}

.header-logo {
  object-fit: contain;
  width: 40px;
  height: 40px;
}

.nav-list {
  display: flex;
}

.navbar {
  max-height: none;
  display: block;
}

.list-item {
  padding-right: 0;
}

.navigation {
  background-color: #0000;
  width: 100%;
}

.navigation__logo-block {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  flex: 0 auto;
  align-items: center;
  display: flex;
}

.navigation__item {
  text-align: center;
  background-color: #0000;
  width: 100%;
  height: 100%;
  padding-top: 0;
  padding-bottom: 0;
  font-family: Oswald, sans-serif;
  font-size: 1.2rem;
  font-weight: 400;
  line-height: 1;
  position: relative;
}

.navigation__item.first {
  color: var(--white);
  letter-spacing: .5ch;
  font-family: Coignpro, Times New Roman, sans-serif;
  font-size: 3rem;
  line-height: 1;
}

.navigation__item.first:hover {
  color: var(--accent);
}

.greeting {
  justify-content: center;
  align-items: flex-start;
  width: auto;
  height: auto;
  padding-top: 200px;
  padding-bottom: 150px;
  display: flex;
  position: relative;
  overflow: hidden;
}

.greeting__content {
  grid-template-rows: auto auto auto;
  justify-content: space-between;
  align-items: stretch;
  margin-top: 0;
  margin-bottom: 0;
  display: flex;
}

.accent {
  color: var(--accent);
}

.greeting__title {
  margin-top: 0;
  margin-bottom: 40px;
  font-family: Coignpro, Times New Roman, sans-serif;
  font-size: 56px;
  line-height: 1.07;
}

.greeting__text {
  max-width: 520px;
  font-size: 20px;
  line-height: 1.5;
}

.button {
  border: 2px solid var(--accent);
  color: var(--accent);
  text-transform: uppercase;
  background-color: #0000;
  border-radius: 10px;
  width: auto;
  padding: 25px 50px;
  font-weight: 700;
  transition: all .3s;
  display: block;
}

.button:hover {
  box-shadow: none;
  color: var(--white);
  background-color: #10b617;
  border-color: #10b617;
}

.button.green {
  background-color: var(--accent);
  border-radius: 10px;
}

.button.button_accent {
  background-color: var(--accent);
  color: var(--white);
  transition: all .3s;
  box-shadow: 0 20px 40px #1bd4234d;
}

.button.button_accent:hover {
  box-shadow: none;
  background-color: #10b617;
  border-color: #10b617;
}

.greeting__content_left {
  z-index: 1;
  width: 52%;
  position: relative;
}

.greeting__content_right {
  z-index: 0;
  align-items: center;
  width: 40%;
  height: auto;
  display: flex;
  position: relative;
}

.greeting__buttons {
  grid-column-gap: 30px;
  margin-top: 50px;
  display: flex;
}

.greeting__img {
  z-index: auto;
  width: 90%;
  height: auto;
  position: absolute;
  inset: 0% 0% auto;
}

.greeting__img.greeting__img_bottom {
  z-index: 4;
  -webkit-backdrop-filter: blur(20px);
  backdrop-filter: blur(20px);
  border-radius: 20px;
  width: 100%;
  position: relative;
  inset: auto;
}

.greeting__img.greting__img_top {
  z-index: 5;
  opacity: 1;
  -webkit-backdrop-filter: blur(20px);
  backdrop-filter: blur(20px);
  perspective: 999px;
  mix-blend-mode: normal;
  background-color: #0000;
  border-radius: 15px;
  width: 100%;
  position: relative;
  inset: auto;
  transform: perspective(999px);
  box-shadow: inset 0 2px 4px #ffffff40, 21px 21px 60px #1b093a4d;
}

.description-section {
  margin-bottom: 150px;
  padding-bottom: 0;
}

.container {
  max-width: 1240px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 5%;
  padding-right: 5%;
}

.container.container-questions {
  justify-content: space-between;
  display: flex;
  position: relative;
}

.container.container-bank {
  background-color: var(--accent);
  color: var(--white);
  border-radius: 30px;
  justify-content: space-between;
  align-items: flex-start;
  width: 100%;
  margin-top: 10px;
  padding-right: 0;
  display: flex;
  position: relative;
  overflow: hidden;
}

.container.container-description {
  padding-left: 0;
  padding-right: 0;
}

.container.lottie-wrp {
  justify-content: center;
  align-items: flex-start;
  height: 100%;
  display: flex;
}

.container.lottie-wrp-bottom {
  justify-content: flex-start;
  align-items: flex-start;
  height: 100%;
  display: flex;
  position: relative;
}

.description-list {
  grid-column-gap: 15px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  justify-content: space-between;
  min-width: 100%;
  padding-top: 2px;
  padding-bottom: 30px;
  display: flex;
}

.description__item {
  z-index: 0;
  -webkit-backdrop-filter: blur(20px);
  backdrop-filter: blur(20px);
  background-image: none;
  background-size: auto;
  border-radius: 10px;
  width: 100%;
  min-width: 320px;
  max-width: 386px;
  padding: 30px;
  position: relative;
}

.description__item.hidden {
  display: none;
}

.description__item.add {
  opacity: 1;
  background-image: none;
  background-position: 0 0;
  background-size: auto;
}

.description__item.add.add2 {
  border: 1px solid #ffffff80;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}

.description-title {
  margin-bottom: 50px;
  padding-left: 15px;
  padding-right: 15px;
  font-family: Druk wide, sans-serif;
  font-size: 40px;
}

.description-item-string {
  align-items: center;
  width: 100%;
  height: auto;
  margin-bottom: 20px;
  display: flex;
  position: relative;
}

.description-icons {
  justify-content: center;
  align-items: center;
  width: 45px;
  min-width: 45px;
  height: 51px;
  margin-left: -10px;
  margin-right: 0;
  display: flex;
  position: absolute;
}

.heading {
  margin-top: 0;
  margin-bottom: 0;
  margin-left: 50px;
  font-family: Druk wide, sans-serif;
  font-size: 16px;
}

.dedscription-text {
  margin-bottom: 0;
  font-size: 16px;
  line-height: 1.56;
  position: relative;
}

.div-block {
  width: 33px;
  height: 33px;
}

.description-img1 {
  z-index: 1;
  transform-origin: 40% 60%;
  position: absolute;
}

.description-img2 {
  z-index: 2;
  transform-origin: 60% 40%;
  background-color: #0000;
  position: absolute;
}

.offers {
  z-index: 5;
  margin-top: 500px;
  margin-bottom: 0;
}

.offers-description {
  grid-column-gap: 150px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: 430px auto;
  grid-auto-columns: 1fr;
  justify-content: space-between;
  place-items: flex-end start;
  margin-bottom: 70px;
  font-size: 18px;
  line-height: 1.6;
  display: grid;
}

.offer-title {
  width: 100%;
  margin-right: 20px;
  font-family: Druk wide, sans-serif;
  font-size: 40px;
}

.offer-description {
  grid-template-rows: auto;
  grid-template-columns: 5fr 6fr;
  justify-content: stretch;
  align-items: end;
  width: 100%;
  margin-bottom: 0;
  font-size: 16px;
}

.offer-variants {
  border-bottom: 1px solid #fff3;
}

.offer-item {
  border-top: 1px solid #fff3;
  justify-content: space-between;
  align-items: flex-start;
  padding-top: 40px;
  padding-bottom: 30px;
  display: flex;
}

.offer-item-title {
  width: 230px;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Druk wide, sans-serif;
  line-height: 1.3;
}

.variant-advantages-item {
  align-items: center;
  width: 250px;
  max-width: 300px;
  margin-bottom: 10px;
  padding-left: 34px;
  font-size: 16px;
  line-height: 1.55;
  transition: all .3s;
  display: flex;
  position: relative;
}

.variant-price {
  min-width: 150px;
  height: auto;
  font-family: Druk wide, sans-serif;
  font-size: 18px;
  font-weight: 700;
  line-height: 1.3;
}

.faqs {
  z-index: 1;
  margin-bottom: 0;
  padding-top: 150px;
  padding-bottom: 150px;
}

.questions-pictires {
  z-index: 1;
  justify-content: flex-start;
  align-items: center;
  width: auto;
  margin-left: 10%;
  display: flex;
  position: relative;
}

.questions-content {
  z-index: 1;
  width: 56%;
  margin-left: auto;
  margin-right: auto;
  position: relative;
}

.questions-title {
  text-align: center;
  margin-bottom: 30px;
  font-family: Coignpro, Times New Roman, sans-serif;
  font-size: 10rem;
}

.questions-box {
  border-bottom: 1px solid #fff3;
  padding-top: 0;
  padding-bottom: 0;
}

.question-string {
  cursor: pointer;
  justify-content: space-between;
  align-items: flex-start;
  padding-top: 20px;
  padding-bottom: 20px;
  display: flex;
}

.question-string:hover {
  color: var(--accent);
}

.question-arrow {
  cursor: pointer;
  justify-content: center;
  align-items: center;
  width: 20px;
  height: 20px;
  display: flex;
}

.questions-answer {
  opacity: 1;
  color: #fff9;
  height: auto;
  min-height: 0;
  margin-top: 0;
  margin-bottom: 20px;
  margin-right: 40px;
  display: block;
}

.question-box-title {
  cursor: pointer;
  width: auto;
  max-width: 450px;
  margin-right: 70px;
  font-size: 1.2rem;
  font-weight: 400;
  line-height: 1.6;
  transition: color .3s;
}

.question-box-title.active {
  color: var(--light-accent);
}

.digital-bank {
  z-index: 1;
  margin-bottom: 100px;
}

.bank-content {
  max-width: 490px;
  height: 100%;
  margin: 80px 0 80px 65px;
  padding-top: 0;
  padding-bottom: 0;
  padding-left: 0;
}

.bank-img {
  object-fit: contain;
  align-items: flex-start;
  width: 50%;
  max-width: none;
  height: 440px;
  margin: auto 0 0;
  padding-top: 12px;
  display: flex;
  overflow: hidden;
}

.bank-title {
  font-family: Druk wide, sans-serif;
  font-size: 40px;
}

.bank-description {
  margin-top: 25px;
  margin-bottom: 50px;
  font-size: 16px;
  font-style: normal;
  line-height: 160%;
}

.bank-button {
  background-color: #0c0c0c;
  border-radius: 10px;
  align-items: center;
  width: auto;
  height: auto;
  min-height: 54px;
  padding: 12px 20px;
  display: flex;
}

.footer {
  z-index: 3;
  padding-bottom: 50px;
  position: absolute;
  inset: auto 0% 0%;
}

.button-string {
  display: flex;
}

.footer-top {
  justify-content: space-between;
  display: flex;
}

.footer-communicate {
  flex-direction: column;
  justify-content: space-between;
  width: 49%;
  display: flex;
}

.footer-newsletter {
  width: 49%;
}

.footer-logo {
  align-items: center;
  margin-bottom: 20px;
  display: flex;
}

.footer-logo.small-size {
  display: none;
}

.footer-logo-name {
  text-transform: uppercase;
  margin-bottom: 0;
  margin-left: 10px;
  line-height: 1.3;
}

.footer-contacts {
  display: flex;
}

.footer-contacts-item {
  align-items: center;
  width: auto;
  margin-right: 50px;
  display: flex;
}

.footer-icon {
  justify-content: center;
  align-items: center;
  width: 48px;
  min-width: 48px;
  height: 48px;
  padding: 8px;
  display: flex;
}

.footer-icon.twitter {
  padding: 12px;
}

.footer-content-text {
  flex-direction: column;
  margin-left: 12px;
  display: flex;
}

.footer-icon-link {
  border: 1px solid var(--accent-50);
  border-radius: 50%;
  height: auto;
  transition: border-color .2s;
}

.footer-icon-link:hover {
  border-color: var(--accent);
}

.footer-icon-link.chart-link {
  margin-right: 25px;
}

.footer-content-text-description {
  color: var(--grey);
  margin-bottom: 2px;
}

.digital-link {
  border-radius: 10px;
}

.digital-link-wrapper {
  margin-right: 20px;
}

.footer-newsletter-title {
  margin-top: 0;
  margin-bottom: 0;
  font-family: Druk wide, sans-serif;
  font-size: 18px;
  line-height: 1.3;
}

.footer-newsletter-description {
  color: var(--grey);
  max-width: 470px;
  margin-top: 15px;
  margin-bottom: 20px;
  line-height: 1.7;
}

.enter-email {
  margin-bottom: 0;
}

.footer-form {
  border-radius: 70px;
  align-items: center;
  width: 100%;
  height: 50px;
  display: flex;
  position: relative;
}

.form-input {
  color: var(--white);
  background-color: #0000;
  border: 1px solid #343538;
  border-radius: 70px;
  width: 100%;
  height: 100%;
  margin-bottom: 0;
  padding: 0 200px 0 42px;
}

.form-input:focus {
  border-color: #343538;
}

.form-input::placeholder {
  color: var(--grey);
}

.form-btn {
  border: 2px solid var(--accent);
  background-color: var(--accent);
  text-transform: uppercase;
  border-radius: 70px;
  width: 185px;
  height: 100%;
  padding: 0;
  font-weight: 700;
  transition: all .3s;
  position: absolute;
  inset: 0% 0% 0% auto;
}

.form-btn:hover {
  background-color: #10b617;
  border-color: #10b617;
}

.form-input-icon {
  width: 16px;
  height: 16px;
  position: absolute;
  left: 15px;
}

.image {
  position: absolute;
}

.footer-bottom {
  margin-top: 100px;
  margin-bottom: 0;
}

.footer-navigation {
  justify-content: space-between;
  display: flex;
}

.footer-navigation-link {
  color: var(--grey);
  margin-bottom: 0;
  line-height: 1.5;
  transition: all .3s;
  display: block;
}

.footer-navigation-link:hover {
  color: var(--white);
  text-shadow: 1px 0 0 var(--white);
}

.footer-string {
  justify-content: space-between;
  align-items: center;
  margin-top: 30px;
  display: flex;
}

.footer-networks {
  z-index: 999;
  margin-top: 0;
  position: fixed;
  inset: auto auto 40px 5%;
}

.copyright {
  color: var(--grey);
  margin-bottom: 0;
  line-height: 1.5;
  transition: color .2s;
}

.copyright:hover {
  color: var(--white);
}

.question-arrow {
  cursor: pointer;
}

.body {
  background-color: #091627;
}

.bckg-top {
  z-index: -1;
  opacity: 1;
  width: auto;
  max-width: none;
  height: auto;
  margin-left: 0;
  margin-right: 0;
  position: absolute;
  inset: -600px -1000px auto auto;
  overflow: visible;
}

.questions-answer-wrapper {
  opacity: 1;
  height: 0;
  transition: all .3s;
  overflow: hidden;
}

.questions-img {
  z-index: -1;
  filter: blur(5px);
  width: 120vw;
  max-width: 1544px;
  height: auto;
  position: absolute;
  top: -7vw;
  left: -52vw;
}

.questions-img.hidden {
  display: block;
  right: 0;
}

.questions-img.lottie, .questions-img.lines {
  width: 2000px;
  display: block;
  top: 0;
  left: auto;
  right: -650px;
  transform: translate(0, -150px);
}

.baks {
  -webkit-backdrop-filter: blur(19px);
  backdrop-filter: blur(19px);
  position: absolute;
  top: 0;
}

.coin {
  z-index: 5;
  -webkit-backdrop-filter: blur(19px);
  backdrop-filter: blur(19px);
  background-color: #4000ff08;
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  width: 183px;
  height: 183px;
  display: flex;
  position: relative;
  box-shadow: inset 0 0 24px #ffffff14, inset 0 3px 2.8px #ffffff29;
}

.coin.baks {
  z-index: 5;
  filter: none;
  position: absolute;
  left: 0;
}

.coin.evro {
  position: absolute;
  bottom: 0;
  right: 0;
}

.coin-image {
  background-color: #0000;
}

.bckg-main {
  z-index: -1;
  opacity: .99;
  background-image: url('../images/background1.png');
  background-position: -180px -600px;
  background-repeat: no-repeat;
  background-attachment: scroll;
  width: 100%;
  height: 100%;
  display: block;
  position: absolute;
}

.bckg-main.bckg-translatex, .bckg-main.bckg-translatex-1 {
  z-index: -1;
  background-image: none;
  background-repeat: repeat;
  background-attachment: scroll;
  justify-content: flex-start;
  align-items: flex-start;
  display: block;
  left: 0%;
  right: auto;
  overflow: hidden;
}

.description__item-noise {
  z-index: 0;
  opacity: .1;
  background-color: #0000;
  background-image: url('../images/Rectangle.png');
  background-position: 0 0;
  background-size: 220px;
  border: 1px solid #0000;
  border-radius: 10px;
  width: 100%;
  height: 100%;
  display: block;
  position: absolute;
  top: 0;
  left: 0;
}

.description__item-noise.hidden {
  display: none;
}

.description__item-black {
  z-index: 0;
  background-color: var(--main);
  border-radius: 10px;
  width: 100%;
  height: 100%;
  display: block;
  position: absolute;
  inset: 0;
  overflow: hidden;
}

.description__item-black.hidden {
  display: none;
}

.bckg-black {
  z-index: -5;
  background-color: var(--main);
  width: 100%;
  height: 100%;
  display: block;
  position: absolute;
  top: 0;
  left: 0;
}

.bckg-noise {
  z-index: 2;
  opacity: .27;
  mix-blend-mode: overlay;
  background-image: url('../images/Rectangle.png');
  background-size: 220px;
  width: 100%;
  height: 100%;
  position: fixed;
  inset: 0%;
}

.greeting__img-wrapper {
  z-index: 5;
  width: 90%;
  max-width: 100%;
  height: auto;
  position: absolute;
  bottom: 48%;
  right: auto;
}

.greeting__img-wrapper.greeting__img-wrapper__top {
  -webkit-backdrop-filter: blur(5px);
  backdrop-filter: blur(5px);
  perspective: 999px;
  border-radius: 16px;
  width: 100%;
  max-width: 490px;
  transition: opacity .5s;
  right: 25px;
  transform: perspective(999px)rotate(12deg);
}

.greeting__img-wrapper.greeting__img-wrapper__bottom {
  z-index: 4;
  perspective: 999px;
  border-radius: 18px;
  width: 100%;
  transition: opacity .5s;
  top: 48%;
  bottom: auto;
  left: -25px;
  transform: perspective(999px)rotate(-10deg);
}

.greeting-img-noise {
  z-index: -5;
  opacity: .12;
  filter: none;
  mix-blend-mode: overlay;
  background-image: url('../images/Rectangle.png');
  background-position: 0 0;
  background-size: 220px;
  border-radius: 20px;
  width: 100%;
  height: 100%;
  display: block;
  position: absolute;
  top: 0;
  left: 0;
}

.bckg-main-wrapper {
  display: none;
}

.css {
  display: block;
}

.description__item-gray {
  z-index: -5;
  background-image: linear-gradient(135deg, #ffffff94, #fff0);
  border-radius: 10px;
  width: 100%;
  height: 100%;
  display: block;
  position: absolute;
  top: 0;
  left: 0;
}

.description__item-gray.hidden {
  display: none;
}

.greeting-img-white {
  z-index: 3;
  background-color: #ffffff12;
  border-radius: 15px;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  overflow: hidden;
}

.grid {
  grid-template-rows: auto;
}

.link-block {
  width: 40px;
  height: 40px;
  position: relative;
}

.image-3 {
  width: 100%;
  height: auto;
  position: absolute;
  top: 0;
  left: 0;
}

.figure-rotate {
  z-index: -22;
  width: 85px;
  height: 85px;
  display: none;
  position: absolute;
  top: -10px;
  left: -10px;
}

.image-4 {
  z-index: -5;
  position: absolute;
}

.coin-wrapper {
  z-index: 1;
  -webkit-backdrop-filter: none;
  backdrop-filter: none;
  border-radius: 50%;
  width: 183px;
  height: 183px;
  display: none;
  position: absolute;
  top: 0;
  left: 90px;
}

.coin-wrapper.bitcoin {
  z-index: 1;
  position: relative;
  inset: auto auto 0;
}

.coin-wrapper.evro {
  inset: auto 80px 0 auto;
}

.coin-bck-blur {
  z-index: 4;
  -webkit-backdrop-filter: blur(15px);
  backdrop-filter: blur(15px);
  background-color: #ffffff26;
  border-radius: 50%;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  box-shadow: 0 0 30px #ffffff24;
}

.coin-rotate {
  z-index: 1;
  border-radius: 50%;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}

.coin-bckg-img {
  z-index: 3;
  filter: blur(20px);
  -webkit-backdrop-filter: blur(20px);
  backdrop-filter: blur(20px);
  background-image: url('../images/Surface.png');
  background-position: 50%;
  background-size: 183px;
  border-radius: 50%;
  width: 100%;
  height: 100%;
  position: absolute;
}

.sssssss {
  -webkit-backdrop-filter: blur(5px);
  backdrop-filter: blur(5px);
  border-radius: 50%;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}

.figure-wrp {
  z-index: 0;
  width: 85px;
  height: 85px;
  display: none;
  position: absolute;
}

.figure-wrp.circle {
  top: -20px;
  left: 210px;
}

.figure-wrp.triangle {
  margin-top: 100px;
  left: -40px;
}

.figure-wrp.square {
  bottom: 80px;
  right: 40px;
}

.description-list-wrapper {
  padding-left: 15px;
  padding-right: 15px;
  overflow: auto;
}

.description-list-wrapper.designer-scroll {
  margin-bottom: 50px;
  padding-left: 5%;
  padding-right: 5%;
}

.bank-img__inner {
  object-fit: contain;
  object-position: 50% 0%;
  height: 200%;
  margin-left: -15px;
  display: block;
}

.faq-bckg2 {
  filter: none;
  display: block;
  position: absolute;
  top: 0;
  left: 0;
}

.header-logo__word {
  object-fit: contain;
  width: 100px;
  max-width: none;
  height: 20px;
  transition: opacity .3s;
  display: block;
}

.header-networks {
  justify-content: space-between;
  align-items: center;
  margin-top: 30px;
  display: flex;
}

.networks-menu {
  margin-top: 0;
  display: none;
}

.network-menu {
  border: 1px solid #343538;
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  width: 48px;
  min-width: 48px;
  height: 48px;
  display: none;
}

.footer-icon-copy {
  border: 1px solid #343538;
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  width: 48px;
  min-width: 48px;
  height: 48px;
  display: flex;
}

.black {
  opacity: .6;
  background-image: url('https://d3e54v103j8qbb.cloudfront.net/img/background-image.svg');
  background-position: 0 0;
  background-size: auto;
  width: 10px;
  height: 10px;
  position: absolute;
}

.black.black2 {
  opacity: .9;
}

.block-hidden {
  opacity: 0;
  display: block;
}

.top-lottie {
  min-width: 300vw;
  height: auto;
  transition: opacity .25s;
  position: relative;
  transform: translate(500px, -400px);
}

.top-lottie.hidden {
  display: none;
}

.top-lottie.left-position {
  min-width: 3900px;
  margin-left: -140vw;
  transform: none;
}

.div-block-2 {
  margin-left: auto;
  margin-right: auto;
}

.figure {
  filter: hue-rotate(80deg);
}

.background-image-secondary, .code {
  display: none;
}

.hero-title {
  font-family: Changa One, Impact, sans-serif;
  font-size: 10rem;
}

.hero-section {
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100vh;
  min-height: 100vh;
  display: flex;
}

.hero-inner {
  flex-flow: column;
  justify-content: center;
  align-items: center;
  height: 100vh;
  display: flex;
  position: relative;
}

.hero-heading {
  text-align: right;
  width: 50%;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Coignpro, Times New Roman, sans-serif;
  font-size: 20vw;
  line-height: 1;
}

.hero-heading.right {
  z-index: 2;
  text-align: left;
  margin-left: auto;
  position: relative;
}

.hero-heading.initial-popup {
  text-align: left;
  width: auto;
  margin-left: -5vw;
  font-size: 15vw;
}

.hero-heading.initial-popup.lower {
  text-align: right;
  margin-left: 0;
  margin-right: -5vw;
}

.hero-heading.testimonies-title {
  text-align: center;
  width: 100%;
}

.hero-heading-right {
  text-align: right;
  font-family: Coignpro, Times New Roman, sans-serif;
  font-size: 20rem;
  line-height: 1;
}

.hero-heading-lower {
  z-index: 2;
  text-align: center;
  letter-spacing: 1ch;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Coignpro, Times New Roman, sans-serif;
  font-size: 5vw;
  line-height: 1;
  position: relative;
}

.hero-txt-spacer {
  height: 0;
}

.hero-text-container {
  width: 100%;
  position: relative;
}

.hero-water-bottle {
  z-index: 1;
  width: 27.5%;
  position: absolute;
  inset: 0% auto auto 36.25%;
}

.bg-1 {
  z-index: 1;
  background-color: #0a1627;
  width: 100%;
  height: 100%;
  position: fixed;
  inset: 0%;
}

.logo-nav {
  letter-spacing: .5ch;
  font-family: Oswald, sans-serif;
  font-size: 1.5rem;
  font-weight: 300;
  line-height: 1;
}

.play-pause {
  z-index: 10;
  justify-content: center;
  align-items: center;
  width: 50px;
  height: 50px;
  display: flex;
}

.play-pause:hover {
  color: #afff83;
}

.music {
  margin-bottom: 30px;
}

.character-music-icon {
  justify-content: center;
  align-items: center;
  width: 100%;
  display: flex;
}

.character-music-icon:hover {
  color: var(--accent);
}

.character-music-icon.cursor-hover {
  font-family: Oswald, sans-serif;
  font-size: 1rem;
  font-weight: 200;
}

.nav-right {
  justify-content: center;
  align-items: center;
  display: flex;
}

.hero-content {
  width: 100%;
  height: 100%;
}

.hero-text-box {
  display: flex;
}

.top-line-hero-txt {
  flex: 1;
  justify-content: flex-end;
  align-items: flex-end;
  width: 100%;
  padding-right: 5vw;
  display: flex;
}

.hero-small-txt-1 {
  font-family: Oswald, sans-serif;
  font-weight: 200;
}

.small-line {
  background-color: var(--accent);
  width: 20%;
  height: 1px;
  margin-bottom: 10px;
}

.nav-link {
  padding: 10px;
  transition: all .2s;
}

.nav-link:hover {
  color: var(--accent);
  text-decoration-thickness: 3px;
}

.music-icon-waves-script {
  display: none;
}

.paragraph {
  font-size: .9rem;
}

.inital-popup {
  z-index: 4;
  -webkit-backdrop-filter: blur(16px);
  backdrop-filter: blur(16px);
  background-color: #000000a6;
  justify-content: center;
  align-items: center;
  display: flex;
  position: fixed;
  inset: 0%;
}

.inital-popup.hidden {
  display: none;
}

.popup-bg {
  z-index: -1;
  -webkit-backdrop-filter: blur(50px);
  backdrop-filter: blur(50px);
  background-image: linear-gradient(#00000080, #00000080);
  position: absolute;
  inset: 0%;
}

.popup-content {
  z-index: 2;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  display: flex;
}

.enter-button {
  z-index: 999;
  position: relative;
}

.enter-button.edit-new {
  position: static;
}

.bg-1-ripples {
  z-index: 2;
  background-color: #dd1f1f;
  width: 50%;
  height: 50%;
  margin-top: auto;
  margin-bottom: auto;
  position: fixed;
  inset: 0%;
}

.bg-elements {
  z-index: 1;
  position: fixed;
  inset: 0%;
}

.content {
  z-index: 2;
  background-color: #00000003;
  width: 100%;
  position: absolute;
  overflow: hidden;
}

.main {
  z-index: 3;
  position: static;
}

.section {
  z-index: 1;
  width: 100%;
  margin-bottom: 50px;
}

.section.bottle {
  margin-bottom: 0;
  position: relative;
}

.section-min-height {
  margin-top: 10vh;
  margin-bottom: 20vh;
}

.section-min-height.flex {
  flex-flow: column;
  justify-content: center;
  align-items: center;
  display: flex;
  position: relative;
}

.section-lrg-txt {
  z-index: 1;
  text-align: center;
  margin: 0 auto;
  font-family: Coignpro, Times New Roman, sans-serif;
  font-size: 25vw;
  line-height: 1;
  position: relative;
}

.section-lrg-txt.right {
  text-align: left;
  margin-left: auto;
}

.section-lrg-txt.initial-popup {
  text-align: left;
  width: auto;
  margin-left: -5vw;
  font-size: 15vw;
}

.section-lrg-txt.initial-popup.lower {
  text-align: right;
  margin-left: 0;
  margin-right: -5vw;
}

.bos-content {
  flex-flow: row;
  justify-content: center;
  align-items: center;
  width: 100%;
  display: flex;
}

.solana-coin {
  z-index: -1;
  width: 20%;
}

.solana-coin.opacity-0 {
  opacity: 0;
}

.solana-coin._2 {
  z-index: 2;
  filter: blur(4px);
  width: 10%;
  position: relative;
}

.solana-coin._2.no-blur {
  width: 7%;
  margin-top: 25px;
}

.solana-coin._2.left {
  margin-top: 46px;
}

.solana-coin._3 {
  z-index: 2;
  width: 25%;
  margin-left: 5%;
  position: absolute;
  top: 83%;
}

.coins-container {
  z-index: 1;
  align-items: flex-start;
  display: flex;
  position: absolute;
  inset: auto 0%;
}

.coins-container.right {
  z-index: 0;
  justify-content: flex-end;
  align-items: flex-start;
  right: 0%;
}

.built-on-cont {
  z-index: 1;
  position: relative;
}

.solana-text-logo {
  z-index: 3;
  width: 100%;
  position: absolute;
}

.summary-text-section {
  padding: 50px 5%;
}

.summary-txt {
  text-align: center;
  font-size: 2.5rem;
  line-height: 1.4;
}

.body-2 {
  text-transform: uppercase;
  background-color: #091627;
  font-family: Oswald, sans-serif;
}

.image-section {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  padding: 50px 5%;
  display: grid;
}

.image-section-grid {
  grid-template-columns: 1fr 1fr 1fr;
}

.image-grid-item {
  justify-content: center;
  align-items: center;
  width: 100%;
  padding: 6px;
  display: flex;
}

.grid-image {
  width: 100%;
}

.grid-image.d {
  opacity: .3;
}

.item {
  transform-style: preserve-3d;
  border-radius: 2em;
  position: absolute;
  inset: 0;
  overflow: hidden;
  transform: rotate(0)translate3d(0, 0, 550px);
}

.item.pos-3 {
  transform-style: preserve-3d;
  transform: rotateX(0)rotateY(72deg)rotateZ(0)translate3d(0, 0, 550px);
}

.item.pos-9 {
  transform-style: preserve-3d;
  transform: rotateX(0)rotateY(288deg)rotateZ(0)translate3d(0, 0, 550px);
}

.item.pos-7 {
  transform-style: preserve-3d;
  transform: rotateX(0)rotateY(216deg)rotateZ(0)translate3d(0, 0, 550px);
}

.item.pos-5 {
  transform-style: preserve-3d;
  transform: rotateX(0)rotateY(144deg)rotateZ(0)translate3d(0, 0, 550px);
}

.item.pos-8 {
  transform-style: preserve-3d;
  transform: rotateX(0)rotateY(252deg)rotateZ(0)translate3d(0, 0, 550px);
}

.item.pos-10 {
  transform-style: preserve-3d;
  transform: rotateX(0)rotateY(324deg)rotateZ(0)translate3d(0, 0, 550px);
}

.item.pos-2 {
  transform-style: preserve-3d;
  transform: rotateX(0)rotateY(36deg)rotateZ(0)translate3d(0, 0, 550px);
}

.item.pos-6 {
  transform-style: preserve-3d;
  transform: rotateX(0)rotateY(180deg)rotateZ(0)translate3d(0, 0, 550px);
}

.item.pos-4 {
  transform-style: preserve-3d;
  transform: rotateX(0)rotateY(108deg)rotateZ(0)translate3d(0, 0, 550px);
}

.image-5 {
  object-fit: cover;
  width: 100%;
  height: 100%;
}

.slides {
  z-index: 2;
  transform-style: preserve-3d;
  width: 150px;
  height: 187.5px;
  animation: 20s linear infinite autoRun;
  position: absolute;
  top: 10%;
  transform: perspective(1000px);
}

._3d-slider-container {
  transform-style: preserve-3d;
}

.slider-content-center {
  z-index: 1;
  flex-flow: wrap;
  justify-content: space-between;
  align-items: flex-end;
  width: min(1400px, 100vw);
  height: max-content;
  margin-left: auto;
  margin-right: auto;
  padding-left: 1rem;
  padding-right: 1rem;
  display: flex;
  position: absolute;
  bottom: 0%;
  left: 0%;
  right: 0%;
  transform: perspective(1000px);
}

.model {
  z-index: 1;
  filter: blur(1px);
  background-image: url('../images/f.png');
  background-position: 50% 0;
  background-repeat: no-repeat;
  background-size: auto 110%;
  background-attachment: scroll;
  width: 100%;
  height: 75vh;
  position: absolute;
  bottom: 0;
  left: 0;
}

._3d-slider {
  text-align: center;
  width: 100%;
  height: 100vh;
  position: relative;
  overflow: hidden;
}

.curtain {
  position: absolute;
  inset: 15%;
  overflow: hidden;
}

.mesh-canvas {
  width: 500px;
  height: 500px;
  margin-left: auto;
  margin-right: auto;
}

.c2c-3 {
  border-radius: 15px;
  align-items: center;
  display: flex;
}

.c2c-3.v2 {
  border: 1px solid var(--accent-50);
  color: #fff;
  background-color: #ffffff0d;
  border-radius: 8rem;
  justify-content: center;
  align-items: center;
  margin-top: 10px;
  padding: 10px 5px;
  transition: border-color .2s;
  position: relative;
}

.c2c-3.v2:hover {
  border: 1px solid var(--accent);
}

.c2c-3.v2.pulse-shape {
  border: 2px solid var(--accent);
}

.c2c-3-text {
  padding-left: 20px;
  padding-right: 20px;
}

.c2c-txt {
  text-align: center;
  margin-bottom: 0;
  margin-left: auto;
  margin-right: auto;
  font-size: 1.25rem;
}

.c2c-txt.tablet {
  display: none;
}

.hidden-to-keep-width {
  opacity: 0;
  color: #eef0f6;
  height: 0;
  margin-bottom: 0;
  margin-right: 5px;
  font-size: 1.25rem;
  font-weight: 400;
}

.testimonial-section {
  z-index: 2;
  justify-content: center;
  align-items: center;
  width: 90%;
  margin-top: 50px;
  margin-left: auto;
  margin-right: auto;
  display: flex;
  position: relative;
}

.testimonial-img {
  border-radius: 6px;
  width: 25%;
  box-shadow: 0 2px 20px 8px #ffffff24;
}

.testimonial-box {
  border-radius: 6px;
  max-width: 40%;
  margin-left: 50px;
  margin-right: 0;
  padding: 15px;
  font-size: 1rem;
  font-weight: 200;
}

.testimonial-box.left {
  margin-left: 0;
  margin-right: 50px;
}

.test-bottom {
  font-weight: 200;
}

.test-n {
  margin-bottom: 5px;
  font-weight: 400;
}

.testimonial-text {
  letter-spacing: .1ch;
  text-transform: uppercase;
  font-size: 1.1rem;
  line-height: 1.2;
}

.testimonial-title-container {
  position: relative;
}

.title-1 {
  text-align: right;
  width: 50%;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Coignpro, Times New Roman, sans-serif;
  font-size: 20vw;
  line-height: 1;
}

.title-1.right {
  z-index: 2;
  text-align: left;
  margin-left: auto;
  position: relative;
}

.title-1.initial-popup {
  text-align: left;
  width: auto;
  margin-left: -5vw;
  font-size: 15vw;
}

.title-1.initial-popup.lower {
  text-align: right;
  margin-left: 0;
  margin-right: -5vw;
}

.title-1.testimonies-title {
  pointer-events: none;
  color: #ffffff1a;
  text-align: center;
  width: 100%;
  font-size: 30vw;
}

.title-1.testimonies-title.front {
  z-index: 10;
  color: #fff;
  -webkit-text-fill-color: inherit;
  background-color: #fff0;
  background-clip: border-box;
  font-size: 20vw;
  position: absolute;
  inset: auto 0% 0%;
}

.title-1.questions-title, .title-1.faqs-title {
  text-align: center;
  width: 100%;
}

.home-options-icon {
  width: 25px;
  transition: transform .2s;
  display: block;
}

.text-size-x3 {
  letter-spacing: -.014em;
  font-size: 1.125rem;
  line-height: 1.4;
}

.container-2 {
  grid-row-gap: 1.5rem;
  flex-flow: wrap;
  width: 90%;
  max-width: 90rem;
  margin-left: auto;
  margin-right: auto;
}

.b--icon-20x20 {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 1.25rem;
  height: 1.25rem;
  display: flex;
}

.col-grid {
  grid-row-gap: 1.5rem;
  flex-flow: wrap;
  justify-content: center;
  width: 100%;
  display: flex;
}

.showcase_card_cta {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  outline-offset: 0px;
  background-color: #fff;
  border-radius: 10rem;
  outline: 1rem solid #faf9f7;
  align-items: center;
  padding: .5rem .75rem .5rem .5rem;
  font-weight: 500;
  display: flex;
}

.showcase_card_img {
  border-radius: 1rem;
  width: 7.5rem;
  position: absolute;
  top: 0;
  left: 0;
  box-shadow: 0 2px 20px 10px #ffffff40;
}

.showcase_card_content {
  background-color: #ffffff0f;
  border-radius: 1rem;
  flex-direction: column;
  padding: 2.5rem 5rem 2.5rem 7.5rem;
  display: flex;
}

.showcase_card_cta-wrapper {
  outline-offset: 0px;
  cursor: pointer;
  border-radius: 10rem;
  outline: 1rem solid #faf9f7;
  position: absolute;
  top: 0;
  right: 0;
  overflow: hidden;
}

.s--v-0 {
  grid-row-gap: 0rem;
  flex-direction: column;
  display: flex;
}

.showcase_card {
  grid-column-gap: 3rem;
  grid-row-gap: 3rem;
  grid-template-rows: 1fr 2fr;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  width: 100%;
  padding: .5rem 1.5rem .5rem 3.5rem;
  position: relative;
}

.showcase_card_content_p {
  color: var(--white);
  font-size: 1rem;
  line-height: 1.2;
}

.col-d-8 {
  flex: 0 66.666%;
  max-width: 66.666%;
  padding-left: .75rem;
  padding-right: .75rem;
}

.text-size-x4 {
  letter-spacing: -.017em;
  font-size: 1.25rem;
  line-height: 1.4;
}

.showcase_card_content_inner {
  grid-column-gap: 1.5rem;
  grid-row-gap: 1.5rem;
  flex-direction: column;
  display: flex;
}

.showcase_card_cta-icon {
  color: #ab88fd;
  background-color: #eee8ff;
  border: .5px solid #ab88fd;
  border-radius: 2rem;
  flex: none;
  justify-content: center;
  align-items: center;
  width: 2rem;
  height: 2rem;
  display: flex;
}

@media screen and (min-width: 1280px) {
  .greeting {
    padding-bottom: 200px;
  }

  .greeting__title {
    font-size: 72px;
  }

  .description-section {
    margin-bottom: 170px;
  }

  .description-list {
    padding-right: 2px;
  }

  .description__item {
    max-width: 392px;
    padding: 40px;
  }

  .description-title {
    font-size: 45px;
  }

  .description-icons {
    width: 51px;
    min-width: 51px;
    margin-left: 0;
  }

  .heading {
    margin-left: 65px;
    font-size: 18px;
  }

  .offers-description {
    grid-column-gap: 150px;
    grid-template-columns: 475px auto;
  }

  .offer-title {
    font-size: 45px;
  }

  .offer-description {
    font-size: 18px;
  }

  .faqs {
    padding-top: 200px;
    padding-bottom: 200px;
  }

  .questions-pictires {
    width: 44%;
    margin-left: 0%;
  }

  .questions-content {
    width: 52%;
  }

  .questions-title {
    font-size: 45px;
  }

  .bank-img {
    padding-right: 60px;
  }

  .bank-title {
    font-size: 45px;
  }

  .questions-img {
    max-width: 1550px;
    left: -45vw;
  }

  .questions-img.hidden {
    display: none;
  }

  .bckg-main.bckg-translatex-1 {
    width: 100vw;
  }

  .bank-img__inner {
    margin-left: 0;
  }

  .top-lottie {
    min-width: 4400px;
    transform: translate(700px, -420px);
  }

  .top-lottie.left-position {
    margin-left: -90vw;
  }
}

@media screen and (max-width: 991px) {
  .navigation__logo-block {
    padding-left: 0;
  }

  .navigation__item {
    text-shadow: 2px 0 #000;
  }

  .greeting {
    padding-top: 150px;
    padding-bottom: 150px;
  }

  .greeting__content {
    align-items: center;
  }

  .greeting__title {
    margin-bottom: 25px;
    font-size: 40px;
  }

  .greeting__text {
    font-size: 16px;
  }

  .button {
    padding: 18px 30px;
    font-size: 12px;
    line-height: 130%;
  }

  .greeting__content_left {
    min-width: 52%;
  }

  .greeting__content_right {
    flex-direction: column;
    width: 100%;
    margin-top: 0;
    margin-left: -100px;
  }

  .greeting__buttons {
    grid-column-gap: 10px;
    margin-top: 40px;
  }

  .greeting__img.greeting__img_bottom, .greeting__img.greting__img_top {
    width: 100%;
    max-width: 400px;
    position: relative;
  }

  .description-section {
    margin-bottom: 150px;
  }

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

  .container.container-bank, .container.lottie-wrp, .container.lottie-wrp-bottom {
    flex-direction: row;
  }

  .description-list {
    grid-template-columns: 1fr;
  }

  .description-title {
    font-size: 28px;
  }

  .dedscription-text {
    font-size: 14px;
  }

  .offers-description {
    flex-direction: column;
    margin-bottom: 50px;
  }

  .offer-title {
    margin-right: 0;
    padding-bottom: 0;
    font-size: 28px;
  }

  .offer-description {
    max-width: 100%;
    font-size: 14px;
  }

  .offer-item {
    padding-top: 30px;
    padding-bottom: 20px;
  }

  .offer-item-title {
    width: 145px;
    margin-bottom: 30px;
    font-size: 18px;
  }

  .variant-advantages-item {
    width: 200px;
    font-size: 14px;
  }

  .variant-price {
    margin-right: 15px;
    padding-right: 0;
    font-size: 16px;
  }

  .faqs {
    padding-top: 100px;
    padding-bottom: 100px;
  }

  .questions-pictires {
    z-index: -1;
    width: 100%;
    height: 100%;
    margin-left: auto;
    margin-right: auto;
    display: none;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
  }

  .questions-content {
    width: 100%;
    min-width: 100%;
  }

  .questions-title {
    font-size: 28px;
  }

  .bank-content {
    width: 100%;
    max-width: 100%;
    margin: 50px 0 50px 35px;
  }

  .bank-img {
    height: 350px;
    margin: auto auto -20px 35px;
    padding-top: 0;
  }

  .bank-title {
    font-size: 28px;
  }

  .bank-description {
    margin-bottom: 40px;
    font-size: 14px;
  }

  .button-string {
    text-align: left;
    align-items: center;
  }

  .footer-top {
    align-items: flex-start;
  }

  .footer-communicate {
    width: 100%;
    height: 100%;
    margin-bottom: 0;
  }

  .footer-newsletter {
    width: 100%;
  }

  .footer-logo {
    justify-content: flex-start;
    display: none;
  }

  .footer-logo.small-size {
    margin-bottom: 50px;
    display: flex;
  }

  .footer-contacts {
    flex-direction: column;
    justify-content: space-between;
  }

  .footer-contacts-item.letter, .footer-bottom {
    margin-top: 30px;
  }

  .bckg-top {
    top: -800px;
    left: -500px;
  }

  .questions-answer-wrapper {
    height: 0;
  }

  .questions-img {
    object-fit: contain;
    margin-left: auto;
    margin-right: auto;
    display: none;
    left: auto;
    right: -500px;
  }

  .coin {
    color: #fff;
  }

  .coin.baks {
    left: auto;
    right: 90px;
  }

  .coin.bitcoin {
    margin-top: auto;
    margin-bottom: auto;
    position: absolute;
    top: 0;
    bottom: 0;
  }

  .menu-button {
    background-color: #0000;
    transition: all .2s;
  }

  .menu-button.w--open {
    background-color: var(--accent);
    transition: all .3s;
  }

  .greeting__img-wrapper.greeting__img-wrapper__top {
    width: 300px;
    max-width: none;
    inset: auto 0 -30px auto;
  }

  .greeting__img-wrapper.greeting__img-wrapper__bottom {
    width: 300px;
    max-width: none;
    left: auto;
    right: 0;
  }

  .description-list-wrapper {
    width: 100%;
  }

  .bank-img__inner {
    width: 350px;
    min-width: 350px;
    display: block;
  }

  .faq-bckg2 {
    z-index: -5;
    filter: blur(150px);
    display: block;
    top: auto;
    bottom: -100px;
    left: -15px;
  }

  .top-lottie {
    min-width: 3100px;
    transform: translate(390px, -300px);
  }

  .hero-heading {
    font-size: 22.5vw;
  }

  .hero-heading-lower {
    font-size: 10vw;
  }

  .hero-water-bottle {
    width: 40%;
    left: 30%;
  }

  .custom-cursor {
    display: none;
  }

  .enter-button.edit-new {
    width: 60%;
  }

  .section-lrg-txt {
    font-size: 35vw;
  }

  .summary-txt {
    font-size: 2rem;
  }

  .image-section {
    grid-template-columns: 1fr 1fr;
  }

  .slides {
    width: 100px;
    height: 125px;
  }

  ._3d-slider-container {
    transform: scale3d(1none, 1none, 1none);
  }

  .hidden-to-keep-width {
    display: none;
  }

  .testimonial-section {
    margin-bottom: 50px;
  }

  .testimonial-img {
    width: 40%;
  }

  .testimonial-box {
    flex: 1;
    max-width: none;
  }

  .testimonial-text {
    font-size: 1rem;
  }

  .title-1 {
    font-size: 22.5vw;
  }

  .container-2, .col-grid {
    grid-row-gap: 1rem;
  }

  .col-d-8 {
    padding-left: .5rem;
    padding-right: .5rem;
  }
}

@media screen and (max-width: 767px) {
  .navigation__wrapper.container_greeting {
    margin-bottom: 0;
  }

  .navigation__item {
    margin-left: 20px;
  }

  .greeting {
    padding-bottom: 100px;
  }

  .greeting__title {
    font-size: 50px;
  }

  .button {
    padding-left: 25px;
    padding-right: 25px;
  }

  .button.btn-offer {
    width: 100%;
    max-width: 400px;
    margin-top: 20px;
    padding-left: 0;
    padding-right: 0;
  }

  .greeting__content_left {
    width: 100%;
  }

  .greeting__content_right {
    display: none;
  }

  .greeting__img.greeting__img_bottom, .greeting__img.greting__img_top {
    right: 0;
  }

  .description-section {
    margin-bottom: 100px;
  }

  .container.container-bank {
    flex-direction: column;
    margin-top: 0;
    padding: 30px 30px 0;
  }

  .container.lottie-wrp, .container.lottie-wrp-bottom {
    display: none;
  }

  .description__item {
    max-width: 320px;
    padding: 25px;
  }

  .description__item.add.add2 {
    margin-right: 10px;
  }

  .description-title {
    font-size: 32px;
  }

  .offers-description {
    grid-template-rows: auto;
    grid-template-columns: auto;
  }

  .offer-title {
    width: 100%;
    font-size: 32px;
  }

  .offer-variants {
    border-bottom-color: #0000;
    justify-content: space-around;
    display: flex;
  }

  .offer-item {
    text-align: center;
    border-bottom: 1px solid #fff3;
    flex-direction: column;
    align-items: center;
    width: 190px;
    margin-left: 0;
    margin-right: 0;
    padding-left: 15px;
    padding-right: 15px;
  }

  .offer-item-title {
    width: auto;
    min-height: 60px;
    margin-bottom: 0;
  }

  .variant-advantages-item {
    justify-content: center;
    width: auto;
    padding-left: 0;
    display: flex;
  }

  .variant-price {
    min-width: auto;
    margin-top: 20px;
    margin-right: 0;
  }

  .questions-title {
    font-size: 32px;
  }

  .bank-content {
    margin-top: 0;
    margin-bottom: 0;
    margin-left: 0;
  }

  .bank-img {
    justify-content: center;
  }

  .bank-title {
    font-size: 32px;
  }

  .bank-description {
    margin-top: 25px;
    margin-bottom: 40px;
  }

  .footer-top {
    flex-direction: column;
  }

  .footer-newsletter {
    margin-top: 30px;
  }

  .footer-logo {
    margin-bottom: 0;
  }

  .footer-logo.small-size {
    margin-bottom: 30px;
  }

  .footer-contacts {
    flex-direction: row;
    justify-content: flex-start;
  }

  .footer-contacts-item {
    margin-right: 0;
  }

  .footer-contacts-item.letter {
    margin-top: 0;
    margin-left: 30px;
  }

  .footer-icon-link.chart-link {
    margin-left: 0;
    margin-right: 12.5px;
  }

  .footer-navigation {
    flex-wrap: wrap;
    justify-content: space-around;
  }

  .footer-navigation-link {
    height: auto;
    margin-bottom: 20px;
    margin-right: 20px;
    display: block;
  }

  .footer-string {
    flex-direction: column;
    margin-top: 10px;
  }

  .bank-img__inner {
    margin-left: 12vw;
    display: block;
  }

  .header-networks {
    flex-direction: column;
  }

  .networks-menu {
    margin-bottom: 20px;
  }

  .hero-heading {
    width: 60%;
    font-size: 33vw;
  }

  .hero-heading-lower {
    font-size: 12.5vw;
  }

  .hero-water-bottle {
    width: 50%;
    left: 25%;
  }

  .top-line-hero-txt {
    display: none;
  }

  .enter-button.edit-new {
    width: 70%;
  }

  .section-lrg-txt {
    font-size: 35vw;
  }

  .summary-txt {
    font-size: 1.5rem;
  }

  .c2c-txt {
    display: none;
  }

  .c2c-txt.tablet {
    display: block;
  }

  .testimonial-box {
    padding: 0;
  }

  .testimonial-text {
    font-size: 1rem;
  }

  .title-1 {
    width: 60%;
    font-size: 33vw;
  }

  .footer-bra {
    margin-top: 10px;
    margin-bottom: 20px;
  }

  .container-2, .col-grid {
    grid-row-gap: .5rem;
  }

  .showcase_card {
    grid-template-rows: 1fr 1.5fr;
  }

  .col-d-8 {
    padding-left: .25rem;
    padding-right: .25rem;
  }
}

@media screen and (max-width: 479px) {
  .header {
    padding-top: 0;
  }

  .navigation__wrapper {
    z-index: auto;
    transition: all .5s;
  }

  .navigation__wrapper.container_greeting {
    padding-top: 0;
  }

  .header-logo {
    transition: filter .4s, transform .3s linear;
  }

  .navigation__logo-block {
    z-index: 15;
    order: -1;
  }

  .navigation__menu {
    z-index: 10;
    text-align: center;
    background-color: #0000;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: auto;
    margin-top: auto;
    margin-bottom: auto;
    padding-left: 20px;
    padding-right: 20px;
    display: flex;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
  }

  .navigation__item:hover {
    color: var(--white);
  }

  .navigation__item.first {
    text-shadow: none;
    margin-top: 0;
  }

  .greeting {
    padding-top: 110px;
  }

  .greeting__title {
    margin-bottom: 30px;
    font-size: 35px;
  }

  .greeting__text {
    font-size: 16px;
  }

  .button {
    justify-content: center;
    width: 100%;
    padding-left: 0;
    padding-right: 0;
    display: flex;
  }

  .greeting__buttons {
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    margin-top: 30px;
  }

  .container {
    max-width: none;
  }

  .container.container-bank {
    border-radius: 10px;
  }

  .container.edit {
    padding-left: 0;
    padding-right: 0;
  }

  .description-list {
    grid-row-gap: 20px;
    flex-direction: column;
    padding-top: 0;
  }

  .description__item {
    min-width: auto;
    padding: 20px;
  }

  .description-title {
    font-size: 25px;
  }

  .heading {
    font-size: 16px;
  }

  .dedscription-text {
    font-size: 14px;
  }

  .offer-title {
    font-size: 25px;
  }

  .offer-variants {
    flex-direction: column;
    align-items: center;
  }

  .offer-item {
    width: 100%;
    padding-left: 0;
    padding-right: 0;
  }

  .offer-item-title {
    min-height: auto;
    margin-bottom: 30px;
  }

  .variant-price {
    margin-top: 20px;
  }

  .questions-title {
    font-size: 25px;
  }

  .bank-content {
    margin-top: 0;
    margin-bottom: 0;
  }

  .bank-img {
    width: auto;
    max-width: none;
    height: 290px;
    margin-left: -30px;
    margin-right: -30px;
  }

  .bank-title {
    font-size: 25px;
  }

  .bank-description {
    margin-top: 10px;
  }

  .bank-button {
    justify-content: center;
    align-items: center;
    width: 100%;
    padding-left: 0;
    padding-right: 0;
  }

  .footer {
    padding-bottom: 15px;
  }

  .button-string {
    flex-direction: row;
    width: 100%;
  }

  .footer-contacts {
    flex-direction: column;
  }

  .footer-contacts-item.letter {
    margin-top: 30px;
    margin-left: 0;
  }

  .footer-icon.center {
    margin-left: 0;
    margin-right: 0;
  }

  .footer-icon-link.chart-link {
    margin-left: 0;
  }

  .footer-icon-link.chart-link.center {
    margin-left: 25px;
    margin-right: 25px;
  }

  .footer-content-text-description {
    font-size: 12px;
  }

  .digital-link {
    width: 100%;
  }

  .button-first-wrapper {
    width: 100%;
    margin-bottom: 0;
  }

  .digital-link-wrapper {
    justify-content: space-between;
    width: 100%;
    margin-bottom: 0;
    margin-right: 6px;
    display: flex;
  }

  .footer-newsletter-description {
    font-size: 12px;
    line-height: 2;
  }

  .footer-form {
    flex-direction: column;
    height: auto;
  }

  .form-input {
    height: 46px;
    padding-left: 40px;
    padding-right: 20px;
    font-size: 12px;
  }

  .form-btn {
    width: 100%;
    height: 46px;
    margin-top: 10px;
    padding-left: 15px;
    padding-right: 15px;
    font-size: 12px;
    font-weight: 500;
    position: static;
  }

  .form-input-icon {
    top: 15px;
  }

  .footer-navigation {
    justify-content: flex-start;
  }

  .footer-navigation-link {
    text-align: left;
    width: 40%;
    margin-right: 0;
    font-size: 12px;
  }

  .footer-string {
    justify-content: space-between;
    align-items: center;
  }

  .copyright {
    font-size: 12px;
  }

  .bckg-main.bckg-translatex, .bckg-main.bckg-translatex-1 {
    display: none;
  }

  .menu-button {
    z-index: 15;
    opacity: 1;
    background-color: #0000;
    border-radius: 50%;
    justify-content: center;
    align-items: center;
    width: 40px;
    height: 40px;
    padding: 0;
    transition: all .2s linear;
    display: flex;
  }

  .menu-button:hover {
    opacity: 1;
  }

  .menu-button.w--open {
    z-index: 15;
    background-color: #0000;
  }

  .css {
    display: flex;
  }

  .bank-img__inner {
    width: 100%;
    min-width: 0;
    margin-left: 6vw;
    margin-right: -30px;
  }

  .burger {
    border: 1px solid var(--white);
    background-color: #0000;
    border-radius: 50%;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 40px;
    height: 40px;
    margin-top: 5px;
    display: flex;
  }

  .burger-line {
    background-color: var(--white);
    width: 20px;
    height: 2px;
    padding-bottom: 0;
    padding-right: 0;
  }

  .burger-line.top {
    margin-bottom: 0;
    transition: all .2s linear;
    transform: translate(0, 4px);
  }

  .burger-line.bottom {
    margin-top: 0;
    transition: all .2s linear;
    transform: translate(0, -4px);
  }

  .networks-menu {
    z-index: 99999;
    justify-content: center;
    width: 100%;
    margin-bottom: 0;
    display: flex;
  }

  .network-menu {
    border-width: 1px;
    border-color: var(--white);
    background-color: var(--white);
    display: flex;
  }

  .network-menu.center {
    margin-left: 25px;
    margin-right: 25px;
  }

  .menu-ancors {
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: auto;
    margin-top: auto;
    margin-bottom: auto;
    padding-bottom: 0;
    padding-left: 20px;
    padding-right: 20px;
    display: flex;
  }

  .menu-inner {
    z-index: 2;
    background-color: var(--accent);
    flex-direction: column;
    height: 100vh;
    padding: 120px 20px 20px;
    transition: all .6s;
    display: flex;
    position: absolute;
    top: 0%;
    left: 0%;
    right: 0%;
  }

  .hero-heading {
    width: 65%;
    font-size: 35vw;
  }

  .hero-heading.first {
    width: 55%;
  }

  .hero-heading.initial-popup {
    font-size: 25vw;
  }

  .hero-txt-spacer {
    height: 5vh;
  }

  .hero-water-bottle {
    width: 75%;
    left: 12.5%;
  }

  .small-line {
    margin-left: auto;
    margin-right: auto;
  }

  .enter-button.edit-new {
    width: 85%;
  }

  .section-lrg-txt {
    font-size: 50vw;
  }

  .section-lrg-txt.first {
    width: 55%;
  }

  .section-lrg-txt.initial-popup {
    font-size: 25vw;
  }

  .summary-txt {
    font-size: 1.2rem;
  }

  .slides {
    top: 20%;
  }

  .hidden-to-keep-width {
    text-align: center;
    font-size: .5rem;
  }

  .testimonial-section {
    flex-flow: column;
  }

  .testimonial-img {
    width: 60%;
  }

  .testimonial-box {
    text-align: center;
    margin-top: 20px;
    margin-left: 0;
  }

  .testimonial-box.left {
    order: 1;
    margin-right: 0;
  }

  .test-n {
    font-size: .9rem;
  }

  .testimonial-text {
    font-size: 1rem;
  }

  .title-1 {
    width: 65%;
    font-size: 35vw;
  }

  .title-1.first {
    width: 55%;
  }

  .title-1.initial-popup {
    font-size: 25vw;
  }

  .showcase_card_content {
    padding-top: 10rem;
    padding-left: 2rem;
  }

  .showcase_card_cta-wrapper {
    top: auto;
    bottom: 0;
  }

  .showcase_card {
    grid-template-rows: 1fr 1.25fr;
    padding-left: 1rem;
    padding-right: 1rem;
  }
}


@font-face {
  font-family: 'Druk wide';
  src: url('../fonts/Druk-Wide-Bold.woff2') format('woff2'), url('../fonts/Druk-Wide-Bold.woff') format('woff'), url('../fonts/Druk-Wide-Bold.ttf') format('truetype'), url('../fonts/Druk-Wide-Bold.otf') format('opentype');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Coignpro';
  src: url('../fonts/CoignPro-Semibold.550159a.woff2') format('woff2');
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Coignpro 44';
  src: url('../fonts/CoignPro-44Regular.woff2') format('woff2'), url('../fonts/CoignPro-44Regular.woff') format('woff'), url('../fonts/CoignPro-44Regular.ttf') format('truetype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}