/* Styles généraux pour RTL */
body[dir="rtl"] {
    text-align: right;
}

/* Inverser les flexbox directions si nécessaire */
body[dir="rtl"] .row {
    flex-direction: row-reverse;
}

body[dir="rtl"] .ar-area3 {
    justify-content: end !important;
}

/* Ajustements spécifiques pour les éléments du slider et autres composants */
body[dir="rtl"] .slider-area .hero__caption {
    text-align: right;
}

body[dir="rtl"] .features-caption {
    text-align: right;
}

/* Ajustements pour les icônes ou images qui doivent être inversées */
body[dir="rtl"] .features-icon {
    transform: scaleX(-1);
}

[dir="rtl"] .slider-area,
[dir="rtl"] .slider-area2 {
    background-image: url(../../img/hero/h1_hero_rtl.jpg) !important;
    /* Remplacez ceci par le chemin de votre image inversée */
}

/* Styles par défaut (LTR) */
.left-content1 {
    padding-right: 30px;
    /* Espace entre les contenus */
}

[dir="rtl"] .features-caption {
    padding-right: 19px;
}

/* Styles pour RTL */
[dir="rtl"] .left-content1 {
    padding-right: 30px;
    /* Annuler le padding droit en RTL */
    padding-left: 30px;
    /* Appliquer le padding à gauche en RTL */
}

/* Inverser l'ordre des flex items en RTL */
[dir="rtl"] .support-wrapper {
    flex-direction: row-reverse;
    /* Inverse l'ordre des éléments flex */
}

[dir="rtl"] .features-caption {
    text-align: right;
}

@media (max-width: 991px) {


    [dir="rtl"] .logo {
        text-align: left;
    }
}
[dir="rtl"] .slick-slider {
    direction: ltr; /* Forcer la direction pour Slick même en RTL */
}

[dir="rtl"].hero__caption {
    text-align: right;  /* Aligner le texte à droite */
}

[dir="rtl"] .slider-active .single-slider {
    direction: rtl;  /* Assurez que le contenu suit la direction de lecture de droite à gauche */
}