/* For RTL (Arabic) Layout - Adjust contact icons' order */
body[dir="rtl"] .contact-info {
    display: flex;
    flex-direction: row-reverse; /* Reverse the row order so icons appear first */
    align-items: center;
}

/* Adjusting order for phone and email icons */
body[dir="rtl"] .contact-info i {
    order: -1; /* This ensures icons are displayed first (on the left side in RTL) */
}

/* Make sure phone and email icons are aligned properly */
body[dir="rtl"] .contact-info a {
    display: inline-flex;
    align-items: center;
}

/* Ensure phone and email icons appear left of the text */
body[dir="rtl"] .contact-info i {
    margin-left: 8px; /* Add space between icon and text */
}

body[dir="rtl"] .contact-info span {
    display: flex;
    flex-direction: row-reverse; /* Ensure proper order for RTL */
    align-items: center;
}

/* For phone icon and email icon */
body[dir="rtl"] .contact-info .bi-telephone-fill,
body[dir="rtl"] .contact-info .bi-envelope-fill {
    order: -1; /* Make sure both icons appear before the text */
}

/* Garder Revolution Slider en LTR même sur site RTL */
body[dir="rtl"] .rev_slider_wrapper {
    direction: ltr !important;
    text-align: left;
}

body[dir="rtl"] .sr7_splitted_chars {
  direction: ltr !important;
  text-align: left !important;
}