.ban1 .owl-prev,
.ban1 .owl-next {
    visibility: hidden !important;
}

.hero_image {
    height: 500px;
    /* Slightly taller for more impact */
    object-fit: cover;
    width: 100%;
    /* transition: transform 0.8s ease; */
}

.ban1 .item:hover .hero_image {
    /* transform: scale(1.02); */
}

@media (max-width: 768px) {
    .hero_image {
        height: auto;
        object-fit: contain;
    }
}