@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";
.fix-number {
  background: #F4F4F4;
  padding: 5px;
  color: #161616;
  width: 36px;
  height: 36px;
  left: 10%;
  top: 13%;
}

.revShare-hover {
  width: 110px;
  height: 110px;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  background-image: url(/assets/hfappnew/websites/affiliates/images/redesign/revshare/icon_faded.svg);
}

#rewards-slider .col {
  border: 1px solid #F4F4F4;
}

#rewards-slider .col:hover {
  border: 1px solid #F0F0F0;
  box-shadow: 0 0 16px 0 rgba(76, 87, 125, 0.15);
}

#rewards-slider .col:hover .revShare-hover {
  transition: 0.8s;
  background-image: url(/assets/hfappnew/websites/affiliates/images/redesign/revshare/icon_hover.svg);
}

#rewards-slider .inner_reward {
  border-left-style: solid;
  border-left-width: 5px;
}

#rewards-slider .red {
  border-left-color: #CD0511;
}

#rewards-slider .grey {
  border-left-color: #D9D9D9;
}

#rewards-slider .dark {
  border-left-color: #434348;
}

.body-lang-rtl #rewards-slider .inner_reward {
  border-right-style: solid;
  border-right-width: 5px;
  border-left: none;
}

.body-lang-rtl #rewards-slider .red {
  border-right-color: #CD0511;
}

.body-lang-rtl #rewards-slider .grey {
  border-right-color: #D9D9D9;
}

.body-lang-rtl #rewards-slider .dark {
  border-right-color: #434348;
}

.body-lang-ru #revshare-rewards h5 {
  font-size: 1.10rem;
}

.slick-slide {
  margin-bottom: 1rem !important;
}

@media (max-width: 991.98px) {
  #revshare .btn-text {
    margin-right: auto !important;
    margin-left: auto !important;
  }
  #revshare .std-m-t,
  #revshare .btn {
    margin-top: 0 !important;
  }
}

@media (max-width: 767.98px) {
  h1 {
    font-size: 4rem !important;
  }
}