@font-face {
    font-family: 'Avenir';
    src: url('../fonts/AvenirArabic-Black.eot');
    src: url('../fonts/AvenirArabic-Black.eot?#iefix') format('embedded-opentype'),
        url('../fonts/AvenirArabic-Black.woff2') format('woff2'),
        url('../fonts/AvenirArabic-Black.woff') format('woff'),
        url('../fonts/AvenirArabic-Black.ttf') format('truetype');
    font-weight: 900;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Avenir';
    src: url('../fonts/AvenirArabic-Medium.eot');
    src: url('../fonts/AvenirArabic-Medium.eot?#iefix') format('embedded-opentype'),
        url('../fonts/AvenirArabic-Medium.woff2') format('woff2'),
        url('../fonts/AvenirArabic-Medium.woff') format('woff'),
        url('../fonts/AvenirArabic-Medium.ttf') format('truetype');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Avenir';
    src: url('../fonts/AvenirArabic-Medium.eot');
    src: url('../fonts/AvenirArabic-Medium.eot?#iefix') format('embedded-opentype'),
        url('../fonts/AvenirArabic-Medium.woff2') format('woff2'),
        url('../fonts/AvenirArabic-Medium.woff') format('woff'),
        url('../fonts/AvenirArabic-Medium.ttf') format('truetype');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}





/*================ nav-bottom (navbar) ===================*/
.nav-bottom .navbar-expand-lg .navbar-nav .nav-link {
    padding-right: 0;
    padding-left: 25px;
    direction: rtl;
}


.navbar-nav {
    padding-left: 0;
    padding-right: 0;
}


.mega-menu{
    left: unset;
    right: 188px;
}

.flag{
    direction: ltr !important;
}
/*================ End nav-bottom (navbar) ===================*/



/*================ button of countries in navbar ===================*/
.navtop .select2-container{
    max-width: 180px;
    direction: rtl;
}

.select2-container--default .select2-selection--single .select2-selection__arrow {
    left: 1px !important;
    right: unset;
}

.select2-container--default .select2-selection--single .select2-selection__arrow b {
    right: 50%;
    margin-left: -4px;
}

.select2-container .select2-selection--single .select2-selection__rendered {
    padding-right: 8px;
    padding-left: 20px;
}
/*================ End button of countries in navbar ===================*/



/*================ h1-(title)&(text) ===================*/
.title.text-start {
    text-align: start !important;
}

h1.title {
    padding: 0 0 0 25px;
    line-height: 1.3;

}

h1::before {
    background: url(../icon/icon_orange_title.png) no-repeat top right;
    transform: rotateY(180deg);
}

h1,h2,h3,h4,h5{
    font-family: 'Avenir' !important;
    font-weight: 900 !important;
}


h1::before{
    right: 11px;
    top: -5px;
}
.swiper-slide h1.title {
    padding: 0 30px;
    font-family: 'Avenir';
    font-weight: 900;
    font-style: normal;
    line-height: 1.1;
}

.swiper-slide .subtitle{
    font-family: 'Avenir';
    font-weight: 500;
    font-style: normal;
}

.download .title {
    padding: 0 30px 50px 30px;
}

.download h3 {
    margin: 20px 0 20px;
    text-align: right;
    font-family: 'Avenir';
    font-weight: 500;
    font-style: normal;
}

.FAQ-secton .card-title {
    margin-right: 30px;
}

.banner-content h1 {
    /*    margin: 0;*/
    padding-left: 20px;
    padding-right: 0;
}

.FAQ-secton .card-text, .FAQ-secton .list-style-icon {
    margin-right: 45px;
}

.list-style-icon {
    margin-right: 30px;
    margin-left: unset
}

.trades .text-black::before {
    background: url(../icon/icon_orange_title01.svg) no-repeat top right;
}

.story h1.title {
    padding: 0 0px 0px 15px !important;
}

.agreements p {
    margin-right: 23px;
}

.div-search .input-search::placeholder {
    text-align: left;
}

.contact-us p {
    direction: rtl !important;
    text-align: start;
}

.contact-us-info p, .contact-us-info a {
    margin-right: 15px;
    direction: ltr;
}


body{
    font-family: 'Avenir' !important;
    font-weight: 500;
    font-style: normal;
    font-size: 16px;
    direction: rtl;
}

p span, span{
    font-family: 'Avenir' !important;
    font-weight: 500 !important;
    font-style: normal !important;
}

.bg-blue-default p{
    font-family: 'Avenir';
    font-weight: 500;
    font-style: normal;
}

.opportunities .title{
    /* padding: 0 30px; */
    font-family: 'Avenir';
    font-weight: 900;
    font-style: normal;
    margin-top: 0;
    line-height: 1.2;
    direction: rtl;
}

opportunities opportunities-text{
    font-family: 'Avenir';
    font-weight: 500;
    font-style: normal;
}

.subtitle{
    font-family: 'Avenir';
    font-weight: 500;
    font-style: normal;
}

.industry-leading-content p.title{
    font-family: 'Avenir';
    font-weight: 500;
    font-style: normal;
}
.industry-leading-content p{
    font-family: 'Avenir';
    font-weight: 500;
    font-style: normal;
}

.industry-leading-content p.price-yellow{
    font-family: 'Avenir';
    font-weight: 900;
    font-style: normal;
}

.bg-default p, .bg-yellow .link .bg-blue .link{
    font-family: 'Avenir';
    font-weight: 500 !important;
    font-style: normal;
}

.list-style-icon p, p.text{
    font-family: 'Avenir';
    font-weight: 500;
    font-style: normal;
}

.accounts-card-item-defualt h2{
    font-family: 'Avenir';
    font-weight: 900;
    font-style: normal;
}

.accounts-card-item ul li p, .find-out-more{
    font-family: 'Avenir';
    font-weight: 900;
    font-style: normal;
}

.accounts-card-item-defualt ul li p{
    font-family: 'Avenir';
    font-weight: 500;
    font-style: normal;
}
.ar-font{
    font-family: Montserrat,arial;
}
.lang-menu:hover .lang-menu-content{
    left: unset;
    right: -30px;
}
.btn{
    font-family: 'Avenir';
    font-weight: 500;
    font-style: normal;
}

.academy h2, .academy .btn{
    font-family: 'Avenir';
    font-weight: 500;
    font-style: normal;
}

.text-video .subtitle{
    font-family: 'Avenir';
    font-weight: 500;
    font-style: normal;
}

h5{
    font-family: 'Avenir';
    font-weight: 900;
    font-style: normal;
}

.platforms .text-card{
    font-family: 'Avenir';
    font-weight: 900;
    font-style: normal;
}

.quick-section h2{
    font-family: 'Avenir';
    font-weight: 900;
    font-style: normal;
}
.mega-menu h6{
    font-family: 'Avenir';
    font-weight: 900;
    font-style: normal;
}

.quick-section p a, h6{
    font-family: 'Avenir';
    font-weight: 500;
    font-style: normal;
}

.FAQ-secton .card-title, .footer-top h2{
    font-family: 'Avenir';
    font-weight: 900;
    font-style: normal;
}

.footer-bottom a,.footer-bottom p{
    font-family: 'Avenir';
    font-weight: 400;
    font-style: normal;
    line-height: 19px;
}

.footer-top p, .footer-top a{
    font-weight: 400;
}
.footer-contact-us span{
    direction: ltr;
}
.list-style-icon ul li, .list-style-icon ul li p{
    font-family: 'Avenir';
    font-weight: 500;
    font-style: normal;
}

.steps h2{
    font-family: 'Avenir';
    font-weight: 900;
    font-style: normal;
}

.bg-default .demo a{
    font-family: 'Avenir';
    font-weight: 500;
    font-style: normal;
    text-decoration: none;
    padding-bottom: 1px;
    border-bottom: 2px solid;
}

.banner-content h1{
    font-family: 'Avenir';
    font-weight: 900;
    font-style: normal;
    line-height: 1.3;
}

.banner-text-with-img p, .bg-banner-text-with-img p{
    font-family: 'Avenir';
    font-weight: 500;
    font-style: normal;
}

.global-market p, .money .sub{
    font-family: 'Avenir';
    font-weight: 500;
    font-style: normal;
}

.subtitle-blue{
    font-family: 'Avenir';
    font-weight: 500;
    font-style: normal;
    line-height: 1.4;
}

.striped-account h6{
    font-family: 'Avenir';
    font-weight: 900;
    font-style: normal;
}

.striped-account span{
    font-family: 'Avenir';
    font-weight: 500;
    font-style: normal;
}

.striped-account .striped-account-data{
    font-family: 'Avenir';
    font-weight: 400;
    font-style: normal;
}

.bg-default h3{
    font-family: 'Avenir';
    font-weight: 900;
    font-style: normal;
    line-height: 1.4;
}

.online .card-text{
    font-family: 'Avenir';
    font-weight: 900;
    font-style: normal;
}

.section-direction p{
    font-family: 'Avenir';
    font-weight: 500;
    font-style: normal;
}

.link-yellow a{
    font-family: 'Avenir';
    font-weight: 900;
    font-style: normal;
}

.table-river-prime .table thead tr>*{
    font-family: 'Avenir';
    font-weight: 900;
    font-style: normal;
}

.table-river-prime .table tr>*{
    font-family: 'Avenir';
    font-weight: 500;
    font-style: normal;
}
.table-river-prime .table.dataTable > tbody > tr.child ul.dtr-details > li{
    text-align: right;
}

.why-trade-shares p{
    font-family: 'Avenir';
    font-weight: 500;
    font-style: normal;
}

.trades .count{
    font-family: 'Avenir';
    font-weight: 900;
    font-style: normal;
}

.trades-content p{
    font-family: 'Avenir';
    font-weight: 500;
    font-style: normal;
}

.trades .text-black{
    font-family: 'Avenir';
    font-weight: 900;
    font-style: normal;
}

.caption p{
    font-family: 'Avenir';
    font-weight: 500;
    font-style: normal;
}

.commodities-news-card .title, .flag-red p, .price-card p{
    font-family: 'Avenir';
    font-weight: 500;
    font-style: normal;
}

.link-yellow p{
    font-family: 'Avenir';
    font-weight: 500;
    font-style: normal;
}

.instrument-card .limit{
    font-family: 'Avenir';
    font-weight: 500;
    font-style: normal;
}

.trades .subject{
    font-family: 'Avenir';
    font-weight: 900;
    font-style: normal;
}

.FAQ-secton .card-text, .FAQ-secton .list-style-icon{
    font-family: 'Avenir';
    font-weight: 500;
    font-style: normal;
}

.hint-under-title{
    font-family: 'Avenir';
    font-weight: 500;
    font-style: normal;
}

.trading-central-col p{
    font-family: 'Avenir';
    font-weight: 500;
    font-style: normal;
}

.economic-calendar .calendar-title p{
    font-family: 'Avenir';
    font-weight: 500;
    font-style: normal;
}

.broker-Program .card .card-text{
    font-family: 'Avenir';
    font-weight: 500;
    font-style: normal;
}

.title-goes-here h3{
    font-family: 'Avenir';
    font-weight: 900;
    font-style: normal;
}

.title-goes-here p{
    font-family: 'Avenir';
    font-weight: 500;
    font-style: normal;
    margin: 0 !important;
    text-align: center !important;
}

.slider-data .subtitle, .news .card-text{
    font-family: 'Avenir';
    font-weight: 500;
    font-style: normal;
}

.story p{
    font-family: 'Avenir';
    font-weight: 500;
    font-style: normal;
}

.story h2, .numbers .count, .numbers .long, .trade-direction .strong{
    font-family: 'Avenir';
    font-weight: 900;
    font-style: normal;
}

.values h2{
    font-family: 'Avenir';
    font-weight: 900;
    font-style: normal;
    line-height: 1.3;
}

.values .card-text{
    font-family: 'Avenir';
    font-weight: 500;
    font-style: normal;
    padding-top: 25px;
}

.text p{
    font-family: 'Avenir';
    font-weight: 500;
    font-style: normal;
}

.regulations h2, .strong>p{
    font-family: 'Avenir';
    font-weight: 900;
    font-style: normal;
}

.financial-calculators .head-calculators-section p{
    font-family: 'Avenir';
    font-weight: 500;
    font-style: normal;
}

.agreements p{
    font-family: 'Avenir';
    font-weight: 900;
    font-style: normal;
}


/*================ End h1-(title)&(text) ===================*/


/*================  dotted-images (position-img) ===================*/
.dote-square-orange {
    background: url(../img_position/dote_orange.svg) no-repeat bottom right;
    right: -30px;
    top: 30px;
    z-index: 0;
}

.opportunities-position::after {
    background: url(../img_position/dote_blue01.svg) no-repeat bottom left;
    top: 25px;
    right: 25px;
    z-index: 0;
}

.opportunities-position::before {
    background: url(../img_position/dote_orange01.svg) no-repeat top left;
    top: -45px;
    right: 30px;
    z-index: 1;
}

.img-with-text.experience-section .dotted-lines::before, .img-with-text .dotted-lines::before {
    background: url(../img_position/dote_orange01.svg) no-repeat top right;
    top: -65px;
    right: -55px;
}

.img-with-text.experience-section .dotted-lines::after, .img-with-text .dotted-lines::after {
    background: url(../img_position/dote_blue01.svg) no-repeat bottom right;
    top: 70px;
    right: -65px;
}

.bg_img::after, .img-with-text.experience-section .bg_img::after {
    background: url(../img_position/square_orange.png) no-repeat bottom right ;
    right: -40px;
    top: 40px;
}
.orange-cube .bg_img::after, .orange-cube .img-with-text.experience-section .bg_img::after{
    background: url(../img_position/square_orange.png) no-repeat bottom left ;
    right: 40px;
    top: 40px;
}

.blue-cube .bg_img::after, .blue-cube .img-with-text.experience-section .bg_img::after{
    background: url(../img_position/square_blue.jpg) no-repeat bottom left;
    right: 40px;
}

.line-image{              /* add a div on the img and giv it this class */
    display: flex;
    justify-content: right;
}

.img-download::before {
    background: url(../img_position/dote_orange02.svg) no-repeat left top;
    right: -50px;
    top: -15px;
}

.position-download::after {
    background: url(../img_position/dote_white.svg) no-repeat left bottom;
    right: -25px;
    top: -40px;
}

.accounts-card-item-defualt.premium::after {
    background: url(../img_position/dote_blue.svg) no-repeat top left;
    top: -50px;
    right: 30px;
}

.accounts-card .accounts-card-item.mt-list::before {
    background: url(../img_position/dote_orange.svg) no-repeat top right;
    right: -30px;
    top: -30px;
}

.accounts-card-item-defualt::before {
    right: 28px;
    top: 30px;
}

.academy-position::before {
    background: url(../img_position/dote_orange01.svg) no-repeat top left;
    top: -45px;
    right: 15px;
}

.academy-position::after {
    background: url(../img_position/dote_blue01.svg) no-repeat bottom left;
    top: 30px;
    right: 30px;
}

.platforms .card-platforms:first-child .card::before {
    background: url(../img_position/dote_blue.svg) no-repeat bottom left;
    top: 30px;
    right: 45px;
}

.platforms .card-platforms:first-child .card::after {
    background: url(../img_position/dote_blue01.svg) no-repeat top right;
    right: -35px;
    top: -30px;
}

.platforms .card-platforms:last-child .card::before {
    background: url(../img_position/dote_orange01.svg) no-repeat top left;
    right: 30px;
    top: -47px;
}

.platforms .card-platforms:last-child .card::after {
    background: url(../img_position/dote_orange.svg) no-repeat bottom left;
    right: 30px;
    top: 18px;
}

.MetaTrader .img-MetaTrader::before {
    background: url(../img_position/dote_orange01.svg) no-repeat top left;
    top: 35px;
    right: 70px;
}

.MetaTrader .img-MetaTrader::after {
    background: url(../img_position/dote_blue01.svg) no-repeat bottom left;
    right: 28px;
    top: 7px;
}

.steps-col:first-child .steps-icon-position::before {
    background: url(../img_position/dote_orange.svg) no-repeat top right;
    top: -30px;
    right: -35px;
}

.money-icon-position::before {
    background: url(../img_position/dote_orange.svg) no-repeat top right;
    top: 65px;
    right: -20px;
}

.money-icon-position::after {
    background: url(../img_position/dote_blue.svg) no-repeat top left;
    top: 45px;
    right: 18px;
}

.dotted-lines::before {
    background: url(../img_position/dote_orange01.svg) no-repeat top left;
    top: -30px;
    right: 30px;
}
.orange-cube .dotted-lines::before {
    background: url(../img_position/dote_orange01.svg) no-repeat top left;
    top: -60px;
    right: 60px;
}
.orange-cube .dotted-lines::after {
    background: url(../img_position/dote_blue01.svg) no-repeat bottom left;
    top: 70px;
    right: 70px;
}

.dotted-lines::after {
    background: url(../img_position/dote_blue01.svg) no-repeat bottom left;
    top: 30px;
    right: 30px;
}
.blue-cube .dotted-lines::after {
    background: url(../img_position/dote_blue01.svg) no-repeat bottom left;
    top: 30px !important;
    right: -30px !important;
}

/* .img-with-text .bg_img::after {
    background: url(../img_position/square_blue.png) no-repeat bottom left;
    right: 40px;
    z-index: 0;
} */

.News-list--large .card-date{
    border-right: 5px solid #fbb900;
    border-left: unset;
}
.img-with-text.experience-section .dotted-lines::before, .img-with-text .dotted-lines::before {
    background: url(../img_position/dote_orange01.svg) no-repeat top right;
    top: -60px;
    right: -55px;
}
.blue-cube .img-with-text.experience-section .dotted-lines::before, .blue-cube .img-with-text .dotted-lines::before{
    top: -30px;
    right: -35px;
}

.img-with-text.experience-section .dotted-lines::after, .img-with-text .dotted-lines::after {
    background: url(../img_position/dote_blue01.svg) no-repeat bottom right;
    top: 70px ;
    right: -70px;
}
.blue-cube .img-with-text.experience-section .dotted-lines::after, .blue-cube .img-with-text .dotted-lines::after{
    top: 30px !important;
    right: -30px;
}

.footer-top .footer-contact-us img {
    margin-left: 15px;
}

.section-direction .img-section-direction::before {
    background: url(../img_position/dote_orange01.svg) no-repeat top left;
    top: -30px;
    right: 35px;
}

/* .section-direction .img-section-direction::after {
    background: url(../img_position/dote_blue01.svg) no-repeat bottom left, url(../img_position/dote_orange.svg) no-repeat bottom right 0px;
    top: 25px;
    right: -16px;
    width: 600px;
} */

.section-direction:nth-of-type(even) .img-section-direction::before {
    background-position: top right;
    right: -30px;
}

.trade-markets .img-trade-markets::before {
    background: url(../img_position/dote_orange01.svg) no-repeat top left;
    right: 15px;
    top: -26px;
}

.trade-markets .img-trade-markets::after {
    background: url(../img_position/dote_white.svg) no-repeat bottom left;
    right: 14px;
    top: 21px;
}

.instrument .card {
    box-shadow: 5px 5px 20px rgb(0 0 0 / 15%);
    -webkit-clip-path: polygon(0 7%, 100% 0%, 100% 92%, 0% 100%);
    clip-path: polygon(0 0%, 100% 7%, 100% 100%, 0% 92%) !important;
}

.instrument-card::before {
    background: url(../img_position/dote_blue.svg) no-repeat top left;
    top: -47px;
    right: 15px;
}

.opportunities-direction:nth-of-type(even) .opportunities-position::before {
    background-position: top right;
    top: -30px;
    right: -20px;
    z-index: 1;
}


.opportunities-direction:nth-of-type(even) .opportunities-position::after {
    background-position: bottom right;
    top: 20px;
    right: -20px;
}

.opportunities-direction:nth-of-type(even) .dote-square-orange {
    background-position: bottom left;
    right: 17px;
    top: 20px;
}

.opportunities-direction .title {
    margin: 0;
    padding-left: 20px;
    padding-right: 0;
    padding-bottom: 20px;
}

.story .img-story::after {
    background: url(../img_position/dote_white.svg) no-repeat bottom left;
    right: 16px;
    top: -55px;
}

.story .img-story::before {
    background: url(../img_position/dote_orange01.svg) no-repeat top left;
    right: 20px;
    top: -45px;
}

.trade-direction .img-section-direction::after {
    right: -30px;
    background-position: bottom right;
}

.trade-direction .img-section-direction::before {
    background: url(../img_position/dote_orange01.svg) no-repeat top left;
    top: -47px;
    right: 35px;
}

.news .container::before {
    background: url(../img_position/dote_orange01.svg) no-repeat top left;
    top: -50px;
    right: -30px;
}

.news .container::after {
    background: url(../img_position/dote_blue01.svg) no-repeat bottom right;
    right: 60px;
    width: 50%;
}

.agreements-position::before {
    background: url(../img_position/dote_orange01.svg) no-repeat right top;
    top: -45px;
    right: -33px;
}

.agreements-position::after {
    background: url(../img_position/dote_blue01.svg) no-repeat right bottom;
    top: 30px;
    right: -30px;
}

.img-regulations::before {
    background: url(../img_position/dote_orange02.svg) no-repeat top left;
    top: -40px;
    right: -122px;
}

.img-regulations::after {
    background: url(../img_position/dote_blue01.svg) no-repeat bottom right;
    top: 12px;
    right: -26px;
}

.contact-us-img::before {
    background: url(../img_position/dote_orange01.svg) no-repeat right top;
    top: -45px;
    right: -30px;
}

.contact-us-img::after {
    background: url(../img_position/dote_blue01.svg) no-repeat right bottom;
    top: 30px;
    right: -30px;
}

.img-partnership::before {
    background: url(../img_position/dote_orange01.svg) no-repeat top left;
    top: -27px;
    right: 45px;
}

.img-partnership::after {
    background: url(../img_position/dote_blue01.svg) no-repeat bottom left;
    right: 27px;
    top: -12px;
}

.broker-Program-position::before {
    background: url(../img_position/dote_blue01.svg) no-repeat top left;
    right: 55px;
}

.broker-Program-position::after {
    background: url(../img_position/dote_orange02.svg) no-repeat bottom right;
    right: -80px;
}

.process-img::before {
    background: url(../img_position/dote_orange01.svg) no-repeat top right;
    top: -50px;
    right: -35px;
}

.process-img::after {
    background: url(../img_position/dote_blue01.svg) no-repeat bottom right;
    top: 31px;
    right: -30px;
}

.img-with-text.experience-section .dotted-lines::after, .img-with-text .dotted-lines::after {
    background: url(../img_position/dote_blue01.svg) no-repeat bottom right;
    top: 30px;
    left: -30px;
}

.input-group .select2-container--default .select2-selection--single .select2-selection__arrow {
    border-right: 1px solid #EDEAF1;
    border-left: unset;
}

.select2-container--default .select2-selection--single .select2-selection__arrow b {
    left: 50% !important;
    right: unset;
    margin-left: -4px;
}

.bef-aft-image::after {
    background: url(../img_position/orange-solid-arrow.svg) no-repeat top right;
    transform: rotateY(180deg);
}

.bef-aft-image::before {
    background: url(../img_position/orange-dotted-arrow.svg) no-repeat left bottom;
    transform: rotateY(180deg);
}

.FAQ-secton .accordion-button img{
    transform: rotateY(180deg);
}

.section-yellow::before {
    right: -40px;
    transform: rotateY(180deg);
    /*    height: 60px;*/
}



.section-yellow::after {
    transform: rotateY(180deg);
}

@media (max-width: 991.98px){
    .navbar-collapse::before{
        right: -60px;
        transform: rotateY(180deg);
    }
}

@media (max-width: 767.98px){
    .mega-menu{
        left: unset !important;
    }
}


@media (max-width: 991.98px){
    .mega-menu {
        right: 33px !important;
    }
}

.nav-bottom .nav-item::before {
    content: '';
    position: absolute;
    width: 4px;
    height: 25px;
    right: -29px;
    top: 6px;
    background: transparent;
    border-top-left-radius: 10px;
    border-bottom-left-radius: 10px;
    transition: .3s ease;
}

/*================ End dotted-images (position-img) ===================*/


/*================ list-style-rtl ===================*/
.list-style-icon ul {
    padding-left: 0;
    padding-right: 0;
    /* margin-right: 25px; */
}



/* .experience-section .list-style-icon ul li::before{
    right: 0 !important;
} */

.FAQ-secton .card-text p,li{
    direction: rtl !important;
    text-align: start;
    font-family: 'Avenir';
    font-weight: 500;
    font-style: normal;
}

.FAQ-secton .card-text p,li div{
    direction: rtl !important;
}

.FAQ-secton .card-text div{
    direction: rtl !important;
}

.FAQ-secton .card-text div a {
    direction: rtl !important;
    text-align: start;
}

.list-style-icon ul li, .list-style-icon ul li p{
    padding-right: 5px;
    padding-left: 0;
    /*    margin-top: 30px;*/ /* ProAccount */
}

.mega-menu a{
    text-align: start;
    padding-right: 0;
}

.mega-menu-Partnership a,.mega-menu-small-one-column a{
    text-align: start;
    padding-right: 0;
}

.academy .btn{
    margin-top: 35px;
}
/*================ End list-style-rtl ===================*/


/*================ image-banner-absolute ===================*/
.img-banner-absolute {
    position: absolute;
    top: 0;
    left: 0;
    right: unset;
}

.img-banner {
    transform: rotateY(180deg);
}

.navbar-collapse{
    border-bottom-right-radius: 40px;
    /*    padding: 20px 52px 20px 30px; */
}

.img-tracking{
    transform: rotateY(180deg);
}

.btn-yellow{
    font-family: 'Avenir';
    font-weight: 500;
    font-style: normal;
}

.platforms .img-platforms{
    height: 280px;
}

/*.steps-col{
        align-items: start !important;
    }*/
/*================ End image-banner-absolute ===================*/


/*================ Forms (steps) =================== */

/*first form*/

.input-group.input-group-radio label{
    margin-left: unset;
    /* margin-right: 23px; */
}

.account.form-input{
    direction: rtl !important;
    position: relative !important;
}

.img-tracking{
    transform: rotateY(180deg);
}

.input-group.input-group-radio label span{
    margin-right: 12px;
    margin-left: unset;
    border-left: unset;
    padding: 10px 25px;
}

/*#individualFormStep1 [type="radio"]:checked + label:before, [type="radio"]:not(:checked) + label:before{
    left: unset;
    right: 10px !important;
}*/

[type="radio"]:checked + label, [type="radio"]:not(:checked) + label{
    padding-left: unset;
    padding-right: 40px;
}


#individualFormStep1 [type="radio"]:checked + label:after, [type="radio"]:not(:checked) + label:after{
    left: unset;
    right: 4px !important;
}

.female{
    border-left: 1px solid #edeaf1;
}

.input-group.input-group-radio .female{
    margin-left: 0px !important;
    border-left: 1px solid #edeaf1 !important;
}

.input-group .select-custom ~ .select2-container{
    justify-content: start;
    direction: rtl;
}

.form-floating>.form-control-plaintext~label,
.form-floating>.form-control:focus~label,
.form-floating>.form-control:not(:placeholder-shown)~label,
.form-floating>.form-select~label{
    padding-right: 0 !important;
    right: -25px !important;
}

.input-group .select-custom ~ .select2-container{
    border-right: unset !important;
}

.input-group .label-select .select2-container--default .select2-selection--single .select2-selection__arrow{
    padding: 0 33px !important;
}

#individualFormStep1 .input-group.input-group-multi label{
    border-left: 1px solid #edeaf1;
    padding-left: 15px;
}

#individualFormStep1 .input-group > *:last-child{
    border-right: unset !important;
}

#individualFormStep1 .form-floating>.form-control-plaintext:focus,
.form-floating>.form-control-plaintext:not(:placeholder-shown),
.form-floating>.form-control:focus,
.form-floating>.form-control:not(:placeholder-shown){
    direction: rtl !important;
}


/*#individualFormStep1 [type="radio"]:checked + label, [type="radio"]:not(:checked) + label{
    padding-right: 53px !important;
}*/
/*first form*/



/*second form*/

.iti__arrow{
    margin-left: unset;
    margin-right: 6px;
}

#individualFormStep2 #Phone{
    direction: ltr !important;
}

/*second form*/


/*third form*/



#individualFormStep3 #workPhone{
    direction: ltr !important;
}

.text-under-form [type="radio"]:checked + label:before, [type="radio"]:not(:checked) + label:before{
    right: 0;
}

/*.text-under-form [type="radio"]:checked + label, [type="radio"]:not(:checked) + label{
    padding-right: 48px;
}*/

[type="radio"]:checked + label:before, [type="radio"]:not(:checked) + label:before{
    left: unset;
    right: 0 !important;
}

#individualFormStep3 [type="radio"]:checked + label:after, [type="radio"]:not(:checked) + label:after{
    left: unset;
    right: 0px !important;
}

#individualFormStep3 .label-weight::before{
    right: -4px !important;
}
/*third form*/


/*4th form*/

.input-group > *:last-child{
    border-right: 1px solid #edeaf1 !important;
}

/*#individualFormStep4 [type="radio"]:checked + label, [type="radio"]:not(:checked) + label{
    padding-right: 53px !important;
}*/

/*#individualFormStep4 [type="radio"]:checked + label:before, [type="radio"]:not(:checked) + label:before{
    right: 18px !important;
}*/

#individualFormStep4 [type="radio"]:checked + label:after, [type="radio"]:not(:checked) + label:after{
    right: 4px !important;
}

#individualFormStep4 .input-group.input-group-multi label{
    border-left: unset;
}

#individualFormStep4 .input-group>:not(:first-child):not(.dropdown-menu):not(.valid-tooltip):not(.valid-feedback):not(.invalid-tooltip):not(.invalid-feedback){
    margin-right: unset;
}

/*4th form*/


/*5th form*/

input[type="checkbox"]:checked ~ label::before {
    background: url(../icon/check.svg) no-repeat right top;
    right: -38px;
    z-index: 1;
    top: -3px;
}

/*5th form*/

/*6th form*/
.input-group.input-group-multi label:last-child{
    border-left: 0;
}

.input-group.input-group-multi label{
    border-right: 0;
}

.attached{
    right: unset;
    left: 0 !important;
    border-right: 1px solid #edeaf1 !important;
    border-left: unset !important;
}

#individualFormStep6 .input-group > *:last-child{
    border-right: unset !important;
}

#individualFormStep6 .input-group>*{
    border-left: 1px solid #edeaf1 ;
}

#individualFormStep6 .input-group.input-group-radio label{
    margin-left: 0 !important;
}

#individualFormStep6 #taxNumber{
    direction: rtl !important;
}
/*6th form*/


/*7th form*/
.financial-information label{
    margin-left: unset;
    margin-right: 20px;
}

#individualFormStep7 [type="radio"]:checked + label:after, [type="radio"]:not(:checked) + label:after{
    left: unset;
    right: 4px;
}
/*7th form*/






/* requestToBecomeAnIB */

#selectAccountType #phone{
    direction: ltr !important;
}

#selectAccountType [type="radio"]:checked + label:after, [type="radio"]:not(:checked) + label:after{
    left: unset;
    right: 4px;
}

#selectAccountType .input-group.input-group-multi label{
    border-left: 0;
}

#selectAccountType .input-group > *{
    border-right: 0 !important;
}
/* requestToBecomeAnIB */


/* corporateStep1 */
#corporateStep1 .input-group>:not(:first-child):not(.dropdown-menu):not(.valid-tooltip):not(.valid-feedback):not(.invalid-tooltip):not(.invalid-feedback){
    direction: ltr !important;
}

/*.read-only-data{
    background-color: unset;
}*/

#corporateStep1 [type="radio"]:checked + label:after, [type="radio"]:not(:checked) + label:after{
    left: unset;
    right: 4px;
}
/* corporateStep1 */



/* corporateStep3 */
#corporate4 .input-group.input-group-radio label{
    margin-left: 0 !important;
}

#corporate4 .input-file p{
    margin-left: 62px !important;
}

#corporate4 .input-group > *:last-child{
    border-right: unset !important;
}
/* corporateStep3 */


/* corporateStep4 */
#corporateStep4 [type="radio"]:checked + label:after, [type="radio"]:not(:checked) + label:after{
    left: unset;
    right: 4px;
}
/* corporateStep4 */


/*================ End Forms (steps) ===================*/



/* ExpiryDates */
.grey-btn{
    margin-left: 0;
}

.expiry-btn a:first-child{
    margin-left: 15px;
}
/* ExpiryDates */


.list-style-icon ul li::before {
    right: -22px;
    left: unset;
}

/* MetaTrader5 */
.steps .list-style-icon ul li{
    padding-left: unset;
}

.steps .list-style-icon {
    width: calc(100% - 59px);
}
/* End MetaTrader5 */

/* Education */
.education .search-icon{
    border-radius: 8px 0 0 8px;
}

.education .cards-title:after{
    left: unset;
    right: 0;
}

.education .input-group > *:last-child{
    border-right: 0 !important;
}
/* End Education */


/* AccountRegistrationSteps */
.account-card.step-1::before{
    left: unset;
    right: 50%;
    margin-right: -25px;
    margin-left: auto;
}

.account-card.step-2::before{
    left: unset;
    right: 50%;
    margin-right: -25px;
    margin-left: auto;
}

.account-card.step-3::before{
    left: unset;
    right: 50%;
    margin-right: -25px;
    margin-left: auto;
}

.account-card.step-4::before{
    left: unset;
    right: 50%;
    margin-right: -25px;
}

.account-card.step-5::before{
    left: unset;
    right: 50%;
    margin-right: -25px;
    margin-left: auto;
}

.account-card .card-side-img{
    padding-left: unset;
    padding-right: 55px;
}
/* End AccountRegistrationSteps */


/* All */

.endless-benefits .title{
    max-width: unset;
}

.commodity-title{
    left: unset;
    right: 172px;
}

.blog-date::after{
    left: unset;
    right: 140px;
}

.blog-botton-text{
    padding-left: unset !important;
    padding-right: 15px !important;
}
.blog-section .blog-date p{
    padding-left: unset;
    padding-right: 35px;
}

.blog-section .blog-button{
    margin-right: 30px;
}

.writer-img-name{
    padding-left: 50px;
}
/* End All */


.search-article::before {
    background: url(../img_position/dote_orange-article.svg) no-repeat top left;
    top: -45px;
    right: -30px;
}
.search-article .search-icon-article a{
    right: unset;
    border-radius: 8px 0px 0px 8px;
    left: 0;
}
h2.Category__title::before{
    right: -12px;
    top: -10px;
}
.articleManagement .nav-pills{
    margin: 0 80px 0 0px;
}
.start-writing .Articles-list--large .Articles-list__title:before, .nav-write .nav-link:before{
    background-position-x: center;
}
.Category .Category__articles li{
    padding-right: 0;
}
.Category .Category__articles li a:before, .Articles-list--large .Articles-list__title:before, .nav-write .nav-link::before{
    background-position: right;
}
.education .Articles-list--large li, .education .News-list--large li{
    padding-right: 0;
    padding-left: 25px;
}

@media (max-width: 1399.98px) {
    .education .input-group {
        height: 45%;
    }
    .articleManagement .nav-pills{
        margin: 0 45px 0 0;
    }
}
@media (max-width: 1199.98px) {
    .articleManagement .nav-pills{
        margin: 0;
    }
}

@media (max-width : 1023.98px) {
    .education .input-group{
        height: 87%;
    }

    .education .input-group .select2-container--default
    .select2-selection--single .select2-selection__arrow{
        height: 85%;
    }
}

@media (max-width : 991.98px) {
    .education .input-group .select2-container--default
    .select2-selection--single .select2-selection__arrow{
        height: 90%;
    }

    .platforms .card-platforms:last-child .card::before{
        background: url(../img_position/dote_orange01.svg) no-repeat top right;
        right: -30px;
    }

    .blog-content    {
        padding-left: unsetp;
        padding-right: 65px !important;
    }

    .blog-section .blog-read-time{
        padding-left: unset;
        padding-right: 32px;
    }
}

@media (max-width : 767.98px) {
    .blog-section .blog-button{
        margin-right: 0;
    }

    .blog-section .blog-read-time{
        padding-right: 0;
    }

    .account.form-input .label-select label, .label-select label span, .form-input .form-control{
        padding-left: 15px;
    }

    .input-group .label-select .select2-container--default .select2-selection--single .select2-selection__arrow{
        padding: 0 35px !important;
    }

    .input-group.input-group-multi label{
        border-right: 1px solid #edeaf1;
    }

    #individualFormStep6 .input-group>*{
        border-left: unset !important;
    }

    .attached{
        border-right: unset !important;
    }

    #selectAccountType [type="radio"]:checked + label, [type="radio"]:not(:checked) + label{
        padding-right: 53px;
    }

    #corporate4 .attached{
        top: 25px;
    }

    .expiry-btn a:first-child{
        margin-left: 0 !important;
    }

    .education .input-group {
        height: 100%;
    }

    .education .input-group .select2-container--default
    .select2-selection--single .select2-selection__arrow {
        height: 99%;
    }

    .account-reg-steps .card-side-img{
        padding-right: 0 !important;
    }

    .account-card.first-step::before{
        right: 45% !important;
    }

    .account-card.second-setp::before{
        right: 45% !important;
    }

    .account-card.third-step::before{
        right: 45% !important;
    }

    .account-card.fourth-step::before{
        right: 45% !important;
    }

    .account-card.fifth-step::before{
        right: 45% !important;
    }

    .blog-section .blog-date p{
        padding-left: unset;
        padding-right: 15px;
    }

    .blog-date::after{
        left: unset;
        right: 18px;
    }

}

@media (max-width : 576.98px) {
    .bg-yellow .p-with-a, .bg-yellow .p-with-a a{
        font-size: 20px;
    }
}

@media (max-width:400px){
    .account.form-input .label-select{
        flex-wrap: inherit;
    }

    .input-group .label-select .select2-container--default .select2-selection--single .select2-selection__arrow{
        padding: 0 48px !important;
    }

    .account.form-input .label-select label, .label-select label span, .form-input .form-control{
        padding-left: 20px;
    }

    .account.form-input .flex-item{
        flex-wrap: inherit;
    }

    .input-group.input-group-radio .female{
        border-left: unset !important;
    }

    .input-group.input-group-multi label{
        border-right: unset;
    }

    #selectAccountType .input-group .label-select .select-custom ~ .select2-container{
        min-width: 88px;
    }

    .account-card.first-step::before{
        right: 42% !important;
    }

    .account-card.second-setp::before{
        right: 42% !important;
    }

    .account-card.third-step::before{
        right: 42% !important;
    }

    .account-card.fourth-step::before{
        right: 42% !important;
    }

    .account-card.fifth-step::before{
        right: 42% !important;
    }

}
