/* Owl needs an animation end event to release the incoming hero slide. */
.hero-slider .owl-item.fadeIn {
  animation-name: innozantHeroFadeIn;
}

@keyframes innozantHeroFadeIn {
  from { opacity: 0; }
  to { opacity: 1; }
}

/* Keep the original layout within narrow viewports. */
.modal .modal-body.row {
  margin-left: 0;
  margin-right: 0;
}

@media (max-width: 575px) {
  .about-wrapper .card {
    overflow: hidden;
  }
  .sorting-menu ul {
    flex-wrap: wrap;
    gap: 14px 16px;
  }
  .sorting-menu ul li {
    margin-right: 0;
  }
  .sorting-menu ul .active::after {
    top: auto;
    bottom: -6px;
    left: 0;
  }
}