@import url("https://fonts.googleapis.com/css2?family=Tajawal:wght@500&display=swap");
/* @import url('https://fonts.googleapis.com/css2?family=Aref+Ruqaa&display=swap'); */
body {
    font-family: "Tajawal", "Roboto" !important;
    /* background-image: url(../../../logo_background.png);
    background-size: 200px;
    background-blend-mode: luminosity; */
}
a,
span,
p,
h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: "Tajawal", "Roboto" !important;
}
.category-hover-header .category-sub-menu.card-number-show {
    left: 0 !important;
    right: auto !important;
}
.swiper-button-next,
.swiper-container-rtl .swiper-button-prev {
    left: 50px;
    right: auto;
}
.title-area-between .next-prev-swiper-wrapper .swiper-button-prev {
    left: 10px;
    right: auto;
}
.megamenu-item-wrapper .single-megamenu-wrapper::after {
    right: unset;
    left: 20px !important;
}
.search-input-area-menu button {
    right: unset !important;
    left: 10px !important;
}