/* Add custom CSS styles below */ 
.banner-square a:before {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin: 0.5rem ;
    border: 2px solid #fff;
    border-radius: 5px;
    z-index: 100;
    opacity: 0;
    -webkit-transform: scale(.2) translateY(40px);
    transform: scale(.2) translateY(40px);
    -webkit-transition: all .3s ease-out;
    transition: all .3s ease-out;
}

 .banner-square a:hover:before {
    -webkit-transform: scale(0.95) translateY(0);
    transform: scale(0.95) translateY(0);
    opacity: 1;
    
    }
    
    @media(min-width: 768px) {

   .md\:grid-cols-5 {
        grid-template-columns: repeat(3,minmax(0,1fr))
    }
   
}

.product-entry{
border : none;
}

.gap-1 {
    gap: 10rem;
}

.s-button-text p{
display:none;
}

.s-button-outline {
    border-width: 0px;
}
.sicon-cart2{
color: #ca1300;
font-size: 1.5rem !important;
}
.s-button-btn { 
 justify-content: end;
}
.s-button-btn:hover {
background-color:#dfdfdf;
 }
footer{
background-color:#d9d7d6;
}

.main-content{
  box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
  padding: 1.5rem; 
}

.my-6 {
    margin: 1.5rem; 
}

.sub-cat-icon{
background-color:#dfdfdf;
padding: 20px;
width:198px;
margin:5px;
}