@media (min-width: 768px) {
    .md\:\!max-w-\[95\%\] {
        max-width: 1200px !important;
    }
}

.NG-categories .grid-cols-3 {
    grid-template-columns: repeat(3, minmax(0, 1fr));
    max-width: 700px !important;
    margin: auto
}

.NG-hero-section .wrapper {
    left: 10% !important;
    right: unset;
    top: 45%;
    max-width: 700px;
}
[dir=rtl] .NG-hero-section .wrapper {
    margin-right: 0;
}

@media(max-width:560px){
.NG-hero-section .wrapper {
    max-width: 100%;
    top: 57%;
    left: 37% !important;
}
  .NG-hero-section .wrapper h1{
    font-size: 1rem;
  }
  .NG-categories .grid-cols-3 {
    max-width: 300px !important;
}
}


.NG-main-banner .text-wrapper  {
    max-width: 500px;
    margin-right: auto;
    margin-left: 0%;
    justify-content:start;
    align-items:start
}

.NG-main-banner .text-wrapper h1{
  line-height: 1.5 !Important;
  max-width: 400px !important;
  margin-block:1rem
}

 .NG-main-banner .text-wrapper *{
     text-align:right !Important;   
 }

@media(max-width:560px){
  .NG-main-banner .text-wrapper {
    max-width: 188px;
}
  .NG-main-banner .text-wrapper h1{
  margin-block:0.5rem
}
}

/* Categories */

.s-block--banners .grid {
    margin-block: 3rem !important;
    grid-template-columns: repeat(auto-fit, minmax(0px, 1fr));
}
.s-block--banners .lazy__bg {
    background-size: contain;
    background-repeat: no-repeat;
}
.s-block--banners .banner-entry {
    height: 500px;
}
@media (max-width: 992px) {
    .s-block--banners .banner-entry {
        height: 300px;
    }
}
@media (max-width: 480px) {
    .s-block--banners .banner-entry {
        height: 180px;
    }
}
@media (min-width: 640px) {
    .two-row .banner-entry:first-child {
        grid-row: span 1 / span 1;
    }
}
/* Transparent Banner */
.banner-entry,
.banner--fixed img {
    background-color: transparent !important;
}
/* تحريك زر تسوق الآن لأسفل داخل البانر */
.NG-main-banner .text-wrapper .s-button-element,
.NG-main-banner .text-wrapper a,
.NG-main-banner .text-wrapper button {
    margin-top: 100px !important;
    transform: translateY(100px) !important;
    position: relative !important;
    z-index: 20 !important;
}
/* تحريك زر تسوق الآن داخل بانر رئيسي مدمج */

.NG-main-banner .text-wrapper .s-button-element,
.NG-main-banner .text-wrapper a,
.NG-main-banner .text-wrapper button {
margin-right: 120px !important;
transform: translateX(-120px) !important;
position: relative !important;
z-index: 20 !important;}