body.rtl,
.rtl body {
    direction: rtl;
    text-align: right;
}
.rtl .hero-floating-badge {
    right: auto;
    left: 28px;
}
.rtl .hero-card::after {
    left: auto;
    right: -80px;
}
.rtl .service-card::after {
    left: auto;
    right: -48px;
}
.rtl .about-card-large {
    inset: 0 0 48px 38px;
}
.rtl .about-card-small {
    left: auto;
    right: 0;
}