/* ICT Assist — IT theme on top of the ComingSoon template (main.css) */

/* Poppins has no Cyrillic: Russian text falls back to system fonts */
body, .s1-txt1, .l1-txt1, .l1-txt2, .ia-lead, .ia-kicker, .ia-card, .ia-status, .ia-footer {
  font-family: Poppins-Regular, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
}

html, body { background-color: #04101f; }

/* overlay: cool blue instead of purple */
.overlay1::before {
  background: #0a2a4a;
  background: linear-gradient(to top, #062038, #0e4a7a);
  opacity: 0.35;
}
.overlay1::after { background: rgba(2, 8, 18, 0.45); }

.ia-status {
  font-size: 13px;
  color: #b9d9ea;
  border: 1px solid rgba(120, 200, 240, 0.35);
  border-radius: 20px;
  padding: 7px 16px;
  background: rgba(6, 24, 44, 0.45);
}
.ia-dot {
  display: inline-block;
  width: 8px; height: 8px;
  border-radius: 50%;
  margin-right: 6px;
  background: #2ee6a6;
  box-shadow: 0 0 8px #2ee6a6;
}

.ia-kicker {
  font-size: 14px;
  letter-spacing: 4px;
  text-transform: uppercase;
  color: #4fd0f2;
}
.l1-txt1 {
  font-family: Poppins-Light, "Segoe UI", Arial, sans-serif;
  color: #fff;
  letter-spacing: 10px;
  font-size: 64px;
}
.ia-lead {
  font-size: 18px;
  line-height: 1.6;
  color: #c7dbe8;
  max-width: 720px;
}
.l1-txt2 {
  font-family: Poppins-SemiBold, "Segoe UI", Arial, sans-serif;
  font-size: 96px;
  color: #fff;
  text-shadow: 0 0 24px rgba(79, 208, 242, 0.35);
}
.s1-txt1 { color: #4fd0f2; letter-spacing: 2px; }

.ia-services {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 18px;
  width: 100%;
  max-width: 1080px;
}
.ia-card {
  background: rgba(6, 24, 44, 0.55);
  border: 1px solid rgba(120, 200, 240, 0.18);
  border-radius: 10px;
  padding: 22px 20px;
  color: #c7dbe8;
  transition: border-color .3s, transform .3s;
}
.ia-card:hover { border-color: rgba(79, 208, 242, 0.6); transform: translateY(-3px); }
.ia-card .fa { font-size: 26px; color: #4fd0f2; margin-bottom: 12px; }
.ia-card h2 { font-size: 17px; color: #fff; margin: 0 0 8px; font-weight: 600; }
.ia-card p  { font-size: 14px; line-height: 1.55; color: #a9c3d3; margin: 0; }

.ia-footer { font-size: 13px; color: #7f9bb0; }

@media (max-width: 992px) {
  .ia-services { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .l1-txt2 { font-size: 72px; }
}
@media (max-width: 576px) {
  .ia-services { grid-template-columns: 1fr; }
  .l1-txt1 { font-size: 40px; letter-spacing: 6px; }
  .l1-txt2 { font-size: 48px; }
  .cd100 .wsize1 { width: 50%; }
  .ia-status { display: none; }
}