.accordion,
    .accordion-item,
    .accordion-button {
      border-radius: 0 !important; /* removes all border radius */
    }

    .accordion {
      border: none;
    }

    .accordion-item {
      border: none;
      border-top: 1px solid #333;
      border-bottom: 1px solid #333;
      margin: 0;
    }

    .accordion-button {
      background-color: #181818 !important;
      color: white !important;
      box-shadow: none;
      border: none;
      padding: 1rem;
      font-size: 1rem;
      position: relative;
      transition: background-color 0.2s ease;
    }

    .accordion-button:focus {
      box-shadow: none;
      outline: none;
    }

    .accordion-header:hover .accordion-button {
      background-color: #202020 !important;
    }

    .accordion-button:not(.collapsed) {
      background-color: #1a1a1a !important;
    }

    .accordion-body {
      background-color: #222 !important;
      color: #ddd;
      padding: 1rem;
    }

    /* Remove Bootstrap default arrow */
    .accordion-button::after {
      display: none;
    }

    /* Custom + and – icon */
    .accordion-button::before {
      content: '+';
      position: absolute;
      right: 1.25rem;
      font-size: 1.5rem;
      color: white;
      transition: transform 0.3s ease;
    }

    .accordion-button:not(.collapsed)::before {
      content: '–';
      color: white;
    }