.column {
  display: flex;
  flex-direction: column;
  /* flex-basis: 100%; */
  flex: 1;
  justify-content: center;
  font-size: 2em;
  border-radius: 20px;
}

.row {
  display: flex;
  flex-wrap: wrap;
  justify-content: center; /* This centres all columns */
  gap: 20px; /* This sets equal spacing between columns */
  box-sizing: border-box; /* Ensures padding doesn’t break layout */
 margin-top: 20px;
 margin-bottom: 20px;
 width: 90%;
 margin-left: auto;
 margin-right: auto;
}

/* Media query for mobile devices */
@media (max-width: 768px) {
  .column {
    width: 90%; /* Make columns full width */
     margin-left: auto;
 margin-right: auto;
  }
  
  .row {
  flex-direction: column;
  justify-content: center;
      
  }
  
}