/* Add custom CSS styles below */ 
.store-footer {
    color: rgb(255 255 255);
}
.fixed-pinned img.logo-light ,
body:not(.index ) img.logo-light{
    filter: brightness(0.2);
}
.index .main-nav-container:not(.fixed-pinned) .text-black ,
.index .main-nav-container:not(.fixed-pinned)  .text-primary 
{
    color: rgb(255 255 255);
}
.index .main-nav-container:not(.fixed-pinned) p.da-tm.hidden,
.index .main-nav-container:not(.fixed-pinned) .s-cart-summary-total {
   color: #ffffff;
}
@media (min-width: 767px) {
salla-slider#squares-1 .swiper-free-mode>.swiper-wrapper{
    justify-content: center;
}
}
.hero-slider-title h3{
    font-size: 48px;
    width: 500px;
    line-height: 1.2em;
}
.hero-slider-title,
.hero-slider-subtitle {
    position: relative;
    left: 150%;
}
.hero-slider-subtitle span{
    font-size: 35px;
    line-height: 1.2em;
}
@media (min-width: 768px) {
    .md\:p-16 {
        padding: 0rem;
    }
}
@media (max-width: 768px){
.flex-center.md\:items-start.flex-col.gap-4 .text-center {
    margin-bottom: -40%;
    background-color: #00000050;
    border-radius: 12px;
    padding: 5px;
}
  .hero-slider-title,
.hero-slider-subtitle {
    position: relative;
    left: 0%;
}
    .hero-slider-title h3{
    width: 100%;
      font-size: 24px;
  }
  .hero-slider-subtitle span{
    font-size: 22px;
  }
}