body, h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6, p, span, a, button, input, textarea, select {
    direction: rtl;
    text-align: right;
    font-family: 'Cairo', sans-serif !important;
}

.right-0
{
    left: 0 !important;
    right:auto !important;
}

.oblique {
    transform: skewX(-10deg) !important;
    overflow: hidden;
    width: 60% ;
    left: -10rem !important;
    right: auto !important;
    border-bottom-right-radius: 0.75rem !important;
}