in

.faq-ui { font-family: 'Segoe UI', sans-serif; background: linear-gradient(to bottom, #ffffff, #f5f5f5); padding: 2rem; color: #333; } .faq-header { text-align: center; margin-bottom: 2rem; } .faq-header h1 { font-size: 2.5rem; color: #ce1126; } .faq-columns { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; } .faq-card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.1); padding: 1.5rem; text-align: center; } .faq-card img { width: 60px; margin-bottom: 1rem; } .faq-card h2 { font-size: 1.2rem; color: #006847; } .faq-card p { font-size: 0.95rem; color: #444; } .faq-carousel { margin-top: 3rem; text-align: center; } .faq-carousel h2 { font-size: 1.5rem; margin-bottom: 1rem; color: #ce1126; } .carousel-track { display: flex; overflow-x: auto; gap: 1rem; padding: 1rem; scroll-snap-type: x mandatory; } .carousel-item { flex: 0 0 auto; background: #006847; color: #fff; padding: 1rem 2rem; border-radius: 8px; scroll-snap-align: start; font-weight: bold; box-shadow: 0 4px 8px rgba(0,0,0,0.2); }