.service-area-wrap{

  padding:30px;
  border-radius:14px;
}

.area-check{
  display:grid;
  grid-template-columns:repeat(4, minmax(180px, 1fr));
  gap:18px 22px;
}

.area{
  background:#141d38;
  border:1px solid rgba(20,29,56,0.08);
  border-radius:12px;
  padding:14px 18px;
  display:flex;
  align-items:center;
  gap:12px;
  font-size:25px;
  font-weight:600;
  color:white;
  box-shadow:0 6px 16px rgba(20,29,56,0.08);
  position:relative;
  padding-left:50px;
}

/* Check icon */
.area::before{
  content:"✓⃝";
  position:absolute;
  left:18px;
  font-size:18px;
  font-weight:bold;
  color:white; /* YOUR requested color */
}

/* Responsive */
@media (max-width:1200px){
  .area-check{ grid-template-columns:repeat(1, minmax(180px, 1fr)); }
}
@media (max-width:950px){
  .area-check{ grid-template-columns:repeat(3, minmax(180px, 1fr)); }
}
@media (max-width:680px){
  .area-check{ grid-template-columns:repeat(2, minmax(160px, 1fr)); }
}
@media (max-width:420px){
  .area-check{ grid-template-columns:1fr; }
}