.accordion , .accordion:focus {
    background-color: white;
    color: #444;
    cursor: pointer;
    padding: 12px 18px;
    width: 100%;
    border: none;
    text-align: left;
    outline: none;
    font-size: 18px;
    transition: 0.4s;
    outline: none;
    position: relative;
}

.accordion.active {
    background: rgba(250, 236, 228, 0.4);
    font-weight: 700;
}


.accordion:after {
    content: '';
    background: url('../images/Exporters_Login_Form/ArrowDown.svg') no-repeat;
    color: #777;
    font-weight: bold;
    position: absolute;
    right: 18px;
    top: 50%;
    transform: translateY(-50%);
    margin-left: 5px;
    width: 16px;
    height: 10px;
}

.active:after {
    content: "";
    background: url('../images/Exporters_Login_Form/ArrowUp.svg') no-repeat !important;
}

.panel {
    padding: 0 18px;
    background: rgba(250, 236, 228, 0.4);
    max-height: 0;
    overflow: hidden;
}

@media only screen and (max-width:450px) {
    .accordion {
        padding: 12px 10px;
    }
}