html, body{
    font-family: 'IBM Plex Sans Arabic', sans-serif;
    direction: rtl !important;
}

.hero .end-section{
    right: inherit;
    left: 50px !important;
}

.steps .one-step{
    padding: 80px 80px 0 0;
    background-image: url("https://ui-themez.smartinnovates.net/items/ravo/freelancer/img/lines.svg");
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    transition: all .2s ease-in-out;
}

@media screen and (max-width:767px){
    .steps .one-step{
        padding: 25px 0 0 0!important;
    }
}

.steps .one-step img{
    object-position: right top !important;
}

footer li{
    list-style-type: none;
    font-weight: 200;
    letter-spacing: 0 !important;
    font-size: 14px;
}

.hero:after {
    content: '';
    right: 40% !important;
    -webkit-transform: translateX(50%) translateY(-50%) !important;
    -ms-transform: translateX(50%) translateY(-50%) !important;
    transform: translateX(50%) translateY(-50%) !important;
}

.owl-carousel .owl-nav button.owl-next{
    /* transform: rotate(180deg); */
    right: inherit;
    left: -15px !important;
}

.owl-carousel .owl-nav button.owl-prev{
    /* transform: rotate(180deg); */
    right: inherit;
    right: -15px !important;
}

.nav-item{
    font-size: 17px !important;
}

aside#sidebar{
    left: inherit;
    right: -270px;
}

aside#sidebar.active{
    right: 0;
}