/* Add custom CSS styles below */ 
.main-menu li > a:hover {
        background-color: var(--category-bg-color);
        color: #fff;
    }
.product-name h3 {
    font-size: 13px;
    padding: 10px;
    line-height: 1.75rem;
    line-height: 21px;
}
.main-banner-0 .slider-container .image-item:not(.center) {
    transform: rotate(-20deg);
}
.\!bg-primary {
   
    background-color: var(--color-primary) !important;
    color: #000;
}
.content h2{
  color: #000;
}
.newsletter-email{
  background-color: #fff !important;
}
    .ZA_categories-1 .grid-container {
        grid-template-columns: repeat(4, minmax(0, 1fr));
        max-width: 700px;
        margin: auto;
    }

.index.topnav-is-dark .top-navbar {
    --tw-bg-opacity: 1;
    background-color: rgba(29, 31, 31, 1);
    background-color: rgba(29, 31, 31, var(--tw-bg-opacity, 1));
    
    --tw-text-opacity: 1;
    color: rgba(209, 213, 219, 1);
    color: rgba(209, 213, 219, var(--tw-text-opacity, 1));
    
    margin-top: 46px !important;
}