/* Add custom CSS styles below */ 
.s-block--banners .banner-square h3{
    background: #222831;
    border: solid #777 0.5px;
    color: #FFFFFFFF;
   padding: 5px 0 10px 0;
    transition : .4s ease;
    
}
.s-block--banners .banner-square h3:hover
{

opacity : .8;
}


.s-block__title {
justify-content: center;
}
.s-block__title h2
{
    font-size: 1.35rem;
}
.s-product-card-entry
{
--tw-bg-opacity: .2;
border-radius: 15px 0 15px 0;
transition : .4s ease;

}
.s-product-card-entry:hover{
transform : scale(1.03);
}



.box-img {
transition : .5s ease;
}
.box-img:hover{
transform: scale(1.03);
}






.dark .tabs__outline .tab-trigger {
    background-color: var(--bg-gray);
        color: #ddd;
}


.s-block--banners .on-text{
    top: 95%;
}

.px-4{
padding-left: 0.6rem;
padding-right: 0.6rem;
}

.slide--cat-entry{

    height: 8rem;
}

.\!h-14 {
    height: 15.5rem !important;
}
.\!w-14 {
    width: 14.5rem !important;
}


.h-16 {
    height: 4rem;
}
.p-4 {
    padding: 0.5rem;
}


.py-4 {
    background-color: #222831;
    }
    
    
    
    .store-footer .footer-container {
    background-color: #222831;
}

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



.px-4{
padding-left: 0;
padding-right: 0;
}


.s-block--banners .on-text{
    top: 95%;
}