.accordion-container .accordion-title {
    position: relative;
    margin: 0;
    padding: 0.625em 0.625em 0.625em 2em;
    background-color: #444;
    font-size: 15px;
    border: 1px solid #d2ab67;
    font-weight: normal;
    color: #d2ab67;
    cursor: pointer;
}

    .accordion-container .accordion-title:hover,
    .accordion-container .accordion-title:active,
    .accordion-title.open {
        background-color: #343232;
        color: #d2ab67;
    }

    .accordion-container .accordion-title::before {
        content: "";
        position: absolute;
        top: 50%;
        right: 25px;
        width: 15px;
        height: 2px;
        transform: rotate(90deg);
        background: #d2ab67;
        transition: all .3s ease-in-out;
    }

    .accordion-container .accordion-title::after {
        content: "";
        position: absolute;
        top: 50%;
        right: 25px;
        width: 15px;
        height: 2px;
        background: #d2ab67;
        transition: all .2s ease-in-out;
    }

.accordion-container .accordion-title.open::before {
  transform: rotate(180deg);
}

.accordion-container .accordion-title.open::after {
  opacity: 0;
}

.accordion-content {
    padding: 10px;
    border: 1px solid #c9ab61;
    background-color: black;
    color: #c9ab61;
    text-align: center;
}

@media only screen and (max-width: 600px) {
    .accordion-container .accordion-title {
        padding: 5px !important;
        font-size: 14px !important;
        display: block;
        width: 100%;
    }

    .panel-heading {
        font-size: 15px;
    }

    .forword_btn {
        float: none;
        display: block;
        width: 100%;
        font-size: 14px;
    }
}