/* Add custom CSS styles below */ 
.index .main-nav-container:not(.fixed-pinned) .text-black , .index  .main-nav-container:not(.fixed-pinned) .text-primary, .index  .main-nav-container:not(.fixed-pinned) .s-cart-summary-total, .index .main-nav-container:not(.fixed-pinned)  p.da-tm{
    color: rgb(255 255 255);
}

.home-slider .btn-primary {
    background-color: #fff;
    color: #000;
    border-color: #fff;
}
.s-block.home-slider:nth-child( 2 of .home-slider)  .btn-primary {
    background-color: #BC9C48;
    color: #fff;
    border-color: #BC9C48;
}
.s-button-primary {
    background-color: rgba(201, 175, 108, 1) ;
    color: #fff;  
    border-color: rgba(201, 175, 108, 1);
}
@media (min-width:768px){
.banner-square:nth-of-type(1) {
    grid-column: 2;
}
    .md\:max-w-md {
        max-width: 100%;
    }
.s-block.home-slider:nth-child( 2 of .home-slider) .md\:flex-row-reverse {
    flex-direction: row;
}
}

@media (max-width:768px){
.home-slider .home-slider__content {
    bottom: 0;
    top: unset;
    --tw-translate-y: unset;
}
.home-slider .gap-2,.home-slider  .gap-4 {
    gap: 0.2rem;
}}