.services {
  background: linear-gradient(rgba(95, 120, 180, 0.85), rgba(15, 23, 42, 0.9)), url("../../images/back.png") no-repeat center center / cover;
  background-attachment: -webkit-scroll;
  background-attachment: fixed;
}

.service-grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 25px;
}

/* Xidmət kartlarının hover effektində Qırmızı işıqlanma */
.service-grid > div {
  transition: transform 0.3s ease, border-color 0.3s ease, box-shadow 0.3s ease;
  border: 1px solid transparent;
}

.service-grid > div:hover {
  border-color: #F80505;
  box-shadow: 0 10px 25px rgba(248, 5, 5, 0.25);
}

@media (max-width: 1024px) { .service-grid { grid-template-columns: repeat(2, 1fr); } }
@media (max-width: 600px) { .service-grid { grid-template-columns: 1fr; } }