@import url('https://fonts.googleapis.com/css2?family=Amiri:ital,wght@0,400;0,700;1,400;1,700&family=PT+Sans+Narrow:wght@400;700&family=Tajawal:wght@200;300;400;500;700;800;900&display=swap');

html[dir="rtl"] * {
    font-family: "Tajawal", sans-serif;
}

html[dir="rtl"] .offset-xl-2 {
    margin-right: 16.66666667%;
    margin-left: unset;
}

html[dir="rtl"] svg {
    margin: 0 calc(var(--aous-aw-btn-padding-x) / -4) 0 calc(var(--aous-aw-btn-padding-x) / 2) !important;
    margin-top: -5px !important;
}

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

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

html[dir="rtl"] .pe-md-3 {
    padding-right: unset !important;
    padding-left: 1rem !important;
}

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

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

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

html[dir="rtl"] .toast-close-button {
    float: left;
}

html[dir="rtl"] #toast-container>div {
    padding: 15px;
}

html[dir="rtl"] #toast-container>div {
    background-image: unset !important;
}

html[dir="rtl"] .custom_navbar .content_custom_navbar .nav-link {
    margin-right: unset;
    margin-left: 1rem;
}

html[dir="rtl"] .nav-link-icon {
    margin-right: unset;
    margin-left: 0.35rem;
}

html[dir="rtl"] .modal-content .btn-close {
    right: unset;
    left: 0;
}

html[dir="rtl"] .modal-header {
    padding: 0 1.5rem 0 3.5rem;
}

html[dir="rtl"] .navbar .navbar-nav .nav-link.language_btn,
html[dir="rtl"] .navbar .navbar-brand a {
    align-items: end;
}

html[dir="rtl"] .hero_area .content_area .content_text .top_content .form_hero .input-icon-addon{
    left: unset;
    right: 5px;
}

html[dir="rtl"] .hero_area .content_area .content_text .top_content .form_hero .content_input button {
    right: unset;
    left: 5px;
}

html[dir="rtl"] .action_buttons .btn-transparent{
    gap: 10px;
}

html[dir="rtl"] .action_buttons .btn-transparent svg{
    rotate: 180deg;
    margin: 0 !important;
}

html[dir="rtl"] .best_tariffs .tariff_cards .tariff_card .action_complete svg,
html[dir="rtl"] .hero_area .content_area .content_text .top_content .form_hero .content_input button svg{
    rotate: 180deg;
    margin: 0 !important;
}

html[dir="rtl"] .ready_to_transform .content_img {
    left: 8rem;
    right: unset;
}
