/* --- UPDATED FAQ SECTION WITH ACTIVE BAR --- */
 .faq-premium-section {
     padding: 100px 0;
     background: #ffffff;
 }

 .faq-title-area {
     margin-bottom: 50px !important;
 }

 .faq-title-area h2 {
     font-weight: 800;
     font-size: 42px;
     color: #0f172a;
 }

 .faq-modern-card {
     border: 1px solid #e2e8f0 !important;
     border-radius: 20px !important;
     margin-bottom: 20px;
     background: #ffffff !important;
     transition: 0.3s ease;
     overflow: hidden;
     position: relative;
 }

 /* Jab FAQ khula ho tab border color change ho */
 .faq-modern-card:has(.accordion-button:not(.collapsed)) {
     border-color: #605BE5 !important;
     box-shadow: 0 15px 30px rgba(96, 91, 229, 0.08);
 }

 .faq-btn {
     padding: 24px 30px 24px 45px !important;
     /* Extra left padding for the bar */
     font-weight: 700 !important;
     font-size: 20px !important;
     color: #0f172a !important;
     background: transparent !important;
     box-shadow: none !important;
     display: flex !important;
     justify-content: space-between !important;
     align-items: center !important;
     width: 100%;
     text-align: left;
     position: relative;
 }

 /* --- DESIGNING THE SIDE BAR (ACTIVE STATE ONLY) --- */
 .faq-btn::before {
     content: "";
     position: absolute;
     left: -1px;
     top: 50%;
     transform: translateY(-50%);
     width: 6px;
     height: 0;
     /* Initially hidden */
     background: #605BE5;
     border-radius: 10px;
     transition: 0.3s ease;
     opacity: 0;
 }

 /* Jab button expanded ho tab bar dikhegi */
 .faq-btn:not(.collapsed)::before {
     height: 40px;
     /* Bar ki height jab open ho */
     opacity: 1;
 }

 .faq-btn::after {
     display: none !important;
     /* Standard arrow hide karein */
 }

 .faq-btn:not(.collapsed) {
     color: #605BE5 !important;
 }

 /* Circular Blue Icon (Right Side) */
 .faq-icon-box {
     width: 34px;
     height: 34px;
     background: #f5f3ff;
     color: #605BE5;
     border-radius: 50%;
     display: flex;
     align-items: center;
     justify-content: center;
     transition: 0.4s;
     flex-shrink: 0;
 }

 .faq-btn:not(.collapsed) .faq-icon-box {
     background: #605BE5;
     color: #fff;
     transform: rotate(180deg);
 }

 .faq-body-text {
     padding: 0 30px 30px 45px !important;
     /* Align with header text */
     color: #475569;
     font-size: 18px;
     line-height: 1.8;
 }

 .extension-label {
     position: absolute;
     right: 25px;
     font-weight: 700;
     font-size: 20px;
     color: #94a3b8;
     pointer-events: none;
 }