.faq-container {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)); /* 1 column by default for mobile */
    gap: 1rem; /* Space between items */
}
/* For larger screens, like tablet */
@media (min-width: 768px) {
    .faq-container {
        grid-template-columns: repeat(2, 1fr); /* 2 columns for tablet */
    }
}
/* For desktop screens */
@media (min-width: 1024px) {
    .faq-container {
        grid-template-columns: repeat(3, 1fr); /* 3 columns for desktop */
    }
}