/* Fonts */
@font-face {
  font-family: 'Thmanya';
  src: url('https://wpazzrk.github.io/Moaaz2.0/Fonts/thmanyahserifdisplay-Regular.woff2');
  font-weight: normal;
  font-style: normal;
}
body {
  font-family: 'Thmanya', sans-serif;
}

/* Header */
#mainnav,
#mainnav .the-logo {
    height: unset !important;
}
.NG-header .navbar-brand.the-logo img {
    height: 7rem;
}
.mm-ocd--open {
    background: rgb(255 255 255 / 46%);
}
@media (max-width: 576px) {
    .NG-header .navbar-brand.the-logo img {
        height: 4rem;
    }
}

/* Main Banner */
[dir=rtl] .NG-hero-section .wrapper {
    top: 50%;
    transform: translateY(-50%);
}
[dir=rtl] .NG-hero-section .wrapper h1 {
    max-width: 700px;
}
[dir=rtl] .NG-hero-section .wrapper p {
    display: none !important;
}
@media (min-width: 1024px) {
    .NG-hero-section .wrapper h1 {
        font-size: 60px;
    }
    .NG-hero-section .button {
        font-size: 25px;
        padding: 0.55rem 1.5rem;
    }
}

/* cats 1 */
.NG-categories h1,
.NG-categories p {
    text-align: center;
}
.NG-categories [data-sal="fade"] p {
    max-width: 600px;
    margin-inline: auto;
}
.NG-categories salla-slider {
    margin-top: 3rem;
}

/* NG-marquee-banner */
section.NG-marquee-banner {
    margin-top: 2rem;
}

/* sticky */
@media (max-width: 768px) {
    .sticky.max-h-\[300px\] {
        max-height: 400px;
    }
}

/* Categories List Start */
section.s-block.s-block--banners.container {
    margin-bottom: 3rem;
}
section.s-block.s-block--banners.container .grid {
    grid-template-columns: repeat(2,minmax(0,1fr));
}
.two-row .banner-entry:first-child {
    grid-column: 1 / 1;
    grid-row: 1 / 1;
}
a.banner-entry {
    height: 520px;
    background-color:unset;
    transition: 0.2s;
}
a.banner-entry:hover {
    transform: scale(1.04)
}
section.s-block.s-block--banners.container .lazy__bg.lazy.entered.loaded{
    background-size: contain;
    background-repeat: no-repeat;
}
@media(min-width:768px) and (max-width:1200px){
    a.banner-entry{
        height: 480px;
    }
}
@media(max-width:768px){
    a.banner-entry{
        height: 310px;
    }
}
@media(max-width: 576px){
    section.s-block.s-block--banners.container .grid {
        grid-template-columns: repeat(1,minmax(0,1fr));
    }
    a.banner-entry{
        height: 340px;
    }
}
/* Categories List End */

/* Products */
.NG-products {
    margin-top: 3rem;
}

/* footer */
div:has( > .social-gallery ) {
    display: none;
}