/* Page-specific imagery for the shared Product Family template. */
.time-networking-hero {
  background-color: #f0f2f6;
  background-image:
    linear-gradient(
      90deg,
      rgba(240, 242, 246, .98) 0%,
      rgba(240, 242, 246, .88) 30%,
      rgba(240, 242, 246, .42) 48%,
      rgba(240, 242, 246, .08) 66%,
      rgba(240, 242, 246, 0) 76%
    ),
    url("images/backgrounds/time-synchronization-networking-hero-bg.png") !important;
  background-position: center center, center center !important;
  background-size: cover, cover !important;
  background-repeat: no-repeat, no-repeat;
}

.time-networking-hero h1 {
  max-width: 680px;
  font-size: clamp(42px, 4vw, 64px);
}

.time-networking-hero-product {
  width: 52%;
  max-width: 500px;
  filter: drop-shadow(0 15px 16px rgba(10, 29, 53, .2));
}

.time-networking-product-image img {
  width: 66%;
  max-width: 310px;
}

@media (max-width: 760px) {
  .time-networking-hero {
    background-position: center center, 64% center !important;
  }

  .time-networking-hero h1 {
    font-size: clamp(36px, 10vw, 42px);
  }

  .time-networking-hero-product {
    width: 58%;
    max-width: 410px;
  }

  .time-networking-product-image img {
    width: 70%;
  }
}