/* ---------- industries big layout ---------- */
.ind-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 16px;
  margin-top: 56px;
}

.ind-big {
  padding: 34px;
}

.ind-big .ic {
  width: 50px;
  height: 50px;
  border-radius: 14px;
  background: rgba(255, 255, 255, .04);
  border: 1px solid var(--line);
  display: grid;
  place-items: center;
  color: #7FA0FF;
  font-size: 1.2rem;
  margin-bottom: 18px;
}

.ind-big h3 {
  font-size: 1.14rem;
  margin-bottom: 10px;
}

.ind-big p {
  color: var(--muted);
  font-size: .86rem;
  margin-bottom: 14px;
}

.ind-big .sol {
  display: flex;
  flex-wrap: wrap;
  gap: 7px;
}

.ind-big .sol span {
  font-size: .64rem;
  padding: 4px 11px;
  border-radius: 999px;
  background: rgba(255, 255, 255, .04);
  border: 1px solid var(--line);
  color: var(--muted);
}

/* small industry layout for home teaser */
.ind-small-grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 16px;
  margin-top: 56px;
}

.ind {
  padding: 26px 20px;
  display: flex;
  align-items: center;
  gap: 14px;
}

.ind .ic {
  width: 42px;
  height: 42px;
  border-radius: 12px;
  background: rgba(255, 255, 255, .04);
  border: 1px solid var(--line);
  display: grid;
  place-items: center;
  color: #7FA0FF;
  transition: .4s;
  flex-shrink: 0;
}

.ind:hover .ic {
  transform: scale(1.1) rotate(6deg);
  color: #FF5A63;
  border-color: rgba(232, 67, 78, .4);
}

.ind b {
  font-weight: 500;
  font-size: .93rem;
}

.ind small {
  display: block;
  color: var(--dim);
  font-size: .7rem;
  margin-top: 2px;
}

/* ---------- responsive ---------- */
@media(max-width:1024px) {
  .ind-grid {
    grid-template-columns: repeat(2, 1fr);
  }
  .ind-small-grid {
    grid-template-columns: repeat(3, 1fr);
  }
}

@media(max-width:760px) {
  .ind-grid, .ind-small-grid {
    grid-template-columns: repeat(2, 1fr);
  }
}

@media(max-width:580px) {
  .ind-grid, .ind-small-grid {
    grid-template-columns: 1fr !important;
  }
}