@use "../../../plugins/bootstrap-5.1.3/scss/functions";
@use "../../../plugins/bootstrap-5.1.3/scss/variables";
@use "../../../plugins/bootstrap-5.1.3/scss/mixins";
@use "../../../plugins/bootstrap-5.1.3/scss/utilities";
@use "../../../plugins/bootstrap-5.1.3/scss/reboot";
@media (prefers-reduced-motion: no-preference) {
  :root {
    scroll-behavior: auto !important;
  }
}

:root {
  --primary: #CD0511;
  --consumed-by-js: $primary;
  --bs-primary: #CD0511;
  --bs-primary-rgb: 205, 5, 17;
  --success: #179149;
  --consumed-by-js: $success;
  --bs-success: #179149;
  --bs-success-rgb: 23, 145, 73;
  --bs-dark: #161616;
  --bs-dark-rgb: 22, 22, 22;
  --bs-font-open-sans:'Open Sans', sans-serif;
  --bs-body-font-family: var(--bs-font-open-sans);
  --bs-body-color: #161616;
  --bs-link-color: $primary;
}

@use "../../../plugins/bootstrap-5.1.3/scss/bootstrap";
.icons {
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}

.star-icon {
  background-image: url(/assets/hfappnew/websites/main/inside-pages/promotions/traders-awards/images/imgs/icons/2026/icon2_star.svg);
  width: 32px;
  height: 32px;
}

.bg-header-th {
  background: url(/assets/hfappnew/websites/main/inside-pages/promotions/traders-awards/images/imgs/backgrounds/th-top.jpg) center no-repeat;
}

.bg-header-global {
  background: url(/assets/hfappnew/websites/main/inside-pages/promotions/traders-awards/images/imgs/backgrounds/background.jpg) center no-repeat;
}

.header {
  background-size: cover !important;
  color: #000;
  text-align: center;
  padding: 80px 0 160px 0;
}
.header h1 {
  font-weight: 700 !important;
}

.header h2 {
  font-weight: 400 !important;
}
.risk-btn {
  color: #5A5A5A;
}
.prize-box {
  border-radius: 100px !important;
  background: rgba(227, 228, 230, 0.7);
}
.dollar-icon {
  background-image: url(/assets/hfappnew/websites/main/inside-pages/promotions/traders-awards/images/imgs/icons/2026/icon1_money.svg);
  width: 32px;
  height: 32px;
}

.trophy-icon {
  background-image: url(/assets/hfappnew/websites/main/inside-pages/promotions/traders-awards/images/imgs/icons/trophy.svg);
  width: 75px;
  height: 65px;
}

.award {
  top: -22%;
  right: -53px;
}

.award img {
  height: 572px;
}

.mt--80 {
  margin-top: -80px;
}

.award-mob {
  width: 250px;
}

.step-number {
  border-radius: 50%;
  width: 36px;
  height: 36px;
  background: #FFFFFF;
  padding: 5px;
}

.requirement-icon {
  height: 8rem;
  width: auto;
}

.days-7-icon {
  background-image: url(/assets/hfappnew/websites/main/inside-pages/promotions/traders-awards/images/imgs/icons/7-days.svg);
}

.account-balance-global-icon {
  background-image: url(/assets/hfappnew/websites/main/inside-pages/promotions/traders-awards/images/imgs/icons/account-balance-global.svg);
}

.account-balance-th-icon {
  background-image: url(/assets/hfappnew/websites/main/inside-pages/promotions/traders-awards/images/imgs/icons/account-balance-th.svg);
}

.live-account-icon {
  background-image: url(/assets/hfappnew/websites/main/inside-pages/promotions/traders-awards/images/imgs/icons/live-account.svg);
}

.bg-star {
  background: url(/assets/hfappnew/websites/main/inside-pages/promotions/traders-awards/images/imgs/icons/star_big.svg) left no-repeat #fff0;
}

.ranking table tbody td {
  border-bottom: 1px solid rgba(0, 0, 0, 0.125);
}

.circle-gold {
  background-image: url(/assets/hfappnew/websites/main/inside-pages/promotions/traders-awards/images/imgs/icons/circle.svg);
  width: 220px;
  height: 220px;
  background-repeat: no-repeat;
}

.traders-hof {
  color: #000;
  background-size: cover !important;
}
.traders-hof .star-icon {
  background-image: url(/assets/hfappnew/websites/main/inside-pages/promotions/traders-awards/images/imgs/icons/2026/traders-hof-star.svg);
  width: 40px;
  height: 41px;
}
.traders-hof .total-gain-per {
  color: #000;
  font-size: 30px;
  font-weight: 400;
  line-height: 35px;
}
.traders-hof h2 {
  background: #000;
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.traders-hof .btn-lg {
  min-width: 350px;
}
.traders-hof img {
  width: 120px;
  height: 120px;
}
.traders-hof .text-success {
  font-size: 30px;
}
.traders-hof .hof-img {
  width: 120px;
  height: 120px;
}
.traders-hof #all_winners .modal-content {
  background: url(/assets/hfappnew/websites/main/inside-pages/promotions/traders-awards/images/imgs/backgrounds/2026/hall-of-fame-background.webp) center top no-repeat;
}

.bg-hof-th {
  background: url(/assets/hfappnew/websites/main/inside-pages/promotions/traders-awards/images/imgs/backgrounds/th-bottom.jpg) center no-repeat;
}

.header.bg-header-global {
  background: url(/assets/hfappnew/websites/main/inside-pages/promotions/traders-awards/images/imgs/backgrounds/2026/hero-background.webp) center no-repeat;
}

.traders-hof.bg-hof-global {
  background: url(/assets/hfappnew/websites/main/inside-pages/promotions/traders-awards/images/imgs/backgrounds/2026/bottom-background.webp) center no-repeat;
}

.swiper-pagination-bullets-dynamic {
  overflow: visible!important;
  bottom: 0;
}

.swiper-pagination-bullet.swiper-pagination-bullet-active {
  width: 24px;
  height: 6px;
  border-radius: 8px;
  background: #CD0511;
  transform: unset!important;
}
.swiper-pagination-bullet.swiper-pagination-bullet-active-next,
.swiper-pagination-bullet.swiper-pagination-bullet-active-prev {
  width: 12px;
  height: 6px;
  border-radius: 8px;
  background: #757575;
  transform: unset!important;
}
.swiper-pagination-bullet.swiper-pagination-bullet-active-next-next,
.swiper-pagination-bullet.swiper-pagination-bullet-active-prev-prev {
  width: 8px;
  height: 6px;
  border-radius: 8px;
  background: #060606;
  transform: unset!important;
}
.swiper.learnSwiper {
  padding: 0 16px 50px!important;
}

@media (max-width: 1399.98px) {
  .award {
    top: -5%;
    right: -45px;
  }
  .award img {
    height: 500px;
  }
  .bg-star {
    background-size: 50%;
  }
}
@media (max-width: 1199.98px) {
  .award-mob {
    margin-top: -170px;
  }
  .header {
    padding: 80px 0 220px 0;
  }
  .award {
    top: -4%;
  }
  .award img {
    height: 400px;
  }
}
@media (max-width: 800px) {
  .how-to-join .slick-track {
    display: flex!important;
  }
  .how-to-join .slick-slide {
    margin: 0 10px;
    flex: 0 0 auto;
    height: auto;
  }
  .how-to-join .slick-slide > div {
    min-height: 285px;
  }
  .how-to-join .slick-dots {
    bottom: -45px!important;
  }
}
@media (max-width: 991.98px) {
  .header h1 {
    font-size: 50px !important;
  }
  .bg-star {
    background-image: none;
  }
}
@media (max-width: 767.98px) {
  .circles:nth-child(2) {
    margin: 0 35px;
  }
  .award-mob {
    margin-top: -140px;
  }
  .traders-hof .btn-lg {
    min-width: 305px;
  }
}
@media (max-width: 575px) {
  .header {
    padding: 80px 0 10px 0;
  }
  .how-to-join {
    padding: 130px 0 0;
  }
  .header.bg-header-global {
    background: url(/assets/hfappnew/websites/main/inside-pages/promotions/traders-awards/images/imgs/backgrounds/2026/hero-background-mobile.webp) center no-repeat;
  }
  .traders-hof.bg-hof-global {
    background: url(/assets/hfappnew/websites/main/inside-pages/promotions/traders-awards/images/imgs/backgrounds/2026/bottom-background-mobile.webp) bottom center no-repeat;
  }
  .traders-hof #all_winners .modal-content {
    background: url(/assets/hfappnew/websites/main/inside-pages/promotions/traders-awards/images/imgs/backgrounds/2026/hall-of-fame-background.webp) center top no-repeat;
  }
  .header .header-paragraph {
    margin-top: 270px;
  }
  .header .prize-boxes .prize-boxes-area {
    display: flex!important;
    align-items: center!important;
  }
}