body,
html {
    direction: rtl;
}

body,
html,
body p,
.navbar .custom-navbar .nav-links {
    font-family: 'Cairo', sans-serif;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: 'Cairo', sans-serif;
    font-weight: 700;
}

.navbar .custom-navbar .drop-nav .drop-down {
    right: 0;
    left: auto;
    text-align: right;
}

.search-filter .form-row button {
    left: -15px;
    right: auto;
}

footer .items .form-group .butn {
    left: 0;
    right: auto;
}

footer .items h4 {
    padding: 0px 0 15px 30px;
}

.single_product_pg .r-side .items ul li img,
.single_product_pg .info .items li i {
    margin-right: 0;
    margin-left: 15px;
}

.top-nav .l-side .items:nth-of-type(1) {
    justify-content: right;
    width: 25%;
}

.top-nav .r-side .items:after{
    right: auto;
    left: 0;
}

.navbar .custom-navbar .drop-nav .nav-links::before{
    right: auto;
    left: 5px;
}

.ui-button-icon-only .ui-icon{
    right: auto !important;
    left: 20px !important;
}

.mr-4, .mx-4 {
    margin-right: 0!important;
    margin-left: 1.5rem!important;
}

.custom-control-inline {
    margin-right: 0;
    margin-left: 1rem;
}

.hotel_request .form_title .steps span:first-of-type{
    border-radius: 0 10px 10px 0 !important;
}
.hotel_request .form_title .steps span:last-of-type{
    border-radius: 10px 0 0 10px !important;
}

.hotel_request .form_title .steps span.active::after{
    left: -5px !important;
    right: auto !important;
}
.hotel_request .form_title .steps span.active::before{
    left: -1px !important;
    right: auto !important;
}

footer .new_footer .foot_links_new a{
    border-right: 0;
    border-left: 1px solid #9999;
}

footer .new_footer .foot_links_new a:last-of-type {
    border: 0;
}

.single_product_pg .swiper-button-next, .single_product_pg .swiper-button-prev {
    transform: rotate(180deg);
}

.swiper-button-next, .swiper-container-rtl .swiper-button-prev {
    left: 4vw;
    right: auto;
}

.swiper-button-prev, .swiper-container-rtl .swiper-button-next {
    right: 4vw;
    left: auto;
}


@media screen and (max-width: 991px) {
    /* -------- navbar ltr ---------- */
    .navbar .custom-navbar .nav-list {
        left: unset;
        right: -100%;
        text-align: left;
    }
    .navbar .custom-navbar .nav-list.show {
        left: unset;
        right: 0;
    }
    .navbar .custom-navbar .nav-toggle {
        float: left;
    }
    .navbar .custom-navbar .navbar-brand {
        float: right;
    }
    .navbar .custom-navbar .drop-nav .drop-down {
        left: unset;
        right: 0;
        text-align: right;
    }
    .navbar .custom-navbar .nav-list .nav-items {
        text-align: right;
    }
    .navbar .custom-navbar .nav-links i {
        margin-right: 0;
        margin-left: 10px;
    }
    
    /*----------*/
    .navbar .custom-navbar .nav-links{
        text-align: right;
    }
    
    .navbar .custom-navbar .nav-list .mob-logo{
        text-align: right;
    }
}