/* Add custom CSS styles below */ 

.s-block:first-of-type {
    margin-top: 0;
}
.s-block--fixed-banner{
  margin-bottom: 4rem;
  @media (max-width:767px){
    margin-bottom: 2rem;
  }
}
.s-block:first-of-type.s-block--fixed-banner .container {
    max-width: 100%;
    padding: 0;
}
.banner--fixed img {
       background-color: transparent;
       margin: auto;
}
.NG-categories {
  .grid {
    grid-template-columns: repeat(2, minmax(0, 300px)) !important;
    justify-content: center;
}
}
.NG-marquee-banner {
  img.w-full.h-full.aspect-video.object-cover {
    aspect-ratio: auto;
}
  .flex.flex-col.lg\:flex-row.gap-6 {
    flex-direction: row;
    gap: .5rem;
}
}
.GL-promotional-banner {
@media (max-width:767px){
   .img-height {
    height: 150px;
      padding: 10px;
}
  .flex.flex-col.md\:flex-row.gap-4 {
    flex-direction: row !important;
    gap: .5rem;
    height: 150px !important;
} 
  h2 {
    font-weight: 700 !important;
    text-shadow: 0 0 #00000075;
}
}
}