body {
}

html[dir="rtl"] .platform-carousel-overlay {
    left: 0;
    right: 3.8%;
}

/*html[dir="rtl"] .carousel-btn {
    padding: 1.2% 3% 1.2% 10%;
}*/

html[dir="rtl"] .platform-carousel-title {
    line-height: 1.2;
}

html[dir="rtl"] .how-does-overlay {
    left: 0;
    right: 3.2%;
}

html[dir="rtl"] .how-does-arrow {
    transform: scaleX(-1);
}

@media (min-width: 1100px) {
    html[dir="rtl"] .security-point-title {
        width: 100%;
    }

    html[dir="rtl"] .component-title-qr {
        width: 100%;
    }

    html[dir="rtl"] .component-title-reporting {
        width: 100%;
    }

    html[dir="rtl"] .component-title-user {
        width: 100%;
    }

    html[dir="rtl"] .component-title-other {
        width: 100%;
    }
}