.solutions {
  padding-top: 80px;
}

.category-panel {
  padding: 28px 38px 34px;
  border-radius: 0 0 28px 28px;
  color: #06396d;
}

.category-panel-outdoor { background: #d6fa40; }
.category-panel-indoor { background: #e2ede0; margin-top: 54px; }

.category-panel-heading {
  display: flex;
  align-items: start;
  justify-content: space-between;
  gap: 24px;
  margin-bottom: 19px;
}

.category-panel .eyebrow { margin: 0; color: #075b67; }
.category-panel-heading h2 { margin: -5px 0 0; font-size: clamp(2rem, 3.35vw, 3.45rem); line-height: .95; letter-spacing: -.065em; }

.category-row-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); column-gap: 38px; }
.category-panel-indoor .category-row-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }

.category-row-grid a {
  min-height: 70px;
  display: grid;
  grid-template-columns: 30px minmax(0, 1fr) auto;
  align-items: center;
  gap: 8px;
  border-top: 1px solid rgba(6, 57, 109, .28);
  color: inherit;
  text-decoration: none;
  transition: padding .2s ease, color .2s ease;
}

.category-row-grid a:hover, .category-row-grid a:focus-visible { padding-left: 7px; color: #007c88; outline: 0; }
.category-row-grid a:focus-visible { box-shadow: inset 0 0 0 2px #06396d; }
.category-row-grid span { font: 600 .7rem/1 "DM Sans", sans-serif; letter-spacing: .08em; }
.category-row-grid strong { font: 700 clamp(1rem, 1.34vw, 1.28rem)/1.2 "Outfit", sans-serif; }
.category-row-grid b { font: 500 1.35rem/1 "DM Sans", sans-serif; }

@media (max-width: 760px) {
  .category-panel { padding: 25px 22px 28px; border-radius: 0 0 22px 22px; }
  .category-panel-heading { display: block; }
  .category-panel-heading h2 { margin-top: 12px; }
  .category-row-grid, .category-panel-indoor .category-row-grid { grid-template-columns: 1fr; }
  .category-panel-indoor { margin-top: 28px; }
}