@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";
section:first-of-type {
  background: #f4f4f4;
}

.gray-box-pd {
  padding: 140px 50px 130px 50px;
}

.gray-box {
  background: #F4F4F4;
  text-align: center;
  min-height: 400px;
  /*margin-bottom: 40px;*/
  /*margin: 20px 20px 20px 0;*/
}

.gray-box:hover {
  background: #EEE;
}

.gray-box p {
  font-size: 20px;
  font-weight: 700;
  color: black;
}

.padding-all-5 {
  padding: 5px;
  width: 33%;
}

.border-b-gray {
  border-bottom: solid 1px #DEDEDE;
  line-height: 28px;
  font-size: 13px;
}

#zero-spread-account blockquote {
  border-left: solid 5px #666;
}

.account-icon {
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  height: 130px;
}

.acc-0-dol {
  background-image: url(/0_dol.svg);
  width: 140px;
}

.acc-0-percentage {
  background-image: url(/0.svg);
  width: 140px;
}

.acc-leverage-1-1000 {
  background-image: url(/1-1000.svg);
  width: 180px;
}

.acc-cent {
  background-image: url(/cent.svg);
  width: 120px;
}

.acc-deposit {
  background-image: url(minimum_deposit.svg);
  width: 120px;
}

.acc-spreads {
  background-image: url(/low_spreads.svg);
  width: 140px;
}

.acc-point-two-spreads {
  background-image: url(/0.2.svg);
  width: 140px;
}

.acc-leverage {
  background-image: url(/leverage.png);
  width: 210px;
}

.acc-leverage-2 {
  background-image: url(/leverage_2.svg);
  width: 140px;
}

.acc-commission {
  background-image: url(/commission.svg);
  width: 120px;
}

.acc-low-commission {
  background-image: url(/low_commissions.svg);
  width: 120px;
}

.acc-swap {
  background-image: url(/swap_free.svg);
  width: 140px;
}

.acc-0-dol {
  background-image: url(/0_dol.svg);
  width: 140px;
}

.acc-0-percentage {
  background-image: url(/0.svg);
  width: 140px;
}

.acc-100-dol {
  background-image: url(/100_dol.svg);
  width: 140px;
}

.acc-200-dol {
  background-image: url(/200_dol.svg);
  width: 140px;
}

.acc-250-dol {
  background-image: url(/250_dol.svg);
  width: 140px;
}

.acc-20000-dol {
  background-image: url(/20000_dol.svg);
  width: 180px;
}

.acc-30000-dol {
  background-image: url(/staticfile/assets/hfappnew/websites/main/inside-pages/trading-accounts/account-types/images/accounts/icons/30000_dol.svg);
  width: 210px;
}

.acc-5000-dol {
  background-image: url(/staticfile/assets/hfappnew/websites/main/inside-pages/trading-accounts/account-types/images/accounts/icons/5000_dol.svg);
  width: 180px;
}

.acc-300 {
  background-image: url(/staticfile/assets/hfappnew/websites/main/inside-pages/trading-accounts/account-types/images/accounts/icons/300.svg);
  width: 140px;
}

.acc-400 {
  background-image: url(/staticfile/assets/hfappnew/websites/main/inside-pages/trading-accounts/account-types/images/accounts/icons/400.svg);
  width: 140px;
}

.acc-500 {
  background-image: url(/staticfile/assets/hfappnew/websites/main/inside-pages/trading-accounts/account-types/images/accounts/icons/500.svg);
  width: 140px;
}

.acc-1 {
  background-image: url(/staticfile/assets/hfappnew/websites/main/inside-pages/trading-accounts/account-types/images/accounts/icons/1pip.svg);
  width: 140px;
}

.acc-no-markups {
  background-image: url(/staticfile/assets/hfappnew/websites/main/inside-pages/trading-accounts/account-types/images/accounts/icons/no_markups.svg);
  width: 130px;
}

.spreads-from-1-pip {
  background-image: url(/staticfile/assets/hfappnew/websites/main/inside-pages/trading-accounts/account-types/images/accounts/icons/1.svg);
  width: 130px;
}

.acc-no-commission {
  background-image: url(/commission.svg);
  width: 130px;
}

.acc-leverage-1-400 {
  background-image: url(/staticfile/assets/hfappnew/websites/main/inside-pages/trading-accounts/account-types/images/accounts/icons/1-400.svg);
  width: 180px;
}

.acc-leverage-1-1000 {
  background-image: url(/1-1000.svg);
  width: 180px;
}

.max-sim-open-orders {
  background-image: url(/staticfile/assets/hfappnew/websites/main/inside-pages/trading-accounts/account-types/images/accounts/icons/500.svg);
  width: 180px;
}

/** Table **/
.card {
  border: 0;
}

.card-header {
  border-radius: 0.42rem !important;
  border-bottom: 0;
  background-color: #F4F4F4;
}

.card-title {
  margin: 0.5rem 0;
}

.table > :not(:first-child) {
  border-top: 2px solid #DEDEDE;
}

@media (max-width: 1199.98px) {
  .gray-box-pd {
    padding: 120px 50px 110px 50px;
  }
  .cent-bgk {
    background: #f4f4f4;
  }
}

@media (max-width: 991.98px) {
  .gray-box-pd {
    padding: 90px 50px 130px 50px;
  }
  .btn-text {
    margin: auto;
  }
  .fs-5 {
    font-size: 1rem !important;
  }
}

@media (max-width: 767.98px) {
  section:first-of-type {
    text-align: center;
  }
  .table-responsive {
    border: 0;
  }
  .gray-box {
    min-height: 250px;
  }
  .gray-box-pd {
    padding: 0px;
    justify-content: center;
  }
  .ml-10 {
    margin-left: 0px !important;
  }
}