/* ============================================================
   faq.html — page-specific stylesheet
   Auto-extracted from inline <style> block(s) in this page so it
   can be edited/cached separately from the markup.
   Shared/global rules (navbar, footer, floating icons, animations,
   preloader) live in css/nav_bar.css. Package-detail-page rules
   live in css/package_detail.css.
   ============================================================ */
body {
      font-family: 'Poppins', sans-serif;
      background: #f5f5f5;
    }


    /* ===== HERO SECTION ===== */
    .hero-section {
      background: url('../../images/car_images/faq_hero.webp') center/contain no-repeat;
      height: 45vh;
      display: flex;
      align-items: center;
      justify-content: center;
      color: white;
      text-align: center;
      position: relative;
    }
/* Hero Section (decorative pseudo-element) */


    .hero-section::before {
      content: "";
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      background-color: rgba(0, 0, 0, 0.5);
    }
/* Hero Section */


    .hero-section>div {
      background-color: rgba(0, 0, 0, 0.541);
      border-radius: 20px;
      padding: 1rem;
      position: absolute;
      font-family: 'Times New Roman', Times, serif;
      font-size: 3rem;
      bottom: 10px;
      z-index: 1;
    }

    /* ---------- FAQ Section ---------- */
    .faq-section {
      padding: 100px 0;
      background: #ffffff;
    }
/* Accordion Item */


    .accordion-item {
      border: none;
      margin-bottom: 15px;
      border-radius: 12px;
      box-shadow: 0 4px 15px rgba(0, 0, 0, 0.06);
      overflow: hidden;
    }
/* Accordion Button */


    .accordion-button {
      font-weight: 600;
      font-size: 1.05rem;
      color: #212121;
      background: #fafafa;
      border: none;
      box-shadow: none;
      padding: 20px 25px;
    }
/* Accordion Button */


    .accordion-button:not(.collapsed) {
      background: linear-gradient(90deg, var(--primary-color), var(--secondary-color));
      color: #fff;
    }
/* Accordion Button (focus state) */


    .accordion-button:focus {
      box-shadow: none;
    }
/* Accordion Body */


    .accordion-body {
      padding: 25px;
      font-size: 0.95rem;
      line-height: 1.7;
      color: #555;
      background: #fff;
    }

    /* Chevron icon color */
    .accordion-button::after {
      filter: brightness(0) saturate(100%) invert(62%) sepia(86%) saturate(422%) hue-rotate(359deg) brightness(102%) contrast(105%);
    }
/* Accordion Button (decorative pseudo-element) */


    .accordion-button:not(.collapsed)::after {
      filter: brightness(0) invert(1);
    }

    /* Responsive */
    @media (max-width: 767px) {
      .faq-section {
        padding: 60px 0;
      }

      .accordion-button {
        font-size: 1rem;
        padding: 15px 20px;
      }
    }