/* Add custom CSS styles below */ 
section:nth-child(10) .grid {
  grid-template-columns: repeat(2, minmax(0, 1fr));
  grid-template-rows: repeat(3, minmax(0, 1fr));
  gap: 10px;
}

section:nth-child(10) .grid a.banner-entry.square-photos {
  background-color: transparent !important;
  height: 245px !important;
}

section:nth-child(10) .grid a.banner-entry.square-photos > div {
  background-size: cover !important;
  background-position: top right !important;
}

section:nth-child(10) .grid .banner-entry:first-child {
  height: 100% !important;
  grid-area: 1/1/2/1 !important;
}

section:nth-child(10)
  .grid
  a.banner-entry.square-photos:nth-child(2) {
  grid-area: 1/2/3/2;
  height: 100% !important;
}
section:nth-child(10)
  .grid
  a.banner-entry.square-photos:nth-child(3) {
  height: 100% !important;
  grid-area: 2/1/4/2;
}
section:nth-child(10)
  .grid
  a.banner-entry.square-photos:last-child {
  height: 100% !important;
}

@media (max-width: 767px) {
  section:nth-child(10) .grid a.banner-entry.square-photos {
    background-color: transparent !important;
    height: 71px !important;
  }
  section:nth-child(10) .grid {
    gap: 5px;
  }
}

section.NA-tape-1.NA-tape + section.s-block.s-block--banners.container .grid {
  grid-template-columns: repeat(3, minmax(0, 1fr));
  grid-template-rows: repeat(3, minmax(0, 1fr));
  gap: 10px !important;
}
section.NA-tape-1.NA-tape
  + section.s-block.s-block--banners.container
  .grid
  a.banner-entry.square-photos {
  background-color: transparent !important;
  height: 225px;
}
section.NA-tape-1.NA-tape
  + section.s-block.s-block--banners.container
  .grid
  a.banner-entry.square-photos
  > div {
  background-size: cover !important;
  background-position: top right !important;
}
section.NA-tape-1.NA-tape
  + section.s-block.s-block--banners.container
  .grid
  a.banner-entry.square-photos:first-child {
  grid-area: 1/1/4/2;
  height: 100% !important;
}
section.NA-tape-1.NA-tape
  + section.s-block.s-block--banners.container
  .grid
  a.banner-entry.square-photos:nth-child(4) {
  grid-area: 2/2/4/2;
  height: 100% !important;
}
section.NA-tape-1.NA-tape
  + section.s-block.s-block--banners.container
  .grid
  a.banner-entry.square-photos:nth-child(3) {
  grid-area: 1/3/3/3;
  height: 100% !important;
}
section.NA-tape-1.NA-tape
  + section.s-block.s-block--banners.container
  .grid
  a.banner-entry.square-photos:nth-child(2) {
  grid-area: 1/2/1/2;
}

section.NA-tape-1.NA-tape
  + section.s-block.s-block--banners.container
  .grid
  a.banner-entry.square-photos:nth-child(5) {
  grid-area: 3/3/3/3;
}

@media (max-width: 767px) {
  section.NA-tape-1.NA-tape
    + section.s-block.s-block--banners.container
    .grid
    a.banner-entry.square-photos {
    height: 64px;
  }
}

section.NA-tape-1.NA-tape:first-of-type {
  margin-top: 0 !important;
}

section.NA-tape-1.NA-tape > div {
    padding: 0 !important;
}

.small-menu svg {
 fill: #ea2226 !important;
}


.inner.bg-primary {
 background: white !important;
}

.small-menu i.header-btn__icon:before,
i.sicon-menu.text-2xl.text-background,
.main-menu li > a{
   color: #ea2226 !important;
}


.navbar-brand img {
    max-height: 4rem !important;
}

header.store-header {
    padding-block: 0.5rem !important;
}
.NA-tape .marquee-content .w-6.h-6  img.w-full.h-full.object-cover {
    object-fit: contain !important;
}
.NA-tape .marquee-content .w-6.h-6 {
    width: 4rem;
}

section.s-block.s-block--fixed-banner.wide-placeholder {
    margin-top: 0 !important;
}
section.NA-banner-categories,section.NA-FAQ.NA-FAQ-14,
.products-fixed-slider,.NA-why-us {
    margin-block: 3rem !important;
}
.store-footer__inner {
    background: #f7e0e1 !important;
}

footer.store-footer .w-full.bg-primary.pb-6.lg\:pb-10 {
    padding-block: 1rem !important;
}
.store-footer__inner * {
     color: #ed2026 !important;
    fill: #ed2026;
}

@media (max-width:767px) {
  section.NA-home-banner .swiper-slide.w-full.bg-cover.bg-center.swiper-slide-visible.swiper-slide-active.swiper-slide-fully-visible {
    background-position: -89px !important;
}
}