/* Add custom CSS styles below */ 
.jo-products-banner {
  .absolute.h-full.w-full.bg-black\/40.z-1 {
    display: none;
}
  .text-background.leading-tight {
    justify-content: center;
    align-items: center;
}
}
.jo-offers-banner .promotext {
    display: none;
}
.jo-categories .lg\:grid-cols-6 {
    grid-template-columns: repeat(2, minmax(0, 300px));
    justify-content: center;
}
@media (max-width:767px ){
  .jo-hero-section .\!h-\[400px\] {
    height: 205px !important;
}
}