.accordion {
      width: 100%;
      background: #fff;
      border-radius: 8px;
      overflow: hidden;
      box-shadow: 0 4px 10px rgba(0,0,0,0.1);
    }

    .accordion-item {
      border-top: 1px solid #ccc;
    }

    .accordion-button {
      background-color: #002e58;
      color: white;
      padding: 15px 20px;
      text-align: left;
      font-weight: bold;
      font-size: 0.95em;
      border: none;
      width: 100%;
      cursor: pointer;
      transition: background 0.3s;
    }

    .accordion-button:hover {
      background-color: #1487c6;
    }

    .accordion-content {
      max-height: 0;
      overflow: hidden;
      background: #f9f9f9;
      transition: max-height 0.4s ease;
      padding: 0 20px;
    }

    .accordion-content a {
      display: block;
      padding: 10px 0;
      color: #002e58;
      text-decoration: none;
      font-weight: normal;
      font-size: 0.85em;
      transition: background-color 0.3s, color 0.3s;
    }

    .accordion-content a:hover {
      background-color: #1487c6;
      color: white;
      padding-left: 10px;
    }

    .accordion-item.active .accordion-content {
      max-height: 1000px;
      padding-bottom: 20px;
    }