/* RTL Specific Styles - Complete File */
@import url("https://fonts.googleapis.com/css2?family=Tajawal:wght@200;300;400;500;700;800;900&display=swap");

/* Base RTL Settings */
html[dir="rtl"] {
    text-align: right;
}

html[dir="rtl"] body,
html[dir="rtl"] .np_header,
html[dir="rtl"] .np_menu_list li a,
html[dir="rtl"] .np_navbar_btn,
html[dir="rtl"] .np__common_button,
html[dir="rtl"] .np_count_box_text p,
html[dir="rtl"] .np_whoWeAre_para p,
html[dir="rtl"] .np_tradeOnline_slide_text p,
html[dir="rtl"] .np_products_text p,
html[dir="rtl"] .np_resReport_card_text p,
html[dir="rtl"] .np_FAQ_list_disc p,
html[dir="rtl"] .np_footer_link li a,
html[dir="rtl"] .np_footer_link h4 {
    font-family: "Tajawal", "Noto Kufi Arabic", sans-serif;
}

/* Header RTL */
html[dir="rtl"] .np_navbar .np_menu_list {
    padding-right: 0;
}
/* html[dir="rtl"] .np_hero_img img {
    transform: scaleX(-1);
} */

/* html[dir="rtl"] .np_hero_text {
    right: auto;
    left: 15.5%;
} */

html[dir="rtl"] .np_acHero_content .np_acHeroLft{
    transform: scaleX(-1);
}

html[dir="rtl"] #successModal .modal-img{
    transform: scaleX(-1);
}

/* Count Box RTL */

/* Who We Are Section RTL */
html[dir="rtl"] .np_whoWeAre_para p {
    text-align: right;
}

/* Trade Online Slides RTL */
html[dir="rtl"] .np_tradeOnline_slide_text {
    text-align: right;
}

/* First Slide - eTrade */
html[dir="rtl"] .np_tradeOnline_slideLists li:nth-child(1) .np_tradeOnline_slide_text {
    float: right;
}

/* html[dir="rtl"] .np_tradeOnline_slideLists li .np_tradeOnline_slideImg img {
    transform: scaleX(-1);
} */
html[dir="rtl"] .np_tradeOnline_slideLists li:nth-child(1) .np_tradeOnline_slideImg {
    left: 0;
    right: auto;
    bottom: -30px;
}
html[dir="rtl"] .np_tradeOnline_slideLists li:nth-child(1) .np_tradeOnline_slideContent {
    float: right;
}
html[dir="rtl"] .np_tradeOnline_slideLists li:nth-child(3) .np_tradeOnline_slideContent {
    float: right;
}

/* Second Slide - Mobile Trading */
html[dir="rtl"] .np_tradeOnline_slideLists li:nth-child(2) .np_tradeOnline_slideContent {
    float: left;
}

html[dir="rtl"] .np_tradeOnline_slideLists li:nth-child(2) .np_tradeOnline_slide_text {
    float: left;
}

html[dir="rtl"] .np_tradeOnline_slideLists li:nth-child(2) .np_tradeOnline_slide_text p {
    text-align: left;
    float: left;
}

html[dir="rtl"] .np_tradeOnline_slideLists li:nth-child(2) .np_tradeOnline_slideImg {
    right: 0;
    left: auto;
}

/* Third Slide - Direct Market Access */
html[dir="rtl"] .np_tradeOnline_slideLists li:nth-child(3) .np_tradeOnline_slideImg {
    left: 0;
    right: auto;
}

/* Products Section RTL */
html[dir="rtl"] .np_products_card {
    text-align: right;
    width: 100%;
}

html[dir="rtl"] .np_products_img {
    float: right;
    margin-left: 16px;
    margin-right: 0;
}

/* Report Section RTL */

html[dir="rtl"] .np_report_card_img {
    float: right;
    margin-left: 16px;
    margin-right: 0;
}

html[dir="rtl"] .np_resReport_card_text .read-more {
    float: right;
}

html[dir="rtl"] .np_resReport_card_text .read-more span svg {
    transform: scaleX(-1);
}

html[dir="rtl"] .np_FAQ_list_disc {
    text-align: right;
}

/* Contact Us RTL */
html[dir="rtl"] .np_contactUs_bg_text {
    left: auto;
    right: 3.75rem;
}

html[dir="rtl"] .np_contactUs_bg_text[data-position="right"] {
    right: auto;
    left: 3.75rem;
}

html[dir="rtl"] .np_contactUs_bg_text a span {
    margin-left: 10px;
    margin-right: 0;
}
html[dir="rtl"] .np_contactUs_bg_text a span:last-child {
    margin-left: 0;
    margin-right: 0;
    direction: ltr;
}

html[dir="rtl"] .np_footer_link li:has(span[data-en="Phone:"]) a {
    direction: ltr;
    unicode-bidi: isolate;
}

/* Contact Us Form RTL */
html[dir="rtl"] .np_contactUs_bg_text_frm ul li .arrow {
    left: 2%;
    right: auto;
    transform: translate(50%, -50%);
}

/* Footer RTL */
html[dir="rtl"] .np_footer_links {
    text-align: right;
}

html[dir="rtl"] .np_footer_link li {
    text-align: right;
}

html[dir="rtl"] .np_footer_link li a {
    display: inline-block;
}

/* Slider RTL Adjustments */
html[dir="rtl"] .slick-prev {
    left: auto !important;
    right: -30px !important;
    transform: rotate(180deg) !important;
}

html[dir="rtl"] .slick-next {
    right: auto !important;
    left: -30px !important;
    transform: rotate(180deg) !important;
}

html[dir="rtl"] .slick-prev:before,
html[dir="rtl"] .slick-next:before {
    transform: rotate(180deg);
}

/* Awards Slider RTL */
html[dir="rtl"] .np_awards_slider_inner {
    direction: ltr;
}

html[dir="rtl"] .np_award_card {
    text-align: right;
}

/* Management Page RTL */
html[dir="rtl"] .np_outManagementContOutter {
    margin-right: 0;
    margin-left: -13%;
}

html[dir="rtl"] .np_outManagementImg {
    left: auto;
    right: 0;
}
html[dir="rtl"] .jobDeskBtn a svg {
    transform: rotate(180deg);
}
html[dir="rtl"] .np_hero_textImg-ar {
    display: block;
}
html[dir="rtl"] .np_hero_textImg-en {
    display: none;
}
html[dir="rtl"] .psAboutImg {
    margin-left: 0;
    margin-right: 32px;
}
html[dir="rtl"] .careerRightBox {
    padding-left: 0;
    padding-right: 20px;
}
html[dir="rtl"] .sv_accountCreationRightFormFields > label {
    float: right;
}
html[dir="rtl"] .careerRightBox p {
    float: right;
}

/* sv_signUpNumber RTL handled in style.css alongside the LTR iti rules */
html[dir="rtl"] .sv_signUpVerify {
    padding-left: 5px;
    padding-right: 1em;
}
html[dir="rtl"] .sv_signUpVerify.num {
    padding-left: 3px;
    padding-right: 1em;
}
html[dir="rtl"] .o_wrapper {
    max-width: 1814px;
    padding: 0;
    padding-left: 0;
    padding-right: 24px;
    margin: 0 auto 0 0;
    position: relative;
}
html[dir="rtl"] .sv_accountCreationRightFormFields > input.date-picker,
html[dir="rtl"] .sv_accountCreationRightFormFields > input.date-picker:hover,
html[dir="rtl"] .sv_accountCreationRightFormFields > input.date-picker:focus {
    background-position: left 14px center;
}
html[dir="rtl"] .sv_accountCreationRightFormFields > .flatpickr-wrapper input.date-picker,
html[dir="rtl"] .sv_accountCreationRightFormFields > .flatpickr-wrapper input.date-picker:hover,
html[dir="rtl"] .sv_accountCreationRightFormFields > .flatpickr-wrapper input.date-picker:focus {
    background-position: left 14px center;
}
html[dir="rtl"] .select2-container--default .select2-selection--single .select2-selection__arrow {
    left: 15px;
    right: auto;
}
html[dir="rtl"] .file-placeholder {
    background-position: left 20px center;
}
html[dir="rtl"] .vResearchCnt .np_filter_group select {
    background-position: 2%;
}
html[dir="rtl"] .custom-file:hover .file-placeholder {
    background-position: left 20px center;
}
html[dir="rtl"] .sv_accountCreationLeftListingStepsBtn.active .sv_accountCreationLeftListingStepsTxt {
    background-position: left top 7px;
    padding-right: 0;
    padding-left: 1em;
    background-image: url("data:image/svg+xml;utf8,\<svg width='5' height='8' viewBox='0 0 5 8' fill='none' xmlns='http://www.w3.org/2000/svg'>\<path d='M1.45052 3.76667L4.18385 1.03333C4.30608 0.911112 4.36719 0.772223 4.36719 0.616667C4.36719 0.45 4.30608 0.305556 4.18385 0.183333C4.06163 0.0611111 3.92274 0 3.76719 0C3.60052 0 3.45608 0.0611111 3.33385 0.183333L0.167188 3.35C0.111632 3.40556 0.0727429 3.47222 0.0505209 3.55C0.0171876 3.61667 0.000520706 3.68889 0.000520706 3.76667C0.000520706 3.84444 0.0171876 3.92222 0.0505209 4C0.0727429 4.06667 0.111632 4.12778 0.167188 4.18333L3.33385 7.35C3.45608 7.47222 3.59497 7.53333 3.75052 7.53333C3.90608 7.52222 4.04497 7.45556 4.16719 7.33333C4.28941 7.21111 4.35052 7.07222 4.35052 6.91667C4.35052 6.75 4.28941 6.60556 4.16719 6.48333L1.45052 3.76667Z' fill='white'/>\</svg>");
}
html[dir="rtl"] .sv_accountCreationRightFormFields > input::placeholder {
    float: right;
}
html[dir="rtl"] .select2-container--default .select2-selection--single .select2-selection__clear {
    left: 6%;
    right: auto;
}
html[dir="rtl"] .np_pnum > input{padding-left:0 !important;padding-right:80px !important;}

html[dir="rtl"] .np_pnum > select{left: auto;top: 5px;right: 5px;direction: ltr;}
html[dir="rtl"] .sv_contDrop > select{direction: ltr;}
html[dir="rtl"] .conformation .sv_accountCreationStepsSelectionTNCCheck::before{left: auto;right: 0;}
html[dir="rtl"] .conformation .sv_accountCreationStepsSelectionTNCCheck{padding-left: 0;padding-right: 25px;}
html[dir="rtl"] .sv_accountCreationRightFormBox{padding-right: 0;padding-left: 0.6em;}
html[dir="rtl"] .conformation .sv_accountCreationStepsSelectionTNCCheck::after{left: 0;right: 4px;}
html[dir="rtl"] .sv_signUpInputs.sv_signUpNumber .sv_sendOtpBtn{padding-left:0.2em;padding-right:0.2em;}
html[dir="rtl"] .sv_accountCreationRightFormFields .ibanV{right: auto;left: 0;transform: translate(10%, 48%);}
html[dir="rtl"] .modal-header h2{text-align: right;}
html[dir="rtl"] .modal-body{text-align:start;}
html[dir="rtl"] .select2-container .select2-selection__rendered{padding-right: 20px !important;padding-left: 45px !important;}
html[dir="rtl"] .np_onlineCashTsec_lft{margin-right: 9vw;margin-left: 0;}
html[dir="rtl"] .np_onlineCashTsec_rgt{right:auto;left:20vw;}
html[dir="rtl"] .np_onlineCashTsec_rgtForm_itemIcon{right:16px;left:auto;}
html[dir="rtl"] .np_onlineCashTsec_rgtForm_item input{padding-left: 16px;padding-right: 40px;}
html[dir="rtl"] .act_wrapper{max-width:1807px;padding-left:0;padding-right:24px;margin:0 auto 0 0;}
/* html[dir="rtl"] .np_acOnlineTrading_RgtImg img{transform: scaleX(-1);} */
html[dir="rtl"] .np_acOnlineTrading_LftUserMan .np_acDocs_LftPdfsListInner{float:right;}
html[dir="rtl"] .np_acOnlineTrading_LftLinks, html[dir="rtl"] .np_acOnlineTrading_LftLinksList{float:right;}
html[dir="rtl"] .np_acImpNotice_points{padding-left: 0;padding-right: 1.125rem;}
html[dir="rtl"] .company-table thead th:first-child{padding:24px 0;padding-left:0;padding-right: 32px;text-align: right;}
html[dir="rtl"] .company-table thead th:last-child{padding:24px 0;padding-right:0;padding-left:32px; text-align:end;}
html[dir="rtl"] .company-table tbody td:first-child{padding:24px 0;padding-left:0; padding-right:32px;text-align: right;}
html[dir="rtl"] .company-table tbody td:last-child{padding:24px 0;padding-right:0;padding-left:32px;text-align:end;}
html[dir="rtl"] .company-coverage-page .searchInputWrap{padding: 0 20px 0 0;}
html[dir="rtl"] .company-coverage-page .searchIcon{margin-right: 0;margin-left: 12px;}
html[dir="rtl"] .schedFeeTable > table > thead tr > th{text-align: right;}
html[dir="rtl"] .schedFeeDesc table tr td{text-align: right;}
html[dir="rtl"] .modal-overlay.knowMoreModal .modalPara{text-align: right;}
html[dir="rtl"] .modal-overlay.knowMoreModal .modalLink{text-align: right;}
html[dir="rtl"] .sv_accountCreationRightFormFields.arbName input{text-align: left;direction: ltr;}
html[dir="rtl"] .sv_accountCreationRightFormFields.arbName input::placeholder{text-align: left;float: left;}
html[dir="rtl"] .sv_accountCreationRightFormFields .error-message{left: auto;right: 0;text-align: right;}
html[dir="rtl"] .np_acImpNotice.indv .tradindFeesBoxExt{border-left:none;padding-left:0;margin-left:0;border-right:1px solid rgba(255,255,255,0.3);padding-right:5.3125rem;margin-right:5.3125rem;}

html[dir="rtl"] .modal-content.success .modal-header h2 > span:first-child:has(svg){transform: rotateY(180deg);}
html[dir="rtl"] .modal-content.success .modal-header h2 > span:last-child:has(svg){transform: rotateY(180deg);}

html[dir="rtl"] .detaArrowBtn{left: 20px;right: auto;transform: rotateY(180deg);}
html[dir="rtl"] .activeOver .omOverText *{text-align: right;}
html[dir="rtl"] .preview-icon{margin-left:0;margin-right:10px;margin-bottom: .5rem;}

html[dir="rtl"] .sv_accountCreationRightFormUpdateRequiredSec > ul,html[dir="rtl"] .sv_accountCreationRightFormUpdateRequiredSec > ul > li > ul{padding-right: 1.5em;padding-left: 0;}
html[dir="rtl"] .sv_accountCreationRightFormUpdateRequiredSec > ul > li::after, html[dir="rtl"] .sv_accountCreationRightFormUpdateRequiredSec > ul > li > ul > li::after{right: -15px;left: auto;top: 7px;}

html[dir="rtl"] .notForArbic{display: none;}
html[dir="rtl"] .qDiv ul{padding-right: 25px;padding-left: 0;}

html[dir="rtl"] .notFoundHero .np_acHeroRgtTitle .np_acHero_text h2{text-align: right;}
html[dir="rtl"] .ipoTimeLine {float: right;}

html[dir="rtl"] .np_hero_slide .np_hero_textImg-en{display:none !important;}
html[dir="rtl"] .np_hero_slider .slick-next{right:auto !important;left:30px !important;transform:rotate(180deg) !important;}
html[dir="rtl"] .np_hero_slider .slick-prev{left:auto !important;right:30px !important;transform:rotate(180deg) !important;}

html[dir="rtl"] .np_hero_slider .np_hero_textImg-ar{display: block !important;}
html[dir="rtl"] .np_hero_slider .slick-slider .slick-slide img {display: block !important;}

@media screen and (max-width: 1728px){
    html[dir="rtl"] .np_onlineCashTsec_rgt{left:13vw;}
}

@media screen and (max-width: 1680px){
    html[dir="rtl"] .act_wrapper{max-width:1582px;}
    html[dir="rtl"] .np_onlineCashTsec_lft{margin-right: 80px;}
    html[dir="rtl"] .np_onlineCashTsec_rgt{left:15vw;}
}

@media screen and (max-width: 1536px){
    html[dir="rtl"] .np_onlineCashTsec_rgt{left:11vw;}
}

@media screen and (max-width: 1024px){
    html[dir="rtl"] .np_onlineCashTsec_rgt{left:50%;transform: translateX(50%);}
    html[dir="rtl"] .np_onlineCashTsec_lft{margin-inline: auto;}
}

/* Mobile Menu RTL */
@media (max-width: 991px) {
    html[dir="rtl"] .np_navbar {
        left: auto;
        right: -100%;
        transition: right 0.3s ease;
    }

    html[dir="rtl"] .np_navbar.active {
        right: auto;
        left: 0;
    }

    html[dir="rtl"] .np_navbar_btn {
        right: -100%;
        left: auto;
        transition: left 0.3s ease;
    }

    html[dir="rtl"] .np_navbar_btn.active {
        left: 0;
        right: auto;
    }
}

/* Responsive RTL Adjustments */
@media (max-width: 1200px) {
    html[dir="rtl"] .np_contactUs_bg_text {
        right: 2rem;
    }

    html[dir="rtl"] .np_contactUs_bg_text[data-position="right"] {
        left: 2rem;
        right: auto;
    }

    html[dir="rtl"] .slick-prev {
        left: auto !important;
        right: 0px !important;
        transform: rotate(180deg) !important;
    }

    html[dir="rtl"] .slick-next {
        right: auto !important;
        left: 0px !important;
        transform: rotate(180deg) !important;
    }
    html[dir="rtl"] .o_wrapper {
        max-width: 1814px;
        padding: 0 24px;
        padding-left: auto;
        margin: 0 auto;
        position: relative;
    }
}

@media (max-width: 1024px) {
    html[dir="rtl"] .np_contactUs_bg_text[data-position="left"] {
        right: 2rem;
        left: auto;
    }

    html[dir="rtl"] .np_contactUs_bg_text[data-position="right"] {
        left: 2rem;
        right: auto;
    }

    /* html[dir="rtl"] .np_hero_text {
        left: 10%;
        right: auto;
    } */

    html[dir="rtl"] .np_navbar_btn {
        margin-left: 0;
        margin-right: auto;
    }
    html[dir="rtl"] .mobile-menu-toggle {
        margin-left: 0;
        margin-right: 15px;
    }
    html[dir="rtl"] .np_onlineCashTsec_rgt {
        top: 50%;
        right: 50%;
        transform: translate(50%, -50%);
    }
    html[dir="rtl"] .np_acImpNotice.indv .tradindFeesBoxExt {
        padding-right: 0;
        margin-right: 0;
        padding-top: 1.3125rem;
        margin-top: 1.3125rem;
        border-right: none;
        border-top: 1px solid rgba(255, 255, 255, 0.3);
        max-width: 100%;
    }

}

@media (max-width: 820px) {
    /* html[dir="rtl"] .np_hero_text {
        left: 5%;
        top: 25%;
        right: auto;
    } */

    html[dir="rtl"] .np_contactUs_bg_text[data-position="left"],
    html[dir="rtl"] .np_contactUs_bg_text[data-position="right"] {
        left: 50% !important;
        right: auto !important;
        transform: translateX(-50%);
    }

    html[dir="rtl"] .np_tradeOnline_slide_text p {
        text-align: center;
    }

    /* html[dir="rtl"] .np_tradeOnline_slide_btn {
        justify-content: center;
    } */

    html[dir="rtl"] .np_tradeOnline_slideLists li:nth-child(2) .np_tradeOnline_slide_text p {
        text-align: center;
    }

    html[dir="rtl"] .np_hero_slider .slick-next{left:10px !important; width:40px !important;height:40px !important;}
    html[dir="rtl"] .np_hero_slider .slick-prev{right:10px !important; width:40px !important;height:40px !important;}
}
@media (max-width: 610px) {
    html[dir="rtl"] .psAboutImg{
        margin-right: 0;
    }
    html[dir="rtl"] .sv_sendOtpBtn button, .sv_sendOtpBtn a{
        line-height: 1.1;
    }


}
@media (max-width: 480px) {
    /* html[dir="rtl"] .np_hero_text {
        left: 5%;
        top: 15%;
        right: auto;
    } */
    html[dir="rtl"] .np_onlineCashTsec_rgt {
        max-width: 350px;
        padding: 25px;
        top: 40%;
    }
}

/* Print Styles */
@media print {
    html[dir="rtl"] {
        direction: rtl;
    }
}

/* OTP RTL overrides */
html[dir="rtl"] .sv_otpCountdown {
    margin-right: 0;
    margin-left: 0.25em;
}
html[dir="rtl"] .sv_signUpOtpInput {
    padding: 0 1em 0 0.5em;
}
html[dir="rtl"] .sv_signUpOtpInput .sv_TxtInp input {
    direction: ltr;
    text-align: right;
}

/* Email icon pseudo-element RTL flip */
html[dir="rtl"] .sv_signUpEmail .sv_TxtInp::before {
    left: auto;
    right: 18px;
}
html[dir="rtl"] .sv_signUpEmail .sv_TxtInp input {
    padding-left: 1.1428em;
    padding-right: 44px;
}

/* ============================================
   PROFILE DROPDOWN — RTL
   ============================================ */

html[dir="rtl"] .np_profile_wrap .np_profile_dropdown {
    right: auto;
    left: 0;
}

html[dir="rtl"] .np_profile_email,
html[dir="rtl"] .np_profile_logout {
    text-align: right;
    direction: rtl;
}


/* ============================================================
   DOCUMENT VERIFICATION — RTL / Arabic overrides
   ============================================================ */

/* Tab buttons: flip border-radius and border sides */
html[dir="rtl"] .dv_tabBtn:first-child {
    border-radius: 0 8px 8px 0;
    border-left: 1.5px solid rgba(255, 255, 255, 0.35);
    border-right: none;
}

html[dir="rtl"] .dv_tabBtn:last-child {
    border-radius: 8px 0 0 8px;
    border-right: 1.5px solid rgba(255, 255, 255, 0.35);
    border-left: none;
}

/* iti flag button: border flips to left side */
html[dir="rtl"] .dv_itiWrap .iti__selected-country {
    border-right: none;
    border-left: 1px solid rgba(255, 255, 255, 0.25);
}

/* iti input: padding flips so text clears the flag on the right */
html[dir="rtl"] .dv_itiWrap input[type="tel"] {
    padding: 0.75rem 4.2rem 0.75rem 1rem;
    text-align: right;
}

/* Country row gap direction */
html[dir="rtl"] .dv_countryRow {
    flex-direction: row-reverse;
}

/* Warning box text alignment */
html[dir="rtl"] .dv_warningBox p {
    text-align: right;
    direction: rtl;
}

/* Label text alignment */
html[dir="rtl"] .dv_label {
    text-align: right;
    direction: rtl;
}

/* Error message alignment */
html[dir="rtl"] .dv_errorMsg {
    text-align: right;
    direction: rtl;
}

/* ─── Document Verification intl-tel-input Dropdown RTL ───────────── */
html[dir="rtl"] .dv_itiWrap .iti__dropdown {
    text-align: right;
    direction: rtl;
}

html[dir="rtl"] .dv_itiWrap .iti__list-item {
    flex-direction: row-reverse;
    text-align: right;
    direction: rtl;
}

html[dir="rtl"] .dv_itiWrap .iti__flag {
    margin-right: 0;
    margin-left: 8px;
    order: 2;
}

html[dir="rtl"] .dv_itiWrap .iti__country-name {
    text-align: right;
    direction: rtl;
    order: 1;
}

html[dir="rtl"] .dv_itiWrap .iti__dial-code {
    text-align: right;
    direction: rtl;
    padding-right: 8px;
    padding-left: 0;
    order: 3;
}

/* iti dropdown items in RTL context */
html[dir="rtl"] .iti__country {
    text-align: right;
    direction: rtl;
}

html[dir="rtl"] .iti__country-name {
    margin-right: 8px;
    margin-left: 0;
}

html[dir="rtl"] .iti__search-input {
    text-align: right;
    direction: rtl;
}

/* ============================================
   NEW CODE — CERTIFICATIONS SLIDER (RTL)
   Paste this block at the bottom of rtl.css
   ============================================ */
html[dir="rtl"] .np_cert_slider_inner {
    direction: ltr;
}

html[dir="rtl"] .np_cert_card {
    text-align: right;
}

html[dir="rtl"] .np_certifications_icon,
html[dir="rtl"] .np_cert_card_icon {
    direction: ltr;
}

html[dir="rtl"] .np_certifications_introIn {
    flex-direction: row-reverse;
}

html[dir="rtl"] .np_certifications_text {
    text-align: right;
}