@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";
.bg {
  background-position: top center !important;
  /* padding: 80px 0 160px 0; */
}

.bg h1 {
  font-weight: 700 !important;
}

.bg .header {
  font-weight: 700;
  text-transform: uppercase;
}

.bg .subtitle {
  font-size: 22px;
}

.bg .aff-stat {
  color: #8E8E8E;
}

/*.bg-revshare {
    background: url(/assets/hfappnew/websites/affiliates/images/redesign/homepage/images/revshare.webp) top center no-repeat;
    background-size: contain;
}*/
.header-icon {
  width: 88px;
  height: 128px;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  margin-top: 40px;
}

.header-icon:hover {
  transition: 0.8s;
}

.award-icon {
  margin-top: 80px;
  background-image: url(/assets/hfappnew/websites/affiliates/images/redesign/homepage/images/award.svg);
}

.award-icon:hover {
  background-image: url(/assets/hfappnew/websites/affiliates/images/redesign/homepage/images/award_hover.svg);
}

/*
.icons {
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    height: 100px;
    width: 100px;
}*/
.icon-1 {
  background-image: url(/assets/hfappnew/websites/affiliates/images/redesign/homepage/icons/icon1.svg);
}

.icon-2 {
  background-image: url(/assets/hfappnew/websites/affiliates/images/redesign/homepage/icons/icon2.svg);
}

.icon-3 {
  background-image: url(/assets/hfappnew/websites/affiliates/images/redesign/homepage/icons/icon3.svg);
}

.icon-4 {
  background-image: url(/assets/hfappnew/websites/affiliates/images/redesign/homepage/icons/icon4.svg);
}

.icon-5 {
  background-image: url(/assets/hfappnew/websites/affiliates/images/redesign/homepage/icons/icon5.svg);
}

.icon-6 {
  background-image: url(/assets/hfappnew/websites/affiliates/images/redesign/homepage/icons/icon6.svg);
}

.icon-7 {
  background-image: url(/assets/hfappnew/websites/affiliates/images/redesign/homepage/icons/icon7.svg);
}

.icon-8 {
  background-image: url(/assets/hfappnew/websites/affiliates/images/redesign/homepage/icons/icon8.svg);
}

.icon-9 {
  background-image: url(/assets/hfappnew/websites/affiliates/images/redesign/homepage/icons/icon9.svg);
}

.icon-10 {
  background-image: url(/assets/hfappnew/websites/affiliates/images/redesign/homepage/icons/icon10.svg);
}

.icon-11 {
  background-image: url(/assets/hfappnew/websites/affiliates/images/redesign/homepage/icons/icon11.svg);
}

.icon-12 {
  background-image: url(/assets/hfappnew/websites/affiliates/images/redesign/homepage/icons/icon12.svg);
}

.icon-13 {
  background-image: url(/assets/hfappnew/websites/affiliates/images/redesign/homepage/icons/icon13.svg);
}

.icon-14 {
  background-image: url(/assets/hfappnew/websites/affiliates/images/redesign/homepage/icons/icon14.svg);
}

.statistics h5 {
  font-size: 25px;
}

.statistics .bg-stat {
  border: 2px solid #353535;
  background: rgba(53, 53, 53, 0.5);
}

.statistics .bg-stat:hover {
  border: 2px solid #808080;
  transition: 0.8s;
  cursor: default;
}

.video-section .div-round {
  overflow: hidden;
  position: relative;
  z-index: 10;
  -webkit-border-radius: 20px;
  border-radius: 20px;
  padding: 56.25% 0 0 0;
}

.video-section .div-round::before {
  display: block;
  content: "";
}

.video-section .iframe-round {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 10;
  width: 100%;
  height: 100%;
  border: 0;
  -webkit-border-radius: 20px;
  border-radius: 20px;
}

#cpa .accordion .accordion-item .accordion-button:not(.collapsed) {
  box-shadow: none !important;
}

#cpa .accordion .accordion-item, #cpa .accordion .accordion-button {
  border-radius: 10px !important;
}

#cpa .accordion .accordion-item .accordion-button:focus {
  box-shadow: none !important;
}

#cpa .accordion tbody, #cpa .accordion td, #cpa .accordion tfoot, #cpa .accordion th, #cpa .accordion thead, #cpa .accordion tr {
  padding-left: .5rem !important;
}

.advantages .equal-box {
  background: #f4f4f4 !important;
}

/* Copy Collaboration */
#copy-collaboration .gray-box p {
  font-size: 16px;
}

#copy-collaboration .gray-box:hover {
  background: #F4F4F4;
}

.body-lang-jp #home-bg h1 {
  font-size: 55px !important;
}

@media (min-width: 992px) and (max-width: 1199.98px) {
  .margin-minus {
    margin-top: -130px;
  }
}

@media (min-width: 1400px) {
  .bg {
    height: 100%;
  }
}

@media (min-width: 768px) {
  .body-lang-rtl .bg-asia_bg {
    background: url(/assets/hfappnew/websites/affiliates/images/redesign/homepage/images/asia_bg_rtl.webp) #f4f4f4 no-repeat;
  }
  .body-lang-rtl .bg-africa_bg {
    background: url(/assets/hfappnew/websites/affiliates/images/redesign/homepage/images/africa_bg_rtl.webp) #f4f4f4 no-repeat;
  }
  .body-lang-rtl .bg-c_asia_bg {
    background: url(/assets/hfappnew/websites/affiliates/images/redesign/homepage/images/c_asia_bg_rtl.webp) #f4f4f4 no-repeat;
  }
  .body-lang-rtl .bg-main_bg {
    background: url(/assets/hfappnew/websites/affiliates/images/redesign/homepage/images/main_bg_rtl.webp) #f4f4f4 no-repeat;
  }
  .bg {
    background-size: cover !important;
    margin-bottom: -2px;
  }
  .bg .head p {
    font-size: 22px;
  }
  .bg-asia_bg {
    background: url(/assets/hfappnew/websites/affiliates/images/redesign/homepage/images/asia_bg.webp) #f4f4f4 no-repeat;
  }
  .bg-africa_bg {
    background: url(/assets/hfappnew/websites/affiliates/images/redesign/homepage/images/africa_bg.webp) #f4f4f4 no-repeat;
  }
  .bg-c_asia_bg {
    background: url(/assets/hfappnew/websites/affiliates/images/redesign/homepage/images/c_asia_bg.webp) #f4f4f4 no-repeat;
  }
  .bg-main_bg {
    background: url(/assets/hfappnew/websites/affiliates/images/redesign/homepage/images/main_bg.webp) #f4f4f4 no-repeat;
  }
}

@media (max-width: 767.98px) {
  /*  .trading-conditions {
        .equal-box {
            min-height: 270px;
        }
    }*/
  .body-lang-jp #home-bg h1 {
    font-size: 35px !important;
  }
  .bg {
    background-size: contain !important;
  }
  .bg h1, .bg p {
    color: #FFFFFF;
  }
  .bg h1 {
    font-size: 50px !important;
  }
  .bg h2 {
    font-size: 30px !important;
  }
  .bg-asia_bg {
    background: url(/assets/hfappnew/websites/affiliates/images/redesign/homepage/images/asia_bg_mob.webp) #000 no-repeat;
  }
  .bg-africa_bg {
    background: url(/assets/hfappnew/websites/affiliates/images/redesign/homepage/images/africa_bg_mob.webp) #000 no-repeat;
  }
  .bg-main_bg {
    background: url(/assets/hfappnew/websites/affiliates/images/redesign/homepage/images/main_bg_mob_2.webp) #000 no-repeat;
  }
  .bg-c_asia_bg {
    background: url(/assets/hfappnew/websites/affiliates/images/redesign/homepage/images/c_asia_bg_mob.webp) #000 no-repeat;
  }
  .extra-mg {
    margin-top: 360px;
  }
}

@media (max-width: 575.98px) {
  .extra-mg {
    margin-top: 240px;
  }
}

.row-gap-3 {
  row-gap: 3rem !important;
}

.row-gap-1-5 {
  row-gap: 1.5rem !important;
}