.faq-section { padding: 3rem 0; background: #fff; }
.faq-section .section-header { text-align: center; margin-bottom: 2.5rem; }
.faq-section .section-title { padding-bottom:0;font-size: 36px; font-weight: 700; color: #0F172A; margin: 0 0 1rem 0; line-height: 1.3; }
.faq-section .section-subtitle { font-size: 18px; font-weight:500;color: #1E293B; max-width: 700px; font-weight: 500; margin: 0 auto; line-height: 1.7; }
.faq-section .faq-list { max-width: 900px; margin: 0 auto; display: flex; flex-direction: column; }
.faq-section .faq-item { border-bottom: 1px solid #E2E8F0; transition: all 0.3s ease; margin: 2px 0; }
.faq-section .faq-item.open { background: #F1F5F9; border-bottom: 1px solid transparent; border-radius: 12px; }
.faq-section .faq-question { width: 100%; background: none; border: none; padding: 1.25rem 1.5rem; display: flex; align-items: center; justify-content: space-between; gap: 1rem; cursor: pointer; text-align: left; }
.faq-section .faq-item.open .faq-question { padding-bottom: 10px; }
.faq-section .faq-item { border-bottom: 1px solid #E2E8F0; }
.faq-section .faq-item.open { border-radius: 12px; }
.faq-section .faq-item.open .faq-item,
.faq-section .faq-item:last-child { border-bottom: 1px solid transparent; }
.faq-section .faq-item:last-child { border-bottom: none; }
.faq-section .faq-item.open + .faq-item { border-top-color: transparent; border-bottom-color: #E2E8F0; }
.faq-section .faq-item.open { border-bottom: none; margin-bottom: 8px; margin-top: 8px; }
.faq-section .faq-question-text { font-size: 16px; font-weight: 600; color: #0F172A; line-height: 1.4; }
.faq-section .faq-icon { width: 28px; height: 28px; border-radius: 50%; display: flex; align-items: center; justify-content: center; flex-shrink: 0; transition: all 0.3s; color: #475569; position: relative; }
.faq-section .faq-icon::before,
.faq-section .faq-icon::after {
   content: "";
   position: absolute;
   background-color: currentColor;
   transition: transform 0.3s;
}
.faq-section .faq-icon::before {
   width: 12px;
   height: 2px;
}
.faq-section .faq-icon::after {
   width: 2px;
   height: 12px;
}
.faq-section .faq-item.open .faq-icon { background: #fff; color: #0F172A; transform: rotate(45deg); }
.faq-section .faq-answer { max-height: 0; overflow: hidden; transition: max-height 0.35s ease, padding 0.3s ease; padding: 0 1.5rem; }
.faq-section .faq-item.open .faq-answer { max-height: 500px; padding: 0 1.5rem 1.25rem; }
.faq-section .faq-answer p { font-size: 15px; color: #334155; font-weight: 500; line-height: 1.75; margin: 0; padding-top: 0; }

@media (max-width: 568px) {
.faq-section{padding:30px 0}
.faq-section .section-header{margin-bottom: 20px;}

 }
@media (max-width: 480px) { 
  .faq-section { padding: 24px 16px; }
  .faq-section .section-title { font-size: 18px; }
  .faq-section .section-subtitle { font-size: 14px; }
  .faq-section .faq-question { padding: 1rem 1.25rem; }
  .faq-section .faq-question-text { font-size: 15px; }
  .faq-section .faq-answer p { font-size: 14px; }
}