@font-face {
    font-family: "FranklinGothic_Bold";
    src: url("../fonts/franklin-gothic-cufonfonts/FranklinGothicCondensed.ttf") format("truetype");
}

@font-face {
    font-family: "FranklinGothic_Regular";
    src: url("../fonts/franklin-gothic-cufonfonts/FranklinGothicBookRegular.ttf") format("truetype");
}

.accordion-header {
    background-color: #00577d;
    color: #fff;
    cursor: pointer;
    padding: 18px;
    width: 100%;
    border: none;
    text-align: left;
    outline: none;
    font-size: 17px;
    line-height: 20px;
    font-family : "gotham_book";
    letter-spacing: 0;
    /* transition: 0.4s; */
}

.ac-active,
.accordion-header:hover {
    background-color: #2fb2e3;
    color: white;
}

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

.ac-active {
    /* content: '\002B'; */
    color: white !important;
}

.ac-active:after {
    /* content: "\2212"; */
}

.panel {
    padding: 0 18px;
    background-color: white;
    max-height: 0;
    overflow: hidden;
    /* transition: max-height 0.2s ease-out; */
}

.accordion-header {
    color: #fff;
}

.accordion-ans {
    /* border: 1px solid; */
    margin-top: -10px;
    padding-top: 10px;
    padding-bottom: 20px;
    font-size: 17px;
    line-height: 20px;
    padding: 18px;
}

.accordion-ans h5 {
    color: #17286d;
}