@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";
body {
  color: white;
  font-size: 18px;
}

.equal-heights-container {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  height: 100%;
}

.header-bgk {
  background-size: cover;
  margin-bottom: -1px;
  text-align: center;
}

.common-bgk {
  margin-bottom: -1px;
}

.lp-flags {
  padding: 0.7rem 0 0.4rem 15px;
  font-size: 13px;
}

.lp-flags:last-of-type {
  padding: 0.7rem 0 1rem 15px !important;
}

#backgroundImage {
  background-size: cover;
}

.promo-box {
  padding: 25px;
}

.requirements-box {
  padding: 40px;
}

.h-150 {
  height: 150px;
}

.h-180 {
  height: 180px;
}

.h-50 {
  height: 50px;
}

.fix-number {
  background: #2B2B2B;
  padding: 5px;
  color: white;
  width: 36px;
  height: 36px;
}

.header_title {
  font-size: 60px;
  font-weight: 700;
  font-family: "Sofia Sans Condensed", sans-serif;
  line-height: 65px;
}

.text_under_title {
  font-size: 40px;
  text-transform: uppercase;
  font-family: "Sofia Sans Condensed", sans-serif;
}

.title-icon {
  width: 30px;
}

.accordion-button:after, .accordion-flush .accordion-item .accordion-button:not(.collapsed):after {
  background-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23ffffff'><path fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/></svg>") !important;
}

.carousel .requirements-box {
  margin-left: 40px;
  margin-right: 40px;
}

.carousel-indicators {
  bottom: -50px !important;
}

.carousel-indicators [data-bs-target] {
  width: 15px !important;
  height: 15px !important;
  border-radius: 100% !important;
  height: 15px !important;
}

/*** Mobile App section ***/
.app {
  background: url("/assets/hfappnew/websites/landing-pages/templates/bonus-offer/2025/images/desktop/bg_section.webp");
  background-size: cover;
  background-position: center bottom;
}

.transform-none {
  text-transform: none !important;
}

.app-award {
  filter: grayscale(100%) brightness(1000%);
  transition: filter 0.3s ease-in-out;
}

.app-award:hover {
  filter: none;
}

.instrument {
  border-radius: 16px;
  border: 1px solid rgba(254, 254, 254, 0.24);
  background: rgba(225, 225, 225, 0.2);
  backdrop-filter: blur(16.1px);
  max-width: 385px;
}

.instrument h3 {
  font-family: 'Sofia Sans Condensed';
  font-size: 28px;
}

.qr-code {
  border-radius: 10px;
  background: #FFF;
  width: 98px;
  heigh: 98px;
  padding: 4px;
}

.app-btn {
  height: 45px;
}

/*** FAQs - Accordion ***/
.faqs-section .accordion-flush .accordion-item {
  background-color: transparent;
}

.faqs-section .accordion-flush .accordion-item .accordion-button {
  background-color: transparent;
}

.rankings-section table tr {
  border-bottom: 1px solid #2B2B2B;
  padding-left: 30px !important;
}

.rankings-section .table > :not(caption) > * > * {
  padding: 0.8rem 0.8rem 0.8rem 35px !important;
}

/* Risk Warning Footer */
.riskWarningFooter {
  background: #DDD;
}

.rwnormal {
  font-size: 13px;
  color: #222222;
}

.rwnormal .risk-warning {
  color: #222222;
}

.rwsmall {
  font-size: 12px;
  color: #222222;
}

.rwsmall .risk-warning {
  color: #222222;
}

#js-riskMinimizeButton {
  display: none !important;
}

.hfcy .riskWarningFooter .rwnormal a {
  color: #161616 !important;
  text-decoration: underline !important;
}

.hfcy .riskWarningFooter .rwnormal b {
  color: #CD0511 !important;
}

@media (min-width: 992px) {
  .header_title {
    font-size: 75px;
  }
  .header-bgk {
    text-align: left;
  }
  [dir='rtl'] .lp-flags {
    padding: 0.7rem 10px 0.4rem 15px;
  }
}

@media (min-width: 992px) {
  .m-h-40 {
    min-height: 40px;
  }
}

@media (max-width: 767.98px) {
  #js-riskMinimizeButton {
    position: absolute;
    top: -35px;
    right: 15px;
    border: 0;
    background: #dddddd;
    padding: 10px;
    display: block !important;
    width: 44px;
  }
  #js-riskMinimizeButton > i {
    color: #333333;
    font-size: 18px;
  }
  #js-riskMinimizeButton > i::before {
    content: "\f078";
  }
  .custom_minimize {
    top: unset !important;
    background: unset !important;
    padding: unset !important;
    width: 0 !important;
  }
  #js-riskMinimizeButton.up-rw > i::before {
    content: "\f077";
  }
  .rwnormal.show-rw {
    display: block !important;
  }
  .rwnormal.hide-rw {
    display: none !important;
  }
  .app-btn {
    height: auto;
  }
}

@media (min-width: 576px) {
  .rwnormal {
    display: block !important;
  }
  .rwsmall {
    display: none !important;
  }
}