/* General Page Styles */
  body {
      font-family: 'LindeDaxGlobal';
      background-color: #ffffff;
      color: #003256;
      margin: 0;
  }

  .page-container {
      max-width: 1200px;
      margin: 0 auto;
      padding: 20px;
      text-align: center;
  }

  /* Page Title */
  .page-title {
      font-size: 4.5rem;
      margin-bottom: 40px;
  }

  /* FAQ Cards */
  .faq-cards {
      display: flex;
      flex-wrap: wrap;
      /* Wrap cards into rows */
      gap: 20px;
      justify-content: center;
      /* Center cards horizontally */
      margin-bottom: 40px;
  }

  .faq-card {
      background-color: #f2f6f7;
      width: 270px;
      height: 150px;
      border-radius: 10px;
      /* Rounded corners */
      display: flex;
      flex-direction: column;
      justify-content: center;
      align-items: center;
      cursor: pointer;
      box-shadow: rgba(0, 0, 0, 0.1) 0px 3px 6px;
      transition: transform 0.2s, box-shadow 0.2s;
  }

  .faq-card:hover {
      transform: scale(1.05);
      /* Slight enlargement on hover */
      box-shadow: rgba(0, 0, 0, 0.2) 0px 5px 10px;
  }

  .icon {
      font-size: 2.5rem;
      margin-bottom: 10px;
  }

  .card-title {
      font-size: 2rem;
      color: #003256;
  }

  /* FAQ Details Section */
  .faq-details {
      text-align: left;
      /* Align text to the left */
  }

  .details-heading {
      font-size: 2rem;
      margin-bottom: 20px;
  }

  /* Questions List */
  .questions-list {
      list-style: none;
      padding: 0;
  }

  .question-item {
      align-items: center;
      font-size: 1.6rem;
      cursor: pointer;
      margin: 10px 0;
      position: relative;
  }

 .arrow {
    color: #0077CC;
  }

   /* Answer Card */
  .answer-card {
      display: none;
      /* Hidden by default */
      background-color: #f2f6f7;
      padding: 20px;
      margin-top: 10px;
      border-radius: 7px;
      box-shadow: rgba(0, 0, 0, 0.05) 0px 2px 4px;
  }

  .answer-buttons {
      margin-top: 20px;
  }

  .answer-buttons button {
      background-color: #0077CC;
      color: #ffffff;
      border: none;
      padding: 10px 20px;
      margin-right: 10px;
      cursor: pointer;
      border-radius: 5px;
      font-size: 1.5rem;
  }

  .answer-buttons button:hover {
      background-color: #005fa3;
      /* Darker blue on hover */
  }