/* Add custom CSS styles below */ 
@media (min-width: 640px) {
.s-products-slider-card {max-width: 210px !important;}
}

@media (min-width: 640px) {
    .brand-item {
        height: 8rem;
        padding: 0.01rem;
    }
}

.bg-white {
    --tw-bg-opacity: 1;
    background-color: rgb(247 214 226);
}

.shadow-md {
    --tw-shadow: 5px 10px 99px rgb(126 44 119 / 50%);
}
.p-4 {
    padding
Shorthand property to set values for the thickness of the padding area. If left is omitted, it is the same as right. If bottom is omitted it is the same as top, if right is omitted it is the same as top. The value may not be negative.
Learn more
Don't show
: 0.01rem;
    padding-top: 0.01rem;
    padding-right: 0.01rem;
    padding-bottom: 0.01rem;
    padding-left: 0.01rem;
}
.brand-item {
    background-color: rgb(247 214 226);
}
.w-40 {
    width: 10rem;
}

.h-24 {
    height: 8rem;
}

@media (min-width: 768px) {
    .s-products-slider-card {
        max-width: 200px;
    }
}