/* --- Desktop: 3 columns side-by-side --- */
.vc_row.quiz-layout {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}

.vc_row.quiz-layout .vc_column_container {
  flex: 0 0 32%;
  max-width: 32%;
  margin-bottom: 20px;
}

/* --- Mobile: stack columns vertically --- */
@media (max-width: 767px) {
  .vc_row.quiz-layout {
    display: block;
  }

  .vc_row.quiz-layout .vc_column_container {
    flex: 0 0 100%;
    max-width: 100%;
  }
}