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

.wow {
  visibility: hidden;
}

body {
  position: relative;
}

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

.flex {
  display: flex;
}

.flex-1 {
  flex: 1;
}

.items-center {
  align-items: center;
}

.relative {
  position: relative;
}

.container {
  max-width: 62.5vw;
  margin: auto;
}

.glowing {
  transition: transform 0.2s ease-in-out;
  cursor: pointer;
}

.glowing:hover {
  transform: scale(1.05);
}

.black-title{
  color: #232323;
  font-size: 1.458vw;
  font-weight: 700;
}

.orange-title {
  color: #B5873D;
  font-size: 1.458vw;
  font-weight: 700;
}

.common-title {
  color: #111111;
  font-size: 2.188vw;
  text-align: center;
  font-weight: 900;
}

.common-subtitle {
  margin-top: 0.25vw;
  color: #555555;
  font-size: 1.25vw;
  text-align: center;
}

.banner {
  background: url(../images/banner.webp) no-repeat center;
  background-size: cover;
  height: 31.25vw;
  width: 100%;
}

.about .banner,
.services .banner {
  background: url(../images/banner1.webp) no-repeat center;
  background-size: cover;
  height: 31.25vw;
  width: 100%;
}

.download .banner {
  background: url(../images/banner-download.webp) no-repeat center;
  background-size: cover;
  height: 31.25vw;
  width: 100%;
  position: relative;
}

.logo {
  background: url(../images/logo.webp) no-repeat center;
  background-size: contain;
  width: 10.417vw;
  height: 2.708vw;
}

header {
  position: fixed;
  padding: 1.25vw 0;
  left: 0;
  right: 0;
  transition: background 0.2s ease-in-out;
  z-index: 999;
}

header.active,
header:hover {
  background: rgba(0, 0, 0, 0.3);
}

header .container {
  display: flex;
  align-items: center;
  justify-content: space-between;
  color: #fff;
  font-size: 0.938vw;
}

nav ul {
  display: flex;
  list-style: none;
}

nav ul li a {
  padding: 0 0.833vw;
  position: relative;
}

nav ul li a:hover {
  color: #ffa756;
}

nav ul li a.active::after {
  position: absolute;
  content: '';
  height: 0.208vw;
  width: 4.479vw;
  background: #ffa756;
  bottom: -2vw;
  left: 50%;
  transform: translateX(-50%);
}

nav ul li+li {
  margin-left: 1.667vw;
}

.header-right {
  display: flex;
  align-items: center;
}

.app-quick-download {
  position: relative;
}

.app-quick-download svg {
  width: 1.667vw;
  height: 1.667vw;
  margin-right: 0.625vw;
}

.app-quick-download .download-btn {
  display: flex;
  align-items: center;
}

.app-quick-download .download-btn:hover path {
  fill: url(#grad1);
}

.support-quick-contact {
  position: relative;
  display: flex;
  align-items: center;
}

.app-quick-download .download-btn:hover,
.support-quick-contact:hover {
  color: #ffa756;
}

.support-quick-contact svg {
  width: 1.667vw;
  height: 1.667vw;
  margin-right: 0.625vw;
}

.support-quick-contact:hover path {
  fill: url(#grad1);
}

.divider {
  width: 0.104vw;
  height: 1.771vw;
  background: #fff;
  margin: 0 1.25vw;
}

.statistics {
  background: #fff;
  padding: 1.042vw;
  display: flex;
  position: absolute;
  top: -3vw;
  border-radius: 0.521vw;
  box-shadow: 4px 0px 30px 0px rgba(197, 197, 197, 0.75);
  -webkit-box-shadow: 4px 0px 30px 0px rgba(197, 197, 197, 0.75);
  -moz-box-shadow: 4px 0px 30px 0px rgba(197, 197, 197, 0.75);
  left: 19%;
}

.statistics .price-box {
  width: 19.844vw;
  height: 3.385vw;
  border-radius: 0.313vw;
  display: flex;
  align-items: center;
  padding: 1.198vw 0.938vw;
  justify-content: center;
  font-size: 1.042vw;
}

.statistics .price-box .price {
  font-size: 1.458vw;
  font-weight: 800;
}

.price-info {
  display: flex;
  align-items: center;
  font-size: 0.938vw;
}

.price-info>span {
  margin-left: 0.833vw;
}

.price.up,
.actual-value.up,
.percentage.up {
  color: #f22424;
}

.price.down,
.actual-value.down,
.percentage.down {
  color: #2fa91b;
}

.direction.up {
  background: url(../images/up-arrow.webp) no-repeat center;
  background-size: contain;
  width: 0.677vw;
  height: 1.094vw;
  display: block;
  margin-left: 0.521vw;
}

.direction.down {
  background: url(../images/down-arrow.webp) no-repeat center;
  background-size: contain;
  width: 0.677vw;
  height: 1.094vw;
  display: block;
  margin-left: 0.521vw;
}

.statistics .gold {
  background: linear-gradient(270deg,
      rgba(253, 246, 232, 1) 0%,
      rgba(255, 231, 185, 1) 100%);
  border: 0.052vw solid #f0d5a1;
}

.statistics .silver {
  margin-left: 0.99vw;
  background: linear-gradient(270deg,
      rgba(243, 244, 244, 1) 0%,
      rgba(230, 232, 239, 1) 100%);
  border: 0.052vw solid #d3d3d3;
}

.main .section1 {
  position: relative;
  background: url(../images/app-section-bg.webp) no-repeat center;
  background-size: cover;
  height: 52.083vw;
  padding-top: 5.5vw;
}

.main .section1 .content-container {
  display: flex;
  align-items: center;
  margin-top: 3.646vw;
}

.main .section1 .points {
  font-size: 1.667vw;
  color: #333333;
}

.main .section1 .points>div {
  position: relative;
  padding-left: 2.5vw;
}

.main .section1 .points>div+div {
  margin-top: 1.823vw;
}

.main .section1 .points>div::before {
  content: '';
  position: absolute;
  background: url(../images/list-icon.webp) no-repeat center;
  background-size: contain;
  width: 1.927vw;
  height: 1.927vw;
  left: 0;
  top: 0.25vw;
}

.main .download-btns {
  margin-top: 3.177vw;
  display: flex;
}

.main .download-btns .android-download,
.main .download-btns .ios-download {
  width: 13.542vw;
  height: 3.75vw;
  font-size: 1.25vw;
  color: #fff;
  border-radius: 0.417vw;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
}

.main .download-btns .android-download {
  color: #291A04;
  border: 1px solid #707070;
}

/* .main .download-btns > div:hover {
  transform: scale(1.05);
} */

.main .download-btns>div>div+div {
  margin-left: 0.521vw;
}

.main .download-btns>div+div {
  margin-left: 2.969vw;
}

.main .section1 .info {
  color: #bfbfbf;
  font-size: 0.729vw;
  line-height: 1.042vw;
  margin-top: 2.865vw;
}

.main .section2 {
  padding-top: 4.167vw;
  padding-bottom: 5.938vw;
  background: #ececec;
}

.main .section2 .adv-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 1.563vw;
  margin-top: 3.854vw;
}

.adv-grid .adv-item {
  padding: 1.458vw 1.354vw;
  background: #fff;
  border-radius: 0.521vw;
  display: flex;
  align-items: center;
}

.adv-grid .icon-container {
  width: 4.01vw;
  height: 4.01vw;
  display: grid;
  place-items: center;
  margin-right: 1.146vw;
}

.adv-grid .icon-container img {
  width: 4.083vw;
  height: 4.083vw;
  object-fit: contain;
}

.adv-item .title {
  font-size: 1.25vw;
  color: #111;
  font-weight: 800;
}

.adv-item .desc {
  font-size: 0.938vw;
  color: #9a9a9a;
  margin-top: 0.1521vw;
}

.btn {
  width: 8.323vw;
  height: 2.917vw;
  border-radius: 0.313vw;
  color: #fff;
  font-size: 1.042vw;
  display: grid;
  place-items: center;
}

.open-acc {
  background: linear-gradient(90deg,
      rgba(253, 194, 100, 1) 0%,
      rgba(252, 121, 32, 1) 100%);
}

.android-download {
  background: #FFFFFF;
}

.deposit,
.ios-download {
  background: #291A04;
}

.btns {
  display: flex;
  align-items: center;
  margin-left: 1.51vw;
}

.btns>div+div {
  margin-left: 0.938vw;
}

.phone-bg {
  background: url(../images/phone-bg.webp) no-repeat center;
  background-size: contain;
  width: 32.188vw;
  height: 32.188vw;
  margin-left: 1.667vw;
}

.phone {
  background: url(../images/phone.webp) no-repeat center;
  background-size: contain;
  width: 30.615vw;
  height: 30.313vw;
}

.android-icon {
  background: url(../images/android-icon.webp) no-repeat center;
  background-size: contain;
  width: 1.823vw;
  height: 1.979vw;
  margin-right: 0.5vw;
}

.ios-icon {
  background: url(../images/ios-icon.webp) no-repeat center;
  background-size: contain;
  width: 1.615vw;
  height: 1.875vw;
  margin-right: 0.5vw;
}

.sticky-notes {
  background: #D4A96D;
  color: #F4E0C0;
  font-size: 0.729vw;
  padding: 0.938vw 0;
  text-align: center;
  position: absolute;
  width: 100%;
  bottom: 14%;
}

.close-icon {
  background: url(../images/close-icon.webp) no-repeat center;
  background-size: contain;
  width: 1.25vw;
  height: 1.25vw;
  position: absolute;
  right: 2vw;
  top: 50%;
  transform: translateY(-50%);
  cursor: pointer;
}

footer {
  background: #141319;
  height: 12.417vw;
  color: #656563;
  font-size: 0.729vw;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}

footer>div {
  margin-top: 0.25vw;
}

.right-float-menu {
  position: fixed;
  top: 8.948vw;
  right: 3.385vw;
}

.right-float-menu .menu {
  background: #fff;
  border: 0.052vw solid #feae22;
  border-radius: 0.417vw;
  color: #747474;
  font-size: 0.625vw;
  width: 3.652vw;
  height: 3.652vw;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  cursor: pointer;
  transition: background 0.2s ease-in-out;
}

.right-float-menu .menu:hover {
  background: linear-gradient(0deg,
      rgba(253, 187, 106, 1) 0%,
      rgba(255, 128, 40, 1) 100%);
  color: #fff;
}

.right-float-menu .menu:hover path {
  fill: #fff;
}

.right-float-menu .menu+.menu {
  margin-top: 0.521vw;
}

.right-float-menu .menu svg {
  width: 2.083vw;
  height: 2.083vw;
  margin-bottom: 0.16vw;
}

.right-float-menu .menu svg path {
  fill: url(#grad1);
}

.about .section1 {
  background: #f7f7f7;
  padding-top: 4.635vw;
  padding-bottom: 4.792vw;
}

.about-info {
  display: flex;
}

.about-info .building {
  background: url(../images/building.webp) no-repeat center;
  background-size: cover;
  width: 18.75vw;
  flex-shrink: 0;
}

.about-info .content {
  padding: 2.708vw 3.177vw 1.719vw 3.177vw;
  background: #fff;
}

.about-info .text {
  color: #666666;
  font-size: 1.042vw;
  line-height: 1.875vw;
  margin-top: 1.667vw;
  margin-bottom: 1.458vw;
  padding-bottom: 1.615vw;
  border-bottom: 0.052vw solid #e5e5e5;
}

.about-info .address {
  color: #666666;
  font-size: 1.042vw;
  position: relative;
  padding-left: 2vw;
}

.about-info .address::before {
  background: url(../images/address-icon.webp) no-repeat center;
  background-size: contain;
  width: 1.146vw;
  height: 1.146vw;
  content: '';
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
}

.about-info .contact {
  color: #666666;
  font-size: 1.042vw;
  position: relative;
  margin-top: 0.62.5vw;
  padding-left: 2vw;
}

.about-info .contact::before {
  background: url(../images/contact-icon.webp) no-repeat center;
  background-size: contain;
  width: 1.146vw;
  height: 1.146vw;
  content: '';
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
}

.about .advs {
  display: flex;
  margin-top: 1.979vw;
}

.about .advs>div+div {
  margin-left: 1.042vw;
}

.about .adv-item {
  background: #fff;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 1.927vw 1.146vw 3.125vw 1.146vw;
  flex: 1;
  color: #666666;
  font-size: 0.938vw;
  line-height: 1.458vw;
}

.about .adv-item .orange-title {
  font-size: 1.25vw;
}

.about .adv-item img {
  width: 6.042vw;
  height: 6.042vw;
  object-fit: contain;
  margin-bottom: 1.823vw;
}

.about .adv-item .text {
  margin-top: 1.458vw;
  text-align: center;
}


.about .section2,
.services .section3 {
  background: url(../images/about-section2.webp) no-repeat center;
  background-size: cover;
  width: 100%;
  height: 14.635vw;
  line-height: 1.667vw;
}

.about .section2 .title,
.services .section3 .title {
  color: #FFD190;
  font-size: 1.667vw;
  font-weight: 800;
}

.about .section2 .desc,
.services .section3 .desc {
  max-width: 31.677vw;
  margin-top: 1vw;
  margin-bottom: 0.885vw;
  color: #B29C7C;
  line-height: 1.467vw;
  font-size: 1.042vw;
}

.about .section2 button,
.services .section3 button {
  background: linear-gradient(90deg,
  rgba(255, 225, 182, 1) 0%,
  rgba(199, 158, 100, 1) 100%);
  border-radius: 1.535vw;
  height: 3.07vw;
  width: 14.497vw;
  border: none;
  font-size: 1.042vw;
  font-weight: 600;
  color: #0A0909;
}

.about .section2>.container,
.services .section3>.container {
  max-width: 50vw;
  position: relative;
  padding-top: 2.656vw;
  padding-bottom: 2.448vw;
}

.about .section2 .coins {
  background: url(../images/coins.webp) no-repeat center;
  background-size: contain;
  width: 20.885vw;
  height: 275px;
  position: absolute;
  right: 0;
  bottom: 1.042vw;
}

.mobile-dl {
  position: relative;
  cursor: pointer;
}

.mobile-dl .qr-wrapper {
  width: 8.333vw;
  height: 9.375vw;
  border-radius: 0.521vw;
  padding: 0.677vw 0.625vw 0.469vw 0.625vw;
  position: absolute;
  top: -183px;
  left: 50%;
  transform: translateX(-50%);
  display: grid;
  place-items: center;
  box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);
  -webkit-box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);
  -moz-box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);
  display: none;
  z-index: 2;
  background: linear-gradient(360deg,
      rgba(255, 251, 240, 1) 0%,
      rgba(255, 237, 205, 1) 100%);
  color: #666666;
  font-size: 0.625vw;
  text-align: center;
}

.mobile-dl .qr-wrapper.inverted {
  top: 4vw;
}

.mobile-dl .qr-wrapper.left {
  left: -140%;
  top: 0;
}

.mobile-dl .qrcode>* {
  width: 7.083vw;
  height: 7.083vw;
}

.mobile-dl:hover .qr-wrapper {
  display: block;
}

.mobile-dl .hint {
  margin-top: 0.269vw;
  font-weight: 700;
}

.services .section1 {
  padding-top: 4.479vw;
  padding-bottom: 4.896vw;
  background: rgb(247, 247, 247);
}

.services-info {
  display: flex;
}

.services-info .content {
  flex: 1;
  margin-top: 2.5vw;
}

.services-info .services {
  background: url(../images/services.webp) no-repeat center;
  background-size: cover;
  width: 18.802vw;
  height: 24.01vw;
  flex-shrink: 0;
}

.services-info .text {
  margin-top: 1.696vw;
  margin-bottom: 1.492vw;
  font-size: 1.042vw;
  line-height: 1.875vw;
  color: #666;
  max-width: 39.792vw;
}

.services-info .orange-bar {
  height: 3.125vw;
  width: 100%;
  background: linear-gradient(90deg,
  rgba(239, 216, 164, 1) 0%,
  rgba(200, 145, 67, 1) 100%);
}

.services .section2 {
  padding-top: 3.438vw;
  padding-bottom: 6.406vw;
}

.services .section2 .tabs {
  display: flex;
  margin-top: 3.125vw;
}

.services .section2 .tab-list {
  width: 17.708vw;
  display: flex;
  flex-direction: column;
  margin-right: 1.5vw;
}

.services .section2 .tab {
  cursor: pointer;
  text-align: center;
  background: #f7f7f7;
  position: relative;
  color: #666666;
  transition: background 0.2s ease-in-out;
  display: flex;
  align-items: center;
  padding-left: 2.396vw;
  font-size: 1.042vw;
  height: 4.167vw;
}

.services .section2 .tab::after {
  content: '';
  position: absolute;
  right: 1.667vw;
  background: url(../images/black-chevron-right.webp) no-repeat center;
  background-size: contain;
  width: 0.521vw;
  height: 0.938vw;
}

.services .section2 .tab:hover::after,
.services .section2 .tab.active::after {
  content: '';
  position: absolute;
  right: 1.667vw;
  background: url(../images/white-chevron-right.webp) no-repeat center;
  background-size: contain;
  width: 0.521vw;
  height: 0.938vw;
}

.services .section2 .tab:hover,
.services .section2 .tab.active {
  background: linear-gradient(90deg,
      rgba(252, 121, 32, 1) 0%,
      rgba(253, 193, 99, 1) 100%);
  color: #fff;
}

.services .section2 .tab-content {
  background: #f7f7f7;
  flex: 1;
}

.services .section2 .content {
  display: none;
  align-items: center;
}

.services .section2 .desc-container {
  color: #666666;
  font-size: 0.938vw;
  line-height: 1.667vw;
  padding: 0 2.396vw;
}

.services .section2 .orange-title {
  font-size: 1.25vw;
  margin-bottom: 0.75vw;
}

.services .section2 .content.active {
  display: flex;
  align-items: center;
  height: 100%;
  justify-content: center;
}

.services .section2 .tab-content img {
  width: 15.104vw;
  height: auto;
  object-fit: cover;
}