html {
    direction: rtl
}

.card-feature .overlay .img-area {
    direction: ltr
}

.features-section.remittance .img-area,
.financial-planning.how-works-business .right-box img,
.personalized .img-area img,
.card-feature .overlay .img-area img {
    transform: rotateY(180deg)
}

.slick-initialized {
    direction: ltr
}

.slick-initialized .single-slide,
.slick-initialized .single-box,
.slick-initialized .single-item {
    direction: rtl
}

.banner-section.inner-banner .banner-content .main-content .breadcrumb-area .breadcrumb li {
    gap: 4px
}

.counter-educations .img-area img {
    transform: rotateY(180deg);
    margin-right: -130px
}

.loan-calculation .range-slider-bg {
    background: #1a4dbe
}

.loan-calculation .range-slider {
    background: linear-gradient(to left, #eef1ff, #eef1ff) no-repeat;
    background-size: calc((var(--max) - var(--value))*100%/(var(--max) - var(--min))) 100%
}

.apexcharts-legend-marker {
    margin-right: initial;
    margin-left: 3px
}

.banner-section.remittance .overlay::before,
.card-feature .overlay::before,
.sign-in-up::before {
    transform: rotateY(180deg)
}

.header-section {
    left: inherit;
    right: 0
}

.header-section.header-fixed {
    left: inherit;
    right: 0
}

.header-section .navbar .navbar-collapse .navbar-nav .nav-item .nav-link.dropdown-toggle::after {
    margin-left: initial;
    margin-right: 5px
}

.header-section .nav-item.main-navbar .main-menu .sub-navbar .sub-menu {
    right: 80%
}

.header-section .navbar .navbar-collapse .right-area {
    margin-left: initial;
    margin-right: 30px
}

.header-section .navbar .navbar-collapse .navbar-nav .nav-item .dropdown-menu li a {
    display: flex;
    align-items: center;
    text-align: right
}

.dropend .dropdown-toggle::after {
    margin-left: initial;
    margin-right: .255em
}

.header-section.register .right-area {
    margin-left: initial;
    margin-right: 30px
}

.banner-section.remittance .bottom-box .form-content .form-bottom .btn-area {
    padding-left: initial;
    padding-right: 10%
}

.banner-section.affiliate .bottom-box .main-content .mid-side::before {
    left: initial;
    right: -120%
}

.footer-section .img-area .left {
    left: initial;
    right: 0;
    transform: rotateY(180deg)
}

.footer-section .footer-box li a::before {
    left: initial;
    right: 0
}

.footer-section .footer-box li a:hover {
    padding-left: initial;
    padding-right: 35px
}

.footer-section .footer-box li a:hover::before {
    left: initial;
    right: 15px
}

.card-section .card-carousel-index .slick-prev {
    left: initial;
    right: calc(50% - 100px)
}

.card-section .card-carousel-index .section-dots {
    left: initial;
    right: calc(50% - 45px)
}

.call-action.educations .main-content .single-input .single-radio {
    padding-left: initial;
    padding-right: 30px
}

.call-action.educations .main-content .single-input .single-radio .checkmark {
    left: initial;
    right: 0
}

.call-action.educations .main-content .single-input .single-radio .checkmark:after {
    left: initial;
    right: 5px
}

.testimonials .slick-arrow.slick-prev {
    left: initial;
    right: calc(50% - 150px)
}

.testimonials .section-dots {
    left: initial;
    right: calc(50% - 93px)
}

.solutions-business .single-box .content a img,
.latest-articles .blog-item .content .read a img {
    margin-left: initial;
    margin-right: 5px;
    transform: rotateY(180deg)
}

.solutions-business .single-box .content a:hover img,
.latest-articles .blog-item .content .read a:hover img {
    transform: translateX(-10px) rotateY(180deg)
}

.faqs-section .accordion .accordion-item .accordion-button::after {
    margin-left: initial;
    margin-right: auto
}

.faqs-section .accordion .accordion-item .accordion-button.collapsed::after {
    margin-left: initial;
    margin-right: auto
}

.faqs-section.account::before {
    left: initial;
    right: 5%
}

.privacy-content .safe-data ul {
    margin-left: initial;
    margin-right: 18px
}

.privacy-content .safe-data ul li {
    padding-left: initial;
    padding-right: 15px
}

.about-section .img-area .img-1 {
    left: initial;
    right: 50px
}

.about-section .img-area .img-2 {
    left: initial;
    right: 0
}

.map-section .map-area .element .details:after {
    border-left: none;
    border-right: 25px solid rgba(0, 0, 0, 0)
}

.map-section .map-area .element.pos-1 {
    left: initial;
    right: 10%
}

.map-section .map-area .element.pos-3 {
    left: initial;
    right: 42%
}

.our-journey .journey-carousel .single-box .top-box h4 {
    margin-left: initial;
    margin-right: 10px
}

.our-journey .slick-arrow.slick-prev {
    left: initial;
    right: calc(50% - 90px)
}

.career-single .single-area ul {
    margin-left: initial;
    margin-right: 45px
}

.career-single .single-area ul li::before {
    left: initial;
    right: -17px
}

.career-single .social-link {
    margin-left: initial;
    margin-right: 20px
}

.more-feature::before {
    left: initial;
    right: 5%
}

.more-feature .slick-arrow.slick-prev {
    left: initial;
    right: calc(50% - 90px)
}

.more-feature .section-dots {
    left: initial;
    right: calc(50% - 30px)
}

.how-works .nav-link .left-side::before {
    left: initial;
    right: calc(50% - 10px)
}

.card-feature .overlay .slick-arrow.slick-prev {
    left: initial;
    right: calc(0% - 1px)
}

.card-feature .overlay .slick-arrow.slick-next {
    left: initial;
    right: calc(26% - 1px)
}

.card-feature .overlay .section-dots {
    left: initial;
    right: calc(11% - 1px)
}

.apply-for-loan.educations input[type=checkbox] {
    left: initial;
    right: 0
}

.apply-for-loan.educations input[type=checkbox]+label {
    left: initial;
    right: 0
}

.business-loan-section::before {
    left: initial;
    right: 0
}

.business-loan-section .img-area {
    left: initial;
    right: 15px
}

.business-loan-section.personal-loan::before {
    left: initial;
    right: 0
}

.loan-calculation .radio-area .single-radio {
    padding-left: initial;
    padding-right: 30px
}

.loan-calculation .radio-area .single-radio .checkmark {
    left: initial;
    right: 0
}

.loan-calculation .radio-area .single-radio .checkmark:after {
    left: initial;
    right: 5px
}

.testimonials-section .slick-arrow.slick-prev {
    left: initial;
    right: calc(50% - 110px)
}

.testimonials-section .section-dots {
    left: initial;
    right: calc(50% - 40px)
}

.how-it-works::before {
    left: initial;
    right: 5%
}

.how-it-works .mid-contant:before,
.how-it-works .mid-contant::after {
    left: initial;
    right: 15%
}

.blog-single .img-area-top img {
    margin-left: initial;
    margin-right: -12%
}

.blog-single .blog-contant ul li {
    padding-left: initial;
    padding-right: 22px
}

.blog-single .blog-contant ul li::before {
    left: initial;
    right: 0
}

.sign-in-up form .single-input .phone-number input {
    padding-left: initial;
    padding-right: 15px
}

.accordion-button {
    text-align: right
}

.banner-section.about .overlay {
    background-position: right 120px, left bottom
}

.banner-section.card-banner .overlay {
    background-position: right bottom, left bottom
}

.card-section {
    background-position: top right -150px
}

.about-section {
    background-position: top right
}

.how-it-works .contant-area {
    background-position: right bottom
}

.scrollToTop {
    right: inherit;
    left: 30px
}

.header-section .navbar-toggler {
    padding-right: initial;
    padding-left: 0
}

.healefsection .nav-item.main-navbar .main-menu .sub-navbar .sub-menu {
    right: inherit;
    left: -80%
}

.banner-section .overlay .banner-content .cmn-btn {
    margin-right: initial;
    margin-left: 20px
}

.banner-section .partner .partner-box::before {
    right: inherit;
    left: 0px
}

.banner-section.remittance .overlay .banner-content .button-group a {
    margin-right: initial;
    margin-left: 10px
}

.banner-section.affiliate .bottom-box .main-content .mid-side::after {
    right: inherit;
    left: -120%
}

.get-start .get-content img,
.footer-section .img-area .right {
    right: inherit;
    left: 0;
    transform: rotateY(180deg)
}

.footer-section .footer-box .social-link a {
    margin-right: initial;
    margin-left: 10px
}

.footer-section .footer-bottom .right .cus-bor {
    border-right: none;
    border-left: 1px solid #b0baf1;
    margin-right: initial;
    margin-left: 15px;
    padding-right: initial;
    padding-left: 15px
}

.features-section .top-section .list .check {
    margin-right: initial;
    margin-left: 10px
}

.features-section.app-download .button-group a {
    margin-right: initial;
    margin-left: 10px
}

.card-section .card-carousel-index .slick-next {
    right: inherit;
    left: calc(50% - 100px)
}

.call-action.educations .main-content .single-input .single-radio {
    margin-right: initial;
    margin-left: 20px
}

.financial-planning .plan-box ul li .check {
    margin-right: initial;
    margin-left: 10px
}

.testimonials .single-slide .thumb {
    margin-right: initial;
    margin-left: 50px
}

.testimonials .slick-arrow.slick-next {
    right: inherit;
    left: calc(50% - 50px)
}

.latest-articles .blog-item .content .item {
    margin-right: initial;
    margin-left: 20px;
    padding-right: initial;
    padding-left: 20px
}

.latest-articles .blog-item .content .item.cus-bor {
    border-right: none;
    border-left: 1px solid #b0baf1
}

.latest-articles .blog-item .content .item .icon {
    margin-right: initial;
    margin-left: 10px
}

.latest-articles .blog-item.list .thumb {
    margin-right: initial;
    margin-left: 20px
}

.latest-articles.blog-contant .nav-tabs .cmn-btn {
    margin-right: initial;
    margin-left: 20px
}

.latest-articles.blog-contant .side-single .blog-item .img-area {
    margin-right: initial;
    margin-left: 20px
}

.latest-articles.blog-contant .side-single .search-area .form-group input {
    padding-right: initial;
    padding-left: 15px
}

.latest-articles.blog-contant .side-single .social-link a {
    margin-right: initial;
    margin-left: 10px
}

.faqs-section .accordion .accordion-item .accordion-button::before {
    right: inherit;
    left: 20px
}

.about-section .img-area .img-3 {
    right: inherit;
    left: -75px
}

.map-section .map-area .element .details:after {
    border-right: none;
    border-left: 25px solid rgba(0, 0, 0, 0)
}

.map-section .map-area .element.pos-2 {
    right: inherit;
    left: 8%
}

.our-journey .slick-arrow.slick-next {
    right: inherit;
    left: calc(50% - 90px)
}

.career-single .single-area .single-sub {
    margin-right: initial;
    margin-left: 20px;
    padding-right: initial;
    padding-left: 20px
}

.career-single .single-area .icon-area {
    margin-right: initial;
    margin-left: 10px
}

.career-single .single-area .cus-bor {
    border-right: none;
    border-left: 1px solid #b0baf1
}

.career-single .social-link a {
    margin-right: initial;
    margin-left: 10px
}

.account-feature.home-loan .img-area {
    right: inherit;
    left: 0
}

.more-feature .single .text-start {
    margin-right: initial;
    margin-left: 15px
}

.more-feature .slick-arrow.slick-next {
    right: inherit;
    left: calc(50% - 90px)
}

.more-feature.remittance .content-area .img-area {
    margin-right: initial;
    margin-left: 30px
}

.grow-confidence .single-plan .introd-area h4 .number {
    margin-right: initial;
    margin-left: 10px
}

.card-feature .overlay .single {
    padding-right: initial;
    padding-left: 15px
}

.apply-for-loan.educations .checkbox_wrapper {
    margin-right: initial;
    margin-left: 20px
}

.business-loan-section.personal-loan .list .check {
    margin-right: initial;
    margin-left: 10px
}

.loan-calculation .img-area {
    right: inherit;
    left: 0
}

.testimonials-section .single-slide .review-area i {
    margin-right: initial;
    margin-left: -3px
}

.testimonials-section .single-slide .img-area img {
    margin-right: initial;
    margin-left: 15px
}

.testimonials-section .slick-arrow.slick-next {
    right: inherit;
    left: calc(50% - 110px)
}

.our-products .content-area .img-area {
    margin-right: initial;
    margin-left: 30px
}

.how-it-works .contant-area a img {
    margin-right: initial;
    margin-left: 10px
}

.blog-single .blog-contant .info .cus-bor {
    border-right: none;
    border-left: 2px solid #b0baf1;
    padding-right: initial;
    padding-left: 30px;
    margin-right: initial;
    margin-left: 30px
}

.author-section .social-link a {
    margin-right: initial;
    margin-left: 10px
}

.sign-in-up form .single-input .password-show input {
    padding-right: initial;
    padding-left: 15px
}

.sign-in-up form .single-input .phone-number input {
    padding-right: initial;
    padding-left: 15px
}

.sign-in-up .btn-back a img {
    margin-right: initial;
    margin-left: 5px
}

.sign-in-up.verify-number .mobile-otp input {
    margin-right: initial;
    margin-left: 10px
}

.banner-section .overlay {
    background-position: left bottom 90px
}

.banner-section.career-single .overlay {
    background-position: left bottom
}

.banner-section.account .overlay {
    background-position: left bottom
}

.banner-section.account-details .overlay {
    background-position: left 10% bottom 30px
}

.banner-section.product .overlay {
    background-position: left 50px center
}

.banner-section.car-loans .overlay {
    background-position: left 50px center
}

.banner-section.business-loan .overlay {
    background-position: left 110px bottom
}

.banner-section.home-loan .overlay {
    background-position: left 110px bottom
}

.banner-section.educations-loan .overlay {
    background-position: left 110px bottom
}

.banner-section.personal-loan .overlay {
    background-position: left 110px bottom
}

.banner-section.contact .overlay {
    background-position: left 50px bottom
}

.banner-section.blog .overlay {
    background-position: left 30px bottom
}

.banner-section.faqs .overlay {
    background-image: url(../images/faqs-banner.png);
    background-repeat: no-repeat;
    background-position: left 30px bottom
}

.banner-section.privacy-content .overlay {
    background-position: left 30px bottom
}

.banner-section.terms .overlay {
    background-position: left 30px bottom
}

.call-action.affiliate {
    background-position: left 90px top, top
}

.card-feature .overlay {
    background-position: left top
}

.apply-for-loan.home-loan::after {
    background-position: left bottom
}

@media(max-width: 2021px) {
    .account-feature.home-loan .img-area {
        right: initial;
        left: -118px
    }
}

@media(max-width: 1799px) {
    .footer-section .img-area .right {
        right: initial;
        left: 0
    }
}

@media(max-width: 1599px) {
    .banner-section.educations-loan .overlay {
        background-position: left 70px bottom
    }
}

@media(max-width: 1399px) {
    .testimonials .slick-arrow.slick-prev {
        left: initial;
        right: calc(58% - 150px)
    }

    .testimonials .slick-arrow.slick-next {
        right: initial;
        left: calc(44% - 50px)
    }

    .testimonials .section-dots {
        left: initial;
        right: calc(57% - 93px)
    }

    .latest-articles .blog-item .content .item {
        margin-right: initial;
        padding-right: initial;
        margin-left: 5px;
        padding-left: 5px
    }

    .latest-articles .blog-item .content .item .icon {
        margin-right: initial;
        margin-left: 5px
    }

    .map-section .map-area .element.pos-1 {
        left: initial;
        right: 5%
    }

    .map-section .map-area .element.pos-3 {
        left: initial;
        right: 40%
    }

    .more-feature::before {
        left: initial;
        right: 0
    }

    .banner-section.account-details .overlay {
        background-position: left 0 bottom
    }

    .how-it-works::before {
        left: initial;
        right: 0
    }
}

@media(max-width: 1199px) {
    .testimonials .slick-arrow.slick-next {
        right: initial;
        left: calc(30% - 50px)
    }

    .testimonials .slick-arrow.slick-prev {
        left: initial;
        right: calc(69% - 150px)
    }

    .testimonials .section-dots {
        left: initial;
        right: calc(69% - 93px)
    }

    .map-section .map-area .element.pos-3 {
        left: initial;
        right: 35%
    }

    .map-section .map-area .element .details:after {
        border-left: 10px solid rgba(0, 0, 0, 0);
        border-right: 10px solid rgba(0, 0, 0, 0)
    }

    .faqs-section.account::before {
        left: initial;
        right: 0
    }

    .how-works .nav-link .left-side::before {
        left: initial;
        right: calc(50% + 5px)
    }

    .card-feature .overlay .slick-arrow.slick-next {
        left: initial;
        right: calc(26% + 12px)
    }

    .banner-section.home-loan .overlay {
        background-position: left 60px bottom
    }

    .banner-section.personal-loan .overlay {
        background-position: left 80px bottom
    }

    .how-it-works .mid-contant:before {
        left: initial;
        right: 20%
    }

    .how-it-works .mid-contant::after {
        left: initial;
        right: 20%
    }
}

@media(max-width: 991px) {
    .header-section .navbar .navbar-collapse .navbar-nav .nav-item .dropdown-menu .dropend .dropdown-menu {
        left: initial;
        right: 110px
    }

    .header-section .nav-item.main-navbar .main-menu .sub-navbar .sub-menu {
        right: initial;
        left: 0
    }

    .header-section .navbar .navbar-collapse .navbar-nav .nav-item .dropdown-menu.show {
        margin-left: initial;
        margin-right: -65px
    }

    .header-section .navbar .navbar-collapse .right-area {
        margin-left: initial;
        margin-right: 0
    }

    .map-section .map-area .element.pos-3 {
        left: initial;
        right: 32%
    }

    .map-section .map-area .element.pos-1 {
        left: initial;
        right: -3%
    }

    .how-works .nav-link .left-side::before {
        left: initial;
        right: calc(50% - 0px)
    }

    .how-it-works .mid-contant::after {
        left: initial;
        right: 20%
    }

    .more-feature.remittance .content-area .img-area {
        margin-right: initial;
        margin-left: 15px
    }

    .banner-section.affiliate .bottom-box .main-content .mid-side::before {
        left: initial;
        right: -35%
    }

    .banner-section.affiliate .bottom-box .main-content .mid-side::after {
        right: initial;
        left: -35%
    }
}

@media(max-width: 767px) {
    .map-section .map-area .element.pos-1 {
        left: initial;
        right: calc(0% - 50px)
    }

    .map-section .map-area .element.pos-2 {
        right: initial;
        left: calc(0% - 15px)
    }

    .map-section .map-area .element.pos-3 {
        left: initial;
        right: calc(50% - 140px)
    }

    .career-single .single-area ul {
        margin-left: initial;
        margin-right: 30px
    }

    .card-feature .overlay .slick-arrow.slick-next {
        left: initial;
        right: calc(50% + 10px)
    }

    .card-feature .overlay .slick-arrow.slick-prev {
        left: initial;
        right: calc(50% - 60px)
    }

    .apply-for-loan.educations .checkbox_wrapper {
        margin-right: initial;
        margin-left: 30px
    }

    .call-action.educations .main-content form .bottom-area .btn-area {
        text-align: end !important
    }

    .sign-in-up form .single-input .phone-number input {
        padding-left: initial;
        padding-right: 30px
    }
}

@media(max-width: 575px) {

    .faqs-section .accordion .accordion-item .accordion-button::after,
    .faqs-section .accordion .accordion-item .accordion-button.collapsed::after {
        right: initial;
        left: 25px
    }

    .faqs-section .accordion .accordion-item .accordion-button::before,
    .faqs-section .accordion .accordion-item .accordion-button.collapsed::before {
        right: initial;
        left: 18px
    }

    .faqs-section .accordion .accordion-item .accordion-button {
        padding-right: initial;
        padding-left: 60px
    }

    .footer-section .footer-box li a:hover {
        padding-left: initial;
        padding-right: 25px
    }

    .footer-section .footer-box li a:hover::before {
        left: initial;
        right: 10px
    }

    .footer-section .footer-bottom .right .cus-bor {
        margin-right: initial;
        padding-right: initial;
        margin-left: 5px;
        padding-left: 10px
    }

    .map-section .map-area .element.pos-1 {
        left: initial;
        right: calc(0% - 30px)
    }

    .map-section .map-area .element.pos-3 {
        left: initial;
        right: calc(50% - 128px)
    }

    .our-products .content-area .img-area {
        margin-right: initial;
        margin-left: 15px
    }
}

@media(max-width: 480px) {
    .map-section .map-area .element.pos-2 {
        right: initial;
        left: calc(20% - 135px)
    }

    .map-section .map-area .element.pos-1 {
        left: initial;
        right: calc(20% - 145px)
    }

    .career-single .single-area .single-sub {
        margin-right: initial;
        padding-right: initial;
        margin-left: 15px;
        padding-left: 15px
    }
}

@media(max-width: 375px) {
    .header-section.register .right-area {
        margin-left: initial;
        margin-right: 15px
    }
}

/*# sourceMappingURL=style-rtl.min.css.map */