.accordion {
        background-color: #eee;
        color: #444;
        cursor: pointer;
        padding: 18px;
        width: 100%;
        border: none;
        text-align: left;
        outline: none;
        font-size: 15px;
        transition: 0.4s;
      }

      .active,
      .accordion:hover {
        background-color: #ccc;
      }

      .accordion:after {
        content: "\002B";
        color: #777;
        font-weight: bold;
        float: right;
        margin-left: 5px;
      }

      .active:after {
        content: "\2212";
      }

      .panel {
        background-color: white;
        /*max-height: 0;*/
        overflow: hidden;
        transition: max-height 0.2s ease-out;
      }
      .product-item span,
      .product-item a {
        background-color: #001151;
        padding: 12px;
        border-radius: 5px;
        color: white;
        font-size: 17px;
        cursor: pointer;
        min-width: 166px;
        text-align: center;
        text-decoration: none;
      }
    

.faq {
    max-width: 80%;
    margin: 150px auto;
}
.faq button.accordion {
    background-color: #001151;
    color: white;
    border-bottom: 1px solid gainsboro;
    font-size: 18px;
}
section.faq .panel p {
    /* margin: 12px 0px; */
    background-color: #dae0f5;
}
/* .faq .panel {
    padding: 25px 15px;
} */
 .accordion:after{
        color: #8ad2ff;
 }
 .panel { display: none; }
.panel.show { display: block; }

.accordion.active {
    background: #ccc;
}