@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";
.bg-mobile-app {
  background: url(/assets/hfappnew/websites/main/inside-pages/trading-tools/mobile-app/img/ios.png) top right #F4F4F4 no-repeat;
  background-size: 51%;
  padding-bottom: 100px;
}

h2 {
  text-transform: none !important;
}

.box-pd {
  padding: 20px 15px;
}

.boxy:before {
  content: unset !important;
}

.icons-middle {
  display: flex;
  align-items: center;
  padding: 16px 0;
  text-align: left;
}

.font-size-h4 {
  font-size: 1.4rem;
}

.accordion-body {
  text-align: left;
}

.body-lang-rtl .bg-mobile-app {
  background: url(/assets/hfappnew/websites/main/inside-pages/trading-tools/mobile-app/img/rtl-app.webp) top left #F4F4F4 no-repeat;
}

#power-trading .icons {
  width: 130px;
  height: 130px;
  margin: 0 auto;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}

#power-trading .icon-1 {
  background-image: url(/assets/hfappnew/websites/main/inside-pages/trading-tools/mobile-app/new-icons/icon1.svg);
}

#power-trading .icon-2 {
  background-image: url(/assets/hfappnew/websites/main/inside-pages/trading-tools/mobile-app/new-icons/icon2.svg);
}

#power-trading .icon-3 {
  background-image: url(/assets/hfappnew/websites/main/inside-pages/trading-tools/mobile-app/new-icons/icon3.svg);
}

#power-trading .icon-4 {
  background-image: url(/assets/hfappnew/websites/main/inside-pages/trading-tools/mobile-app/new-icons/icon4.svg);
}

#power-trading .icon-5 {
  background-image: url(/assets/hfappnew/websites/main/inside-pages/trading-tools/mobile-app/new-icons/icon5.svg);
}

@media (min-width: 992px) {
  #power-trading .inner {
    width: 60%;
  }
}