@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');

@font-face {
    font-family: 'QomraArabic';
    src: url('../../shared/fonts/itfQomraArabic-Regular.woff2') format('woff2');
    font-weight: 400;
    font-style: normal;
}

@font-face {
    font-family: 'QomraArabic';
    src: url('../../shared/fonts/itfQomraArabic-Medium.woff2') format('woff2');
    font-weight: 500;
    font-style: normal;
}

@font-face {
    font-family: 'QomraArabic';
    src: url('../../shared/fonts/itfQomraArabic-Bold.woff2') format('woff2');
    font-weight: 700;
    font-style: normal;
}

@font-face {
    font-family: 'QomraArabic';
    src: url('../../shared/fonts/itfQomraArabic-Light.woff2') format('woff2');
    font-weight: 300;
    font-style: normal;
}

html[dir="rtl"] * {
    font-family: "Tajawal", sans-serif;
    font-family: 'QomraArabic', 'Outfit', sans-serif;
    font-weight: 500;
    line-height: 1.75;
}

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;
}