/* Container */
.sed-super-collapse-container {
    max-width: 100%;
    /*margin: 20px auto;*/
    margin: 0;
    font-family: Arial, sans-serif;
}

/* Item */
.sed-super-collapse-item {
    border: 1px solid #ddd;
    margin-bottom: 10px;
    border-radius: 6px;
    overflow: hidden;
    
   
}

/* Header */
.sed-super-collapse-header {
    padding: 15px;
    /*background: var(--main-color);*/
    background: transparent;
    cursor: pointer;
    position: relative;
    /*font-weight: bold;*/
    transition: background 0.3s ease;
    
     text-align: left;
    color: black;
    /*font-size: 2em;*/
    font-family: var(--main-font);
    
    
        /*color: var(--main-color);*/
    /*font-style: italic;*/
    font-size: 18px !important;
    font-weight: 500 !important;
    /*padding-bottom: 10px;*/
    /*position: relative;*/
}

.sed-super-collapse-header:hover {
    /*background: #e9e9e9;*/
    background: #f9f9f9;
}

/* Arrow */
.sed-super-collapse-header::after {
    content: "+";
    position: absolute;
    right: 15px;
    transition: transform 0.3s ease;

    font-size: 33px;
    transform: translateY(-10px);
    font-weight: 800;
}

/* Active arrow */
.sed-super-collapse-item.active .sed-super-collapse-header::after {
    content: "-";
}

/* Body */
.sed-super-collapse-body {
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.4s ease;
}

/* Content */
.sed-super-collapse-content {
    padding: 15px !important;
    background: #ffffff !important;
    /*color: #000000;*/
    text-align: left !important;
    font-family: var(--secondary-font) !important;
    /*font-size: 1.3em;*/

    font-size: 1.1em !important;
    color: #292929 !important;
        line-height: 24px !important;
    padding-bottom: 10px !important;
    font-weight: 400 !important;
}

/* Active state */
.sed-super-collapse-item.active .sed-super-collapse-body {
    max-height: 100%; /* enough for content */
}