#fw-section-custom-html-3ac0911f-581f-4202-9aed-9c1769d93bf3 {

.flex-container {
  display: flex; /* Make the container a flexbox */
  justify-content: center; /* Center the columns horizontally */
  /* Optional: Set a max-width to control the overall width of the centered columns */
  max-width: 1600px; /* Example max-width */
  margin: 0 auto; /* Center the container itself */
}

.column {
  flex: 1; /* Allow columns to grow and shrink proportionally */
  padding: 10px; /* Add some spacing within columns */
  text-align: left; /* Center content within columns */
}

@media (max-width: 768px) { /* Adjust the breakpoint as needed */
  .flex-container {
    flex-direction: column; /* Stack columns vertically on mobile */
  }

  .column {
    flex: 1 1 100%; /* Make columns full width */
    margin: 5px 0; /* Adjust margin for stacking */
  }

  /* Optional: Styles for staggered appearance (requires JavaScript) */
  .column.appear {
    /* Define animation here (e.g., slide-in, fade-in) */
    animation: slide-in 0.5s ease-out forwards;
  }
}

/* Optional: Define keyframe animation */
@keyframes slide-in {
  from {
    opacity: 0;
    transform: translateY(20px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
}