@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";
.boxy {
  position: relative;
}

.boxy:before {
  content: "";
  float: left;
  padding-top: 100%;
}

.btn-text .open-account {
  font-size: 12px;
  margin-top: 10px;
  color: #808080;
}

.btn-text .open-account-2 {
  font-size: 12px;
  margin-top: 10px;
  color: #FFFFFF;
}

.btn {
  margin-top: 40px;
}

.mt4-box {
  background: #F4F4F4;
}

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

.mt-download a {
  color: var(--bs-body-color);
}

.mt-download-img {
  height: 150px;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}

.mt-terminal {
  background-image: url(https://static.hfm.com/assets/hfappnew/websites/main/inside-pages/platforms/mt4/device1.svg);
}

.mt-android-trading {
  background-image: url(https://static.hfm.com/assets/hfappnew/websites/main/inside-pages/platforms/mt4/device2.svg);
}

.mt-iphone-trading {
  background-image: url(https://static.hfm.com/assets/hfappnew/websites/main/inside-pages/platforms/mt4/device3.svg);
}

.mt-webterminal {
  background-image: url(https://static.hfm.com/assets/hfappnew/websites/main/inside-pages/platforms/mt4/device4.svg);
}

.mt-multiterminal {
  background-image: url(https://static.hfm.com/assets/hfappnew/websites/main/inside-pages/platforms/mt4/device5.svg);
}

@media (max-width: 991.98px) {
  .btn-text {
    width: auto;
  }
  .fs-5 {
    font-size: 1rem !important;
    text-align: center;
  }
  .display-5 {
    text-align: center;
  }
}

@media (max-width: 575.98px) {
  .display-flex {
    display: inline-flex;
  }
}
