/* ========================================   HOME HERO — ASSET 6======================================== */

.home-hero-visual {
  overflow: visible;
}

.home-hero-visual > div {
  width: 100%;
}

/* Asset 6 — "IT starts with us" */

.home-hero-image {
  display: block;
  width: clamp(480px, 48vw, 780px) !important;
  max-width: 100% !important;
  height: auto !important;
  max-height: none !important;
  margin: 0 0 0.75rem 0;
  animation: none !important;
  transition: none !important;
  transform: none !important;
}

/* ========================================   MOBILE======================================== */

@media (max-width: 767.98px) {
  .home-hero-visual {
    padding-left: 1rem !important;
    padding-right: 1rem !important;
  }
}

@media (max-width: 767.98px) {
  .home-hero-image {
    width: 92% !important;
    max-width: 620px !important;
    margin-right: auto;
    margin-left: auto;
    animation: none !important;
    transition: none !important;
    transform: none !important;
  }
}

/* ========================================   TABLET / MD======================================== */

@media (min-width: 768px) and (max-width: 991.98px) {
  .home-hero-visual {
    padding-left: 0 !important;
    padding-right: 1.5rem !important;
  }
}

@media (min-width: 768px) and (max-width: 991.98px) {
  .home-hero-image {
    width: clamp(380px, 54vw, 560px) !important;
    max-width: 100% !important;
    margin-left: 0;
    margin-right: 0;
  }
}