@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"] svg {
    margin: 0 calc(var(--aous-aw-btn-padding-x) / -4) 0 calc(var(--aous-aw-btn-padding-x) / 2) !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"] .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"] .info_section:hover .cards_info .image_card img {
    transform: translate(50%, 15%) scale(1.3);
}

html[dir="rtl"] .info_section .other_information .content_info:hover .title {
    letter-spacing: unset;
}


html[dir="rtl"] .info_section .other_information .content_info:hover .step_info{
    translate: -20px 0;
}


html[dir="rtl"] .projects_section .card_service_info a svg {
    margin: unset!important;
}


html[dir="rtl"] .single_page .single_page_info .service_title_content::after {
    left: unset;
    right: 0;
}

html[dir="rtl"] .single_page .single_page_info .service_title_content h2::after {
    left: unset;
    right: 0;
}


html[dir="rtl"] .single_page .single_page_info .service_title_content {
    padding-left: unset;
    padding-right: 1rem;
}