/* Industries overview — solutions grid */

/* Hero banner (same image as the Products page hero) */
.main-banner {
  background-image: url('/images/product-list-banner.jpg') !important;
}

/* Global Support Network — break out of the Default Template's boxed
   content container so this section is full-bleed like it is on /products.
   Scaled down and tuned: margin-top overlap stays modest (-60px) so it only
   eats into .solutions' own bottom padding (never the circle photos), while
   the bottom clip-path notch is sized independently for a clearly visible
   diagonal into the footer. Scoped to this page only (this stylesheet is
   only linked from /industries). */
.support-banner {
  width: 100vw;
  margin-left: calc(-50vw + 50%);
  margin-right: calc(-50vw + 50%);
  margin-top: -60px !important;
  clip-path: polygon(0 0, 100% 0, 100% 100%, 0 calc(100% - 120px)) !important;
  padding: 40px 0 100px !important;
}

.solutions {
  max-width: 1030px;
  margin: 0 auto;
  padding: 60px 20px;
}

.solutions h2 {
  color: #000 !important;
  text-align: left;
  border-bottom: 1px solid #ddd;
  padding-bottom: 20px;
}

.solutions-grid {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  gap: 40px 30px;
}

.solutions-item {
  width: 220px;
  text-align: center;
  text-decoration: none;
  color: #222;
}

.solutions-photo {
  display: block;
  width: 200px;
  height: 200px;
  margin: 0 auto 16px;
  border-radius: 50%;
  background-size: cover;
  background-position: center;
}

.solutions-name {
  display: block;
  font-weight: 700;
  font-size: 14px;
  letter-spacing: .5px;
  text-transform: uppercase;
}