/* Add custom CSS styles below */ 
.main-banner-0 .slider-container .image-item:not(.center) {
    transform: rotate(-20deg);
}
.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;
}
.w-\[323px\] {
    width: 190px;
    padding-top: 50px;
    border-radius: 20px;
}
    .ZA_categories-1 .grid-container {
      grid-template-columns: repeat(4, minmax(0, 1fr));
    max-width: 300px;
    margin: auto;
    transform: scale(3.5);
    margin-top: 170px;
    padding-bottom: 52px;
    }
@media (max-width: 767px) {
.ZA_categories-1 .grid-container {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        max-width: 123px;
        margin: auto;
        transform: scale(2.5);
        gap: 10px;
        margin-top: 170px;
        padding-bottom: 66px;
    }
}
.newsletter .main-title{
  color: #000 !important;
} 
.newsletter-email{
  background-color: #8B0202 !important;
}