html[dir="rtl"] .header_btn {
    background: var(--dark-blue);
    backdrop-filter: blur(2px);
    border-radius: 50px;
    padding: 16px 49px;
    /* font-family: 'RM Neue'; */
    font-style: normal;
    font-weight: 400;
    font-size: 12px;
    line-height: 15px;
    color: var(--white-color);
    border: 1px solid var(--dark-blue);
    margin-left: 8px;
}

@media (min-width: 1200px) {
    html[dir="rtl"] .navmenu a i {

        margin-right: 5px;

    }
}

/* RTL specific styles */
html[dir="rtl"] {
    direction: rtl;
    text-align: right;
}

html[dir="rtl"] .dropdown-menu {
    text-align: right;
    left: auto !important;
    right: 0 !important;
}

/* html[dir="rtl"] .me-2 {
    margin-right: 0 !important;
    margin-left: 0.5rem !important;
} */

html[dir="rtl"] .theme-switch.me-3 {
    margin-right: 0 !important;
    margin-left: 1rem !important;
}

html[dir="rtl"] .logo.me-auto {
    margin-right: 0 !important;
    margin-left: auto !important;
}

html[dir="rtl"] .slider:before {
    left: auto;
    right: 4px;
}

html[dir="rtl"] input:checked+.slider:before {
    transform: translateX(-30px);
}

html[dir="rtl"] .slider .sun {
    left: auto;
    right: 8px;
}

html[dir="rtl"] .slider .moon {
    right: auto;
    left: 8px;
}

html[dir="rtl"] .slider {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: var(--toggle-bg);
    transition: .4s;
    border-radius: 34px;
}

.slider:before {
    position: absolute;
    content: "";
    height: 22px;
    width: 22px;
    left: 4px;
    bottom: 4px;
    background-color: var(--toggle-slider);
    transition: .4s;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
}


html[dir="rtl"] .dropdown.me-2 {
    margin-left: .5rem !important;

}

html[dir="rtl"] .has-submenu>a::after {
    content: "\f286";
    margin-right: auto;
    margin-left: unset;
}

html[dir="rtl"] .ms-md-3 {
    margin-right: 1rem !important;
}

html[dir="rtl"] .submenu {

    right: 100%;
    margin-right: 20px;
}


html[dir="rtl"] {

    #saving_plans .explore-more-btn .me-2,
    .visa_content .explore-more-btn .me-2 {
        margin-left: .5rem !important;

    }
}

html[dir="rtl"] {
    .visa_content .text-lg-start {
        text-align: right !important;
    }
}

html[dir="rtl"] .announcements_sec .text-lg-start {
    text-align: start !important;
}


html[dir="rtl"] .me-2 {
    margin-left: .5rem !important;
}

/* html[dir="rtl"] .mob_img {
    position: absolute;
    bottom: 0;
    transform: translate(90px, 10px) !important;
} */

html[dir="rtl"] .ps-lg-5 {
    padding-left: 1rem !important;
}

html[dir="rtl"] .me-3 {
    margin-left: 1rem !important;
}

html[dir="rtl"] .swiper-button-next:after {
    content: 'next';
    transform: rotate(180deg);
}

html[dir="rtl"] .swiper-button-prev:after {
    content: 'next';
    transform: rotate(0deg);
}

html[dir="rtl"] .footer_sec .list-unstyled {

    padding-right: 0;
}

html[dir="rtl"] .input-wrapper input {

    margin-left: 8px;
    margin-right: 0;
}

html[dir="rtl"] .toggle_btn {
    position: absolute;
    left: 100px;
    right: auto;
}

html[dir="rtl"] .list-inline {
    padding-right: 0;
    list-style: none;
}

html[dir="rtl"] .news_cirlce img {

    transform: translate(40%, 5%);
    overflow: hidden;
}

html[dir="rtl"] .hr_line {
    border-top: 1px solid var(--white-color);
    opacity: 1;
}

/* html[dir="rtl"] .gradient_btn {

    padding: 12px 25px;

} */

html[dir="rtl"] .progress_slider .slick-slide {
    margin-left: 24px;
    margin-right: 0;
}

html[dir="rtl"] .hero h2 {

    letter-spacing: -0.01em;
    font-size: clamp(44px, 5vw, 64px);

}


@media (min-width: 1024px) and (max-width: 1366px) {

    html[dir="rtl"] .navmenu a,
    html[dir="rtl"] .navmenu a:focus {

        font-size: 13px;
        padding: 6px;
        line-height: 19px;
        transition: 0.3s;
    }

    html[dir="rtl"] .hero h2 {
        font-size: clamp(35px, 5vw, 55px);
    }


}

html[dir="rtl"] .svg-icon-list {
    list-style: none;
    padding-right: 0;
    margin-bottom: 0px;
}

html[dir="rtl"] .header .logo img {

    margin-left: 0;
    margin-right: auto;
}


html[dir="rtl"] .swiper-wrapper {
    direction: ltr !important;
}



html[dir="rtl"] .mobile-nav-active,
html[dir="rtl"] .mobile-nav-toggle {


    left: 15px;
    right: auto;

}



html[dir="rtl"] .saving_plans .dropdown-menus {
    font-family: var(--nav-font);

    background-image: url(../img/arrow-left.png);
    background-repeat: no-repeat;
    background-position-x: 5%;

}


html[dir="rtl"] .mob_img {
    position: absolute;
    bottom: 0;
    transform: translate(110px, 10px) !important;
}


html[dir="rtl"] .we_offer .offer_cards:hover .content p,
html[dir="rtl"] .we_offer .offer_cards:hover .content button {
    opacity: 1;
    transform: translateY(0);
    display: flex;
    text-align: start !important;
}


html[dir="rtl"] .subcategory-list {

    padding-right: 0 !important;
}


html[dir="rtl"] #permium_banking_page .elite_sec .text-lg-start {


    text-align: start !important;
}


html[dir="rtl"] .apply_account .text-start {
    text-align: right !important;
}


html[dir="rtl"] .apply_account {


    background: url(../img/flip_banner.webp) center / cover no-repeat, linear-gradient(180deg, #26AAE1 0%, #015EAB 100%);
}

html[dir="rtl"] .bi-chevron-right {
    transform: rotate(180deg);
}

/* elite  banking page css */
html[dir="rtl"] .over_draft .offset-lg-1 {
    margin-right: 8.33333333%;
}


html[dir="rtl"] .accordion-button::after {
    margin-right: auto;
    margin-left: unset;
}

html[dir="rtl"] .contact_us .elite_gradient_btn {
    right: auto;
    left: 28%;
    top: -25px;

}

html[dir="rtl"] .pb_gradient_btn.ms-auto {
    margin-right: auto !important;
}

html[dir="rtl"] .btn_bottom_sec {
    right: auto !important;
    left: 80px !important;

}

/* elite  banking page css */

html[dir="rtl"] .list_timeline {

    transform: translate(90px, 0%);

}


html[dir="rtl"] .before_cardss li {
    background-repeat: no-repeat;
    background-position: right center;
    background-size: 10px 10px;
}

html[dir="rtl"] .before_cardss ul,
html[dir="rtl"] .before_cards ul {
    list-style: none;
    padding-right: 0;
}

html[dir="rtl"] .before_cardss li {

    padding-right: 30px;
}

html[dir="rtl"] .access_acc ul {
    list-style-type: "✓";
    padding-right: 1em;
    padding-left: unset;
}

html[dir="rtl"] .custom_check p {
    padding-right: 12px;
}

html[dir="rtl"] .access_acc .text-lg-start {
    text-align: right !important;
}

html[dir="rtl"] .access_acc .me-lg-3 {
    margin-left: 1rem !important;
}


html[dir="rtl"] .subscribe-input {
    margin-right: auto;
    margin-left: 24px;
    width: 100%;

}


html[dir="rtl"] .image-check-list li::before {
    content: "";
    position: absolute;
    right: 0;

}


html[dir="rtl"] .image-check-list li {

    padding-right: 30px;
    padding-right: auto;

}


html[dir="rtl"] .chervom_arr {
    transform: rotate(180deg);
}


html[dir="rtl"] .map_sec .pe-lg-0 {
    padding-left: 0 !important;
}

html[dir="rtl"] .map_sec .ps-lg-0 {
    padding-right: 0 !important;
}

html[dir="rtl"] #setting_up .before_cardss::after {
    content: '';
    left: 0 !important;
    right: unset !important;
    border-left: 1px solid var(--white-color);
    position: absolute;
    top: 0%;
    bottom: 10%;
}



html[dir="rtl"] .custom-select::after {

    content: "\f282";
    font-size: 14px;
    font-family: bootstrap-icons !important;
    font-style: normal;
    font-weight: normal !important;
    color: var(--navy-color);
    position: absolute;
    left: 10px;
    right: unset;
    top: 50%;
    transform: translateY(40%);
    pointer-events: none;

}


html[dir="rtl"] .ibanlist {
    background: transparent !important;
    max-width: 100% !important;
    padding-right: 2rem !important;
    padding-left: unset !important;

}



/* ============================================================= personal page css start ==================================================== */


html[dir="rtl"] .things_to_know .before_cards li {
    position: relative;
    padding-right: 30px;
    line-height: 1.5;
    background-repeat: no-repeat;
    background-position: right;
    background-size: 10px 10px;
}

html[dir="rtl"] #escrow_account_page #faqCollapseOne .accordion-body {
    background: transparent;

}


html[dir="rtl"] .things_to_know .me-lg-3 {
    margin-left: 1rem !important;
}


html[dir="rtl"] .more_services_icons.me-4 {
    margin-left: 1.5rem !important;
    margin-right: auto;
}

html[dir="rtl"] .check_rates .custom-select::after {
    content: "\f282";
    font-size: 14px;
    font-family: bootstrap-icons !important;
    font-style: normal;
    font-weight: normal !important;
    color: var(--navy-color);
    position: absolute;
    left: 15px;
    right: unset;
    top: 15%;
    transform: translateY(40%);
    pointer-events: none;
}


html[dir="rtl"] .contact_form_tabs .custom-select::after {
    transform: translateY(-50%) !important;
}

/* ends */



html[dir="rtl"] .search_jobs .search-icon{
    left: 10px;
    right: unset;
}

html[dir="rtl"] .all_news_section .custom-select::after {
    transform: translateY(-50%) !important;
}

html[dir="rtl"] .q1fy25 .accordion-button::after {
    position: absolute;
    right: unset !important;
    top: -20px !important;
    left: 0;
   
}



html[dir="rtl"]  .toggle_btn .toggle-wrapper {
    display: flex
;
    justify-content: center;
    align-items: center;
    position: fixed;
    bottom: 50px;
    right: unset;
    z-index: 999;
}

html[dir="rtl"] .chart-legend li span {
    width: 16px;
    height: 16px;
    border-radius: 50%;
    margin-left: 8px;
    margin-right: unset;
    display: inline-block;
}

/* ============================================================= personal page css ends ==================================================== */




@media (max-width: 350px) {
    html[dir="rtl"] #mobile_app_sec .mob_img {
        transform: translate(14px, -374px) !important;
    }


}


@media (max-width: 640px) {

    [data-bs-theme="dark"] .explore-more-btn,
    #announcements_sec .view_all_btn {

        padding: 16px 25px;

    }

    html[dir="rtl"] .access_acc .me-lg-3 {
        margin-left: 1rem !important;
        margin-bottom: 20px;
    }

    html[dir="rtl"] .access_acc .text-lg-start {
        text-align: center !important;
    }

    html[dir="rtl"] .oab_app_steps {

        padding-left: 0;
        padding-right: 60px;
    }

    html[dir="rtl"] .toggle_btn .toggle-wrapper {
        left: 0;
        right: 0;
        display: flex;
        justify-content: center;
        align-items: center;
        position: fixed;
        bottom: 50px;
      
    }

    html[dir="rtl"] .feedback_cards {
        margin-left: 1rem;
    }

    html[dir="rtl"] .search_icon {

        left: 85px;
        right: auto;
    }

    html[dir="rtl"] .mob_img {
        position: absolute;
        bottom: 0;
        transform: translate(0px, -420px) !important;
    }
}