h2 {

    margin-bottom: 10px;

}



.accordion {

    background-color: #f1f1f1;

    color: #000000;

    cursor: pointer;

    padding: 18px;

    margin: 10px 0;

    width: 100%;

    border: none;

    text-align: left;

    outline: none;

    font-size: 15px;

    transition: 0.4s;

}



.active,

.accordion:hover {

    /* background-color: rgb(168, 103, 103); */

    border: 1px dashed deepskyblue;

}



.accordion:after {

    content: '\002B';

    color: #777;

    font-weight: bold;

    float: right;

    margin-left: 5px;

}



.active:after {

    /* content: "\2212"; */

}



.panel {

    padding: 0 18px;

    /* background-color: rgb(225, 196, 196); */

    max-height: 0;

    overflow: hidden;

    transition: max-height 0.2s ease-out;

}