/* Add custom CSS styles below */ 

.s-block--banners .sm\:gap-8 {
    gap: 4rem !important;
}
.s-block--banners .banner-entry {
    height: 492px !important;
    width: 332px !important;
}
.copyright-text p {
    color: #fff !important;
}
.store-footer__inner,footer{
background-color:#9c6bac !important;
.store-footer__inner {
  text-align: center;
}
}



@media only screen and (max-width: 600px) {

.s-block--banners .banner-entry {
    height: 164px !important;
    width: 113px !important;
}
.s-block--banners .grid  {
    gap:1rem !important;
}
.s-block--banners .grid  {

    grid-template-columns: repeat(3, minmax(0, 1fr));
    
}}
section.s-block.s-block--fixed-banner.wide-placeholder .container {
    margin: 0;
    padding: 0;
    max-width: 100%;
}
a.banner-entry.lazy.h-lg-banner.entered.loaded {
   background-size: contain;
    width: auto !important;
    background-color: #f9fafb;
    height: 261px!important;
}
.banner--fixed img {

    background-color: rgb(249 250 251);
  
}
@media(max-width:776px){
footer.store-footer * {
    justify-content: center;
    align-items: center;
    text-align: center;
}
img.h-80.mb-10.w-full.object-cover.rounded-md{
object-fit: contain;
    height: 150px;
}

}
/*@media(min-width:776px){*/

.grid.md\:grid-cols-2.grid-flow-row.gap-3.sm\:gap-8 {
    justify-items: anchor-center;
    width:80%;
    margin: auto;
}
img[src="https://cdn.salla.sa/form-builder/F9jlsDEI5BthE8MtmRnEd1qjXrpu4lAXxGWi2F1w.png"] {
    width: 80%;
    margin: auto;
}


/*pop-up modal*/
.overlay {
            position: fixed;
            inset: 0;
            background-color: #fff;
            z-index: 9999;
            display: flex;
            justify-content: center;
            align-items: center;
            animation: fadeIn 0.5s;
    }

            /* Image inside overlay */
            .overlay img {
            max-width: 60%;
            max-height: 60%;
            object-fit: contain;
            animation: zoomIn 1s;
    }

            /* Animations */
            @keyframes fadeIn {
              from {opacity: 0;}
            to {opacity: 1;}
    }

            @keyframes fadeOut {
              from {opacity: 1;}
            to {opacity: 0;}
    }

            @keyframes zoomIn {
              from {transform: scale(0.9);}
            to {transform: scale(1);}
    }

.main-menu>li>a[href*=offer]{
  display: none;
}