@charset "utf-8";
/* CSS Document */

body {
  font-family: 'Almarai', sans-serif;
}

.pe-4 {
  padding-left: 1.5rem !important;
  padding-right: auto !important;
}

.me-2 {
  margin-left: 0.5rem !important;
  margin-right: auto !important;
}

@media (min-width: 992px) {
  .text-lg-start {
    text-align: right !important;
  }
}

@media (min-width: 768px) {
  .text-md-start {
    text-align: right !important;
  }
}

.home-banner-title,
.home-banner-subtitle,
.card-item-title,
.feature-item-title,
.feature-grid--light .feature-item-title,
.field--name-field-hpwr-title,
.three-cards-title,
.feature-grid-title,
.hero-text-media-title,
.regional-markets-title,
.trading-venues-title,
.info-grid-title,
.faq-accordion-title,
#icapModalApp .icap-modal-close,
.icap-modal-title,
.article-page-title,
.trending-articles-title,
.vat .three-items-checked .item-1 .feature-item-title,
.faq-item .faq-item-question {
  font-family: 'riada', sans-serif;
}

.card-item-corner {
  right: auto;
  left: 0;
  background-position: left bottom;
}

.feature-grid .feature-grid-top>.feature-item:nth-child(1) .feature-item-corner {
  right: 0;
  left: auto;
  background-position: right top;
}

.feature-item-corner {
  right: auto;
  left: 0;
  background-position: left bottom;
}

.feature-grid .feature-grid-top>.feature-item:nth-child(1) .feature-item-corner.feature-item-corner-right {
  right: auto;
  left: 0;
  background-position: left top;
}

.feature-grid .feature-grid-top>.feature-item:nth-child(2) .feature-item-corner {
  right: 0;
  left: auto;
  background-position: right top;
}

.feature-grid .feature-grid-top>.feature-item:nth-child(2) .feature-item-corner.feature-item-corner-right {
  right: auto;
  left: 0;
  background-position: left top;
}

.feature-item-corner.feature-item-corner-left {
  right: 0;
  left: auto;
  background-position: right bottom;
}

.trading-venues .trading-venue-item-sparkline {
  transform: scaleX(-1);
}

.trading-venues .trading-venue-item .delta-pct,
.trading-venues .trading-venue-item .delta-amt {
  direction: ltr;
  /* keep minus sign on left */
}

.trading-venues .trading-venue-item-delta {
  flex-direction: row-reverse;
}

.trading-venues .trading-venue-item .delta-icon {
  order: -1;
  font-family: 'Almarai', sans-serif;
}

.info-grid .info-grid-items {
  flex-direction: row-reverse
}

.faq-accordion-items {
  border-left: 0;
  border-right: 1px solid #E4E4E4;
}

.faq-item-border {
  margin-left: 0;
  margin-right: 1.25rem;
}

.faq-item .faq-item-toggle[aria-expanded="true"] {
  box-shadow: 1px 0 0 #A44F17;
}

.faq-item .faq-item-toggle {
  text-align: right;
  padding: 0.8rem 1.25rem 0.8rem 3.25rem;
}

.faq-item .faq-item-icon {
  right: auto;
  left: 1.25rem;
}

.point-item {
  padding-left: 0;
  padding-right: 2rem;
}

.point-item::before {
  left: auto;
  right: 0;
}

.home-banner-subtitle {
  max-width: 90%;
}

.brokerage .page-banner-desc {
  max-width: 53%;
}

.card-item-cta a::before {
  transform: rotate(-90deg);
}

a.language-link {
  font-family: 'Jokker', sans-serif;
}

a.language-link[hreflang="ar"] {
  display: none !important;
}

.icap-modal-close {
  left: 1rem;
}

.icap-modal-cta-group {
  flex-direction: row-reverse;
}

.hpnr-tag {
  right: 1rem;
}

@media (min-width: 992px) {
  .hpf-content {
    padding-left: 1rem;
  }
}

@media (max-width: 991.98px) {
  .paragraph--type--homepage-funds {
    padding-left: 0;
  }

  .paragraph--type--home-increase-your-buying {
    padding-right: 0;
    padding-left: 1.25rem;
  }

  .paragraph--type--home-increase-your-buying>.container {
    margin-left: 2.25rem;
  }

  .paragraph--type--homepage-funds,
  .paragraph--type--home-news {
    padding-left: 0;
  }

  .home-banner-mobile {
    background-position-x: 25%;
    background-size: 200%;
  }

  .mm-menu--offcanvas {
    -webkit-transform: translate3d(calc(-2 * clamp(var(--mm-min-size), var(--mm-size), var(--mm-max-size))), 0, 0);
    transform: translate3d(calc(-2 * clamp(var(--mm-min-size), var(--mm-size), var(--mm-max-size))), 0, 0);
  }

  .brokerage .feature-grid .feature-grid-bottom>.feature-item .feature-item-inner .feature-item-body,
  .brokerage .feature-grid .feature-grid-top>.feature-item .feature-item-inner .feature-item-body {
    margin-right: 0 !important;
  }

  .feature-item-corner.feature-item-corner-mobile.feature-item-corner-mob-right {
    background-position-x: left !important;
  }

  .brokerage .page-banner-mobile {
    background-position-x: 14%;
  }

  .doc-item .doc-download {
    background-position-x: right;
  }
}