حرّر نفسك من القيود بطريقة طبيعية

/* Base Container */ .faq-section { max-width: 820px; margin: 0 auto; padding: 30px 15px; font-family: 'Cairo', Tahoma, sans-serif; } /* Titles with Gold & White scheme */ .faq-title { color: #FFD700; font-size: 32px; font-weight: 800; text-align: center; margin: 0 0 8px 0; text-shadow: 0 2px 8px rgba(0, 0, 0, 0.5); } .faq-subtitle { color: #FFFFFF; font-size: 16px; text-align: center; margin: 0 0 35px 0; opacity: 0.9; font-weight: 400; } /* FAQ Cards */ .faq-card { background: #FFFFFF; border: 1.5px solid #D4AF37; border-radius: 16px; margin-bottom: 20px; padding: 22px 28px; box-shadow: 0 6px 18px rgba(0, 0, 0, 0.2); transition: all 0.3s ease; } .faq-card:hover { box-shadow: 0 8px 24px rgba(212, 175, 55, 0.3); } /* Header inside Card */ .faq-header { display: flex; justify-content: space-between; align-items: center; cursor: pointer; } .faq-question { color: #3C2415; font-size: 18px; font-weight: 700; margin: 0; line-height: 1.4; } .faq-icon { color: #D4AF37; font-size: 14px; margin-right: 15px; } /* Answer inside Card */ .faq-answer { color: #444444; font-size: 15px; line-height: 1.7; margin-top: 15px; padding-top: 15px; border-top: 1px solid #EFEFEF; } /* Mobile Responsiveness */ @media (max-width: 600px) { .faq-title { font-size: 26px; } .faq-subtitle { font-size: 14px; } .faq-card { padding: 16px 20px; } .faq-question { font-size: 16px; } .faq-answer { font-size: 14px; } }