@import "https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@300..700&display=swap";
@import "https://fonts.googleapis.com/css2?family=DM+Sans:ital,opsz,wght@0,9..40,100..1000;1,9..40,100..1000&family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap";

* {
  font-size: 14px;
}

html {
  overflow-x: hidden;
}

body {
  overflow-x: hidden !important;

  /* overflow: hidden; */
  width: 100%;
  height: 100%;
  z-index: 1;
  position: relative;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-weight: 400;
  position: relative;
  line-height: 1.5;
  font-family: "Inter", sans-serif;
  font-size: 18px !important;
  background-color: #000 !important;
}

.border-default {
  border-width: 4px 4px 4px 4px;
  border-style: solid;
  border-image-source: linear-gradient(
    180deg,
    #5c5c5c 0%,
    #c7c7c7 21%,
    #f1f1f1 46.5%,
    #535353 73%,
    #727272 100%
  );
  border-image-slice: 1;
}

ul {
  margin: 0;
  padding: 0;
  list-style: none;
}
video {
  width: 100%;
}
img {
  max-width: 100%;
}

.navbar {
  background-color: #fff;
  backdrop-filter: blur(34.4000015259px);
  display: flex;
  align-items: center;
  padding: 0px 40px;
  height: 102px;
}
@media (max-width: 1024px) {
  .navbar {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 64px;
    padding: 12px 12px 12px 20px;
    z-index: 99;
  }
}
.navbar .logo__header {
  display: inline-flex;
  align-items: center;
}
@media (max-width: 1024px) {
  .navbar .logo__header img {
    max-width: 160px;
  }
}
@media (min-width: 360px) and (max-width: 768px) {
  .navbar .logo__header img {
    max-width: calc(130px + 10 * (100vw - 359px) / 408);
  }
}
.navbar__menu {
  margin-left: auto;
  display: flex;
  align-items: center;
  gap: 16px;
}
@media (max-width: 768px) {
  .navbar__menu {
    gap: 14px;
  }
}
.navbar__menu a {
  display: inline-flex;
}
@media (max-width: 768px) {
  .navbar__menu a {
    width: 24px;
  }
}
.lang-wrap {
  display: inline-block;
  z-index: 99;
  margin-left: 0px;
}
.lang-wrap ul {
  position: relative;
}
.lang-wrap ul li {
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  color: #000;
  border: 1px solid #000;
  border-radius: 50px;
  padding: 10px 20px;
  gap: 16px;
  /* font-family: "Space Grotesk", sans-serif; */
  font-weight: 600;
  font-size: 14px;
  line-height: 1.5;
  height: 30px;
}
@media (max-width: 768px) {
  .lang-wrap ul li {
    font-size: 12px;
    height: 24px;
    padding-left: 14px;
    padding-right: 14px;
    gap: 10px;
  }
}
.lang-wrap ul li img {
  max-width: 20px;
}
.lang-wrap ul li ul {
  background: #fff;
  position: absolute;
  top: 120%;
  left: 0;
  width: 100%;
  transition: all 0.3s ease;
  opacity: 0;
  z-index: 9999;
  pointer-events: none;
}
.lang-wrap ul li ul li {
  display: block;
  width: 100%;
  padding: 6px 10px;
  text-align: center;
  border-radius: 0px;
  border: 0;
}
.lang-wrap ul li ul li a {
  display: flex;
  align-items: center;
  color: #222;
  padding: 0 !important;
  text-decoration: none;
}
.lang-wrap ul li ul li a:hover {
  color: #000;
}
.lang-wrap ul li.hover-li:hover ul.lang-ul {
  top: 100%;
  opacity: 1;
  pointer-events: visible;
}
.login {
  height: 100vh;
  position: relative;
  background: linear-gradient(
    180deg,
    rgba(0, 0, 0, 0) -45.42%,
    #f2f2f2 232.7%,
    #f2f2f2 406.93%
  );
  display: flex;
  align-items: center;
  justify-content: center;
}
.login::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: -1;
  background: url("../images/texture.png");
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}
.login__content {
  padding: 64px 36px;
  /* border: 4px solid #5c5c5c;
  background: #151515; */
  max-width: 552px;
  width: 100%;
  margin: 0 16px;

  -webkit-backdrop-filter: blur(10px);
  backdrop-filter: blur(10px);
  background: linear-gradient(
    90deg,
    rgba(31, 31, 39, 0.57),
    rgba(17, 17, 18, 0.57)
  );
  border: 1px solid #40404e;
  border-radius: 24px;
}
@media (max-width: 768px) {
  .login__content {
    padding: 32px 20px;
    margin: 0 !important;
  }
}
.login__content-title {
  margin-top: 48px;
  margin-bottom: 32px;
}
.login__content-title p {
  color: white;
}
.login__content a {
  display: flex;
  justify-content: center;
}
.login__content a img {
  width: 100%;
}
.login__content a.forget-btn {
  color: #7e67ff;
  text-align: center;
  margin-top: 16px;
  text-decoration: none;
  font-size: 14px;
  line-height: 1.5;
}
.login__content h4 {
  margin-bottom: 24px;
}
.login__content input {
  padding: 12px 24px;
  background-color: #fff;
  border: 1px solid rgba(0, 0, 0, 0.1);
  width: 100%;
  height: 60px;
  outline: none;
}
.login__content input:focus,
.login__content input:visited,
.login__content input:active {
  border: 1px solid rgba(0, 0, 0, 0.1);
}
.login__content input:not(:last-child) {
  margin-bottom: 16px;
}
.login__content input::placeholder {
  color: #666;
  font-size: 16px;
  line-height: 1.5;
}
.login__content .swiperBtn.swiper_regularbtn {
  background: linear-gradient(180deg, #b6690e 0%, #ffc83c 100%);
  width: 100%;
  max-width: 100%;
  border-width: 4px 4px 4px 4px;
  border-style: solid;
  /* border-image-source: linear-gradient(
    180deg,
    #5c5c5c 0%,
    #c7c7c7 21%,
    #f1f1f1 46.5%,
    #535353 73%,
    #727272 100%
  ); */
  border-image-slice: 1;
  border-radius: 0;
}
.login__content .swiperBtn.swiper_regularbtn::before {
  border-radius: 0;
}
.terms {
  background-color: #fff;
  min-height: 50vh;
  padding: 100px 64px;
}
@media (max-width: 768px) {
  .terms {
    padding: 64px 20px;
  }
}
.terms__content {
  max-width: 943px;
  width: 100%;
  margin: 0 auto;
}

.terms__content h4 {
  font-size: 24px !important;
  font-weight: 700 !important ;
  line-height: 0.9;
  text-transform: uppercase;
}

.terms__content p {
  margin-bottom: 32px;
  color: #414141;
  font-size: 16px;
}
.terms__content a {
  color: #414141;
}
.terms__content ul {
  margin-bottom: 32px;
  padding-left: 20px;
}
.terms__content ul li {
  margin-bottom: 16px;
  color: #414141;
  list-style: disc;
}
.terms__content span {
  display: block;
  color: #414141;
}
.terms__content h4 {
  color: #121212;
  text-transform: initial;
  margin-bottom: 24px;
}

.spinner .ant-spin-dot-item {
  background-color: #fff;
}
.swiperBtn {
  padding: 4px;
  border-radius: 999px;
  background: linear-gradient(84.31deg, #bb822b -5.54%, #f0c736 80.64%);
  border: 0;
  font-family: "DM Sans", sans-serif;
  font-size: 18px;
  line-height: 27px;
  font-weight: 700;
  color: #fff;
  display: flex;
  align-items: center;
  position: relative;
  max-width: 263px;
  width: 100%;
  overflow: hidden;
  transition: all 0.4s ease;
  position: relative;
}
.swiperBtn::before {
  content: "";
  position: absolute;
  inset: 0;
  padding: 2px;
  border-radius: 999px;
  background: linear-gradient(
    180deg,
    #5c5c5c 0%,
    #c7c7c7 21%,
    #f1f1f1 46.5%,
    #535353 73%,
    #727272 100%
  );
  -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
  -webkit-mask-composite: xor;
  mask-composite: exclude;
  pointer-events: none;
}
.swiperBtn .icon {
  width: 50px;
  height: 50px;
  box-shadow: 0px 4px 6px 0px rgba(0, 0, 0, 0.2509803922);
  background-color: #fff;
  border-radius: 50%;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
}
.swiperBtn .icon::after {
  content: "Swipe to Get Started";
  position: absolute;
  left: 110%;
  width: max-content;
}
.swiperBtn .icon::before {
  content: "Release";
  position: absolute;
  right: calc(100% + 10px);
  transition: all 0.4s ease;
}
.swiperBtn.confirmed {
  background: linear-gradient(267.03deg, #bb822b 4.22%, #f0c736 99.79%);
}
.swiperBtn.confirmed .icon::before {
  transform: translateY(-140%);
}
.swiperBtn.confirmed .icon svg path {
  fill: #bb822b;
}
.swiperBtn.confirmed .confirm-text {
  transform: translate(-50%, -50%);
}
.swiperBtn .confirm-text {
  position: absolute;
  transform: translate(-50%, 100%);
  top: 50%;
  left: 50%;
  width: 100%;
  text-align: center;
  pointer-events: none;
  transition: all 0.4s ease;
}
.swiperBtn.swiper_secendary {
  color: #000;
  background: linear-gradient(
    180deg,
    #5c5c5c -7.76%,
    #c7c7c7 23.74%,
    #f1f1f1 61.99%,
    #535353 101.74%,
    #727272 142.24%
  );
}
.swiperBtn.swiper_secendary .icon {
  background: linear-gradient(180deg, #bb822b 0%, #f0c736 100%);
}
.swiperBtn.swiper_secendary .icon svg path {
  fill: #fff;
}
.swiperBtn.swiper_regularbtn {
  height: 60px;
  align-items: center;
  justify-content: center;
  background: linear-gradient(180deg, #b6690e 0%, #ffc83c 100%);
  max-width: 190px;
  cursor: pointer;
}
.swiperBtn.swiper_regularbtn .icon {
  position: absolute;
  right: 4px;
}
.swiperBtn.swiper_regularbtn .icon::after,
.swiperBtn.swiper_regularbtn .icon::before {
  display: none;
}
.swiperBtn.swiper_regularbtn span {
  margin-right: 24px;
}

/* .hero {
  min-height: 100vh;
  padding: 50px 64px 60px 64px;
  padding-bottom: 112px;
  position: relative;
} */

.hero::after {
  background: linear-gradient(
    180deg,
    rgba(0, 0, 0, 0) 0%,
    rgba(0, 0, 0, 0) 44.84%,
    #000000 81.53%
  );
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: -1;
}
.hero.homepage-bg {
  background-image: url("../images/headerbg.png");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}
.hero.inner-page {
  background-color: #151515;
  min-height: auto;
}
.hero.inner-page .hero__title {
  text-align: center;
  padding: 30px 0 60px 0;
}
.hero.inner-page .hero__title h1 {
  margin-bottom: 0;
}
.hero header {
  position: relative;
  z-index: 1;
}
@media (max-width: 1024px) {
  .hero header {
    position: unset;
  }
}
.hero__title {
  margin-top: 50px;
}
@media (max-width: 1024px) {
  .hero__title {
    margin-top: 64px;
  }
}
.hero__title h1 {
  color: #fff;
  margin-bottom: 48px;
}
@media (max-width: 768px) {
  .hero__title h1 {
    margin-bottom: 24px;
  }
}
.hero__title .sub-title {
  display: block;
  background: rgba(255, 255, 255, 0.2);
  line-height: 1.5;
  font-size: 18px;
  letter-spacing: 0.15em;
  color: #fff;
  margin-bottom: 32px;
  padding: 10px 20px;
  display: inline-block;
}
@media (max-width: 768px) {
  .hero__title .sub-title {
    font-size: 11px;
  }
}
.hero__video-wrapper {
  display: grid;
  grid-template-columns: auto 418px;
  grid-gap: 30px;
  margin-top: 50px;
}
@media (max-width: 768px) {
  .hero__video-wrapper {
    grid-template-columns: auto;
    margin-top: 24px;
  }
}
.hero__video-wrapper .video {
  min-height: 502px;
  max-height: 560px;
  border-width: 4px 4px 4px 4px;
  border-style: solid;
  border-image-source: linear-gradient(
    180deg,
    #5c5c5c 0%,
    #c7c7c7 21%,
    #f1f1f1 46.5%,
    #535353 73%,
    #727272 100%
  );
  border-image-slice: 1;
}
@media (min-width: 360px) and (max-width: 768px) {
  .hero__video-wrapper .video {
    min-height: 300px;
  }
}
.hero__video-wrapper .video video {
  max-width: 100%;
  width: 100%;
  height: 100%;
  object-fit: cover;
  filter: grayscale(1);
}
.hero__video-wrapper .content-card {
  padding: 30px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  background-color: #000;
  position: relative;
  border-width: 4px 4px 4px 4px;
  border-style: solid;
  border-image-source: linear-gradient(
    180deg,
    #5c5c5c 0%,
    #c7c7c7 21%,
    #f1f1f1 46.5%,
    #535353 73%,
    #727272 100%
  );
  border-image-slice: 1;
}
@media (max-width: 768px) {
  .hero__video-wrapper .content-card {
    padding: 20px;
  }
}
.hero__video-wrapper .content-card .bg {
  position: absolute;
  right: 0;
  bottom: 0;
}
.hero__video-wrapper .content-card .content {
  background: linear-gradient(
    229.88deg,
    rgba(255, 255, 255, 0) 1.13%,
    rgba(255, 255, 255, 0.07) 47.98%,
    rgba(255, 255, 255, 0) 95.64%
  );
  border: 1px solid;
  border-image-source: linear-gradient(180deg, #bb822b 0%, #f0c736 100%);
  border-image-slice: 1;
  padding: 30px;
  color: #fff !important;
  position: relative;
}
@media (max-width: 768px) {
  .hero__video-wrapper .content-card .content {
    margin-bottom: 97px;
    padding: 20px;
  }
}
.hero__video-wrapper .content-card .content h4 {
  margin-bottom: 27px;
}
.hero__video-wrapper .content-card .content p {
  color: #aaa;
}
.swiper {
  background: linear-gradient(
    180deg,
    #f2f2f2 11.45%,
    #f2f2f2 46.87%,
    #0947b6 55.72%,
    #0947b6 69.01%,
    #000000 100%
  );
  background: linear-gradient(
    180deg,
    #f2f2f2 11.45%,
    #f2f2f2 46.87%,
    #1f1f1f 55.72%,
    #1f1f1f 69.01%,
    #000000 100%
  );
  padding-bottom: 110px;
}
@media (max-width: 768px) {
  .swiper {
    padding-bottom: 0;
  }
}
.swiper__title {
  background-color: #1a1a1a;
  padding-top: 48px;
  padding-bottom: 48px;
  position: relative;
  overflow: hidden;
  white-space: nowrap;
}
.swiper__title h2 {
  display: flex;
  align-items: center;
  gap: 96px;
  color: #fff;
  font-size: clamp(48px, 4.444vw, 64px);
  white-space: nowrap;
  min-width: 200%;
  animation: marquee 25s linear infinite;
}
@media (max-width: 768px) {
  .swiper__title h2 {
    animation: marquee 7s linear infinite;
  }
}
.swiper__title h2 span {
  position: relative;
}
.swiper__title h2 span::before {
  content: "";
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 48px;
  height: 1px;
  left: -72px;
  background-color: #fff;
}
.swiper__title h2 span:first-child::before {
  display: none;
}
@keyframes marquee {
  from {
    transform: translateX(0%);
  }
  to {
    transform: translateX(-50%);
  }
}
.swiper__trade {
  display: grid;
  grid-template-columns: 1fr 548px;
  padding-right: 64px;
  align-items: flex-end;
}
@media (max-width: 768px) {
  .swiper__trade {
    grid-template-columns: 1fr;
    padding-right: 20px;
    padding-left: 20px;
    padding-top: 64px;
  }
}
.swiper__trade .card-img {
  padding: 42px 57px 0 53px;
  display: flex;
  justify-content: center;
}
@media (max-width: 768px) {
  .swiper__trade .card-img {
    order: 2;
    padding-top: 0;
  }
}
.swiper__trade .content-card {
  padding-bottom: 80px;
}
.swiper__trade .content-card .card {
  position: relative;
  z-index: 0;
}
.swiper__trade .content-card .card .sub-title {
  background-color: #000;
  padding: 10px 20px;
  font-family: "DM Sans", sans-serif;
  font-weight: 600;
  background: linear-gradient(180deg, #bb822b 0%, #f0c736 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: rgba(0, 0, 0, 0);
  background-clip: text;
  text-fill-color: rgba(0, 0, 0, 0);
  position: relative;
  text-transform: uppercase;
  letter-spacing: 0.15em;
  display: inline-block;
  margin-bottom: 24px;
}
@media (max-width: 768px) {
  .swiper__trade .content-card .card .sub-title {
    font-size: 11px;
  }
}
.swiper__trade .content-card .card .sub-title::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #000;
  z-index: -1;
}
.swiper__trade .content-card .card h2 {
  color: #000;
  margin-bottom: 42px;
  font-size: 64px;
  font-weight: 700;
  line-height: 0.9;
  text-transform: uppercase;
  font-family: "Space Grotesk", sans-serif;
}
.swiper__trade .content-card h4 {
  color: #bb822b;
  letter-spacing: 0.02em;
  margin-top: 24px;
}
.swiper__video-block {
  display: grid;
  grid-template-columns: 1fr 607px;
}
@media (max-width: 768px) {
  .swiper__video-block {
    grid-template-columns: 1fr;
  }
}
.swiper__video-block .list-col {
  padding: 80px 64px;
  position: relative;
  z-index: 1;
  border-width: 4px 4px 4px 4px;
  border-style: solid;
  border-image-source: linear-gradient(
    180deg,
    #5c5c5c 0%,
    #c7c7c7 21%,
    #f1f1f1 46.5%,
    #535353 73%,
    #727272 100%
  );
  border-image-slice: 1;
  background: linear-gradient(
      231.03deg,
      rgba(255, 255, 255, 0) -49.84%,
      rgba(255, 255, 255, 0.36) 25.6%,
      rgba(255, 255, 255, 0) 102.36%
    ),
    linear-gradient(0deg, #000000, #000000);
}
@media (max-width: 768px) {
  .swiper__video-block .list-col {
    padding: 64px 20px;
  }
}
.swiper__video-block .list-col__single {
  padding-bottom: 30px;
  border-bottom: 1px solid;
  border-image-source: linear-gradient(
    90deg,
    rgba(255, 255, 255, 0) 0%,
    #ac802e 49.93%,
    rgba(255, 255, 255, 0) 100%
  );
  border-image-slice: 1;
}
.swiper__video-block .list-col__single .icon {
  background-color: #bb822b;
  width: 51px;
  height: 51px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 20px;
}
.swiper__video-block .list-col__single h3 {
  font-size: 32px;
  font-weight: 700;
  line-height: 0.9;
  text-transform: uppercase;
  font-family: "Space Grotesk", sans-serif;
  color: #fff;
}
.swiper__video-block .list-col__single:not(:last-child) {
  margin-bottom: 21px;
}
.swiper__video-block .video-col {
  position: relative;
}
@media (max-width: 768px) {
  .swiper__video-block .video-col .big-icon {
    display: none;
  }
}
.swiper__video-block .video-col .video {
  width: 100%;
  height: 100%;
  object-fit: cover;
  position: absolute;
  top: 118px;
  right: 64px;
  border-width: 4px 4px 4px 4px;
  border-style: solid;
  border-image-source: linear-gradient(
    180deg,
    #5c5c5c 0%,
    #c7c7c7 21%,
    #f1f1f1 46.5%,
    #535353 73%,
    #727272 100%
  );
  border-image-slice: 1;
}
@media (max-width: 768px) {
  .swiper__video-block .video-col .video {
    position: relative;
    top: 0;
    right: 0;
    height: 550px;
  }
}
.swiper__video-block .video-col .video::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(180deg, rgba(32, 32, 32, 0) 47.07%, #202020 100%);
}
.swiper__video-block .video-col .video video {
  width: 100%;
  height: 100%;
  object-fit: cover;
  filter: grayscale(1);
}
.swiper__video-block .video-col .video__text {
  color: #fff;
  position: absolute;
  bottom: 32px;
  z-index: 2;
  display: block;
  text-align: center;
  width: 100%;
}
.trade-benefits {
  padding: 112px 64px;
  background-color: #000;
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 30px;
  color: #fff;
}
@media (max-width: 768px) {
  .trade-benefits {
    padding: 64px 20px;
    grid-template-columns: 1fr;
  }
}
.trade-benefits .img-col .subtitle {
  background: rgba(255, 255, 255, 0.2);
  padding: 10px 20px;
  font-family: "DM Sans", sans-serif;
  font-weight: 600;
  position: relative;
  text-transform: uppercase;
  letter-spacing: 0.15em;
  display: inline-block;
  margin-bottom: 20px;
  color: #fff;
}
@media (max-width: 768px) {
  .trade-benefits .img-col .subtitle {
    font-size: 11px;
  }
}
.trade-benefits .img-col h2 {
  margin-bottom: 40px;
  font-size: 64px;
  font-weight: 700;
  line-height: 0.9;
  text-transform: uppercase;
  font-family: "Space Grotesk", sans-serif;
  color: white;
}
.trade-benefits .img-col p {
  color: #aaa;
  margin-bottom: 20px;
}
.trade-benefits .img-col h4 {
  margin-bottom: 40px;
  font-size: 24px;
  color: white;
  font-weight: 700;
  line-height: 0.9;
  text-transform: uppercase;
  font-family: "Space Grotesk", sans-serif;
}
.trade-benefits .img-col img {
  width: 100%;
  border-width: 4px 4px 4px 4px;
  border-style: solid;
  border-image-source: linear-gradient(
    180deg,
    #5c5c5c 0%,
    #c7c7c7 21%,
    #f1f1f1 46.5%,
    #535353 73%,
    #727272 100%
  );
  border-image-slice: 1;
  filter: grayscale(1);
}
.trade-benefits .list-col {
  padding: 80px;
  position: relative;
  z-index: 1;
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-row-gap: 50px;
  grid-column-gap: 30px;
  background: linear-gradient(
    229.88deg,
    rgba(255, 255, 255, 0) 1.13%,
    rgba(255, 255, 255, 0.36) 47.98%,
    rgba(255, 255, 255, 0) 95.64%
  );
  border-width: 4px 4px 4px 4px;
  border-style: solid;
  border-image-source: linear-gradient(
    180deg,
    #5c5c5c 0%,
    #c7c7c7 21%,
    #f1f1f1 46.5%,
    #535353 73%,
    #727272 100%
  );
  border-image-slice: 1;
}
@media (max-width: 768px) {
  .trade-benefits .list-col {
    padding: 48px 20px;
    grid-template-columns: 1fr;
    gap: 30px;
  }
}
.trade-benefits .list-col__single .icon {
  background-color: #bb822b;
  width: 51px;
  height: 51px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 27px;
}
.trade-benefits .list-col__single h3 {
  color: #fff;
  margin-bottom: 27px;
  font-size: 32px;
  font-weight: 700;
  line-height: 0.9;
  text-transform: uppercase;
  font-family: "Space Grotesk", sans-serif;
}
.trade-benefits .list-col__single p {
  color: #aaa;
}
.get-started {
  padding: 0 64px;
}
@media (max-width: 768px) {
  .get-started {
    padding: 0 20px;
  }
}
.get-started .container {
  background: url("../images/texture.png");
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  position: relative;
  padding: 112px 64px 42px;
  border-width: 4px 4px 4px 4px;
  border-style: solid;
  border-image-source: linear-gradient(
    180deg,
    #5c5c5c 0%,
    #c7c7c7 21%,
    #f1f1f1 46.5%,
    #535353 73%,
    #727272 100%
  );
  border-image-slice: 1;
}
@media (max-width: 768px) {
  .get-started .container {
    padding-right: 20px;
    padding-left: 20px;
  }
}
.get-started .container::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(180deg, #b6690e 0%, #ffc83c 100%);
  z-index: -1;
}
.get-started .container .content {
  max-width: 930px;
  margin: 0 auto;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.get-started .container .content h1 {
  font-size: 150px !important;
  line-height: 0.8;
  max-width: 930px;
  color: #222;
  display: flex;
  flex-direction: column;
  gap: 40px;
  position: relative;
}
@media (max-width: 768px) {
  .get-started .container .content h1 {
    font-size: 48px !important;
    gap: 0;
  }
}
.get-started .container .content .title {
  position: relative;
  margin-bottom: 40px;
}
.get-started .container .content .title .sale {
  position: absolute;
  right: 0;
  bottom: -30px;
  transform: rotate(-21deg);
  display: flex;
  align-items: center;
  justify-content: center;
}
@media (max-width: 768px) {
  .get-started .container .content .title .sale {
    max-width: 90px;
  }
}
.get-started .container .content .title .sale span {
  font-size: 66px;
  line-height: 1;
  font-weight: 700;
  position: absolute;
  color: #fff;
}
@media (max-width: 768px) {
  .get-started .container .content .title .sale span {
    font-size: 24px;
  }
}
.get-started .container .content .swiperBtn {
  margin: 50px 0 80px;
}
.get-started .container .content p {
  text-align: center;
  max-width: 684px;
  color: #444;
} /*# sourceMappingURL=style.css.map */
.white {
  color: #fff !important;
  font-weight: 700;
}
/* .icon-navigation {
  position: absolute;
  width: 100%;
  top: -42px;
} */
.mobile-enroller {
  display: none;
}

@media (max-width: 1024px) {

  .navbar {
    top: 27px;
  }
  .mobile-enroller {
    display: block;
  }
  .welcome-section {
    display: none;
  }
}
.login-modal .ant-modal-content {
  background-color: unset !important;
  box-shadow: none !important;
}
.confrim-enroller .ant-modal-content {
  background-color: #fff !important;
}
.forgot-header {
  margin-bottom: 24px;
  font-size: 24px !important;
  font-weight: 700 !important;
  font-family: "Space Grotesk", sans-serif !important;
  text-transform: uppercase;
}
.forgot-header .ant-input-affix-wrapper {
  padding: 0px 11px !important;
}

/* Hide Google Translate Banner */
.goog-te-banner-frame {
  display: none !important;
}

/* Hide Google Translate Frame */
body {
  top: 0px !important;
}

/* Hide Google Translate Element */
.goog-te-gadget {
  font-size: 0px !important;
  display: flex;
}

/* Hide "Powered by Google Translate" */
.goog-logo-link,
.goog-te-gadget span {
  display: none !important;
}

/* Hide Google Translate Toolbar */
#goog-gt-tt,
.goog-te-balloon-frame {
  display: none !important;
}

/* Hide White Background Bar */
.goog-te-banner-frame.skiptranslate {
  display: none !important;
}

.goog-te-gadget .goog-te-combo {
  appearance: none; /* Hides default select arrow */
  -webkit-appearance: none;
  -moz-appearance: none;
  margin: 0px !important;
  background: transparent;
  border: 1px solid #000;
  border-radius: 100px;
  font-size: 12px;
  /* color: #fff; */
  padding: 4px 8px 4px 16px;
  text-transform: uppercase;
  width: 170px;
}
.goog-te-gadget .goog-te-combo option {
  color: black !important;
}
.email-error-section {
  margin-bottom: 16px;
}
/* Hide Google Translate Box */
#goog-gt-tt,
.goog-te-balloon-frame {
  display: none !important;
}
/* Prevent Any Remaining Google Translate UI */
.goog-tooltip {
  display: none !important;
}

.skiptranslate {
  display: none !important;
}
.skiptranslate.goog-te-gadget {
  display: flex !important;
}
.custom-arrow {
  position: absolute;
  right: 7px;
  top: 20%;
  pointer-events: none;
}
.forgot-header-section {
  margin-top: 48px;
}
.email-error-section,
.forgot-header-section,
.action-buttons {
  padding: 0px;
}
.cancel-btn {
  background: white;
}
.forgot-icon {
  padding: 0px;
}
.iconic-header {
  width: 200px;
}
/* .footer-iconic-logo {
  height: 137px;
  object-fit: contain;
} */
.modal-iconic-logo {
  width: 240px !important;
}
.login-label {
  padding-bottom: 2px;
}
/* #google_translate_element .goog-te-gadget:nth-of-type(1) {
  visibility: hidden !important;
} */

.goog-te-gadget .goog-te-combo {
  border: none !important;
  color: #666666 !important;
}

.custom-arrow {
  color: #666666;
}

/* @media (max-width: 1024px) {
  .language-header {
    position: absolute !important;
    top: -37px !important;
    right: 5px;
  }
  .login-language-header {
    position: absolute !important;
    top: -37px !important;
    right: 0px;
  }
  .navbar {
    top: 40px;
  }
  .country-section {
    padding-top: 5px;
  }
} */

.col-text p {
  font-size: clamp(18px, 0.563vw + 15.89px, 24px);
}

.col-text p span {
  font-size: clamp(18px, 0.563vw + 15.89px, 24px);
}

.hero__title h1 {
  font-size: 64px !important;
  line-height: 1;
  font-weight: 700 !important;
  letter-spacing: 0%;
}

.v3_header {
  z-index: 1 !important;
}

.v3_primary_button {
  background: linear-gradient(90deg, #5a3dff, #362599);
  text-transform: capitalize;
}

.join_modal_content {
  -webkit-backdrop-filter: blur(10px);
  backdrop-filter: blur(10px);
  background: linear-gradient(
    90deg,
    rgba(31, 31, 39, 0.57),
    rgba(17, 17, 18, 0.57)
  );
  border: 1px solid #40404e;
  border-radius: 24px;
}

.v3_header__menu {
  padding: 16px 0 32px 0;
}

.v3_footer .v3_container {
  margin: 0 auto;
  max-width: 1537px !important;
  position: relative;
}

.checkout-wrapper {
  background: #151515 !important;
  color: #89808B;
}

.checkout-wrapper .side-cart {
  background: #151515 !important;
  box-shadow: none !important;
  border: 1px solid #40404e;
  border-radius: 24px;
}

.checkout-wrapper .side-cart .order-summary-result .order-total-price h6 {
  color: white !important;
}

.side-cart .order {
  border: 1px solid #40404e !important;
  border-radius: 16px;
}

.checkout-wrapper .left-section.checkout-section .ant-input {
  border-radius: 8px;
  background: transparent;
  border: 1px solid #40404e;
  color: white;
}

.checkout-wrapper .left-section .ant-picker{
  border-radius: 8px;
  background: transparent;
  border: 1px solid #40404e;
  color: white;
}

.ant-picker-suffix {
  color: white !important;
}
.ant-picker-input input {
  color: white !important;
}

.checkout-wrapper .left-section.checkout-section .ant-input-affix-wrapper {
  border-radius: 8px;
  background: transparent;
  border: 1px solid #40404e;
  color: white;
}

.checkout-wrapper .left-section.checkout-section .ant-select .ant-select-selector {
  border-radius: 8px;
  background: transparent;
  border: 1px solid #40404e;
  color: white;
}

.ant-select-arrow {
  color: white !important;
}
.refer-title {
  font-size: 22px;
  font-weight: 600;
  margin-bottom: 12px;
}

.checkout-wrapper .left-section.checkout-section .ant-input-affix-wrapper .ant-input {
  border:none !important;
}

.side-cart .order-title-remove {
  color: white;
}

.side-cart {
  background: #151515;
  
}

.side-cart .order-quantity-price .order-prices {
  color: #89808B !important;
}

.side-cart .order-details {
  color: white !important;
  border-right: 1px solid #40404e !important;
}
.side-cart .order-summary {
  color: white !important;
}

.side-cart .order-summary .order-summary-details {
  border-bottom: 1px solid #40404e !important;
}

.side-cart h5 {
  color: white !important;
}

.side-cart h6 {
  color: white !important;
}