/* Add custom CSS styles below */
/*****main banner *********/
.arrows {
    display: none;
}
/**********************/
 /**hero-wrapper*/ 
.text-containers svg {
    display: none;
}
/* Categories */

.s-block__title {
  justify-content:center;
}
.s-block__title h2 {
  color: #514336;
  font-size: 50px;
}
.s-block__title .right-side:where([dir=rtl],[dir=rtl] *) {
    padding-left: 0;
}
.s-block--banners .grid {
    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: 300px;
}
@media (max-width: 992px) {
    .s-block--banners .banner-entry {
        height: 200px;
    }
}
@media (max-width: 480px) {
    .s-block--banners .banner-entry {
        height: 100px;
    }
}
@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;
}
@media (max-width: 600px) {
 section:nth-child(1 of .s-block--banners) .grid {
    grid-template-columns: repeat(6, minmax(0, 1fr));
  }
    section:nth-child(1 of .s-block--banners) .banner-entry {
   
    grid-column: 2 span;
  }
  section:nth-child(1 of .s-block--banners) .banner-entry:nth-child(4) {
    height: unset;
    grid-column: 2/4;
    
  }

}
.pt-5 {
    padding-top: 7rem;
}
section.s-block.s-block--fixed-banner .container {
    max-width: 95%;
    padding: 0;
}
.index header.store-header {
    position: relative;
}
.banner--fixed img {
    display: block;
    width: 100%;
    border-radius: 5rem;
    border-style: none;
    --tw-bg-opacity: 1;
    background-color: rgba(243, 244, 246, 1);
    background-color: rgba(243, 244, 246, var(--tw-bg-opacity, 1));
    -o-object-fit: cover;
    object-fit: cover;
}