.impact-hex-wrapper{position:relative;display:flex;justify-content:center;align-items:center}
.hex-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:40px}
.hex-item{width:140px;height:160px;background:#00e58b;clip-path:polygon(25% 0%,75% 0%,100% 50%,75% 100%,25% 100%,0% 50%);display:flex;align-items:center;justify-content:center;text-align:center;font-weight:600;cursor:pointer;transition:.4s}
.hex-item.active{background:#0b1f1a;color:#00e58b;transform:scale(1.08)}
.hex-center{position:absolute;text-align:center}
.hex-center-content{background:#fff;padding:24px;border-radius:20px;box-shadow:0 20px 40px rgba(0,0,0,.15)}
.hex-arrows{margin-top:12px;display:flex;gap:40px;justify-content:center}
.hex-arrow{font-size:32px;cursor:pointer}

@media(max-width:768px){
  .hex-grid{display:flex;overflow-x:auto;scroll-snap-type:x mandatory}
  .hex-item{flex:0 0 140px;scroll-snap-align:center}
  .hex-center{position:relative;margin-top:20px}
}