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

section:nth-of-type(1) .container {
  padding: unset;
  max-width: 100%;
}

.main-banner-0 .slider-container .image-item:not(.center) {
    transform: rotate(-20deg);
}
.w-\[323px\] {
    width: 190px;
}
    .main-menu li > a:hover {
        background-color: var(--category-bg-color);
        color: #fff;
    }
.top-navbar{
  margin-top: 60px !important
}
.ZA_categories-1 .grid-container {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        max-width: 250px;
        transform: scale(2.8);
        margin: auto;
        padding: 50px 0px;
        margin-bottom: 50px;
    }
.text-\[var\(--heading-color\)\] {
    color: var(--heading-color);
    font-size: 40px;
}

    .xl\:translate-y-\[-70\%\] {
        --tw-translate-y: -130%;
        transform: translate(var(--tw-translate-x), -70%) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
        transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
        
    }
@media(max-width:767px){
      .xl\:translate-y-\[-70\%\] {
        --tw-translate-y: 0%;
        transform: translate(var(--tw-translate-x), -70%) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
        transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
        
    }
  .text-\[var\(--heading-color\)\] {
    color: var(--heading-color);
    font-size: 20px;
}
  .ZA_categories-1 .grid-container {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    max-width: 207px;
    transform: scale(1.8);
    margin: auto;
    padding: 50px 0px;
    margin-bottom: 50px;
}
}
.product-name{
  text-align: center;
}
.feature p{
  color:#fff !important
}


.ZA_testimonials-11 .testimonial-card .message {
    line-height: 1.6;
    color: #fff;
}
.newsletter .main-title {
  color:#000;
}
.newsletter-email{
  background-color: #fff
}
.\!bg-primary-d {
background-color: #301734 !important;
}
.copyright-text p{
  color: #fff
}
.index .store-header {
    position: relative;
 
}