/* Add custom CSS styles below */ 
.s-block__title h2 {
    color: #fff;
        text-align: center;
}
.s-block--slider-with-bg .slider-bg:before {
    background-color: rgb(0 0 0 / 0%);
}
.custom-grid  h3 {
    color: #fff;
}
@media (min-width: 1280px) {
    .custom-grid .container {
        max-width: 700px;
    }
}
@media (max-width: 767px) {
.custom-grid .gap-2 {
    gap: 1.5rem;
}}


.custom-grid2  h3 ,.custom-grid2  .s-block__title h2 {
    color: #EBC760;
}
@media (min-width: 1280px) {
    .custom-grid2 .container {
        max-width: 1000px;
    }
}
@media (max-width: 767px) {
.custom-grid2 .gap-2 {
    gap: 1rem;
}}


@media (min-width: 767px) {
.custom-text .flex-center.home-slider__content {
    left: 35%;
    top: 65%;
}
.custom-text2 .flex-center.home-slider__content {
    left: 40%;
    top: 60%;
}} 
.custom-text h3 {
    text-align: center;
}
.custom-text2 h3 {
    text-align: center;
}
.hero-slider-btn {
    margin: auto;
}
@media (max-width: 500px) {
h3.text-2xl.md\:text-4xl.font-primary.leading-tight {
    font-size: 18px;
}
}
@media (max-width: 400px) {
h3.text-2xl.md\:text-4xl.font-primary.leading-tight {
    font-size: 16px;
}
.s-block--hero-slider .top-1\/2 {
    top: 58%;
}}

/*dark*/
.prdoucts-list-filters label {
    color: rgb(255 255 255);
}