/* Add custom CSS styles below */ 
@font-face {
  font-family: 'HacenSaudi';
  src: url('https://arbfonts.com/font_files/hacen/Hacen%20Saudi%20Arabia.ttf') format('truetype');
  font-style: normal;
}
body *{
  font-family: 'HacenSaudi', sans-serif;
    font-weight: 500 !important;
}
section:nth-child(1 of section.landing-page-first-banner) .md\:container > div {
    background: #ffffff47 !important;
}
section.landing-page-first-banner h1 {
    font-size: 38px !important;
    font-weight: 500 !important;
}

.g_cat .grid-cols-3 {
    grid-template-columns: repeat(1, minmax(0, 1fr)) !important;
}
.g_cat .products-item:nth-of-type(2) , .g_features .products-item:nth-of-type(3)  {
display:none  !important;
}
.g_features  .grid-cols-3 {
    display: flex !important;
    justify-content: center !important;
    gap: 110px;
}
/********************/
section.weeklyOffers , .g_cat , .g-products  , .dead_line  , .ads  , .banner_ad  {
    margin-bottom: 40px !important;
}
/********************/
.banner_ad .item-text {
    font-size: clamp(22px,17px + 1.2vw,42px);
    font-size: 23px;
}
@media (max-width:768px){
section.landing-page-first-banner  .animate__animated{
    margin-top: 0px !important;
}
section:nth-child(2 of section.landing-page-first-banner) .animate__animated{
    margin-top: 10px !important;
}
section.landing-page-first-banner h1 {
    font-size: 18px !important;
}
.banner_ad .item-text {
    font-size: 16px;
    line-height: 26px !important;
}
}