/* Add custom CSS styles below */ 
/* Fonts */
@import url('https://fonts.googleapis.com/css2?family=Cairo:wght@200..1000&family=Tajawal:wght@200;300;400;500;700;800;900&display=swap');
@media (max-width: 768px) {
header.store-header{
    position: static !important;
}
}
/* Header Start */
#mainnav {
    height: unset !important;
}
/* landing 1 */
.landing-page-first-banner .pa-fbanner-star {
    padding-block: 8px;
}
@media (min-width: 768px) {
    section:nth-child(1 of .landing-page-first-banner) .txt ,section:nth-child(2 of .landing-page-first-banner) .txt{
        margin-right: 5%;
    }
   .landing-page-first-banner .txt .item-text {
        max-width: 450px !important;
    }
    section:nth-child(1 of .landing-page-first-banner) h1 {
        font-size: 50px !important;
    }
    section:nth-child(1 of .landing-page-first-banner) p {
        font-size: 24px !important;
        margin-top: 1rem !important;
    }
}
@media (max-width: 768px) {
.landing-page-first-banner h1.animate__animated {
    font-size: 19px !important;
}
.landing-page-first-banner  .item-text{
    max-width: 188px !important;
}
.landing-page-first-banner .pa-fbanner-star {
    margin-top: 8px !important;
}
  section:nth-child(2 of .landing-page-first-banner) .txt {
    background: #00000052;
}
}

.g_cat .grid-cols-3 {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
}


.s-block--best-offers {
    margin-bottom: 5%;
}
custom-salla-product-card {
    height: 100% !important;
}
.image-title .title-heade {
  background-color: transparent;
}


@media (min-width: 991px) {
.banner_ad p{
    font-size: 28px!important;
    line-height: 58px !important;
}
}
/* footer */
.store-footer + div * {
    color: #fff;
}
/*--------height-of-video------------*/
#video-banner {
    margin-bottom: 50px;
    height: 700px !important;
}

@media screen and (max-width:768px) {
    #video-banner {
        margin-bottom: 50px;
        height: 230px !important;
    }
}
#video-banner .absolute {
    width: 100% !important;
    right: 0px;
    justify-content: center;
    right: 0px !important;
}
section#video-banner {
    margin-bottom: 40px !important;
}
/********************/
section.weeklyOffers , .g_cat, .g-products  , .dead_line  , .ads {
    margin-bottom: 40px  !important;
}