* {
  padding: 0;
  margin: 0;
  border: 0;
}

*,
*:before,
*:after {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

:focus,
:active {
  outline: none;
}

a:focus,
a:active {
  outline: none;
}

nav,
footer,
header,
aside {
  display: block;
}

html,
body {
  height: 100%;
  width: 100%;
  font-size: 100%;
  line-height: 1;
  font-size: 16px;
  -ms-text-size-adjust: 100%;
  -moz-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
}

sub br {
  display: none;
}

input,
button,
textarea {
  font-family: inherit;
}

input::-ms-clear {
  display: none;
}

button {
  cursor: pointer;
}

button::-moz-focus-inner {
  padding: 0;
  border: 0;
}

a,
a:visited {
  text-decoration: none;
}

a:hover {
  text-decoration: none;
}

ul li {
  list-style: none;
}

img {
  vertical-align: top;
}

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

/*--------------------*/
[class*="container"] {
  max-width: 1240px;
  margin: 0 auto;
  padding: 0px 20px;
}

.header {
  position: fixed;
  width: 100%;
  padding: 14px 0px;
  border-bottom: 2px solid #212528;
  background: #1A1E21;
  z-index: 3;
}

.header__wrapper {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 20px;
}

.header__logo {
  display: flex;
  align-items: center;
  justify-content: left;
  gap: 16px;
  max-width: 289px;
  width: 100%;
}

.header__logo img {
  max-width: 45px;
  width: 100%;
}

.logo-text {
  color: #FFF;
  font-family: 'Futura-Bold', sans-serif;
  font-size: 24px;
  font-style: normal;
  font-weight: 900;
  line-height: 130%;
  /* 31.2px */
  text-transform: uppercase;
}

.header__timer {
  max-width: 220px;
  width: 100%;
  padding: 12px 10px;
  border-radius: 6px;
  background: #1B85F1;

  color: #FFF;
  font-size: 16px;
  text-align: center;
  font-style: normal;
  font-weight: 600;
  line-height: 130%;
  letter-spacing: -0.16px;
}

/* main */

.preview {
  padding: 130px 0px 64px;
  background: #1A1E21 url(../img/header-bg.webp) no-repeat right;
  background-size: contain;
}

.preview__wrapper {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
}

.preview__info {
  max-width: 552px;
  width: 100%;
}

.preview__title {
  color: #FFF;
  font-family: 'Futura', sans-serif;
  font-size: 48px;
  font-style: normal;
  font-weight: 700;
  line-height: 130%;
  /* 62.4px */
}

.preview__title span {
  color: #F8A01E;
  font-family: 'Futura', sans-serif;
  font-size: 60px;
  font-style: normal;
  font-weight: 700;
  line-height: 130%;
  /* 78px */
  margin-bottom: 16px;
}

.preview__item {
  display: flex;
  align-items: center;
  justify-content: left;
  margin-bottom: 40px;
}

.preview__subtitle {
  max-width: 221px;
  width: 100%;
  color: #FFF;
  font-family: 'Futura', sans-serif;
  font-size: 24px;
  font-style: normal;
  font-weight: 700;
  line-height: 140%;
  /* 33.6px */
  margin-right: 35px;
}

.preview__block {
  padding: 8px;
  max-width: 210px;
  width: 100%;
  border-radius: 64px;
  background: #0C1011;
  display: flex;
  align-items: center;
  justify-content: left;
  gap: 4px;

}

.preview__block span {
  margin-left: 12px;
}

.preview__text {
  max-width: 384px;
  width: 100%;
  margin-bottom: 40px;
  color: #FFF;
  font-size: 18px;
  font-style: normal;
  font-weight: 500;
  line-height: 130%;
}

.preview__feedback {
  display: flex;
  align-items: center;
  justify-content: left;
  gap: 24px;

}

.preview__user img {
  margin-right: -10px;
}

.preview__user img:first-of-type {
  position: relative;
  z-index: 2;
}

.preview__user img:nth-of-type(2) {
  position: relative;
  z-index: 1;
}

.preview__comments {
  color: #FFF;
  font-size: 18px;
  font-style: normal;
  font-weight: 300;
  line-height: 140%;
  /* 25.2px */
}

.preview__comments span:first-of-type {
  font-weight: 800;
}

.preview__forms {
  max-width: 400px;
  width: 100%;
}

.forms__title {
  color: #FFF;
  text-align: center;
  font-family: 'Futura', sans-serif;
  font-size: 26px;
  font-style: normal;
  font-weight: 700;
  line-height: 140%;
  /* 33.6px */
  margin-bottom: 20px;
  letter-spacing: -0.02em;
}

.program {
  padding: 100px 0px;
  background: #FFF;
}

.program__block {
  display: flex;
  align-items: start;
  justify-content: space-between;
  gap: 12px;
  margin-bottom: 48px;
  padding: 24px;
  border-radius: 12px;
  background: #F8F8F8;
}

.program__block-info {
  max-width: 649px;
  width: 100%;
}

.program__block-top {
  display: flex;
  align-items: start;
  justify-content: left;
  gap: 18px;
}

.program__block-img {
  max-width: 64px;
  width: 100%;
}

.program__block-img img {
  width: 100%;
}

.program__block-top-text {
  margin-bottom: 51px;
}

.program__block-title {
  color: #1A1E21;
  font-family: 'Futura LT', sans-serif;
  font-size: 24px;
  font-style: normal;
  font-weight: 700;
  line-height: 140%;
  /* 33.6px */
  margin-bottom: 2px;
}

.program__block-subtitle {
  color: #212528;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 140%;
  /* 22.4px */
}

.program__block-text {
  color: #1A1E21;
  font-size: 18px;
  font-style: normal;
  font-weight: 300;
  line-height: 140%;
  /* 25.2px */
  text-wrap: balance;
}

.program__block-images {
  max-width: 463px;
  width: 100%;
}

.program__block-images img {
  width: 100%;
}

.program__subtitle {
  color: #212528;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 140%;
  /* 22.4px */
  margin-bottom: 12px;
}

.program__title {
  max-width: 680px;
  width: 100%;
  color: #1A1E21;
  font-family: 'Futura LT', sans-serif;
  font-size: 24px;
  font-style: normal;
  font-weight: 700;
  line-height: 140%;
  /* 33.6px */
  margin-bottom: 40px;
}

.program__button {
  max-width: 384px;
  width: 100%;
  margin-bottom: 60px;
}

.program__button a {
  display: block;
  width: 100%;
  padding: 14px 6px;
  border-radius: 6px;
  background: #F8A01E;
  color: #FFF;
  text-align: center;
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  line-height: 130%;
  /* 20.8px */
  letter-spacing: -0.16px;
}

.program__cripto {
  background: url(../img/bg-2.webp) no-repeat left, linear-gradient(90deg, #292D32 0%, #2A3A54 55.54%, #292D32 100%);
  padding: 43px 103px;
}

.program__cripto-block {
  max-width: 486px;
  width: 100%;
  padding: 12px;
  border-radius: 12px;
  background: rgba(255, 255, 255, 0.06);
  margin-left: auto;
  margin-bottom: 16px;

  display: flex;
  align-items: center;
  gap: 16px;
}

.program__cripto-block:last-of-type {
  margin-bottom: 0px;
}

.cripto-block__images {
  max-width: 40px;
  width: 100%;
}

.cripto-block__images img {
  width: 100%;
}

.cripto-block__name {
  color: #FFF;
  font-size: 18px;
  font-style: normal;
  font-weight: 800;
  line-height: 140%;
  /* 25.2px */
}

.cripto-block__name span {
  color: #FFF;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 140%;
  /* 22.4px */
}

.cripto-block__sum {
  color: #81D72D;
  font-size: 18px;
  font-style: normal;
  font-weight: 500;
  line-height: 130%;
  /* 23.4px */
  margin-left: auto;
}

.feedback {
  padding: 60px 0px;
  background: #1A1E21;
}

.feedback__subtitle {
  color: #FFF;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 140%;
  /* 22.4px */
  margin-bottom: 12px;
}

.feedback__titile {
  max-width: 729px;
  width: 100%;
  color: #F8A01E;
  font-family: 'Futura LT', sans-serif;
  font-size: 24px;
  font-style: normal;
  font-weight: 700;
  line-height: 140%;
  /* 33.6px */
  margin-bottom: 24px;
}

.feedback__text {
  max-width: 729px;
  width: 100%;
  color: #FFF;
  font-size: 18px;
  font-style: normal;
  font-weight: 300;
  line-height: 140%;
  /* 25.2px */
  margin-bottom: 60px;
}

.feedback__item {
  display: flex;
  align-items: stretch;
  justify-content: space-between;
  gap: 12px;
  margin-bottom: 24px;
}

.feedback__item:last-of-type {
  margin-bottom: 0px;
}

.feedback__block {
  max-width: 384px;
  width: 100%;
  min-height: 384px;
  height: 100%;
  padding: 24px;
  border-radius: 12px;
  border: 2px solid #F2F2F2;
  background: #FFF;
  display: flex;
  flex-direction: column;
}

.feedback__stars {
  margin-bottom: 24px;
}

.feedback__block-top {
  display: flex;
  align-items: center;
  justify-content: left;
  gap: 16px;
  margin-bottom: 20px;
}

.feedback__images {
  max-width: 40px;
  width: 100%;
}

.feedback__name {
  color: #212528;
  font-family: 'Futura LT', sans-serif;
  font-size: 16px;
  font-style: normal;
  font-weight: 700;
  line-height: 140%;
  /* 22.4px */
}

.feedback__block-text {
  color: #212528;
  font-size: 18px;
  font-style: normal;
  font-weight: 300;
  line-height: 140%;
  /* 25.2px */
  margin-bottom: auto;

}

.feedback__sume {
  max-width: 154px;
  width: 100%;
  padding: 6px 0px;
  border-radius: 40px;
  border: 1px solid #F8A01E;

  color: #1B85F1;
  text-align: center;
  font-size: 18px;
  font-style: normal;
  font-weight: 800;
  line-height: 140%;
  /* 25.2px */

}

.benefits {
  padding: 100px 0px;
  background: #FFF;
}

.benefits__wrapper {
  margin-bottom: 100px;
}

.benefits__subtitle {
  color: #212528;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 140%;
  /* 22.4px */
  margin-bottom: 12px;
}

.benefits__title {
  max-width: 792px;
  color: #1A1E21;
  font-family: 'Futura LT', sans-serif;
  font-size: 24px;
  font-style: normal;
  font-weight: 700;
  line-height: 140%;
  /* 33.6px */
  padding-bottom: 24px;
  border-bottom: 1px solid #F8A01E;
  margin-bottom: 24px;
}

.benefits__text {
  color: #212528;
  font-size: 18px;
  font-style: normal;
  font-weight: 300;
  line-height: 140%;
  /* 25.2px */
  margin-bottom: 60px;
}

.benefits__block {
  display: flex;
  align-items: center;
  justify-content: left;
  gap: 48px;
  margin-bottom: 48px;
}

.benefits__block:last-of-type {
  margin-bottom: 0px;
}

.benefits__images {
  max-width: 384px;
  width: 100%;
}

.benefits__images img {
  width: 100%;
}

.benefits__info {
  max-width: 562px;
  width: 100%;
}

.benefits__icon {
  max-width: 54px;
  width: 100%;
  margin-bottom: 32px;
}

.benefits__icon img {
  width: 100%;
}

.benefits__block-title {
  color: #212528;
  font-size: 18px;
  font-style: normal;
  font-weight: 800;
  line-height: 140%;
  /* 25.2px */
  margin-bottom: 16px;
}

.benefits__block-text {
  color: #212528;
  font-size: 18px;
  font-style: normal;
  font-weight: 300;
  line-height: 140%;
  /* 25.2px */
}

.benefits__disclaimer {
  padding: 20px 0px;
  background: #F8F8F8;
}

.benefits__disclaimer-text {
  color: #1A1E21;
  font-size: 18px;
  font-style: normal;
  font-weight: 800;
  line-height: 140%;
  text-align: center;
}

.benefits__disclaimer-text span {
  color: #F8A01E;
}

.info {
  padding-bottom: 100px;
}

.info__item {
  display: flex;
  align-items: center;
  justify-content: left;
  gap: 48px;
  margin-bottom: 100px;
}

.info__images {
  max-width: 462px;
  width: 100%;
}

.info__img-mob {
  display: none;
}

.info__innher {
  max-width: 690px;
  width: 100%;
}

.info__subtitle {
  color: #212528;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 140%;
  /* 22.4px */
  margin-bottom: 12px;
}

.info__title {
  color: #1A1E21;
  font-family: 'Futura LT', sans-serif;
  font-size: 24px;
  font-style: normal;
  font-weight: 700;
  line-height: 140%;
  /* 33.6px */
  margin-bottom: 48px;
}

.info__text {
  color: #1A1E21;
  font-size: 18px;
  font-style: normal;
  font-weight: 300;
  line-height: 140%;
  /* 25.2px */
  margin-bottom: 48px;

}

.info__chek {
  max-width: 210px;
  width: 100%;
  padding: 8px 6px;
  border-radius: 64px;
  background: #0C1011;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 4px;
  margin-bottom: 24px;
}

.info__chek span {
  margin-left: 12px;
}

.info__button,
.last__button {
  max-width: 384px;
  width: 100%;
}

.info__button a,
.last__button a {
  display: block;
  width: 100%;
  border-radius: 6px;
  background: #F8A01E;
  padding: 14px 6px;
  color: #FFF;
  font-size: 16px;
  text-align: center;
  font-style: normal;
  font-weight: 600;
  line-height: 130%;
  /* 20.8px */
  letter-spacing: -0.16px;
}

.info__comments {
  margin-bottom: 100px;
}

.comments__block {
  margin-bottom: 48px;
}

.comments__block-top {
  display: flex;
  align-items: center;
  justify-content: left;
  gap: 24px;
  margin-bottom: 24px;
}

.commetns__block-img {
  max-width: 78px;
  width: 100%;
}

.commetns__block-img img {
  width: 100%;
}

.comments__name {
  color: #212528;
  font-family: 'Futura LT', sans-serif;
  font-size: 24px;
  font-style: normal;
  font-weight: 700;
  line-height: 140%;
  /* 33.6px */

}

.comments__block-text {
  color: #1A1E21;
  font-size: 18px;
  font-style: normal;
  font-weight: 300;
  line-height: 140%;
  /* 25.2px */
}

.info__disclaimer {
  padding: 20px 0px;
  background: #F8F8F8;
}

.info__disclaimer-wrapper {
  color: #1A1E21;
  font-size: 18px;
  text-align: center;
  font-style: normal;
  font-weight: 800;
  line-height: 140%;
  /* 25.2px */
}

.info__disclaimer-wrapper span {
  color: #F8A01E;
}

.last {
  padding-bottom: 100px;
}

.last__wrapper {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 48px;
}

.last__images {
  max-width: 486px;
  width: 100%;
}

.last__images img {
  width: 100%;
}

.last__images-mob {
  display: none;
}

.last__info {
  max-width: 663px;
  width: 100%;
}

.last__title {
  color: var(--dark, #1A1E21);
  font-family: 'Futura LT', sans-serif;
  font-size: 32px;
  font-style: normal;
  font-weight: 700;
  line-height: 130%;
  /* 41.6px */
  margin-bottom: 24px;
}

.last__subtitle {
  color: #1A1E21;
  font-size: 24px;
  font-style: normal;
  font-weight: 500;
  line-height: 140%;
  /* 33.6px */
  margin-bottom: 40px;
}

/* footer */

.footer {
  padding: 60px 0px;
  border-bottom: 2px solid #212528;
  background: #1A1E21;
}

.footer__images {
  display: flex;
  align-items: center;
  justify-content: left;
  gap: 16px;
}

.footer__images p {
  color: #FFF;
  font-family: 'Futura LT', sans-serif;
  font-size: 24px;
  font-style: normal;
  font-weight: 700;
  line-height: 130%;
  /* 31.2px */
  text-transform: uppercase;
}

@media(max-width: 992px) {
  [class*="container"] {
    max-width: none;
  }

  .preview {
    padding: 130px 0px 64px;
    background: #1A1E21 url(../img/header-bg-mob.webp) no-repeat bottom;
    background-size: 100%;
  }

  .preview__wrapper {
    flex-direction: column;
  }

  .program__block {
    flex-direction: column;
    align-items: center;
    gap: 32px;
    padding: 16px;
  }

  .program__block-last {
    flex-direction: column-reverse;
  }

  .program__block-top {
    margin-bottom: 28px;
  }

  .program__block-top-text {
    margin-bottom: 0px;
  }

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

  .benefits__block {
    flex-direction: column;
    align-items: start;
  }

  .info__item {
    justify-content: center;
  }

  .info__images {
    display: none;
  }

  .info__img-mob {
    display: block;
    max-width: 568px;
    width: 100%;
    margin: 0 auto 24px;
  }

  .info__img-mob img {
    width: 100%;
  }

  .last__wrapper {
    flex-direction: column;
  }

  .last__images {
    display: none;
  }

  .last__images-mob {
    display: block;
    max-width: 565px;
    width: 100%;
    margin: 0 auto 40px;
  }

  .last__images-mob img {
    width: 100%;
  }

  .program__cripto-block {
    margin-left: 0px;
  }

  .last__button {
    margin: 0 auto;
  }


}

@media(max-width: 768px) {
  [class*="container"] {
    max-width: none;
  }

  .header {
    padding: 10px 0;
  }

  .header__wrapper {
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
  }

  .header__logo {
    gap: 8px;
    max-width: none;
    width: auto;
    flex-shrink: 1;
    min-width: 0;
  }

  .header__logo img {
    max-width: 28px;
    width: 100%;
    flex-shrink: 0;
  }

  .logo-text {
    font-size: 14px;
    font-weight: 900;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
  }

  .header__timer {
    max-width: none;
    width: auto;
    flex-shrink: 0;
    padding: 8px 10px;
    font-size: 12px;
    letter-spacing: -0.12px;
    white-space: nowrap;
  }

  .preview {
    padding: 80px 0px 80px;
  }

  .preview__wrapper {
    gap: 80px;
  }

  .preview__title {
    font-size: 32px;
    font-weight: 700;
    margin-bottom: 16px;
  }

  .preview__title span {
    font-size: 48px;
    font-weight: 900;
  }

  .preview__item {
    flex-direction: column;
    align-items: start;
  }

  .preview__subtitle {
    margin-bottom: 12px;
  }

  .preview__feedback {
    justify-content: space-between;
  }

  .preview__comments {
    max-width: 158px;
    width: 100%;
    font-size: 16px;
  }

  .program {
    padding: 88px 0px;
  }

  .program__block-top {
    flex-direction: row-reverse;
    justify-content: space-between;
  }

  .program__block-title {
    font-size: 20px;
  }

  .program__block-subtitle {
    font-size: 14px;
  }

  .program__block-img {
    max-width: 40px;
    transform: rotate(180deg);
  }

  .program__block-last {
    margin-bottom: 88px;
  }

  .program__subtitle {
    font-size: 14px;
  }

  .program__title {
    font-size: 20px;
  }

  .program__button {
    margin-bottom: 40px;
  }

  .program__button a,
  .info__button a,
  .last__button a {
    font-size: 14px;
  }

  .program__cripto {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: end;
    border-radius: 24px;
    height: 694px;
    background: url(../img/bg-2-mob.webp) no-repeat top, linear-gradient(90deg, #292D32 0%, #2A3A54 55.54%, #292D32 100%);
    background-size: 100%;
    padding: 43px 0px;
  }

  .program__cripto-block {
    max-width: 100%;
    border-radius: 0px;
  }

  .feedback__item {
    gap: 24px;
  }

  .feedback__block {
    min-height: 100%;
  }

  .feedback__block-text {
    margin-bottom: 24px;
  }

  .feedback__stars {
    margin-bottom: 16px;
  }

  .feedback__subtitile {
    font-size: 14px;
  }

  .feedback__title {
    font-size: 20px;
    font-weight: 560;
    margin-bottom: 32px;
  }

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

  .feedback__block {
    padding: 16px;
  }

  .feedback__block-text {
    font-size: 16px;
    font-weight: 400;
  }

  .benefits {
    padding: 88px 0px;
  }

  .benefits__subtitle {
    font-size: 14px;
  }

  .benefits__title {
    font-size: 20px;
    padding-bottom: 14px;
    margin-bottom: 14px;
  }

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

  .benefits__block {
    gap: 16px;
    margin-bottom: 32px;
  }

  .benefits__icon {
    max-width: 42px;
    margin-bottom: 16px;
  }

  .benefits__block-title {
    margin-bottom: 12px;
  }

  .benefits__block-text {
    font-size: 16px;
  }

  .benefits__wrapper {
    margin-bottom: 88px;
  }

  .benefits__disclaimer-text {
    font-size: 16px;
  }

  .info__item {
    margin-bottom: 88px;
  }

  .info__subtitle {
    font-size: 14px;
  }

  .info__title {
    font-size: 20px;
    margin-bottom: 40px;
  }

  .info__text {
    font-size: 16px;
    font-weight: 400;
    margin-bottom: 40px;
  }

  .info__button a {
    font-size: 14px;
  }

  .info__comments {
    margin-bottom: 88px;
  }

  .comments__block-top {
    gap: 16px;
    margin-bottom: 16px;
  }

  .commetns__block-img {
    max-width: 32px;
  }

  .comments__name {
    font-size: 20px;
    font-style: normal;
    font-weight: 700;
    line-height: 140%;
  }

  .comments__block-text {
    font-size: 16px;
  }

  .info__disclaimer-wrapper {
    font-size: 16px;
  }

  .info {
    padding-bottom: 88px;
  }

  .last {
    padding-bottom: 88px;
  }

  .last__title {
    font-size: 24px;
    margin-bottom: 16px;
  }

  .last__subtitle {
    font-size: 18px;
  }
}