/**
 * All of the CSS for your public-facing functionality should be
 * included in this file.
 */
/* Style the buttons that are used to open and close the accordion panel */
.ns-accordion {
    background-color: transparent;
    color: #444;
    cursor: pointer;
    padding: 18px;
    width: 100%;
    text-align: left;
    border: none;
    outline: none;
    transition: 0.4s;
    position: relative;
}

/* Add a background color to the button if it is clicked on (add the .active class with JS), and when you move the mouse over it (hover) */
.ns-active, .ns-accordion:hover {
    background-color: #ccc;
}

/* Style the accordion panel. Note: hidden by default */
.ns-panel {
    padding: 0 18px;
    background-color: transparent;
    display: none;
    overflow: hidden;

}
.ns-open{
    right: 10px;
    position: absolute;
}
.ns-close::before{
    content: "X";
    color: red;
    font-size: 20px;
    font-weight: bold;
}

.ns-close{
    right: 10px;
    position: absolute;
}