@import url("https://fonts.googleapis.com/css2?family=Roboto+Condensed&display=swap");

*,
*:before,
*:after {
    box-sizing: border-box;
}

body {
    font-family: "Roboto Condensed", "Neo Sans Arabic", "Microsoft YaHei New", "Microsoft YaHei", sans-serif;
    line-height: 1.3333;
    background: #fff !important;
}

.iti {
    display: block;
    direction: ltr;
}

.iti:not(.iti--separate-dial-code) .iti__flag-container {
    display: none;
}

.iti__country-list {
    color: black;
}

[aria-activedescendant="iti-0__item-fr"] .iti__flag iti__fr,
.iti__flag.iti__fr {
    display: none;
}

.blue-custom-color {
    color: #03105F !important;
    background-image: none !important;
    -webkit-text-fill-color: unset !important;
    -webkit-background-clip: unset !important;
}

@font-face {
    font-family: "Neo Sans Arabic";
    src: url("../public_files/fonts/NeoSansArabic.eot");
    src: url("../public_files/fonts/NeoSansArabic.eot#iefix") format("embedded-opentype"), url("../public_files/fonts/NeoSansArabic.woff2") format("woff2"), url("../public_files/fonts/NeoSansArabic.woff") format("woff"), url("../public_files/fonts/NeoSansArabic.ttf") format("truetype");
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}
.islamic-section-banner {
    background: url('../public_files/images/islamic-mobile-banner.jpg');
    background-position: center !important;
    background-repeat: no-repeat !important;
    background-size: cover !important;
    height: 300px;
}
@media (min-width: 768px) {
    .islamic-section-banner {
        height: 550px;
    }
}
@media (min-width: 992px) {
    .islamic-section-banner {
        background: url('../public_files/images/islamic-banner.jpg');
        height: 557px;
    }
}

.leverage h1, .affiliate-heading h2 {
    background-image: -webkit-gradient(linear, left top, right top, color-stop(20%, #a0762f), color-stop(55%, #dec481), color-stop(75%, #a0762f));
    background-image: linear-gradient(90deg, #a0762f 20%, #dec481 55%, #a0762f 75%);
    -webkit-background-clip: text;
    font-size: 2rem !important;
    font-family: "Oswald", "Neo Sans Arabic", "Microsoft YaHei New", "Microsoft YaHei", Helvetica, Arial, sans-serif;
    font-weight: 500;
    line-height: 1.3333;
    -webkit-text-fill-color: transparent;
    font-family: "Oswald", "Neo Sans Arabic", "Microsoft YaHei New", "Microsoft YaHei", Helvetica, Arial, sans-serif;
    text-transform: uppercase;
    font-weight: 500 !important; 
}
@media (min-width: 992px) {
    .leverage h1, .affiliate-heading h2 {
        font-size: 3.25rem !important;
    }
}
.table-heading {
    color: #fff !important;
}

[dir] #affiliate-program-section {
    padding-top: 1rem;
    padding-bottom: 3rem;
}

[dir] section.join-section {
    padding: 5rem 0;
}

[dir] section.join-section .affiliate-heading {
    text-align: center;
}

section.join-section .affiliate-heading h2 {
    color: white;
    font-family: "Oswald", "Neo Sans Arabic", "Microsoft YaHei New", "Microsoft YaHei", Helvetica, Arial, sans-serif;
    font-size: 2.25rem;
    line-height: 2.6875rem;
}

section.join-section .affiliate-heading h1 {
    color: white;
    font-family: "Oswald", "Neo Sans Arabic", "Microsoft YaHei New", "Microsoft YaHei", Helvetica, Arial, sans-serif;
    font-size: 2.25rem;
    line-height: 2.6875rem;
}

section.join-section .affiliate-heading p {
    font-family: "Roboto Condensed", "Neo Sans Arabic", "Microsoft YaHei New", "Microsoft YaHei", sans-serif;
    font-size: 1.625rem;
    line-height: 2.1875rem;
}

[dir] section.join-section .affiliate-heading p {
    margin-top: 2.5rem;
}

section.join-section a.join-now {
    text-transform: uppercase;
    min-width: 17.625rem;
    height: 3.75rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: 1.1rem;
    font-family: "Oswald", "Neo Sans Arabic", "Microsoft YaHei New", "Microsoft YaHei", Helvetica, Arial, sans-serif;
    font-weight: 500;
    width: auto;
}

[dir] section.join-section a.join-now {
    padding: 0.9375rem 1.375rem;
    border-radius: 0.4375rem;
    border: none;
    text-align: center;
}

section.join-section a.join-now:focus {
    outline: none;
}

@media (max-width: 767px) {
    [dir] section.join-section {
        padding-bottom: 2.5rem !important;
        padding-top: 2.5rem !important;
    }
}

.join-now.btn-grd {
    font-size: 1.1rem;
    font-weight: 500;
}

h2 {
    font: normal normal normal 3.5rem/4rem "Oswald", "Neo Sans Arabic", "Microsoft YaHei New", "Microsoft YaHei", Helvetica, Arial, sans-serif;
    letter-spacing: 0;
    color: #bb914a;
    text-transform: uppercase;
}

@media (max-width: 1024px) and (min-width: 768px) {
    h2 {
        font-size: 2.8rem !important;
        line-height: 1.2;
    }
}

@media (max-width: 425px) {
    h2 {
        font-size: 2rem !important;
    }
}

@media (max-width: 767px) {
    h2 {
        font-size: 2.25rem !important;
        line-height: 1.2;
    }
}

h1 {
    font: normal normal normal 3.5rem/4rem "Oswald", "Neo Sans Arabic", "Microsoft YaHei New", "Microsoft YaHei", Helvetica, Arial, sans-serif;
    letter-spacing: 0;
    color: #bb914a;
    text-transform: uppercase;
}

@media (max-width: 1024px) and (min-width: 768px) {
    h1 {
        font-size: 2.8rem !important;
        line-height: 1.2;
    }
}

@media (max-width: 425px) {
    h1 {
        font-size: 2rem !important;
    }
}

@media (max-width: 767px) {
    h1 {
        font-size: 2.25rem !important;
        line-height: 1.2;
    }
}

@media (max-width: 767px) {
    [dir] section {
        padding: 1.25rem 0 !important;
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .cwtg-card span {
        font: 1.5vw "Oswald", "Neo Sans Arabic", "Microsoft YaHei New", "Microsoft YaHei", Helvetica, Arial, sans-serif !important;
    }
}

/* .table-responsive {
    overflow-x: scroll;
} */

[dir] .table-responsive {
    margin-top: 3rem;
    border: 0.0625rem solid #363d6b;
}

.table-responsive table {
    width: 100%;
    font: normal normal normal 1.25rem/2.125rem "Roboto Condensed", "Neo Sans Arabic", sans-serif;
}

[dir] .table-responsive table {
    background: transparent;
}

.table-responsive table caption {
    font: inherit;
    letter-spacing: 0;
    color: #bb914a;
    caption-side: top;
}

[dir] .table-responsive table caption {
    padding: 1rem;
    text-align: center;
}

[dir=ltr] .table-responsive table caption {
    background: #000832 0% 0% no-repeat padding-box;
}

[dir=rtl] .table-responsive table caption {
    background: #000832 100% 0% no-repeat padding-box;
}

.table-responsive table thead th {
    color: #bb914a;
    font: inherit;
    font-weight: normal;
}

[dir] .table-responsive table thead th {
    padding: 0.625rem;
    border-top: transparent;
    background-color: #000832;
}

.table-responsive table tbody tr td {
    color: #fff;
    font: inherit;
}

[dir] .table-responsive table tbody tr td {
    padding: 0.625rem;
    border: transparent;
}

@media (max-width: 767px) {
    .table-responsive table tbody tr td {
        font-size: 1rem;
    }
}

[dir] .table-responsive table tbody tr:nth-child(odd) {
    -webkit-box-shadow: 0 0.1875rem 0.375rem rgba(0, 0, 0, 0.1607843137);
    box-shadow: 0 0.1875rem 0.375rem rgba(0, 0, 0, 0.1607843137);
}

[dir=ltr] .table-responsive table tbody tr:nth-child(odd) {
    background: #353e71 0% 0% no-repeat padding-box;
}

[dir=rtl] .table-responsive table tbody tr:nth-child(odd) {
    background: #353e71 100% 0% no-repeat padding-box;
}

[dir=ltr] .table-responsive table tbody tr:nth-child(even) td {
    /* color: #353e71; */
    background: #353e71 0% 0% no-repeat padding-box;
}

@media (max-width: 767px) {
    .table-responsive table {
        font-size: 1rem;
    }
}

.table-responsive .note {
    font-size: 0.75rem;
}

[dir] .table-responsive .note {
    padding: 0.5rem;
}

.btn-grd {
    height: auto;
}

[dir] .btn-grd {
    text-align: center;
    padding: 0.25rem;
}

[dir] #ib-advantages {
    padding-top: 4.1875rem;
}

[dir] #ib-advantages ul {
    margin: 0;
}

#ib-advantages ul li {
    color: #ffffff;
    font-size: 1.25rem;
    position: relative;
    letter-spacing: 0.025rem;
    line-height: 1.625rem;
    font-family: "Roboto Condensed", "Neo Sans Arabic", sans-serif;
    list-style: none;
}

[dir] #ib-advantages ul li {
    padding-bottom: 1.5625rem;
}

#ib-advantages ul li::before {
    content: url('../public_files/images/home-2021-nov/candles.svg');
    width: 1.625rem;
    height: 1.625rem;
    position: absolute;
}

[dir=ltr] #ib-advantages ul li::before {
    left: -2.1875rem;
}

[dir=rtl] #ib-advantages ul li::before {
    right: -2.1875rem;
}

[dir=ltr] body.thedollar-iraq {
    direction: rtl !important;
    text-align: right;
}

[dir=rtl] body.thedollar-iraq {
    direction: ltr !important;
    text-align: left;
}

[dir] body.thedollar-iraq .leverage:before {
    -webkit-transform: scaleX(-1);
    transform: scaleX(-1);
}


html {
    scroll-behavior: smooth;
}

[dir=rtl] .lang-menu-dropdown {
    right: 0 !important;
    left: inherit !important;
}

body {
    opacity: 1;
    font-family: "Roboto Condensed", "Neo Sans Arabic", sans-serif;
    color: #fff;
}

[dir=ltr] body {
    background: transparent -webkit-gradient(linear, left top, right top, from(#010c3e), color-stop(52%, #03105f), to(#010c3e)) 0% 0% no-repeat padding-box;
    background: transparent linear-gradient(90deg, #010c3e 0%, #03105f 52%, #010c3e 100%) 0% 0% no-repeat padding-box;
}

[dir=rtl] body {
    background: transparent -webkit-gradient(linear, right top, left top, from(#010c3e), color-stop(52%, #03105f), to(#010c3e)) 100% 0% no-repeat padding-box;
    background: transparent linear-gradient(-90deg, #010c3e 0%, #03105f 52%, #010c3e 100%) 100% 0% no-repeat padding-box;
}

@media (max-width: 425px) {
    body {
        font-size: 1rem;
        line-height: 1.5rem;
    }
}

@media (max-width: 1024px) and (min-width: 768px) {
    body {
        font-size: 1rem;
        line-height: 1.5rem;
    }
}

.txt-market {
    font-size: 0.75rem;
    font-weight: normal;
    font-family: "Oswald", "Neo Sans Arabic", sans-serif;
    color: #fff;
}

[dir] .txt-market {
    margin-top: 0.625rem;
}

[dir=ltr] .txt-market {
    padding-left: 3.125rem;
}

[dir=rtl] .txt-market {
    padding-right: 3.125rem;
}

@media (max-width: 1400px) {
    [dir=ltr] .txt-market {
        padding-left: 0;
    }

    [dir=rtl] .txt-market {
        padding-right: 0;
    }
}

@media (max-width: 991px) {
    [dir] .txt-market {
        text-align: center;
    }
}

[dir] #top-banner .container-fluid,
[dir] .second-section .container-fluid {
    padding: 0 8.75rem;
}

@media (max-width: 1366px) {

    [dir] #top-banner .container-fluid,
    [dir] .second-section .container-fluid {
        padding: 0 5rem;
    }
}

@media (max-width: 767px) {

    [dir] #top-banner .container-fluid,
    [dir] .second-section .container-fluid {
        padding: 0 0.9375rem;
    }
}

[dir] .demo-bonus-banner {
    padding: 1.8rem 0;
}

.error {
    color: red !important;
}

.header-top .btn {
    min-width: auto;
}

.leverage:before {
    content: "";
    position: absolute;
    bottom: -0.0625rem;
    width: 100%;
    height: 15rem;
}

/* [dir] .leverage:before {
            background: url("<?php //echo ABS_URL; ?>public_files/images/landing_page/IB-LP/white-bg-new.svg") no-repeat bottom;
            background-size: 106%;
            background-repeat: no-repeat;
        } */

[dir=ltr] .leverage:before {
    left: 0;
}

[dir=rtl] .leverage:before {
    right: 0;
}

[dir=rtl] .leverage:before {
    -webkit-transform: scaleX(-1);
    transform: scaleX(-1);
}

.leverage {
    position: relative;
}

/* [dir] .leverage {
            background-image: url("<?php //echo ABS_URL; ?>public_files/images/account/islamicaccount_d.jpg");
            background-repeat: no-repeat;
            background-size: cover;
            background-position-y: top;
            background-position-x: center;
            padding: 2.4375rem 0 8rem 0;
        } */

.leverage .error1 {
    color: #f00;
    font-size: 1rem;
    line-height: 1;
    top: 26% !important;
}

[dir] .leverage .error1 {
    background: transparent;
    margin: 0;
    padding: 0;
}

[dir=ltr] .leverage .error1 {
    left: 7%;
}

[dir=rtl] .leverage .error1 {
    right: 7%;
}

/* @media (max-width: 767px) {
            [dir] .leverage {
                background-image: url("<?php //echo ABS_URL; ?>public_files/images/account/islamicaccount_m.jpg");
            }
        } */

.leverage-h4 {
    font-family: "Oswald", "Neo Sans Arabic", sans-serif;
    font-size: 1.75rem;
    line-height: 3.3125rem;
    font-weight: normal;
    letter-spacing: 0;
    color: #fff;
    text-transform: uppercase;
    opacity: 1;
}

[dir] .leverage-h4 {
    text-align: center;
}

@media (max-width: 1024px) and (min-width: 768px) {
    .leverage-h4 {
        font-size: 1.5rem;
    }
}

@media (max-width: 425px) {
    .leverage-h4 {
        font-size: 1.125rem;
    }
}

#journey_step_1 .text-center.mex-m-x-n15.w-110 {
    display: none;
}

#journey_step_1 [for=terms_conditions] {
    display: none;
}

.content-div-leverage h3 {
    font-family: "Oswald", "Neo Sans Arabic", sans-serif;
    line-height: 4.0625rem;
    font-weight: normal;
    letter-spacing: 0;
    color: #fbfbfd;
    text-transform: uppercase;
    opacity: 1;
    font-size: 2rem;
}

[dir] .content-div-leverage h3 {
    margin-top: 1.25rem;
    margin-bottom: 1.25rem;
}

@media (min-width: 1200px) {
    .content-div-leverage h3 {
        font-size: 2.25rem;
    }
}

@media (min-width: 1400px) {
    .content-div-leverage h3 {
        font-size: 2.75rem;
    }
}

.fname-label,
.lname-label,
.hide-phone,
.email-label {
    display: none !important;
}

.btn.btn-mex {
    height: 100% !important;
    font-size: 1.125rem !important;
    font-weight: normal !important;
}

[dir] .btn.btn-mex {
    background-color: #bb914a;
}

[dir] .btn.btn-mex:hover {
    background-color: #c29c5d;
}

.form-tooltip.success {
    color: green !important;
}

.claim-trem-p {
    font-family: "Roboto Condensed", "Neo Sans Arabic", sans-serif;
    font-size: 0.8125rem;
    line-height: 1.25rem;
    font-weight: normal;
    letter-spacing: 0;
    color: #dadada !important;
}

.claim-trem-p a {
    font-family: "Roboto Condensed", "Neo Sans Arabic", sans-serif;
    font-size: 0.8125rem;
    line-height: 1.25rem;
    font-weight: normal;
    letter-spacing: 0;
    color: #dadada !important;
    text-decoration: underline;
}

.title-claim {
    font-family: "Oswald", "Neo Sans Arabic", sans-serif;
    font-size: 1.125rem;
    line-height: 3.375rem;
    font-weight: normal;
    letter-spacing: 0;
    color: #ffffff;
    text-transform: uppercase;
    opacity: 1;
}

@media (max-width: 767px) {
    .title-claim {
        font-size: 1rem;
        line-height: 1.375rem;
    }
}

[dir] .cwtg-section {
    background: white;
}

#journey_step_1 .mex-form-item label {
    letter-spacing: 0;
    color: #dadada;
}

[dir] #journey_step_1 .mex-form-item {
    margin-bottom: 0.3125rem;
}

[dir] #journey_step_1 .mex-form-item input,
[dir] #journey_step_1 .mex-form-item select {
    border: 0.0625rem solid #d7d8de;
    border-radius: 0.3125rem;
}

[dir=ltr] #journey_step_1 .mex-form-item input,
[dir=ltr] #journey_step_1 .mex-form-item select {
    background: #ffffff 0% 0% no-repeat padding-box;
}

[dir=rtl] #journey_step_1 .mex-form-item input,
[dir=rtl] #journey_step_1 .mex-form-item select {
    background: #ffffff 100% 0% no-repeat padding-box;
}

.disabled-btn-submit.btn-gold.mt-2.mb-form-btn-submit {
    width: 100%;
    opacity: 1;
    font-family: "Oswald", "Neo Sans Arabic", sans-serif;
    font-size: 1.375rem;
    line-height: 2rem;
    font-weight: normal;
    color: #ffffff;
    text-transform: uppercase;
    opacity: 1;
}

[dir] .disabled-btn-submit.btn-gold.mt-2.mb-form-btn-submit {
    border-radius: 0.4375rem;
    padding: 0.4375rem;
    border: none;
}

[dir=ltr] .disabled-btn-submit.btn-gold.mt-2.mb-form-btn-submit {
    background: #bb914a 0% 0% no-repeat padding-box;
}

[dir=rtl] .disabled-btn-submit.btn-gold.mt-2.mb-form-btn-submit {
    background: #bb914a 100% 0% no-repeat padding-box;
}

.btn-grd {
    color: #020862;
    font-family: "Oswald", "Neo Sans Arabic", sans-serif;
    font-size: 1.375rem;
}

[dir] .btn-grd {
    background: transparent;
    border: 0.125rem solid #d5ab64 !important;
    background-size: 200% auto;
    -webkit-transition: all ease-out 0.3s;
    transition: all ease-out 0.3s;
}

[dir=ltr] .btn-grd {
    background-image: -webkit-gradient(linear, left top, right top, from(#ffef98), color-stop(30%, #ebcc64), color-stop(50%, #bb914a), color-stop(80%, #ebcc64), to(#ffef98));
    background-image: linear-gradient(to right, #ffef98 0%, #ebcc64 30%, #bb914a 50%, #ebcc64 80%, #ffef98 100%);
}

[dir=rtl] .btn-grd {
    background-image: -webkit-gradient(linear, right top, left top, from(#ffef98), color-stop(30%, #ebcc64), color-stop(50%, #bb914a), color-stop(80%, #ebcc64), to(#ffef98));
    background-image: linear-gradient(to left, #ffef98 0%, #ebcc64 30%, #bb914a 50%, #ebcc64 80%, #ffef98 100%);
}

[dir=ltr] .btn-grd:hover {
    background-position: right center;
}

[dir=rtl] .btn-grd:hover {
    background-position: left center;
}

#journey_step_1 .mex-form-item input,
#journey_step_1 .mex-form-item select {
    height: 2.8125rem;
}

#journey_step_1 .iti--allow-dropdown .iti__flag-container,
#journey_step_1 .iti--separate-dial-code .iti__flag-container {
    width: 40%;
    height: 2.8125rem;
    z-index: 3;
}

[dir] #journey_step_1 .iti--allow-dropdown .iti__flag-container,
[dir] #journey_step_1 .iti--separate-dial-code .iti__flag-container {
    background: white;
    border-radius: 0.3125rem;
}

[dir=ltr] #journey_step_1 .iti--allow-dropdown .iti__flag-container,
[dir=ltr] #journey_step_1 .iti--separate-dial-code .iti__flag-container {
    right: auto;
    left: 0;
}

[dir=rtl] #journey_step_1 .iti--allow-dropdown .iti__flag-container,
[dir=rtl] #journey_step_1 .iti--separate-dial-code .iti__flag-container {
    left: auto;
    right: 0;
}

#journey_step_1 .mex-form-item .iti.iti--allow-dropdown {
    width: 100%;
}

#journey_step_1 .mex-form-item .iti--allow-dropdown input.input_with_phone {
    width: 66%;
    height: 2.8125rem;
}

[dir=ltr] #journey_step_1 .mex-form-item .iti--allow-dropdown input.input_with_phone {
    margin-left: 43%;
    padding-left: 1.875rem !important;
}

[dir=rtl] #journey_step_1 .mex-form-item .iti--allow-dropdown input.input_with_phone {
    margin-right: 43%;
    padding-right: 1.875rem !important;
}

[dir] #journey_step_1 .mex-form-item.col-12.d-flex.justify-content-md-end.justify-content-center {
    padding: 0 !important;
}

[dir] .cta-btns {
    margin: 5.0625rem 0 0 0;
}

.leverage-form {
    position: relative;
}

[dir] .leverage-form {
    border-radius: 0.625rem;
    padding: 1.25rem 2.1875rem;
}

[dir=ltr] .leverage-form {
    background: rgba(255, 255, 255, 0.1019607843) 0% 0% no-repeat padding-box;
}

[dir=rtl] .leverage-form {
    background: rgba(255, 255, 255, 0.1019607843) 100% 0% no-repeat padding-box;
}

.content-div-leverage h3 span {
    color: #ff575d;
    font: normal normal normal 3.5rem/4.25rem "Oswald", "Neo Sans Arabic", sans-serif;
}

[dir=ltr] .content-div-leverage h3 span {
    text-shadow: 0.4375rem 0.4375rem 0.3125rem rgba(3, 24, 90, 0.9) !important;
}

[dir=rtl] .content-div-leverage h3 span {
    text-shadow: -0.4375rem 0.4375rem 0.3125rem rgba(3, 24, 90, 0.9) !important;
}

.cta-btns ul {
    list-style: none;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

[dir] .cta-btns ul {
    margin-top: 1.875rem;
}

[dir=ltr] .cta-btns ul {
    padding-left: 0;
}

[dir=rtl] .cta-btns ul {
    padding-right: 0;
}

.cta-btns ul li {
    text-transform: uppercase;
}

[dir=ltr] .cta-btns ul li {
    margin-right: 1.25rem;
}

[dir=rtl] .cta-btns ul li {
    margin-left: 1.25rem;
}

.cta-btns li a {
    opacity: 1;
    font-family: "Oswald", "Neo Sans Arabic", sans-serif;
    font-size: 0.875rem;
    line-height: 1.25rem;
    font-weight: normal;
    color: white !important;
}

[dir] .cta-btns li a {
    border: 0.0625rem solid #bb914a;
    border-radius: 0.4375rem;
    padding: 0.75rem 1.25rem;
    background: #010d4b;
}

@media (min-width: 1200px) {
    .cta-btns li a {
        font-size: 1rem;
    }
}

.cta-btns li a:hover {
    text-decoration: none;
}

[dir] .cta-btns li a:hover {
    background: #bb914a;
}

[dir] .header-top-right-menu {
    padding: 0;
}

.is-acc-list-item {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-family: "Roboto Condensed", "Neo Sans Arabic", sans-serif;
}

[dir] .is-acc-list-item {
    padding: 0 1.875rem;
    margin-top: 0.875rem;
    margin-bottom: 0.875rem;
    text-align: center;
}

[dir=ltr] .is-acc-list-item {
    border-left: 0.0625rem solid #3d5085;
}

[dir=rtl] .is-acc-list-item {
    border-right: 0.0625rem solid #3d5085;
}

.is-acc-list-item img {
    height: 3.75rem;
}

[dir=ltr] .is-acc-list-item img {
    margin-right: 0.625rem;
}

[dir=rtl] .is-acc-list-item img {
    margin-left: 0.625rem;
}

.is-acc-list-item span {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    font-family: "Roboto Condensed", "Neo Sans Arabic", sans-serif;
    font-size: 1.125rem;
    line-height: 1.25rem;
    font-weight: normal;
    letter-spacing: 0;
    color: #fbfbfd;
    text-transform: uppercase;
    opacity: 1;
}

[dir] .is-acc-list-item span {
    text-align: center;
}

[dir=ltr] div.slick-track div:nth-of-type(4) .is-acc-list-item {
    border-right: 0.0625rem solid #3d5085;
}

[dir=rtl] div.slick-track div:nth-of-type(4) .is-acc-list-item {
    border-left: 0.0625rem solid #3d5085;
}

.subtract-shape {
    position: absolute;
    bottom: -0.0625rem;
    width: 100%;
}

[dir] .subtract-shape {
    left: 0;
    right: 0;
}

a.custom.slide-arrow.next-arrow.slick-arrow {
    position: absolute;
    color: white;
    top: 15%;
    font-size: 3.125rem;
}

[dir=ltr] a.custom.slide-arrow.next-arrow.slick-arrow {
    right: 0;
    -webkit-transform: translate(-0.0625rem, 0.3125rem);
    transform: translate(-0.0625rem, 0.3125rem);
}

[dir=rtl] a.custom.slide-arrow.next-arrow.slick-arrow {
    left: 0;
    -webkit-transform: translate(0.0625rem, 0.3125rem);
    transform: translate(0.0625rem, 0.3125rem);
}

[dir=ltr] #test_email_us_form input.input_with_phone.form-control.mb-0.input_with_phone {
    padding-left: 5.625rem !important;
}

[dir=rtl] #test_email_us_form input.input_with_phone.form-control.mb-0.input_with_phone {
    padding-right: 5.625rem !important;
}

@media (max-width: 1920px) {
    [dir] .leverage:after {
        background-size: cover;
    }
}

@media (max-width: 1366px) {
    [dir] .leverage {
        background-size: cover;
    }
}

@media (max-width: 1280px) {
    [dir] .leverage:after {
        background-size: 100%;
    }
}

@media (max-width: 812px) {

    .high-leverage-div h3,
    .high-leverage-div-2 h3 {
        font-family: "Oswald", "Neo Sans Arabic", sans-serif;
        font-size: 2rem;
        line-height: 3rem;
        font-weight: normal;
    }

    #tabs .advantages-nav .nav-tabs .nav-link {
        font-family: "Oswald", "Neo Sans Arabic", sans-serif;
        font-size: 1rem;
        line-height: 1.8rem;
        font-weight: normal;
    }

    .tab-content-1 h4,
    .tab-content-2 h4,
    .tab-content-3 h4,
    .tab-content-4 h4 {
        font-family: "Oswald", "Neo Sans Arabic", sans-serif;
        font-size: 1.8rem;
        line-height: 2.5rem;
        font-weight: normal;
    }
}

@media (max-width: 768px) {
    .is-acc-list-item span {
        font-family: "Roboto Condensed", "Neo Sans Arabic", sans-serif;
        font-size: 1rem;
        line-height: 1.5rem;
        font-weight: normal;
    }

    .leverage .container-fluid {
        position: relative;
    }

    /* [dir] .leverage {
                background: url("<?php //echo ABS_URL; ?>public_files/images/account/islamicaccount_m.jpg") bottom no-repeat;
                background-position: initial;
                background-color: #000832;
                background-size: cover;
            } */

    [dir] .leverage:after {
        background-size: 100%;
    }

    [dir] .leverage {
        padding: 1.8rem 0 0 0;
    }

    #journey_step_1 .mex-form-item .iti--allow-dropdown input.input_with_phone {
        width: 66%;
    }

    [dir] .cta-btns {
        margin: 0;
    }

    .high-leverage-div h3,
    .high-leverage-div-2 h3,
    .leverage-advantages h3 {
        font-family: "Oswald", "Neo Sans Arabic", sans-serif;
        font-size: 2.1875rem !important;
        line-height: 2.75rem !important;
        font-weight: normal;
    }

    .tab-content-1 h4,
    .tab-content-2 h4,
    .tab-content-3 h4,
    .tab-content-4 h4 {
        font-family: "Oswald", "Neo Sans Arabic", sans-serif;
        font-size: 1.25rem !important;
        line-height: 1.75rem !important;
        font-weight: normal;
    }

    [dir] .high-leverage-div {
        padding: 0.9375rem !important;
    }

    #tabs .advantages-nav .nav-tabs .nav-link {
        font-family: "Oswald", "Neo Sans Arabic", sans-serif;
        font-size: 1.25rem !important;
        line-height: 1.875rem !important;
        font-weight: normal;
    }

    [dir] .header-bottom {
        padding: 0 !important;
    }
}

@media (max-width: 1200px) {
    [dir] .high-leverage-div-2 {
        padding: 1.5625rem 1.25rem 0 1.25rem !important;
    }
}

@media (max-width: 1400px) {
    #tabs .advantages-nav .nav-tabs .nav-link {
        -ms-flex-preferred-size: 50%;
        flex-basis: 50%;
        -webkit-box-flex: 1;
        -ms-flex-positive: 1;
        flex-grow: 1;
        -ms-flex-negative: 0;
        flex-shrink: 0;
    }
}

@media (max-width: 767px) {
    [dir] .header-bottom {
        padding: 0 !important;
    }

    .is-acc-list-item span {
        font-family: "Roboto Condensed", "Neo Sans Arabic", sans-serif;
        font-size: 1rem;
        line-height: 1.5rem;
        font-weight: normal;
    }

    [dir] .leverage-form {
        padding: 0.9375rem;
    }

    [dir] .advantages-nav {
        margin: 0 !important;
    }

    [dir] .high-leverage-div-2 {
        padding: 1.5625rem 1.25rem 0 1.25rem !important;
    }

    [dir=ltr] .is-acc-list-item {
        border-left: 0.0625rem solid transparent;
    }

    [dir=rtl] .is-acc-list-item {
        border-right: 0.0625rem solid transparent;
    }

    [dir] .leverage {
        padding: 1.875rem 0 0 0;
    }

    .cta-btns ul {
        display: block;
    }

    .cta-btns ul li {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
    }

    [dir] .cta-btns ul li {
        margin-bottom: 0.8125rem;
    }

    [dir=ltr] .cta-btns ul li {
        margin-right: 0;
    }

    [dir=rtl] .cta-btns ul li {
        margin-left: 0;
    }

    .cta-btns li a {
        width: 100%;
    }

    .leverage-h4 {
        font-family: "Oswald", "Neo Sans Arabic", sans-serif;
        font-size: 1.125rem;
        line-height: 1.5rem;
        font-weight: normal;
    }

    .content-div-leverage h3 {
        font-family: "Oswald", "Neo Sans Arabic", sans-serif;
        font-size: 1.375rem;
        line-height: 2.125rem;
        font-weight: normal;
    }

    [dir] .content-div-leverage h3 {
        margin-top: 0;
    }

    [dir] .cta-btns {
        margin: 0;
    }

    #journey_step_1 .mex-form-item .iti--allow-dropdown input.input_with_phone {
        width: 57%;
    }

    h1.leverage-img {
        display: block;
    }

    [dir] h1.leverage-img {
        text-align: center;
    }

    h1.leverage-img img {
        width: 12.5rem;
    }

    .journey_step_1 .mex-form-item .iti--allow-dropdown input.input_with_phone {
        width: 57%;
    }

    .high-leverage-div h3 {
        font-family: "Oswald", "Neo Sans Arabic", sans-serif;
        font-size: 1.875rem;
        line-height: 2.75rem;
        font-weight: normal;
    }

    p,
    .tab-content-1 ul li,
    .tab-content-2 ul li,
    .tab-content-3 ul li,
    .tab-content-4 ul li {
        font-family: "Roboto Condensed", "Neo Sans Arabic", sans-serif;
        font-size: 1rem !important;
        font-weight: normal;
    }

    [dir=ltr] .tab-content-1 ul li,
    [dir=ltr] .tab-content-2 ul li,
    [dir=ltr] .tab-content-3 ul li,
    [dir=ltr] .tab-content-4 ul li {
        margin-left: 0 !important;
    }

    [dir=rtl] .tab-content-1 ul li,
    [dir=rtl] .tab-content-2 ul li,
    [dir=rtl] .tab-content-3 ul li,
    [dir=rtl] .tab-content-4 ul li {
        margin-right: 0 !important;
    }

    [dir=ltr] .tab-content-1 ul,
    [dir=ltr] .tab-content-2 ul,
    [dir=ltr] .tab-content-3 ul,
    [dir=ltr] .tab-content-4 ul {
        padding-left: 0 !important;
    }

    [dir=rtl] .tab-content-1 ul,
    [dir=rtl] .tab-content-2 ul,
    [dir=rtl] .tab-content-3 ul,
    [dir=rtl] .tab-content-4 ul {
        padding-right: 0 !important;
    }

    [dir=ltr] .tab-content-1 h4,
    [dir=ltr] .tab-content-2 h4,
    [dir=ltr] .tab-content-3 h4,
    [dir=ltr] .tab-content-4 h4 {
        margin-left: 0 !important;
    }

    [dir=rtl] .tab-content-1 h4,
    [dir=rtl] .tab-content-2 h4,
    [dir=rtl] .tab-content-3 h4,
    [dir=rtl] .tab-content-4 h4 {
        margin-right: 0 !important;
    }

    [dir=ltr] div.slick-track div:nth-of-type(4) .is-acc-list-item {
        border-right: 0.0625rem solid transparent;
    }

    [dir=rtl] div.slick-track div:nth-of-type(4) .is-acc-list-item {
        border-left: 0.0625rem solid transparent;
    }
}

@media (max-width: 540px) {
    .leverage:after {
        bottom: 0;
    }

    .high-leverage-div h3 {
        font-family: "Oswald", "Neo Sans Arabic", sans-serif;
        font-size: 1.875rem;
        line-height: 2.75rem;
        font-weight: normal;
    }
}

@media (max-width: 320px) {
    [dir] .leverage {
        padding: 1.875rem 0 0 0;
    }
}

@font-face {
    font-family: "Neo Sans Arabic";
    src: url("../public_files/fonts/NeoSansArabic.eot");
    src: url("../public_files/fonts/NeoSansArabic.eot#iefix") format("embedded-opentype"), url("../public_files/fonts/NeoSansArabic.woff2") format("woff2"), url("../public_files/fonts/NeoSansArabic.woff") format("woff"), url("../public_files/fonts/NeoSansArabic.ttf") format("truetype");
    font-weight: normal;
    font-style: normal;
}

body {
    font-family: "Roboto Condensed", "Neo Sans Arabic", sans-serif;
}

[dir=ltr] body {
    text-align: left;
    direction: ltr !important;
}

[dir=rtl] body {
    text-align: right;
    direction: rtl !important;
}

h1,
h2,
h3,
h4,
h5,
h6,
.mex-h1,
.font-type-cap {
    font-family: "Oswald", "Neo Sans Arabic", sans-serif;
}

[dir=ltr] .font-type-cap {
    text-align: left;
}

[dir=rtl] .font-type-cap {
    text-align: right;
}

[dir=ltr] .btn-product-partnerships i {
    -webkit-transform: translate(0.625rem, 0);
    transform: translate(0.625rem, 0);
}

[dir=rtl] .btn-product-partnerships i {
    -webkit-transform: translate(-0.625rem, 0);
    transform: translate(-0.625rem, 0);
}

[dir=rtl] .btn-product-partnerships i {
    -webkit-transform: scaleX(-1) translate(0.625rem, 0);
    transform: scaleX(-1) translate(0.625rem, 0);
    margin-right: 0;
}

@media (max-width: 767px) {
    .tab-content-1 img {
        max-width: 80%;
    }

    [dir] .tab-content-1 img {
        margin: 1rem auto;
    }
}

[dir=rtl] .slick-arrow {
    -webkit-transform: translate(0.0625rem, 0.3125rem) scaleX(-1) !important;
    transform: translate(0.0625rem, 0.3125rem) scaleX(-1) !important;
}

[dir] .advantages-nav #nav-profile-tab {
    margin: 0 !important;
}

.personal-information-1-form {
    max-width: 25rem;
}

[dir] .personal-information-1-form {
    margin-top: 3rem;
    margin-right: auto;
    margin-left: auto;
}

@media (min-width: 992px) {
    .content-div-leverage {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
    }

    .content-div-leverage .heading-500-1 {
        max-width: 45rem;
    }

    [dir] .content-div-leverage .personal-information-1-form {
        margin: 0;
    }
}

.form-loader-container {
    position: absolute;
    top: 0%;
    width: 100%;
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    z-index: 999;
}

[dir] .form-loader-container {
    text-align: center;
    background: rgba(255, 255, 255, 0.8);
}

[dir=ltr] .form-loader-container {
    left: 0;
}

[dir=rtl] .form-loader-container {
    right: 0;
}

#top-banner.leverage>.container-fluid {
    position: relative;
}

.heading-500-1 h2 {
    line-height: 1;
}

[dir] .heading-500-1 h2 {
    margin: 0 0;
}

[dir=ltr] .heading-500-1 h2 {
    text-align: left;
}

[dir=rtl] .heading-500-1 h2 {
    text-align: right;
}

@media (max-width: 991px) {
    [dir] .heading-500-1 h2 {
        text-align: center;
    }
}

.heading-500-1 h1 {
    line-height: 1;
}

[dir] .heading-500-1 h1 {
    margin: 0 0;
}

[dir=ltr] .heading-500-1 h1 {
    text-align: left;
}

[dir=rtl] .heading-500-1 h1 {
    text-align: right;
}

@media (max-width: 991px) {
    [dir] .heading-500-1 h1 {
        text-align: center;
    }
}

.heading-500-1 p {
    font-family: "Roboto Condensed", "Neo Sans Arabic", sans-serif;
    font-size: 1.25rem;
    letter-spacing: 0;
    color: #ffffff;
}

[dir] .heading-500-1 p {
    margin-bottom: 1.875rem;
}

[dir=ltr] .heading-500-1 p {
    text-align: left;
}

[dir=rtl] .heading-500-1 p {
    text-align: right;
}

@media (max-width: 991px) {
    [dir] .heading-500-1 p {
        text-align: center;
    }
}

@media (max-width: 767px) {
    .heading-500-1 p {
        font-size: 1rem;
        line-height: 1.6rem;
    }
}


.file-dropzone {
    width: 100%;
    min-height: 3.75rem;
    position: relative;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

[dir] .file-dropzone {
    padding: 0.625rem;
    border-radius: 0.3125rem;
    border: 0.0625rem solid #e6e6ea;
    cursor: pointer;
}

[dir=ltr] .file-dropzone {
    background: #f8f8f8 0% 0% no-repeat padding-box;
}

[dir=rtl] .file-dropzone {
    background: #f8f8f8 100% 0% no-repeat padding-box;
}

[dir=rtl] .file-dropzone {
    background: #f8f8f8 100% 0% no-repeat padding-box;
}

.file-dropzone__label.yield-files {
    top: unset;
    bottom: 0.3125rem;
}

[dir] .file-dropzone__label.yield-files {
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0);
}

[dir=ltr] .file-dropzone__label.yield-files {
    left: 1.25rem;
}

[dir=rtl] .file-dropzone__label.yield-files {
    right: 1.25rem;
}

[dir=rtl] .file-dropzone__label.yield-files {
    left: auto;
    right: 1.25rem;
}

.file-dropzone__file {
    font: normal bold normal 0.875rem/1.25rem Roboto, sans-serif;
    letter-spacing: 0;
    color: #565656;
    display: inline-block;
    width: 100%;
}

[dir] .file-dropzone__file {
    margin: 0 0 0.25rem;
}

.file-dropzone__label {
    position: absolute;
    line-height: 1;
    /* transition: all .4s; */
    font: normal normal normal 0.75rem/1.125rem Roboto, sans-serif;
    letter-spacing: 0;
    color: #9091a3;
    top: 1.25rem;
}

[dir] .file-dropzone__label {
    /* bottom: 33%; */
    margin: auto;
    /* transform: translate(-50%,50%); */
    margin-bottom: 0;
}

[dir=ltr] .file-dropzone__label {
    left: 0.625rem;
    text-align: left !important;
}

[dir=rtl] .file-dropzone__label {
    right: 0.625rem;
    text-align: right !important;
}

[dir=rtl] .file-dropzone__label {
    left: auto;
    right: 0.625rem;
    text-align: right !important;
}

.file-dropzone__btn-clear {
    position: absolute;
    bottom: 0.25rem;
    font: normal normal normal 0.8125rem/1.125rem Roboto;
    letter-spacing: 0;
    color: #9091a3;
    text-decoration: underline;
    z-index: 999;
}

[dir=ltr] .file-dropzone__btn-clear {
    right: 0.5625rem;
}

[dir=rtl] .file-dropzone__btn-clear {
    left: 0.5625rem;
}

[dir=rtl] .file-dropzone__btn-clear {
    right: auto;
    left: 0.5625rem;
}

.file-dropzone_logo {
    position: absolute;
    bottom: 0.375rem;
    line-height: 1;
    /* transition: all .4s;*/
}

[dir] .file-dropzone_logo {
    margin: auto;
    /* transform: translate(50%,50%); */
    margin-bottom: 0;
    text-align: center !important;
}

[dir=ltr] .file-dropzone_logo {
    left: 1.3125rem;
}

[dir=rtl] .file-dropzone_logo {
    right: 1.3125rem;
}

[dir=rtl] .file-dropzone_logo {
    left: auto;
    right: 1.3125rem;
}

.btn.btn-mex {
    width: 50%;
    font: normal normal bold 1.375rem/1.1875rem "Oswald", "Neo Sans Arabic", sans-serif;
    letter-spacing: 0;
    color: #020862;
    text-transform: uppercase;
}

[dir] .btn.btn-mex {
    border-radius: 0.5375rem !important;
    border: none;
    padding: 0.8125rem 1.25rem;
    margin: 0 auto !important;
}

[dir=rtl] .btn.btn-mex {
    background: #bb914a 100% 0% no-repeat padding-box;
}

.leverage .iti .input_with_phone {
    width: 70%;
}

[dir=ltr] .leverage .iti .input_with_phone {
    padding-left: 0.625rem !important;
    margin-left: 30%;
}

[dir=rtl] .leverage .iti .input_with_phone {
    padding-right: 0.625rem !important;
    margin-right: 30%;
}

.leverage .mex-form-item input,
.leverage .mex-form-item select {
    height: 2.8125rem;
}

[dir] .leverage .mex-form-item input,
[dir] .leverage .mex-form-item select {
    background-color: white;
    margin-bottom: 0.5rem;
}

@media (max-width: 767px) {

    .leverage .mex-form-item input,
    .leverage .mex-form-item select {
        height: 2.1875rem;
    }
}

[dir] .leverage .iti__flag-container {
    border: 0.0625rem solid #7d7b7b;
    border-radius: 0.25rem;
    background: white;
}

.leverage .file-dropzone__input {
    position: absolute;
    top: 0;
    opacity: 0;
    width: 100%;
    height: 100%;
    display: block;
    z-index: 10000;
}

[dir] .leverage .file-dropzone__input {
    cursor: pointer;
}

[dir=ltr] .leverage .file-dropzone__input {
    left: 0;
}

[dir=rtl] .leverage .file-dropzone__input {
    right: 0;
}

.leverage .file-dropzone__btn-clear {
    z-index: 1000000;
}

[dir] .leverage .btn.btn-mex:hover {
    border: transparent;
}

.leverage .form-check-label {
    line-height: 1.2;
    font-size: 0.75rem;
}

[dir] .leverage .leverage-form {
    border: 0.125rem solid transparent;
}

[dir] .leverage .leverage-form.scrolled {
    border: 0.0625rem solid;
    -webkit-transition: all ease 1s;
    transition: all ease 1s;
}

.leverage .form-check-label a {
    color: white;
    text-decoration: underline;
}

.gold-button {
    background-image: -webkit-gradient(linear, left top, right top, from(#ffe098), color-stop(25%, #ebbe64), color-stop(50%, #bb914a), color-stop(75%, #ebbe64), to(#ffe098));
    text-decoration: none;
    font-size: 1.25rem;
    display: block;
    width: 100%;
    border: none;
    font-weight: 500;
    border-radius: 0.4375rem;
    color: #020862;
    font-weight: 500;
    text-transform: uppercase;
    font-family: "Oswald", "Neo Sans Arabic", sans-serif;
}

[dir] .gold-button {
    background-size: 200% auto;
    -webkit-transition: all ease-out 0.3s;
    transition: all ease-out 0.3s;
    margin: 0 auto;
    padding: 0.5em 1em;
    -webkit-box-shadow: none;
    box-shadow: none;
    border: none;
    border-radius: 0.4375rem;
}

[dir=ltr] .gold-button {
    background-image: -webkit-gradient(linear, left top, right top, from(#efeeee), color-stop(25%, #c1b8b6), color-stop(50%, #eceae9), color-stop(75%, #b8b8b8), to(#ccc7c7));
    background-image: -o-linear-gradient(left, #efeeee 0%, #c1b8b6 25%, #eceae9 50%, #b8b8b8 75%, #ccc7c7 100%);
    background-image: linear-gradient(90deg, #efeeee 0%, #c1b8b6 25%, #eceae9 50%, #b8b8b8 75%, #ccc7c7 100%);
    border-color: #b8b8b8;
    background-color: #b8b8b8;
}

[dir=rtl] .gold-button {
    background-image: -webkit-gradient(linear, left top, right top, from(#efeeee), color-stop(25%, #c1b8b6), color-stop(50%, #eceae9), color-stop(75%, #b8b8b8), to(#ccc7c7));
    background-image: -o-linear-gradient(left, #efeeee 0%, #c1b8b6 25%, #eceae9 50%, #b8b8b8 75%, #ccc7c7 100%);
    background-image: linear-gradient(90deg, #efeeee 0%, #c1b8b6 25%, #eceae9 50%, #b8b8b8 75%, #ccc7c7 100%);
    border-color: #b8b8b8;
    background-color: #b8b8b8;
}

@media (max-width: 1200px) {
    .gold-button {
        width: 100%;
    }
}

[dir] .gold-button:hover {
    cursor: pointer;
}

[dir=ltr] .gold-button:hover {
    background-position: right;
}

[dir=rtl] .gold-button:hover {
    background-position: left;
}

.outline-button {
    width: 100%;
    text-transform: uppercase;
    color: #ffffff;
    font-weight: 400;
    font-size: 1.0625rem;
    font-family: "Oswald", "Neo Sans Arabic", sans-serif;
}

[dir] .outline-button {
    border-color: #bb914a;
    background-color: #010D4B;
    -webkit-transition: 200ms ease-in-out;
    transition: 200ms ease-in-out;
    text-align: center;
    border-width: 0.0625rem;
    border-style: solid;
    border-radius: 0.4375rem;
    padding: 0.625rem 1.875rem;
}

@media (max-width: 767px) {
    .outline-button {
        width: 17rem;
    }
}

.outline-button:hover {
    color: #010D4B;
}

[dir] .outline-button:hover {
    background-color: #fff;
    cursor: pointer;
}

[dir] .leverage {
    padding: 0.5rem 0 0rem 0;
}

@media (max-width: 768px) {
    .leverage {
        height: auto;
    }
}

@media (max-width: 480px) {
    [dir] .leverage {
        background-position: top;
    }
}

.become-ib-institutional {
    width: 100%;
    border-radius: 0.4375rem;
    color: #ffffff;
    font-weight: 500;
    font-size: 1.25rem;
    font-family: "Oswald", "Neo Sans Arabic", sans-serif;
    -webkit-transition: background-position 300ms ease;
    transition: background-position 300ms ease;
    color: #020862;
    white-space: inherit !important;
}

[dir] .become-ib-institutional {
    cursor: pointer;
    text-align: center;
    padding: 0.5em 1em;
    border-radius: 0.4375rem;
    border: 0.0625rem solid #bb914a;
    background-color: #bb914a;
    background-size: 200% auto;
    -webkit-transition: 0.3s all;
    transition: 0.3s all;
}

[dir=ltr] .become-ib-institutional {
    background-image: -webkit-gradient(linear, left top, right top, from(#ffe098), color-stop(25%, #ebbe64), color-stop(50%, #bb914a), color-stop(75%, #ebbe64), to(#ffe098));
    background-image: linear-gradient(90deg, #ffe098 0%, #ebbe64 25%, #bb914a 50%, #ebbe64 75%, #ffe098 100%);
    background-position: center right;
}

[dir=rtl] .become-ib-institutional {
    background-image: -webkit-gradient(linear, right top, left top, from(#ffe098), color-stop(25%, #ebbe64), color-stop(50%, #bb914a), color-stop(75%, #ebbe64), to(#ffe098));
    background-image: linear-gradient(-90deg, #ffe098 0%, #ebbe64 25%, #bb914a 50%, #ebbe64 75%, #ffe098 100%);
    background-position: center left;
}

.become-ib-institutional:hover,
.become-ib-institutional:focus-visible {
    color: #fff;
}

[dir] .become-ib-institutional:hover,
[dir] .become-ib-institutional:focus-visible {
    background: #031777;
}

[dir=ltr] .become-ib-institutional:hover,
[dir=ltr] .become-ib-institutional:focus-visible {
    background-position: center right;
}

[dir=rtl] .become-ib-institutional:hover,
[dir=rtl] .become-ib-institutional:focus-visible {
    background-position: center left;
}

.become-ib-institutional:focus {
    outline: none;
}

@media (max-width: 1200px) {
    .become-ib-institutional {
        width: 100%;
    }
}

a {
    text-decoration: none;
}
.second-section .card {
    font: normal normal normal 1.125rem/1.5rem "Roboto Condensed", "Neo Sans Arabic", sans-serif;
    letter-spacing: 0;
    color: #ffffff;
    height: 80%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

[dir] .second-section .card {
    padding: 1rem;
    text-align: center;
    border: 0.0625rem solid #bb914a;
    border-radius: 0.625rem;
    background: transparent;
    margin-top: 1.5625rem;
}

@media (max-width: 767px) {
    .second-section .card {
        font-size: 1rem;
        line-height: 1.6rem;
    }

    [dir] .second-section .card {
        padding: 1.25rem;
    }
}

.second-section h2 {
    font: normal normal normal 3.5rem/4rem "Oswald", "Neo Sans Arabic", sans-serif;
    letter-spacing: 0;
    color: #bb914a;
    text-transform: uppercase;
}

@media (max-width: 1280px) {
    .second-section h2 {
        font-size: 2.75rem;
    }
}

@media (max-width: 480px) {
    .second-section h2 {
        font-size: 2.25rem;
        line-height: 1.1;
    }
}

.second-section h1 {
    font: normal normal normal 3.5rem/4rem "Oswald", "Neo Sans Arabic", sans-serif;
    letter-spacing: 0;
    color: #bb914a;
    text-transform: uppercase;
}

@media (max-width: 1280px) {
    .second-section h1 {
        font-size: 2.75rem;
    }
}

@media (max-width: 480px) {
    .second-section h1 {
        font-size: 2.25rem;
        line-height: 1.1;
    }
}

body {
    color: #fff;
    font-size: 1rem;
}

[dir] section.cta-section p,
[dir] section.leverage p,
[dir] section.swaprate-section p,
[dir] section.conditions p {
    margin-top: 1.5625rem;
}

@media (max-width: 767px) {

    [dir] section.cta-section p,
    [dir] section.leverage p,
    [dir] section.swaprate-section p,
    [dir] section.conditions p {
        margin-top: 0.9375rem;
    }
}

section.cta-section h2,
section.leverage h2,
section.swaprate-section h2,
section.conditions h2 {
    font: normal normal normal 3.5rem/4rem "Oswald", "Neo Sans Arabic", sans-serif;
    letter-spacing: 0;
    color: #bb914a;
    text-transform: uppercase;
}

@media (max-width: 1280px) {

    section.cta-section h2,
    section.leverage h2,
    section.swaprate-section h2,
    section.conditions h2 {
        font-size: 2.75rem;
    }
}

@media (max-width: 480px) {

    section.cta-section h2,
    section.leverage h2,
    section.swaprate-section h2,
    section.conditions h2 {
        font-size: 2.25rem;
        line-height: 1.1;
    }
}

section.cta-section h1,
section.leverage h1,
section.swaprate-section h1,
section.conditions h1 {
    font: normal normal normal 3.5rem/4rem "Oswald", "Neo Sans Arabic", sans-serif;
    letter-spacing: 0;
    color: #bb914a;
    text-transform: uppercase;
}

@media (max-width: 1280px) {

    section.cta-section h1,
    section.leverage h1,
    section.swaprate-section h1,
    section.conditions h1 {
        font-size: 2.75rem;
    }
}

@media (max-width: 480px) {

    section.cta-section h1,
    section.leverage h1,
    section.swaprate-section h1,
    section.conditions h1 {
        font-size: 2.25rem;
        line-height: 1.1;
    }
}

section.cta-section .benefit-title,
section.leverage .benefit-title,
section.swaprate-section .benefit-title,
section.conditions .benefit-title {
    text-transform: uppercase;
    color: #bb914a;
    font-family: "Oswald", "Neo Sans Arabic", sans-serif;
}

section.cta-section ul,
section.leverage ul,
section.swaprate-section ul,
section.conditions ul {
    position: relative;
}

[dir=ltr] section.cta-section ul,
[dir=ltr] section.leverage ul,
[dir=ltr] section.swaprate-section ul,
[dir=ltr] section.conditions ul {
    padding-left: 0;
    text-align: left;
}

[dir=rtl] section.cta-section ul,
[dir=rtl] section.leverage ul,
[dir=rtl] section.swaprate-section ul,
[dir=rtl] section.conditions ul {
    padding-right: 0;
    text-align: right;
}

section.cta-section ul li,
section.leverage ul li,
section.swaprate-section ul li,
section.conditions ul li {
    position: inherit;
}

[dir] section.cta-section ul li,
[dir] section.leverage ul li,
[dir] section.swaprate-section ul li,
[dir] section.conditions ul li {
    margin: 1.875rem 0;
}

[dir=ltr] section.cta-section ul li,
[dir=ltr] section.leverage ul li,
[dir=ltr] section.swaprate-section ul li,
[dir=ltr] section.conditions ul li {
    padding-left: 1.875rem;
}

[dir=rtl] section.cta-section ul li,
[dir=rtl] section.leverage ul li,
[dir=rtl] section.swaprate-section ul li,
[dir=rtl] section.conditions ul li {
    padding-right: 1.875rem;
}

section.cta-section ul li::before,
section.leverage ul li::before,
section.swaprate-section ul li::before,
section.conditions ul li::before {
    content: "";
    display: inline-block;
    height: 1rem;
    width: 1.0625rem;
    position: absolute;
    top: 0.3125rem;
}

[dir] section.cta-section ul li::before,
[dir] section.leverage ul li::before,
[dir] section.swaprate-section ul li::before,
[dir] section.conditions ul li::before {
    background-image: url('../public_files/images/landing_page/Component%20279%20–%201.svg');
    background-size: contain;
    background-repeat: no-repeat;
}

[dir=ltr] section.cta-section ul li::before,
[dir=ltr] section.leverage ul li::before,
[dir=ltr] section.swaprate-section ul li::before,
[dir=ltr] section.conditions ul li::before {
    left: 0rem;
}

[dir=rtl] section.cta-section ul li::before,
[dir=rtl] section.leverage ul li::before,
[dir=rtl] section.swaprate-section ul li::before,
[dir=rtl] section.conditions ul li::before {
    right: 0rem;
}

@media (max-width: 767px) {

    [dir] section.cta-section ul li,
    [dir] section.leverage ul li,
    [dir] section.swaprate-section ul li,
    [dir] section.conditions ul li {
        margin: 1.25rem 0;
    }
}

section.cta-section h3,
section.leverage h3,
section.swaprate-section h3,
section.conditions h3 {
    font: normal normal normal 3.5rem/4rem "Oswald", "Neo Sans Arabic", sans-serif;
    letter-spacing: 0;
    color: #bb914a;
    text-transform: uppercase;
}

[dir] section.cta-section h3,
[dir] section.leverage h3,
[dir] section.swaprate-section h3,
[dir] section.conditions h3 {
    text-align: center;
    margin: 0;
}

@media (max-width: 1280px) {

    section.cta-section h3,
    section.leverage h3,
    section.swaprate-section h3,
    section.conditions h3 {
        font-size: 2.75rem;
    }
}

@media (max-width: 480px) {

    section.cta-section h3,
    section.leverage h3,
    section.swaprate-section h3,
    section.conditions h3 {
        font-size: 2.25rem;
        line-height: 1.1;
    }
}

section.cta-section h4,
section.leverage h4,
section.swaprate-section h4,
section.conditions h4 {
    font-size: 1.75rem;
    letter-spacing: 0;
    color: #bb914a;
    line-height: 1.2;
    text-transform: uppercase;
}

[dir] section.cta-section h4,
[dir] section.leverage h4,
[dir] section.swaprate-section h4,
[dir] section.conditions h4 {
    text-align: center;
}

section.cta-section h4 span,
section.leverage h4 span,
section.swaprate-section h4 span,
section.conditions h4 span {
    font: normal normal normal 1rem/1.75rem Roboto;
}

@media (max-width: 767px) {

    section.cta-section h4,
    section.leverage h4,
    section.swaprate-section h4,
    section.conditions h4 {
        font: normal normal normal 1.125rem/1.625rem Oswald;
    }
}

section.cta-section h5,
section.leverage h5,
section.swaprate-section h5,
section.conditions h5 {
    font-size: 1.5rem;
    font-weight: 400;
    text-transform: uppercase;
}

[dir] section.cta-section h5,
[dir] section.leverage h5,
[dir] section.swaprate-section h5,
[dir] section.conditions h5 {
    text-align: center;
    margin-bottom: 2.5rem;
}

@media (max-width: 767px) {

    [dir] section.cta-section h5,
    [dir] section.leverage h5,
    [dir] section.swaprate-section h5,
    [dir] section.conditions h5 {
        margin-bottom: 1.25rem;
    }
}

[dir=ltr] .contact-us h4,
[dir=ltr] .footer-custom h4,
[dir=ltr] .iti--allow-dropdown h4 {
    text-align: left;
}

[dir=rtl] .contact-us h4,
[dir=rtl] .footer-custom h4,
[dir=rtl] .iti--allow-dropdown h4 {
    text-align: right;
}

.contact-us ul li,
.footer-custom ul li,
.iti--allow-dropdown ul li {
    position: relative;
}

[dir] .contact-us ul li,
[dir] .footer-custom ul li,
[dir] .iti--allow-dropdown ul li {
    margin: 0;
}

[dir=ltr] .contact-us ul li,
[dir=ltr] .footer-custom ul li,
[dir=ltr] .iti--allow-dropdown ul li {
    padding-left: 0;
}

[dir=rtl] .contact-us ul li,
[dir=rtl] .footer-custom ul li,
[dir=rtl] .iti--allow-dropdown ul li {
    padding-right: 0;
}

.contact-us ul li::before,
.footer-custom ul li::before,
.iti--allow-dropdown ul li::before {
    content: "";
}

[dir] .contact-us ul li::before,
[dir] .footer-custom ul li::before,
[dir] .iti--allow-dropdown ul li::before {
    background-image: none;
}

[dir] .contact-us ul li:last-child,
[dir] .footer-custom ul li:last-child,
[dir] .iti--allow-dropdown ul li:last-child {
    margin-bottom: 0;
}

[dir] .conditions {
    padding: 7rem 0 0 0;
}

[dir] .conditions h2 {
    margin: 0;
}

[dir] .conditions h1 {
    margin: 0;
}

@media (max-width: 767px) {
    [dir] .conditions {
        padding: 3rem 0 0 0;
    }
}

[dir] .swaprate-section {
    padding: 7rem 0 0 0;
}

@media (max-width: 767px) {
    [dir] .swaprate-section {
        padding: 3rem 0 0 0;
    }
}
[dir] section.swaprate-section {
    padding: 7rem 0 2.8rem 0;
}

section.swaprate-section li {
    list-style: none;
}

section.swaprate-section li a {
    text-decoration: none;
    color: #ffffff;
}

[dir=ltr] section.swaprate-section p {
    text-align: left;
}

[dir=rtl] section.swaprate-section p {
    text-align: right;
}

section.swaprate-section p a {
    text-decoration: none;
    color: #ffffff;
}

section.swaprate-section h4 {
    font-weight: 400;
}

[dir] section.swaprate-section h4 {
    margin-bottom: 0.46875rem;
}

[dir] section.swaprate-section .swap-quote {
    border-radius: 0.625rem;
    padding: 1.5625rem 2.5rem;
    text-align: center;
    margin-bottom: 2.8125rem;
}

[dir=ltr] section.swaprate-section .swap-quote {
    background: #0b1858 0% 0% no-repeat padding-box;
}

[dir=rtl] section.swaprate-section .swap-quote {
    background: #0b1858 100% 0% no-repeat padding-box;
}

[dir] section.swaprate-section .swap-quote ul li {
    margin: 0.46875rem 0;
}

section.swaprate-section .swap-quote .color-gold {
    color: #bb914a;
}

@media (max-width: 767px) {
    [dir=ltr] section.swaprate-section .swap-quote .color-gold:first-child {
        padding-left: 0;
    }

    [dir=rtl] section.swaprate-section .swap-quote .color-gold:first-child {
        padding-right: 0;
    }
}

[dir] section.swaprate-section .swap-quote:first-child {
    margin-top: 2.8125rem;
}

section.swaprate-section .swap-quote span {
    font-size: 1rem;
    font-weight: normal;
}

[dir] section.swaprate-section .swap-quote span span {
    padding: 0 0.9375rem;
}

@media (max-width: 767px) {
    [dir] section.swaprate-section .swap-quote span span {
        padding: 0 0.46875rem;
    }
}

@media (max-width: 767px) {
    [dir] section.swaprate-section .swap-quote {
        margin-bottom: 1.25rem;
        padding: 1.25rem;
    }

    [dir=ltr] section.swaprate-section .swap-quote {
        text-align: left;
    }

    [dir=rtl] section.swaprate-section .swap-quote {
        text-align: right;
    }

    [dir] section.swaprate-section .swap-quote:first-child {
        margin-top: 1.25rem;
    }
}

[dir=ltr] body.thedollar-iraq {
    direction: rtl !important;
}

[dir=rtl] body.thedollar-iraq {
    direction: ltr !important;
}

[dir] body.thedollar-iraq .leverage:before {
    -webkit-transform: scaleX(-1);
    transform: scaleX(-1);
}

[dir=ltr] body.thedollar-iraq .leverage:before {
    right: 0;
}

[dir=rtl] body.thedollar-iraq .leverage:before {
    left: 0;
}