/*
 * iSEOServices - Industries Page CSS
 * File: /css/industries.css
 * Used by: industries.php
 * Imports: city.css (loaded via $page_css)
 */

/*  INDUSTRY CARDS GRID  */
.ind-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin-top:48px}

.ind-card{
  background:#fff;
  border:1.5px solid var(--pale);
  border-radius:var(--r-lg);
  padding:28px 24px;
  position:relative;
  transition:all var(--tr);
  display:flex;
  flex-direction:column;
  gap:14px;
  box-shadow:0 4px 6px rgba(13,31,92,.07),0 12px 32px rgba(13,31,92,.10),0 2px 4px rgba(0,0,0,.06),inset 0 1px 0 rgba(255,255,255,.8)
}
.ind-card:hover{
  border-color:var(--teal);
  box-shadow:0 8px 24px rgba(13,31,92,.12),0 28px 64px rgba(0,194,168,.16),0 2px 6px rgba(0,0,0,.08);
  transform:translateY(-5px)
}

.ind-card__icon{
  width:52px;height:52px;
  background:rgba(0,194,168,.08);
  border-radius:12px;
  display:flex;align-items:center;justify-content:center;
  flex-shrink:0;
  transition:background var(--tr)
}
.ind-card:hover .ind-card__icon{background:rgba(0,194,168,.14)}

.ind-card__num{
  position:absolute;top:24px;right:24px;
  font-size:2rem;font-weight:900;
  color:rgba(13,31,92,.2);
  line-height:1;
  font-family:var(--font-h)
}
.ind-card__title{font-size:1.1rem;font-weight:800;color:var(--navy);margin:0}
.ind-card__desc{font-size:.83rem;color:var(--muted);line-height:1.7;margin:0;text-align:justify}

.ind-card__challenge{
  background:#f6f8ff;
  border-left:3px solid var(--teal);
  border-radius:0 6px 6px 0;
  padding:10px 14px;
  font-size:.78rem;color:var(--navy);line-height:1.5
}
.ind-card__challenge-label{
  display:block;
  font-size:.68rem;font-weight:800;
  text-transform:uppercase;letter-spacing:.08em;
  color:var(--teal);
  margin-bottom:4px
}
.ind-card__signals{margin:0;padding:0;list-style:none;display:flex;flex-direction:column;gap:6px}
.ind-card__signals li{
  font-size:.78rem;color:var(--muted);
  display:flex;align-items:center;gap:7px
}
.ind-card__signals li::before{
  content:'';width:6px;height:6px;
  border-radius:50%;background:var(--teal);flex-shrink:0
}

/*  CTA BODY TEXT  */
.svc-bottom-cta__body{
  color:rgba(255,255,255,.68);
  font-size:1rem;
  max-width:560px;
  margin:0 auto 36px;
  line-height:1.72;
  text-align:center
}

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