html[lang='ar'] {

    .body,
    body,
    h1,
    h2,
    h3,
    h4,
    h5,
    h6,
    a,
    span,
    div,
    button,
    link,
    strong,
    em,
    i,
    b,
    li {
        font-family: 'Amiri' !important;
        word-spacing: -1px !important;
    }

    .custom-icon-input .form-control {
        padding: 0.5625rem 1.25rem;
        padding-right: 46px;
        direction: rtl;
    }

    .custom-icon-input .input-icon {
        left: unset;
        right: 16px;
    }

    .toggle-password {
        right: unset;
        left: 16px;
    }

    .btn {
        direction: rtl !important;
    }

    .lang-toggle-btn {
        direction: ltr !important;
    }

    .badge-card {
        border-left: unset;
        border-right: 3px solid;
    }

    .alert {
        border: 0px solid;
        border-right: 3px solid;
    }

    .select2-container--default .select2-selection--single .select2-selection__arrow b {
        transform: rotate(225deg);
    }

    .select2-container--default .select2-selection--single {
        padding: 6px 6px 6px 28px;
    }

    .select2-container--default .select2-selection--single .select2-selection__arrow {
        right: unset;
        left: 7px;
    }

    .banner {

        &::after {
            content: '';
            top: 45%;
            left: 90px;
            right: unset;
            transform: skew(-29deg, 46deg) translate(-50%, 10px);
        }
    }

    .note {
        border-top: 1px solid var(--border-color) !important;
        border-bottom: 1px solid var(--border-color) !important;
        border-left: 1px solid var(--border-color) !important;
        border-right: 3px solid #000 !important;
        border-radius: 8px 0 0 8px !important;

    }
}