/*
 * Page stylesheet: faq
 * Order: former <style> blocks, then the former style="" attributes, then extras.
 */
        /* FAQ Accordion Styles */
        .faq-accordion .accordion-item {
            background: white;
            text-align: right center;
            border: none;
            border-radius: 24px;
            margin: 20px;
            box-shadow: 0 4px 20px rgba(0, 0, 0, 0.06);
            overflow: hidden;
            transition: all 0.3s ease;
        }

        .faq-accordion .accordion-item:hover {
            box-shadow: 0 8px 30px rgba(59, 130, 246, 0.15);
            transform: translateY(-2px);
        }

        .faq-accordion .accordion-header {
            margin: 0;
        }

        .faq-accordion .accordion-button {
            background: white;
            display: flex;
            align-items: center;
            min-height: 72px;
            color: #1E293B;
            font-size: 18px;
            font-weight: 700;
            /* padding: 25px 30px; */
            border: none;
            text-align: right center;
            direction: rtl;
            box-shadow: none;
            transition: all 0.3s ease;
            position: relative;
            border-right: 4px solid transparent;
            border-radius: 16px;
        }

        .faq-accordion .accordion-button:not(.collapsed) {
            border-bottom-left-radius: 0;
            border-bottom-right-radius: 0;
            background: linear-gradient(135deg, #3B82F6 0%, #2563EB 100%);
            color: white;
            border-right: 4px solid #1E40AF;
        }

        .faq-accordion .accordion-button:hover {
            background: #F8FAFC;
        }
        .faq-accordion .accordion-item:hover {
            transform: none;
        }

        .faq-accordion .accordion-item:has(.accordion-button:not(.collapsed)) {
            transform: none;
        }


        .faq-accordion .accordion-button:not(.collapsed):hover {
            background: linear-gradient(135deg, #2563EB 0%, #1E40AF 100%);
        }

        .faq-accordion .accordion-button::after {
            content: "\f107";
            font-family: "Font Awesome 5 Pro";
            font-weight: 900;
            margin-right: auto;
            margin-left: 0;
            background: none;
            width: auto;
            height: auto;
            font-size: 20px;
            transition: transform 0.3s ease;
        }

        .faq-accordion .accordion-button:not(.collapsed)::after {
            transform: rotate(180deg);
            color: white;
        }

        .faq-accordion .accordion-body {
            padding: 30px;
            background: #F8FAFC;
            color: #475569;
            font-size: 16px;
            line-height: 1.8;
            text-align: right;
            direction: rtl;
            border-top: 2px solid #E2E8F0;
        }

        .faq-accordion .accordion-collapse {
            border-bottom-left-radius: 16px;
            border-bottom-right-radius: 16px;
        }

        .faq-accordion .accordion-body p {
            margin: 0;
            color: #475569;
        }

        /* Dark Mode Styles for FAQ */
        .active-dark-mode .faq-area {
            background: linear-gradient(135deg, #0f172a 0%, #1e293b 100%) !important;
        }

        .active-dark-mode .faq-accordion .accordion-item {
            background: rgba(255, 255, 255, 0.05);
            border: 1px solid rgba(255, 255, 255, 0.1);
            box-shadow: 0 4px 20px rgba(0, 0, 0, 0.3);
        }

        .active-dark-mode .faq-accordion .accordion-item:hover {
            background: rgba(255, 255, 255, 0.08);
            box-shadow: 0 8px 30px rgba(59, 130, 246, 0.2);
        }

        .active-dark-mode .faq-accordion .accordion-button {
            background: rgba(255, 255, 255, 0.05);
            color: #f8fafc;
        }

        .active-dark-mode .faq-accordion .accordion-button:not(.collapsed) {
            background: linear-gradient(135deg, #3B82F6 0%, #2563EB 100%);
            color: white;
        }

        .active-dark-mode .faq-accordion .accordion-button:hover {
            background: rgba(255, 255, 255, 0.1);
        }

        .active-dark-mode .faq-accordion .accordion-body {
            background: rgba(255, 255, 255, 0.03);
            color: #cbd5e1;
            border-top: 2px solid rgba(255, 255, 255, 0.1);
        }

        .active-dark-mode .faq-accordion .accordion-body p {
            color: #cbd5e1;
        }

        .active-dark-mode .section-heading .subtitle {
            background: linear-gradient(135deg, #60A5FA 0%, #3B82F6 100%) !important;
        }

        .active-dark-mode .section-heading .title {
            color: #f8fafc !important;
        }

        .active-dark-mode .section-heading .title span {
            color: #60A5FA !important;
        }

        .active-dark-mode .section-heading p {
            color: #94a3b8 !important;
        }

        .active-dark-mode .section-heading > div {
            background: rgba(255, 255, 255, 0.05) !important;
            border: 1px solid rgba(255, 255, 255, 0.1) !important;
            border-right: 4px solid #60A5FA !important;
        }

        .active-dark-mode .section-heading h6 {
            color: #f8fafc !important;
        }

        .faq-area .section-heading .title span {
            font-size: inherit !important;
            padding: 0 !important;
            background: none !important;
            color: #3B82F6 !important;
        }

        .active-dark-mode .faq-area .section-heading .title span {
            color: #60A5FA !important;
        }

        /* Responsive Styles */
        @media (max-width: 991px) {
            .section-heading {
                position: static !important;
            }

            .faq-accordion .accordion-button {
                font-size: 16px;
                padding: 20px;
            }

            .faq-accordion .accordion-body {
                padding: 20px;
                font-size: 15px;
            }
        }

        @media (max-width: 767px) {
            .section-heading .title {
                font-size: 28px !important;
            }

            .faq-accordion .accordion-button {
                font-size: 15px;
                padding: 18px 15px;
            }

            .faq-accordion .accordion-body {
                padding: 18px 15px;
                font-size: 14px;
            }
        }

/*
 * Former style attributes
 * Generated from the former style="" attributes of the template.
 * :where() keeps specificity at zero and !important keeps the old precedence
 * (an inline style beat normal rules, but lost to !important rules).
 */
:where(.u-faq-1) { /* <section .section> */
  padding: 80px 0 !important;
  background: linear-gradient(135deg, #f8fafc 0%, #e2e8f0 100%) !important;
}
:where(.u-faq-2) { /* <div .section-heading> */
  position: sticky !important;
  top: 100px !important;
}
:where(.u-faq-3) { /* <span .subtitle> */
  display: inline-block !important;
  background: linear-gradient(135deg, #3B82F6 0%, #2563EB 100%) !important;
  color: white !important;
  padding: 8px 20px !important;
  border-radius: 25px !important;
  font-size: 14px !important;
  font-weight: 600 !important;
  margin-bottom: 20px !important;
  box-shadow: 0 4px 15px rgba(59, 130, 246, 0.3) !important;
}
:where(.u-faq-4) { /* <i .fas> */
  margin-left: 8px !important;
}
:where(.u-faq-5) { /* <h2 .title> */
  font-size: 36px !important;
  font-weight: 800 !important;
  color: #1E293B !important;
  margin-bottom: 20px !important;
  line-height: 1.3 !important;
}
:where(.u-faq-6) { /* <span> */
  color: #3B82F6 !important;
}
:where(.u-faq-7) { /* <p> */
  font-size: 16px !important;
  line-height: 1.8 !important;
  color: #475569 !important;
  margin-bottom: 30px !important;
}