/* Add custom CSS styles below */ 
.img-cat .img {

        border-radius: 10px !important;
    }

salla-slider[type]:not(.hydrated) > div:where([dir="rtl"], [dir="rtl"] *), salla-slider[type]:not(.hydrated) .swiper > div > div:where([dir="rtl"], [dir="rtl"] *), .carousel-slider .swiper:where([dir="rtl"], [dir="rtl"] *) {
    padding-left: 5px;
}
@media (min-width: 1024px) {
    .lg\:grid-cols-6 {
        grid-template-columns: repeat(4, minmax(0, 1fr));
    }
}
.store-footer__inner {

    background-color: rgb(152 12 18)!important;
  
}

@media (min-width: 1024px) {
    .lg\:grid-cols-4 {
        grid-template-columns: repeat(6, minmax(0, 1fr));
    }
}

.brands .slideLoop .item {
    width: 100px;
    height: 80px;
    animation: autoRun var(--speed) linear infinite;}

.brands {
    margin-bottom: 10px!important;
}
      .s-block {
        margin-top: 1rem!important;}
@media (min-width: 640px) {
    .store-footer {
        margin-top: 0rem;
    }
}
.top-navbar{    display: none!important;}


    .md\:text-base {
        text-align: center;}
    .md\:text-2xl {
        text-align: center;}

@media (min-width: 768px) {
    .categories_sec .product-button {
        height: 57px;
        font-size: 16px;
    }
}
.md\:text-2xl {
    text-align: center;
    background-color: var(--color-secondary);
    color: rgb(255, 255, 255);
    padding: 6px 20px;
    border-radius: 65px;
  width: fit-content;
    text-align: center;
}



 .text-lg {
    justify-content: center;
    display: flex;
    flex-direction: column;
    align-items: center;
}
@media (min-width: 768px) {
    .md\:max-h-\[600px\] {
        max-height: fit-content;
    }
}
@media (min-width: 768px) {
    .s-slider-thumbs .s-slider-thumbs-container .swiper-slide {
        height:7rem;
        width: 7rem !important;
    }
}@media (min-width: 768px) {
    .md\:\!w-\[60\%\] {
        width: 50% !important;
    }
}