section.section-how-it-works .owl-nav button.owl-prev {
    border-radius: 0 28px 28px 0;
    border-radius: 28px 0px 0px 28px;
}

html[dir=rtl] section.section-how-it-works .owl-nav button {
    border-radius: 0 28px 28px 0;

}

    html[dir=rtl] section.section-how-it-works .owl-nav button.owl-prev {
        border-radius: 28px 0 0 28px;

    }


@media (min-width: 992px) {
    section.section-how-it-works .owl-nav {
        position: absolute;
        right: 3%;
        top: 8px;
        display: flex;
        justify-content: center;
        align-items: center;
        gap: 10px;
    }

    html[dir=rtl] section.section-how-it-works .owl-nav {
        position: absolute;
        left: 3%;
        top: 8px;
        display: flex;
        justify-content: center;
        align-items: center;
        gap: 10px;
    }
}

.owl-nav {
    display: flex;
    justify-content: space-between;
    position: relative;
}

.owl-prev {
    order: 1; /* Left side */
}

.owl-next {
    order: 2; /* Right side */
}

/* Swap positions in RTL */
[dir="rtl"] .owl-prev {
    order: 2; /* Right side in RTL */
}

[dir="rtl"] .owl-next {
    order: 1; /* Left side in RTL */
}