/* Section Styling */
.technology-section {




/* Grid Layout */
.tech-grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 30px;
}

/* Each Category Card */
.tech-card {
  background: #000926;
  border-radius: 12px;
  padding: 20px;
  box-shadow: 0 4px 12px rgba(0,0,0,0.4);
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
}

.tech-card h3 {
  margin: 0;
  margin-bottom: 20px;
  font-size: 20px;
  color: #4fc3f7;
}

/* Icons inside each card */
.icons {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 20px;
}

.icon {
  display: flex;
  flex-direction: column;
  align-items: center;
  border-radius: 10px;
  min-width: 110px;
border: 1px solid rgba(77, 58, 212, 0.20);
padding: 10px;
background: #0A233C;
}

.icon img {
  width: 80px;
  height: auto;
  margin-bottom: 6px;
  background-color: #fff;
  padding: 5px;
  border-radius: 4px;
}

.icon p {
  font-size: 14px;
  margin: 0;
}

/* Note text */
.note {
  margin-top: 40px;
 
}
}



/* Responsive */
@media (max-width: 768px) {

  .technology-section {
    .tech-grid {

         grid-template-columns:repeat(1, 1fr);
        gap: 16px;
    }
}

}