.pain-block{padding:88px 60px;position:relative;overflow:hidden}


.section-inner{max-width:1100px;margin:0 auto;position:relative;z-index:1}

/* ── CARDS GRID — 3 col like Image 1 ── */
.cards-grid1{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}

.pain-card{ background:rgba(255,255,255,0.07); border:1px solid rgba(255,255,255,0.08);  border-radius:18px;  padding:28px 24px;  display:flex;  flex-direction:column;  gap:20px;  transition:all 0.25s;  cursor:default;  position:relative;  overflow:hidden;}
.pain-card::before{content:'';position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,rgba(255,255,255,0.08),transparent);pointer-events:none}
.pain-card:hover{background:rgba(255,255,255,0.07);border-color:rgba(77,159,255,0.3);transform:translateY(-3px);box-shadow:0 12px 32px rgba(0,0,0,0.3)}

/* Icon */
.pain-card-icon-wrap{width:44px;height:44px;border-radius:12px;display:flex;align-items:center;justify-content:center;flex-shrink:0}
.pain-card-title{font-size:1rem;font-weight:600;color:#fff;line-height:1.4;letter-spacing:-0.01em;margin-bottom:6px}
.pain-card-desc{font-size:1rem;color:rgba(255,255,255,0.6);line-height:1.3}

/* Icon bg colors — muted to fit dark bg */
.card-icon-wrap{width:40px;height:40px;border-radius:10px;display:flex;align-items:center;justify-content:center;flex-shrink:0}
.ic-1{background:rgba(124,58,237,0.15)} /* purple */
.ic-2{background:rgba(16,185,129,0.15)} /* green */
.ic-3{background:rgba(245,158,11,0.15)} /* amber */
.ic-4{background:rgba(236,72,153,0.15)} /* pink */
.ic-5{background:rgba(14,165,233,0.15)} /* sky */
.ic-6{background:rgba(239,68,68,0.15)}  /* red */
.ic-7{background:rgba(249,115,22,0.15)} /* orange */
.ic-8{background:rgba(20,184,166,0.15)} /* teal */


.ic-1 svg{color:#A78BFA}
.ic-2 svg{color:#34D399}
.ic-3 svg{color:#FBBF24}
.ic-4 svg{color:#F472B6}
.ic-5 svg{color:#38BDF8}
.ic-6 svg{color:#F87171}
.ic-7 svg{color:#FB923C}
.ic-8 svg{color:#2DD4BF}


/* ── RESPONSIVE ── */
@media(max-width:900px){
  .cards-grid1{grid-template-columns:repeat(2,1fr)}

}
@media(max-width:768px){
  .pain-block{padding:60px 20px}
  .pain-card-title { font-size: 1.1rem; }
}
@media(max-width:480px){.cards-grid1{grid-template-columns:1fr}}