/*
* Prefixed by https://autoprefixer.github.io
* PostCSS: v8.4.14,
* Autoprefixer: v10.4.7
* Browsers: last 4 version
*/

/* Reset и базовые стили */
* {
  padding: 0;
  margin: 0;
  border: none;
}

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

:focus,
:active {
  outline: none;
}

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

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

a:hover {
  text-decoration: none;
}

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

ul,
ul li {
  list-style: none;
}

img {
  vertical-align: top;
}

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

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

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

button,
input[type="submit"] {
  display: inline-block;
  -webkit-box-shadow: none;
  box-shadow: none;
  cursor: pointer;
}

input:focus,
input:active,
button:focus,
button:active {
  outline: none;
}

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

label {
  cursor: pointer;
}

/* Базовая типографика */
body {
  font-family: "Satoshi", "Arial", sans-serif;
  font-style: normal;
  color: #262119;
  background-color: #FFFFFF;
}

h1,
h2,
h3,
h4,
h5,
.h1,
.h2,
.h3,
.h4,
.h5 {
  margin: 0;
}

.hw-button {
  font-size: 18px;
  font-weight: 500;
  line-height: 22px;
  color: #262119;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  border-radius: 4px;
  background: #DBB454;
  cursor: pointer;
}

.hw-button:hover,
.hw-button.hover {
  background-color: #D0AB50;
}

.hw-button:active,
.hw-button.active {
  background-color: #C5A24C;
}

.hw-button:disabled,
.hw-button.disabled {
  cursor: not-allowed;
  color: #666666;
  background-color: #E2C376;
}

.hw-button:disabled:hover,
.hw-button.disabled:hover {
  background-color: #262119;
}

.hw-button.hw-button_m {
  font-size: 18px;
  line-height: 48px;
}

@media screen and (max-width: 768px) {
  .hw-button.hw-button_m {
    font-size: 14px;
    line-height: 18px;
    letter-spacing: 0.28px;
    padding: 6px 12px;
  }
}

.select-lang {
  position: relative;
}

.select-lang__current {
  color: #262119;
  font-size: 16px;
  font-weight: 400;
  line-height: 27px;
  background: url("../indexes-chevron-down.svg") no-repeat transparent right center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding-right: 20px;
  cursor: pointer;
}

.select-lang__list {
  position: absolute;
  z-index: 2;
  right: 0;
  top: 48px;
  padding: 8px 20px;
  border-radius: 8px;
  background: #FFFFFF;
  -webkit-box-shadow: 0px 6px 24px rgba(34, 56, 80, 0.1), 0px 0px 1.5px rgba(34, 56, 80, 0.1);
  box-shadow: 0px 6px 24px rgba(34, 56, 80, 0.1), 0px 0px 1.5px rgba(34, 56, 80, 0.1);
  display: none;
}

.select-lang__list.active {
  display: block;
}

.select-lang__list li a {
  color: #262119;
  font-size: 16px;
  font-weight: 400;
  line-height: 27px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 8px 0;
  width: 200px;
}

@media screen and (max-width: 768px) {
  .select-lang__current {
    padding-right: 12px;
    font-size: 0;
  }
}

.flag {
  width: 28px;
  height: 22px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  border-radius: 2px;
  margin-right: 8px;
  background-position: center top 1px;
  background-repeat: no-repeat;
  background-size: contain;
}

.flag.flag-en {
  background-image: url("../flag-en.png");
}

.flag.flag-id {
  background-image: url("../flag-id.png");
}

.flag.flag-ms {
  background-image: url("../flag-ms.png");
}

.logo {
  width: 204px;
  height: 34px;
  background: url("../indexes-logo.svg") no-repeat center center;
  background-size: contain;
}

@media screen and (max-width: 768px) {
  .logo {
    width: 120px;
    height: 22px;
    background-image: url("../indexes-logo-mob.svg");
  }
}

.site-container {
  margin: 0 auto;
  width: 100%;
  max-width: 1440px;
  padding: 0 64px;
}

.site-button {
  cursor: pointer;
  padding: 0 24px;
  height: 48px;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  gap: 12px;
  font-size: 18px;
  line-height: 1;
  font-weight: 500;
  color: #262119;
  background-color: #dbb454;
  border-radius: 4px;
  -webkit-transition-property: background-color, color;
  -o-transition-property: background-color, color;
  transition-property: background-color, color;
  -webkit-transition-duration: 0.21s;
  -o-transition-duration: 0.21s;
  transition-duration: 0.21s;
  -webkit-transition-timing-function: ease-out;
  -o-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}

.site-button:disabled {
  cursor: not-allowed;
}

.site-button:not(:disabled):hover {
  background-color: #d0ab50;
}

.site-button:not(:disabled):active {
  background-color: #c5a24c;
}

.site-button--large {
  padding: 0 36px;
  height: 52px;
  font-size: 22px;
  letter-spacing: 0.4px;
}

.site-button--secondary {
  background-color: #f5f5f5;
}

.site-button--secondary:not(:disabled):hover {
  background-color: #fafafa;
}

.site-button--secondary:not(:disabled):active {
  background-color: #dfdede;
}

.hw-header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  width: 100%;
  height: 72px;
}

@media screen and (max-width: 768px) {
  .hw-header {
    height: 64px;
  }
}

.hw-header .site-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.hw-header .header-right {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 40px;
}

.hw-header .header-right .hw-button {
  padding: 0 16px;
  line-height: 40px;
  white-space: nowrap;
}

@media screen and (max-width: 768px) {
  .hw-header .header-right {
    gap: 16px;
  }

  .hw-header .header-right .hw-button {
    line-height: 30px;
    padding: 0 12px;
  }
}

.hw-footer {
  background-color: #FAFAFA;
}

.hw-footer .site-container {
  padding-top: 40px;
  padding-bottom: 64px;
}

.hw-footer .socials {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  gap: 24px;
}

.hw-footer .socials svg {
  display: block;
}

.hw-footer .socials path,
.hw-footer .socials rect,
.hw-footer .socials circle {
  -webkit-transition: fill 0.21s ease-out;
  -o-transition: fill 0.21s ease-out;
  transition: fill 0.21s ease-out;
}

.hw-footer .socials a:hover path:first-child,
.hw-footer .socials a:hover rect:first-child,
.hw-footer .socials a:hover circle:first-child,
.socials__yt:hover path:last-child {
  fill: #666;
}

.hw-footer .footer-content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 16px;
  margin-top: 40px;
  margin-bottom: 16px;
  border-bottom: 1px solid rgba(179, 179, 179, 0.4);
  padding-bottom: 24px;
}

@media screen and (max-width: 768px) {
  .hw-footer .socials {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
  }

  .hw-footer .footer-content {
    margin-top: 24px;
  }
}

.hw-footer .footer-content p,
.hw-footer .footer-copyright p {
  color: #666;
  font-size: 14px;
  font-weight: 400;
  line-height: 21px;
  opacity: 0.7;
}

@-webkit-keyframes scrollLeft {
  0% {
    -webkit-transform: translateX(-100%);
    transform: translateX(-100%);
  }

  100% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}

@keyframes scrollLeft {
  0% {
    -webkit-transform: translateX(-100%);
    transform: translateX(-100%);
  }

  100% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}

@-webkit-keyframes scrollRight {
  0% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }

  100% {
    -webkit-transform: translateX(-100%);
    transform: translateX(-100%);
  }
}

@keyframes scrollRight {
  0% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }

  100% {
    -webkit-transform: translateX(-100%);
    transform: translateX(-100%);
  }
}

.why-headway {
  margin-top: 120px;
  margin-bottom: 80px;
  overflow: hidden;
}

.why-slider .reviews__wrap {
  -webkit-mask-image: -webkit-gradient(linear, left top, right top, color-stop(0, rgba(0, 0, 0, 0)), color-stop(12.5%, #000), color-stop(87.5%, #000), to(rgba(0, 0, 0, 0)));
  -webkit-mask-image: linear-gradient(to right, rgba(0, 0, 0, 0) 0, #000 12.5%, #000 87.5%, rgba(0, 0, 0, 0) 100%);
  mask-image: -webkit-gradient(linear, left top, right top, color-stop(0, rgba(0, 0, 0, 0)), color-stop(12.5%, #000), color-stop(87.5%, #000), to(rgba(0, 0, 0, 0)));
  mask-image: linear-gradient(to right, rgba(0, 0, 0, 0) 0, #000 12.5%, #000 87.5%, rgba(0, 0, 0, 0) 100%);
  margin-bottom: 40px;
}

.why-slider .reviews__wrap.scroll-left .reviews__container {
  -webkit-animation: 125s linear infinite scrollLeft;
  animation: 125s linear infinite scrollLeft;
}

.why-slider .reviews__wrap.scroll-right .reviews__container {
  -webkit-animation: 125s linear infinite scrollRight;
  animation: 125s linear infinite scrollRight;
}

.why-slider .reviews__wrap .reviews__container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  gap: 40px;
}

.why-slider .reviews__wrap .reviews__container .reviews__item {
  position: relative;
  border-radius: 8px;
  text-align: left;
  padding: 24px;
  width: 365px;
  background: #fafafa;
  -ms-flex-negative: 0;
  flex-shrink: 0;
}

.why-slider .reviews__wrap .reviews__container .reviews__item .reviews__item-quote {
  background: url(./bonus_review-quote.webp) no-repeat top left;
  background-size: contain;
  width: 32px;
  height: 32px;
  position: absolute;
  right: 24px;
}

.why-slider .reviews__wrap .reviews__container .reviews__item .reviews__item-star {
  background: url(./bonus_review-star.webp) no-repeat top left;
  background-size: contain;
  width: 128px;
  height: 24px;
  position: absolute;
}

.why-slider .reviews__wrap .reviews__container .reviews__item .reviews__item-star.reviews__item-star-4 {
  background-image: url(./bonus_review-star-4.webp);
}

.why-slider .reviews__wrap .reviews__container .reviews__item .reviews__title {
  font-size: 24px;
  font-weight: 500;
  line-height: 29px;
  margin-top: 40px;
  margin-bottom: 16px;
}

.why-slider .reviews__wrap .reviews__container .reviews__item .reviews__title span {
  display: block;
}

.why-slider .reviews__wrap .reviews__container .reviews__item .reviews__text {
  margin-bottom: 16px;
}

.why-slider .reviews__wrap .reviews__container .reviews__item .reviews__name {
  color: #666;
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
}

.site-subtitle {
  margin-bottom: 40px;
  font-size: 56px;
  line-height: 1.2;
  font-weight: 500;
  text-align: center;
}

@media (max-width: 1040px) {
  .site-subtitle {
    font-size: 48px;
  }
}

@media (max-width: 540px) {
  .site-subtitle {
    margin-bottom: 32px;
    font-size: 36px;
  }
}

@media (max-width: 840px) {
  .site-container {
    padding-left: 16px;
    padding-right: 16px;
  }

  .hw-footer .site-container {
    padding-top: 48px;
    padding-bottom: 128px;
  }

  .why-headway {
    margin-top: 80px;
    margin-bottom: 40px;
  }

  .why-slider .reviews__wrap {
    -webkit-mask-image: none;
    mask-image: none;
  }

  .why-slider .reviews__wrap .reviews__container .reviews__item {
    padding: 16px;
    width: 240px;
  }

  .why-slider .reviews__wrap .reviews__container .reviews__item .reviews__item-quote {
    height: 24px;
    right: 0;
  }

  .why-slider .reviews__wrap .reviews__container .reviews__item .reviews__item-star,
  .why-slider .reviews__wrap .reviews__container .reviews__item .reviews__item-star.reviews__item-star-4 {
    height: 16px;
  }

  .why-slider .reviews__wrap .reviews__container .reviews__item .reviews__title {
    font-size: 18px;
    line-height: 25px;
    margin-top: 32px;
  }

  .why-slider .reviews__wrap .reviews__container .reviews__item .reviews__title span {
    display: inline;
  }

  .why-slider .reviews__wrap .reviews__container .reviews__item .reviews__text {
    line-height: 24px;
    margin-bottom: 12px;
  }

  .why-slider .reviews__wrap .reviews__container .reviews__item .reviews__name {
    font-size: 14px;
    line-height: 21px;
  }

  .why-slider .reviews__wrap.scroll-left .reviews__container,
  .why-slider .reviews__wrap.scroll-right .reviews__container {
    -webkit-animation-duration: 25s;
    animation-duration: 25s;
  }
}

.top-container {
  padding-bottom: 58px;
  color: #ffffff;
  background-color: #262119;
  border-bottom-left-radius: 16px;
  border-bottom-right-radius: 16px;
}

@media (max-width: 840px) {
  .top-container {
    padding-bottom: 16px;
  }
}

.site-intro {
  position: relative;
  padding-top: 100px;
  padding-bottom: 1046px;
  display: -ms-grid;
  display: grid;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  text-align: center;
}

.site-intro::after {
  content: '';
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 1046px;
  background-image: url('./intro-bg.webp');
  background-size: auto 1046px;
  background-position: top center;
  background-repeat: no-repeat;
}

.global .site-intro::after {
  background-image: url('./intro-bg-g.webp');
}

.site-intro__title {
  margin-bottom: 24px;
  max-width: 980px;
  font-size: 80px;
  line-height: 1.1;
  font-weight: 500;
}

.site-intro__list {
  margin-bottom: 40px;
  display: -ms-grid;
  display: grid;
  gap: 8px;
  font-size: 20px;
  line-height: 1.4;
  font-weight: 500;
}

.site-intro__button {
  min-width: 360px;
}

.site-intro__awards {
  margin-top: 40px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  gap: 24px;
}

.global.id .site-intro__awards {
  margin-top: 60px;
}

.site-intro__award-wrapper {
  padding-top: 8px;
  padding-bottom: 12px;
  width: 140px;
  display: -ms-grid;
  display: grid;
  place-items: center;
  -ms-flex-line-pack: start;
  align-content: start;
  gap: 16px;
  color: #b3b3b3;
  font-size: 14px;
  line-height: 1.5;
}

.global.id .site-intro__award-wrapper {
  gap: 4px;
}

@media (max-width: 1040px) {
  .site-intro {
    padding-top: 80px;
  }

  .site-intro__title {
    max-width: 100%;
    font-size: 56px;
    line-height: 1.2;
  }

  .site-intro__overflow {
    overflow: hidden;
  }

  .site-intro__award-wrapper {
    -ms-flex-negative: 0;
    flex-shrink: 0;
  }
}

@media (max-width: 768px) {
  .site-intro__awards {
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content;
    -webkit-animation: slideAwards 10s infinite alternate linear;
    animation: slideAwards 10s infinite alternate linear;
  }

  .global.id .site-intro__awards {
    margin-top: 50px;
    margin-left: auto;
    margin-right: auto;
    animation: none;
  }
}

@media (max-width: 540px) {
  .site-intro {
    padding-top: 30px;
    padding-bottom: 873px;
  }

  .site-intro::after {
    height: 873px;
    background-image: url('./intro-bg-mobile.webp');
    background-size: 974px auto;
  }

  .global .site-intro::after {
    background-image: url('./intro-bg-mobile-g.webp');
  }

  .site-intro__title {
    margin-bottom: 16px;
    font-size: 36px;
    line-height: 1.4;
  }

  .site-intro__list {
    margin-bottom: 24px;
    gap: 0;
    font-size: 18px;
    line-height: 1.45;
    font-weight: 400;
  }

  .site-intro__button {
    min-width: auto;
    width: 100%;
  }

  .site-intro__awards {
    -webkit-animation-duration: 20s;
    animation-duration: 20s;
  }
}

@-webkit-keyframes slideAwards {
  from {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }

  to {
    -webkit-transform: translateX(calc(100vw - 100%));
    transform: translateX(calc(100vw - 100%));
  }
}

@keyframes slideAwards {
  from {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }

  to {
    -webkit-transform: translateX(calc(100vw - 100%));
    transform: translateX(calc(100vw - 100%));
  }
}

.benefits,
.advantages {
  margin-top: -242px;
  position: relative;
  z-index: 2;
}

.benefits__title,
.advantages__title {
  margin-bottom: 40px;
  color: #ffffff;
  font-size: 56px;
  line-height: 1.2;
  font-weight: 500;
  text-align: center;
}

.advantages__list {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 16px;
}

.advantages__item-wrapper {
  padding: 16px;
  height: 340px;
  font-size: 18px;
  line-height: 1.5;
  color: #262119;
  background-color: #ffffff;
  border-radius: 8px;
  background-repeat: no-repeat;
  background-size: auto 212px;
  background-position: bottom center;
}

.advantages__item-wrapper--charts {
  background-image: url('./advantages-1.webp');
}

.advantages__item-wrapper--payment-methods {
  background-image: url('./advantages-2.webp');
}

.advantages__item-wrapper--app {
  background-image: url('./advantages-3.webp');
}

.advantages__item-title {
  margin-bottom: 8px;
  font-size: 28px;
  line-height: 1.2;
  font-weight: 500;
}

.benefits__grid {
  display: -ms-grid;
  display: grid;
  gap: 16px;
  -ms-grid-columns: 1fr 16px 1fr 16px 1fr 16px 1fr 16px 1fr 16px 1fr;
  grid-template-columns: repeat(6, 1fr);
}

.benefits__item-wrapper {
  padding: 24px;
  display: flex;
  flex-direction: column;
  color: #262119;
  background-color: #ffffff;
  border-radius: 8px;
  background-repeat: no-repeat;
}

.benefits__item-wrapper--deposit-bonus,
.benefits__item-wrapper--trading-app,
.benefits__item-wrapper--zero-commission,
.benefits__item-wrapper--bonus-111 {
  -ms-grid-column-span: 2;
  grid-column: span 2;
}

.benefits__item-wrapper--valuable-prizes,
.benefits__item-wrapper--payment-methods,
.benefits__item-wrapper--regular-promotions,
.benefits__item-wrapper--copytrade {
  -ms-grid-column-span: 3;
  grid-column: span 3;
}

.benefits__item-wrapper--valuable-prizes,
.benefits__item-wrapper--payment-methods {
  min-height: 230px;
}

.benefits__item-wrapper--regular-promotions,
.benefits__item-wrapper--copytrade {
  min-height: 234px;
}

.benefits__item-wrapper--deposit-bonus,
.benefits__item-wrapper--bonus-111 {
  -ms-grid-row-span: 2;
  grid-row: span 2;
}

.benefits__item-wrapper--deposit-bonus {
  background-color: #f5f5f5;
  background-image: url('./benefits-1.webp');
  background-size: auto 174px;
  background-position: left 24px bottom;
}

.benefits__item-wrapper--zero-commission {
  padding-bottom: 32px;
}

.benefits__item-wrapper--bonus-111 {
  background-color: #f1e1bb;
  background-image: url('./benefits-4.webp');
  background-size: auto 170px;
  background-position: right 24px bottom;
}

.benefits__item-wrapper--valuable-prizes {
  background-image: url('./benefits-5.webp'), -webkit-gradient(linear, right top, left top, from(#c3e1f1), to(#f1e8ff));
  background-image: url('./benefits-5.webp'), -o-linear-gradient(right, #c3e1f1 0%, #f1e8ff 100%);
  background-image: url('./benefits-5.webp'), linear-gradient(270deg, #c3e1f1 0%, #f1e8ff 100%);
  background-size: auto 214px, auto;
  background-position: bottom right, center;
}

.benefits__item-wrapper--payment-methods {
  background-image: url('./benefits-6.webp');
  background-size: auto 214px;
  background-position: bottom right;
}

.benefits__item-wrapper--copytrade {
  background-color: #ace2cd;
  background-image: url('./benefits-8.webp');
  background-size: auto 214px;
  background-position: right 16px bottom;
}

.benefits__item-title {
  margin-bottom: 10px;
  font-size: 28px;
  line-height: 1.2;
  font-weight: 500;
}

.benefits__item-wrapper--valuable-prizes .benefits__item-title,
.benefits__item-wrapper--valuable-prizes .benefits__item-text,
.benefits__item-wrapper--payment-methods .benefits__item-title,
.benefits__item-wrapper--payment-methods .benefits__item-text {
  max-width: 308px;
}

.benefits__item-wrapper--copytrade .benefits__item-text {
  max-width: 300px;
}

.benefits__item-text {
  font-size: 16px;
  line-height: 1.4;
}

@media (max-width: 1350px) {

  .benefits__item-wrapper--valuable-prizes .benefits__item-title,
  .benefits__item-wrapper--valuable-prizes .benefits__item-text,
  .benefits__item-wrapper--payment-methods .benefits__item-title,
  .benefits__item-wrapper--payment-methods .benefits__item-text,
  .benefits__item-wrapper--copytrade .benefits__item-text {
    max-width: 171px;
  }

  .benefits__item-wrapper--copytrade {
    background-position: right -20% center;
  }

  .benefits__item-title {
    font-size: 24px;
  }
}

@media (max-width: 1145px) {

  .benefits__item-wrapper--valuable-prizes,
  .benefits__item-wrapper--payment-methods {
    background-position: right -25% bottom;
  }
}

@media (max-width: 1040px) {
  .advantages__list {
    grid-template-columns: 1fr;
  }

  .benefits__item-wrapper--zero-commission {
    padding-bottom: 24px;
  }

  .benefits__item-wrapper--valuable-prizes,
  .benefits__item-wrapper--payment-methods,
  .benefits__item-wrapper--regular-promotions,
  .benefits__item-wrapper--copytrade {
    padding: 16px;
  }

  .benefits__item-wrapper--regular-promotions,
  .benefits__item-wrapper--copytrade {
    min-height: 230px;
  }

  .benefits__item-wrapper--deposit-bonus {
    background-size: 100% auto;
    background-position: left bottom;
  }

  .benefits__item-wrapper--bonus-111 {
    background-size: auto 170px;
    background-position: center bottom;
  }

  .benefits__item-wrapper--valuable-prizes {
    background-position: right -72px bottom, center;
  }

  .benefits__item-wrapper--payment-methods {
    background-size: auto 72%;
    background-position: right -32px bottom;
  }

  .benefits__item-wrapper--copytrade {
    background-position: right -64px center;
  }
}

@media (max-width: 767px) {
  .benefits__grid {
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
  }

  .benefits__item-wrapper {
    padding: 16px 16px 24px;
    -ms-grid-column-span: 1;
    grid-column: span 1;
    -ms-grid-row-span: 1;
    grid-row: span 1;
  }

  .benefits__item-wrapper--deposit-bonus,
  .benefits__item-wrapper--bonus-111,
  .benefits__item-wrapper--valuable-prizes,
  .benefits__item-wrapper--payment-methods,
  .benefits__item-wrapper--copytrade {
    min-height: 241px;
    background-size: auto 127px, cover;
    background-position: center bottom;
  }

  .benefits__item-wrapper--deposit-bonus {
    background-image: url('./benefits-1-mobile.webp');
  }

  .benefits__item-wrapper--bonus-111 {
    -ms-grid-row: 4;
    -ms-grid-row-span: 1;
    grid-row: 4 / 5;
    background-image: url('./benefits-4-mobile.webp');
  }

  .benefits__item-wrapper--valuable-prizes {
    background-image: url('./benefits-5-mobile-2.webp'), -webkit-gradient(linear, right top, left top, from(#c3e1f1), to(#f1e8ff));
    background-image: url('./benefits-5-mobile-2.webp'), -o-linear-gradient(right, #c3e1f1 0%, #f1e8ff 100%);
    background-image: url('./benefits-5-mobile-2.webp'), linear-gradient(270deg, #c3e1f1 0%, #f1e8ff 100%);
  }

  .benefits__item-wrapper--payment-methods {
    background-image: url('./benefits-6-mobile.webp');
  }

  .benefits__item-wrapper--regular-promotions {
    min-height: auto;
  }

  .benefits__item-wrapper--copytrade {
    background-image: url('./benefits-8-mobile.webp');
  }

  .benefits__item-title,
  .benefits__item-text {
    max-width: 100% !important;
  }
}

@media (max-width: 540px) {

  .benefits,
  .advantages {
    padding-top: 16px;
  }

  .benefits {
    margin-top: -271px;
  }

  .advantages {
    margin-top: -311px;
  }

  .benefits__title,
  .advantages__title {
    font-size: 32px;
    line-height: 1.4;
  }

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

@media (max-width: 374px) {
  .benefits__item-wrapper--valuable-prizes {
    background-image: url('./benefits-5-mobile.webp'), -webkit-gradient(linear, right top, left top, from(#c3e1f1), to(#f1e8ff));
    background-image: url('./benefits-5-mobile.webp'), -o-linear-gradient(right, #c3e1f1 0%, #f1e8ff 100%);
    background-image: url('./benefits-5-mobile.webp'), linear-gradient(270deg, #c3e1f1 0%, #f1e8ff 100%);
    background-size: auto 71px, cover;
  }
}

.easy-start {
  margin-top: 60px;
}

.global .easy-start {
  margin-top: 120px;
}

.easy-start__title {
  margin-bottom: 40px;
  font-size: 56px;
  line-height: 1.2;
  font-weight: 500;
  text-align: center;
}

.easy-start__list {
  counter-reset: step;
  list-style: none;
  margin: 0;
  padding: 0 16px;
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr 16px 1fr 16px 1fr;
  grid-template-columns: repeat(3, 1fr);
  gap: 16px;
}

.easy-start__step-wrapper {
  counter-increment: step;
  padding: 16px 16px 228px;
  color: #ffffff;
  font-size: 18px;
  line-height: 1.5;
  background-color: #262119;
  border-radius: 8px;
  background-repeat: no-repeat;
  background-size: auto 212px;
  background-position: bottom center;
}

.easy-start__step-wrapper--sign-up {
  background-image: url('./step-signup.webp');
}

.easy-start--global .easy-start__step-wrapper--sign-up {
  background-image: url('./step-signup-g.webp');
}

.easy-start__step-wrapper--trade {
  background-image: url('./step-trade.webp');
}

.easy-start__step-wrapper--install {
  background-image: url('./step-install.webp');
}

.easy-start__step-wrapper--explore {
  background-image: url('./step-explore.webp');
}

.easy-start--global .easy-start__step-wrapper--install {
  background-image: url('./step-install-g.webp');
}

.easy-start__step-wrapper--success {
  background-image: url('./step-success.webp');
}

.easy-start__step-wrapper--success-2 {
  background-image: url('./step-success-2.webp');
}

.easy-start__step-wrapper--success-3 {
  background-image: url('./step-success-3.webp');
}

.easy-start__step-wrapper::before {
  content: counter(step);
  margin-bottom: 16px;
  padding: 4px 8px;
  display: inline-block;
  color: #262119;
  background-color: rgba(255, 255, 255, 0.8);
  border-radius: 4px;
}

.easy-start__step-title {
  margin-bottom: 8px;
  font-size: 28px;
  line-height: 1.2;
  font-weight: 500;
}

@media (max-width: 1040px) {

  .easy-start,
  .global .easy-start {
    margin-top: 80px;
  }

  .easy-start__title {
    font-size: 48px;
  }

  .easy-start__list {
    padding: 0;
    gap: 8px;
  }

  .easy-start__step-title {
    font-size: 24px;
    line-height: 1.4;
  }
}

@media (max-width: 767px) {
  .easy-start__list {
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
  }
}

@media (max-width: 540px) {
  .easy-start__title {
    font-size: 32px;
    line-height: 1.4;
  }

  .easy-start__step-wrapper {
    padding-bottom: 0;
    min-height: 375px;
    background-position: center bottom -16px;
  }
}

.mobile-app {
  margin-bottom: -267px;
  padding-bottom: 387px;
  background-image: url('./award-bg.webp');
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
}

.mobile-app .site-container {
  display: flex;
  flex-direction: column;
  align-items: center;
}

.mobile-app__title {
  margin-bottom: 40px;
  font-size: 56px;
  line-height: 1.2;
  font-weight: 500;
  text-align: center;
}

.mobile-app__img {
  max-width: 100%;
  height: auto;
}

@media (max-width: 540px) {
  .mobile-app {
    margin-bottom: -297px;
    padding-bottom: 359px;
  }

  .mobile-app__title {
    font-size: 32px;
    line-height: 1.4;
  }
}

.bottom-banner {
  padding-top: 80px;
  padding-left: 24px;
  padding-right: 24px;
  height: 940px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  color: #ffffff;
  background-color: #262119;
  background-image: url('./bottom-banner.webp');
  background-repeat: no-repeat;
  background-size: 1440px auto;
  background-position: top 40px center;
  border-top-right-radius: 16px;
  border-top-left-radius: 16px;
}

.global .bottom-banner {
  background-image: url('./bottom-banner-g.webp');
  background-size: 1312px auto;
  background-position: center bottom;
}

.bottom-banner__title {
  margin-bottom: 40px;
  max-width: 730px;
  font-size: 56px;
  line-height: 1.2;
  font-weight: 500;
  text-align: center;
}

.global .bottom-banner__title {
  max-width: 780px;
}

.global.ms .bottom-banner__title {
  max-width: 980px;
}

.global.id .bottom-banner__title {
  max-width: 100%;
}

.bottom-banner__button {
  min-width: 240px;
}

@media (max-width: 1040px) {
  .bottom-banner__title {
    max-width: 640px;
    font-size: 48px;
  }
}

@media (max-width: 767px) {
  .bottom-banner {
    background-image: url('./bottom-banner-mobile.webp');
    background-size: auto 770px;
    background-position: center bottom;
  }

  .global .bottom-banner {
    background-image: url('./bottom-banner-mobile-g.webp');
    background-size: auto 600px;
    background-position: center bottom;
  }
}

@media (max-width: 540px) {
  .bottom-banner {
    padding: 40px 16px;
    height: 740px;
    background-position: bottom -180px center;
  }

  .bottom-banner__title {
    margin-bottom: 64px;
    font-size: 32px;
    line-height: 1.4;
  }

  .global.id .bottom-banner__title {
    margin-bottom: 40px;
  }

  .bottom-banner__button {
    width: 100%;
  }
}

.instruments {
  margin-top: 120px;
  overflow: hidden;
}

.global .instruments {
  margin-top: 60px;
}

.instruments__title {
  margin-bottom: 40px;
  font-size: 56px;
  line-height: 1.2;
  font-weight: 500;
  text-align: center;
}

.instruments__slider {
  width: 100%;
}

.swiper-pagination {
  position: static;
  margin-top: 40px;
}

.swiper-pagination-bullet {
  width: 10px;
  height: 4px;
  border-radius: 8px;
  opacity: 1;
  background-color: #f5f5f5;
}

.swiper-pagination-bullet-active {
  width: 30px;
  background-color: #dfdede;
}

.instruments__item-wrapper {
  padding: 24px 16px 16px;
  display: flex;
  flex-direction: column;
  width: 300px;
  height: auto;
  font-size: 16px;
  line-height: 1.4;
  color: #666666;
  background-color: #fafafa;
  border-radius: 8px;
}

.instruments__item-wrapper::before {
  content: '';
  margin-bottom: 16px;
  display: block;
  width: 60px;
  height: 60px;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: contain;
}

.instruments__item-wrapper--indices::before {
  background-image: url('data:image/svg+xml,<svg width="60" height="60" viewBox="0 0 60 60" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M30.1099 8.56465C29.7595 8.24472 29.2229 8.24472 28.8725 8.56465L8.74744 26.9378C8.1287 27.5027 8.52834 28.5332 9.36616 28.5332L49.6162 28.5332C50.454 28.5332 50.8537 27.5027 50.2349 26.9378L30.1099 8.56465Z" fill="%23F04E47"/><path d="M28.8725 51.4354C29.223 51.7553 29.7595 51.7553 30.1099 51.4354L50.235 33.0622C50.8537 32.4973 50.4541 31.4668 49.6163 31.4668L9.3662 31.4668C8.52838 31.4668 8.12873 32.4973 8.74748 33.0622L28.8725 51.4354Z" fill="%23FFE8E7"/></svg>');
}

.instruments__item-wrapper--stocks::before {
  background-image: url('data:image/svg+xml,<svg width="60" height="60" viewBox="0 0 60 60" fill="none" xmlns="http://www.w3.org/2000/svg"><rect x="12" y="50.125" width="40.125" height="21.3164" rx="1.83531" transform="rotate(-90 12 50.125)" fill="%234ECEA4"/><rect x="25.793" y="50.125" width="30.9297" height="21.3164" rx="1.83531" transform="rotate(-90 25.793 50.125)" fill="%23CBECDF"/></svg>');
}

.instruments__item-wrapper--currencies::before {
  background-image: url('data:image/svg+xml,<svg width="60" height="60" viewBox="0 0 60 60" fill="none" xmlns="http://www.w3.org/2000/svg"><g clip-path="url(%23clip0_6141_4494)"><path d="M28.0832 9.78428C27.8994 9.78956 27.7247 9.86525 27.5947 9.99585C27.3136 10.2783 27.3136 10.7363 27.5947 11.0188L31.4186 14.8615C32.1213 15.5677 32.1213 16.7127 31.4186 17.4189L21.2377 27.6504C20.5349 28.3566 20.5349 29.5016 21.2377 30.2078L26.3277 35.3227C27.0305 36.0289 28.1699 36.0289 28.8727 35.3227L39.0535 25.0913C39.7563 24.385 40.8957 24.385 41.5985 25.0912L45.4233 28.9346C45.5533 29.0652 45.728 29.1409 45.9118 29.1462C46.3092 29.1576 46.6405 28.8431 46.6519 28.4438L47.1762 9.95975C47.1649 9.56041 46.8335 9.24594 46.4361 9.25735L28.0832 9.78428Z" fill="%23B38344"/><path d="M32.3055 51.2147C32.4892 51.2095 32.664 51.1338 32.794 51.0032C33.0751 50.7207 33.0751 50.2627 32.794 49.9802L28.9701 46.1375C28.2674 45.4313 28.2673 44.2864 28.9701 43.5801L39.151 33.3486C39.8538 32.6424 39.8538 31.4974 39.151 30.7912L34.061 25.6763C33.3582 24.9701 32.2188 24.9701 31.516 25.6763L21.3352 35.9077C20.6324 36.614 19.493 36.614 18.7902 35.9078L14.9653 32.0644C14.8354 31.9338 14.6606 31.8581 14.4769 31.8529C14.0795 31.8415 13.7482 32.1559 13.7368 32.5553L13.2124 51.0393C13.2238 51.4386 13.5551 51.7531 13.9525 51.7417L32.3055 51.2147Z" fill="%23D8C2A5"/></g><defs><clipPath id="clip0_6141_4494"><rect width="60" height="60" fill="white"/></clipPath></defs></svg>');
}

.instruments__item-wrapper--metals::before {
  background-image: url('data:image/svg+xml,<svg width="60" height="60" viewBox="0 0 60 60" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M17.4942 16.5633C17.6289 15.6647 18.4007 15 19.3093 15H44.8564C45.7649 15 46.5367 15.6647 46.6714 16.5632L49.4337 34.9915C49.6 36.1011 48.7406 37.0989 47.6187 37.0989H16.5469C15.425 37.0989 14.5656 36.1011 14.7319 34.9915L17.4942 16.5633Z" fill="%23FFA425"/><path d="M13.2732 25.3865C13.4151 24.4955 14.1835 23.8398 15.0857 23.8398H42.4562C43.3584 23.8398 44.1268 24.4955 44.2687 25.3865L47.2037 43.8148C47.3812 44.9295 46.5199 45.9387 45.3912 45.9387H12.1507C11.022 45.9387 10.1607 44.9295 10.3383 43.8148L13.2732 25.3865Z" fill="%23FFD498"/></svg>');
}

.instruments__item-wrapper--energies::before {
  background-image: url('data:image/svg+xml,<svg width="60" height="60" viewBox="0 0 60 60" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M30.9902 16.2615C30.6434 15.9941 30.1599 16.0213 29.8358 16.3157C26.443 19.3974 19.4922 25.7869 19.4922 35.791C19.4922 42.0967 23.5117 45.7812 30.3906 45.7812C37.2695 45.7812 41.2891 42.0967 41.2891 35.791C41.2891 25.7278 34.9592 19.322 30.9902 16.2615Z" fill="url(%23paint0_linear_6141_4512)"/><path d="M29.6875 5C40.5604 5 49.3747 9.92615 49.375 16.0029V46.8075C49.375 46.8102 49.3727 46.8125 49.37 46.8125C49.3673 46.8125 49.3651 46.8146 49.3649 46.8172C49.0459 51.7067 40.3587 55.625 29.6875 55.625C19.0163 55.625 10.3291 51.7067 10.0101 46.8172C10.0099 46.8146 10.0077 46.8125 10.005 46.8125C10.0023 46.8125 10 46.8102 10 46.8075V16.0029C10.0003 9.92615 18.8146 5 29.6875 5Z" fill="%23BCBAB8"/><path fill-rule="evenodd" clip-rule="evenodd" d="M30.9034 18.637C30.2174 18.0518 29.2048 18.1072 28.5536 18.7308C25.3356 21.8125 19.8437 27.6258 19.8437 36.4062C19.8437 42.3236 23.4743 45.7812 29.6875 45.7812C35.9007 45.7812 39.5313 42.3236 39.5313 36.4063C39.5313 27.5358 34.4868 21.6936 30.9034 18.637Z" fill="%23504535"/><defs><linearGradient id="paint0_linear_6141_4512" x1="44.0696" y1="38.3024" x2="27.5615" y2="41.2846" gradientUnits="userSpaceOnUse"><stop stop-color="%23F7F7E0"/><stop offset="1" stop-color="%23DBB454"/></linearGradient></defs></svg>');
}

.instruments__item-wrapper--digital::before {
  background-image: url('data:image/svg+xml,<svg width="60" height="60" viewBox="0 0 60 60" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M24.7822 21.1396H28.2383C28.7449 21.1398 29.1553 21.5509 29.1553 22.0576V46.46C29.1553 46.9667 28.7449 47.3778 28.2383 47.3779H24.7822V53.208H21.8672V47.3779H18.4121C17.9053 47.3779 17.4941 46.9668 17.4941 46.46V22.0576C17.4941 21.5508 17.9053 21.1396 18.4121 21.1396H21.8672V15.3086H24.7822V21.1396Z" fill="%23007AFF"/><path d="M7.28809 15.3076H10.7441C11.2508 15.3078 11.6611 15.7189 11.6611 16.2256V46.459C11.6611 46.9657 11.2508 47.3768 10.7441 47.377H7.28809V53.208H4.37305V47.377H0.917969C0.411161 47.377 6.0234e-07 46.9658 0 46.459V16.2256C0 15.7188 0.411161 15.3076 0.917969 15.3076H4.37305V9.47754H7.28809V15.3076Z" fill="%2373B6FF"/><path d="M42.2725 12.3936H45.7285C46.2352 12.3937 46.6455 12.8048 46.6455 13.3115V43.5449C46.6455 44.0516 46.2352 44.4627 45.7285 44.4629H42.2725V50.293H39.3574V44.4629H35.9023C35.3955 44.4629 34.9844 44.0517 34.9844 43.5449V13.3115C34.9844 12.8047 35.3955 12.3936 35.9023 12.3936H39.3574V6.5625H42.2725V12.3936Z" fill="%2373B6FF"/></svg>');
}

.instruments__item-title {
  margin-bottom: 8px;
  color: #262119;
  font-size: 24px;
  line-height: 1.4;
  font-weight: 500;
}

@media (max-width: 1040px) {

  .instruments,
  .global .instruments {
    margin-top: 80px;
  }

  .instruments__title {
    font-size: 48px;
  }
}

@media (max-width: 540px) {
  .instruments__title {
    font-size: 32px;
    line-height: 1.4;
  }

  .swiper-pagination {
    margin-top: 24px;
  }
}

.awards {
  margin-bottom: 120px;
  overflow: hidden;
}

.awards__title {
  margin-bottom: 40px;
  font-size: 56px;
  line-height: 1.2;
  font-weight: 500;
  text-align: center;
}

.awards__wrapper {
  width: 140px;
  display: -ms-grid;
  display: grid;
  justify-items: center;
  gap: 16px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;
}

@media (max-width: 1040px) {
  .awards {
    margin-bottom: 80px;
  }

  .awards__title {
    font-size: 48px;
  }
}

@media (max-width: 540px) {
  .awards__title {
    font-size: 32px;
    line-height: 1.4;
  }
}

.fixed-button {
  display: none;
  position: fixed;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 4;
  padding: 16px;
  background-color: #ffffff;
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
  -webkit-transform: translateY(100%);
  -ms-transform: translateY(100%);
  transform: translateY(100%);
  -webkit-transition: -webkit-transform 0.3s ease;
  transition: -webkit-transform 0.3s ease;
  -o-transition: transform 0.3s ease;
  transition: transform 0.3s ease;
  transition: transform 0.3s ease, -webkit-transform 0.3s ease;
}

.fixed-button.visible {
  -webkit-transform: translateY(0);
  -ms-transform: translateY(0);
  transform: translateY(0);
}

.fixed-button .site-button {
  width: 100%;
}

@media (max-width: 540px) {
  .fixed-button {
    display: block;
  }
}