.jo-categories .lg\:grid-cols-6 {
    grid-template-columns: repeat(1, minmax(0, 1fr));
    max-width: 200px;
    margin: auto;
}

.promotext {
  display: none
}

body.ltr .jo-hero-section-0 .my-slide-0-1 {
    flex-direction: row-reverse;
}

@media(max-width:768px){
.jo-hero-section span.mybutton.mybutton-1.bg-primary.transition-all.duration-300.ease-in-out.text-background.text-\[clamp\(1rem\,0\.9617rem\+0\.1633vw\,1\.125rem\)\].rounded-3xl.px-10.py-3.flex.items-center.justify-center.\!leading-normal {
    font-size: 12px;
    padding: 12px;
}

.jo-hero-section .text-container .subtext {
    font-size: 9px;
}

.jo-hero-section .text-container .block-title {
    font-size: 20px;
}
}