/* Add custom CSS styles below */ 
section:nth-of-type(1){
  margin: unset;
}
section:nth-of-type(1) .container {
  padding: unset;
  max-width: unset;
}

.top-navbar {
    display: flex;
    margin-top: 60px !important;
    min-height: 48px;
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
}
    .main-menu li > a:hover {
        background-color: var(--category-bg-color);
        color: #fff;
    }
.w-\[323px\] {
    width: 180px;
    padding-top: 26px;
}
.ZA_categories-1 .grid-container {
        grid-template-columns: repeat(3, minmax(0, 1fr));
        max-width: 220px;
        margin: auto;
        transform: scale(2.9);
        margin-bottom: 80px;
        margin-top: 40px;
    }
.\!bg-primary{
  background-color: #EEE4DF !important;
}
.newsletter .main-title{
  color: #000;
}
.bg-\[\#FF9F0D\] {
  background-color: #fff !important;
}
@media (max-width: 767px) {

    section:nth-of-type(1) {
        margin: unset;
        margin-top: 130px !important;
    }

    .ZA_categories-1 .grid-container {
        grid-template-columns: repeat(3, minmax(0, 1fr));
        max-width: 213px;
        margin: 40px auto 28px;
        transform: scale(1.8);
    }

}