#faq-container { max-width: 1000px; margin: 80px auto; padding: 0 20px; }
.faq-header { text-align: center; margin-bottom: 40px; }
.faq-main-title { font-size: 34px; color: #5b7bb1; font-weight: 600; margin-bottom: 30px; letter-spacing: 2px; }
.faq-main-title { font-size: 3rem; font-weight: 700; color: #5173b8; text-align: center; margin-bottom: 40px; letter-spacing: 2px; text-shadow: 0 2px 4px rgba(81,115,184,0.1); }
#faq-nav-tabs ul { display: flex; justify-content: center; gap: 25px; margin-bottom: 60px; }
.nav-link { color: #5b7bb1; font-size: 16px; text-decoration: none; transition: opacity 0.2s; }
.nav-link:hover { opacity: 0.7; }
#faq-list-wrapper { border-top: 1px dotted #e0e0e0; }
.faq-item { border-bottom: 1px dotted #e0e0e0; }
.faq-trigger { display: flex; align-items: center; padding: 22px 0; cursor: pointer; color: #5b7bb1; font-size: 16px; font-weight: 500; transition: opacity 0.3s; }
.faq-trigger .qaJtitle{
    font-size: 1.25rem;
    font-weight: 600;
}
.faq-trigger:hover { opacity: 0.7; }
.faq-icon { width: 25px; font-size: 20px; display: flex; align-items: center; transition: transform 0.3s ease; }
.faq-content-wrapper { display: grid; grid-template-rows: 0fr; transition: grid-template-rows 0.3s ease-out; }
.faq-content-wrapper > div { overflow: hidden; }
.faq-item.active .faq-content-wrapper { grid-template-rows: 1fr; }
.faq-content { padding: 0 0 30px 25px; color: #333; font-size: 14px; line-height: 1.8; text-align: justify; opacity: 0; transition: opacity 0.3s ease-in-out; }
.faq-item.active .faq-content { opacity: 1; transition-delay: 0.1s; }
.hidden { display: none; }
@media (max-width:768px) {

  .faq-main-title  { font-size: 2.25rem; }
}