@import url('https://fonts.googleapis.com/css2?family=Almarai:wght@300;400;700;800&family=Noto+Sans+Arabic:wght@300;400&display=swap');
@import url('https://fonts.googleapis.com/css2?family=El+Messiri&display=swap');
body{

    font-family: 'Almarai', sans-serif !important;
}

h1, h2, h3, h4, h5, h6{
    font-family: 'Almarai', sans-serif !important;
}
.section-heading h4, .hero-content h4 {
    font-family: 'El Messiri','Noto Sans Arabic', sans-serif !important;
}
.primary-header .header-menu-wrap {
    margin-right: auto !important;
    margin-left: 0 !important;
}
.header-menu-wrap li ul{
    left: auto !important;
    right: -35px;
}
.header-menu-wrap li li{
    text-align: right !important;
}

/* .hero-content .text-md-start{
    text-align: left!important;
}

.hero-content .text-md-end{
    text-align: right!important;
} */

.promo-box.pink{
    background-position: -39% -120% !important;
}

.promo-box.yellow {
    background-position: -50% -120% !important;

}
.cta-section .cta-img{
    right: auto !important;
    left: 0;
}
.post-card .post-content .read-more:before {
    left: auto !important;
    right: 0;
}
.contact-title h2 span{
    margin-right:10px;
}
.contact-title h2 span:before {
    left: -8px;
    right: auto !important;
}

.social-icons a {
    float: right !important;
}
.product-thumb .badge {
    left: auto !important;
    right: 10px !important;
}