@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";
.fs-14 {
  font-size: 14px;
}

.icons {
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  width: 100%;
}

.perk-icon-container {
  height: 9rem;
}

.availability-icon {
  background-image: url(https://static.hfm.com/assets/hfappnew/websites/main/inside-pages/funding/swap-free-trading/images/icons/availability.svg);
  height: 7rem;
}

.fee-charges-icon {
  background-image: url(https://static.hfm.com/assets/hfappnew/websites/main/inside-pages/funding/swap-free-trading/images/icons/fee_charges.svg);
  height: 7rem;
}

.leverage-1400-icon {
  background-image: url(https://static.hfm.com/assets/hfappnew/websites/main/inside-pages/funding/swap-free-trading/images/icons/leverage_1400.svg);
  height: 5.5rem;
}

.leverage-1500-icon {
  background-image: url(https://static.hfm.com/assets/hfappnew/websites/main/inside-pages/funding/swap-free-trading/images/icons/leverage_1500.svg);
  height: 5.5rem;
}

.leverage-12000-icon {
  background-image: url(https://static.hfm.com/assets/hfappnew/websites/main/inside-pages/funding/swap-free-trading/images/icons/leverage_12000.svg);
  height: 5rem;
}

.options-icon {
  background-image: url(https://static.hfm.com/assets/hfappnew/websites/main/inside-pages/funding/swap-free-trading/images/icons/options.svg);
  height: 8rem;
}

.overnight-fee-icon {
  background-image: url(https://static.hfm.com/assets/hfappnew/websites/main/inside-pages/funding/swap-free-trading/images/icons/overnight_fee.svg);
  height: 6rem;
}

.spreads-icon {
  background-image: url(https://static.hfm.com/assets/hfappnew/websites/main/inside-pages/funding/swap-free-trading/images/icons/spreads.svg);
  height: 7rem;
}

.ultra-fast-icon {
  background-image: url(https://static.hfm.com/assets/hfappnew/websites/main/inside-pages/funding/swap-free-trading/images/icons/ultra_fast.svg);
  height: 7rem;
}

.volumes-icon {
  background-image: url(https://static.hfm.com/assets/hfappnew/websites/main/inside-pages/funding/swap-free-trading/images/icons/volumes.svg);
  height: 7rem;
}

@media (min-width: 992px) {
  .desktop-box {
    display: flex;
    align-items: center;
    background: #F4F4F4;
    border-radius: 20px;
    text-align: start !important;
  }
  .px-lg-6 {
    padding-left: 4rem !important;
    padding-right: 4rem !important;
  }
  .px-lg-7 {
    padding-left: 6rem !important;
    padding-right: 6rem !important;
  }
}

@media (min-width: 1200px) {
  .py-xl-6 {
    padding-top: 4rem !important;
    padding-bottom: 4rem !important;
  }
  .px-xl-7 {
    padding-left: 6rem !important;
    padding-right: 6rem !important;
  }
}

@media (min-width: 1400px) {
  .py-xxl-7 {
    padding-top: 6rem !important;
    padding-bottom: 6rem !important;
  }
}