/* 
      ============ GLOBAL / BASIC STYLES ============
    */
    body {
      font-family: "Nunito", sans-serif;
      color: #333;
    }
    .search-form-heading {
      color: #1F2937;
    }

    /* 
      ============ HERO SECTION STYLES ============
      (Same gradient approach as phone/email pages)
    */
    .hero-section {
      background: linear-gradient(135deg, #0d6efd 0%, #6610f2 100%);
      color: #fff;
      padding: 80px 0;
      text-align: center;
      position: relative;
      overflow: hidden;
    }
    .hero-section h1 {
      font-size: 3rem;
      font-weight: 700;
      margin-bottom: 20px;
    }
    .hero-section p {
      max-width: 700px;
      margin: 0 auto 40px;
      font-size: 1.1rem;
      line-height: 1.6;
    }

    /* 
      ============ CARD / SHADOW STYLES ============
    */
    .shadow-card {
      box-shadow: 0 3px 6px rgba(0,0,0,0.1);
      border: none;
      border-radius: 8px;
    }

    /* 
      ============ SECTION PADDING ============
    */
    .section-padding {
      padding: 60px 0;
    }

    /* 
      ============ FEATURE BOXES ============
    */
    .feature-box {
      background: #fff;
      border-radius: 8px;
      box-shadow: 0 2px 10px rgba(0,0,0,0.05);
      padding: 20px;
      transition: transform 0.3s ease, box-shadow 0.3s ease;
      height: 100%;
    }
    .feature-box:hover {
      transform: translateY(-3px);
      box-shadow: 0 4px 15px rgba(0,0,0,0.1);
    }
    .feature-box i {
      font-size: 2rem;
      color: #0d6efd;
      margin-bottom: 10px;
    }

    /* 
      ============ FAQ ACCORDION ============
    */
    .accordion-button {
      font-weight: 600;
      color: #0d6efd;
    }
    .accordion-button:not(.collapsed) {
      background-color: #e7f1ff;
      color: #0d6efd;
    }

    /*
      ============ FOOTER STYLES ============
    */
    footer {
      background: #f8f9fa;
      padding: 20px 0;
    }
    footer p {
      margin: 0;
    }