body #memberships {
    background-color: #f8f8f8;
}

#memberships .ace-content {
    max-width: 740px;
    margin-left: auto;
    margin-right: auto;
}

#memberships h2.anchor-title-text {
    padding: 80px 10px 60px;
}

#memberships p {
    margin-bottom: 25px;
    font-family: Metric-Regular, sans-serif;
    color: #423e4c;
    font-size: 1.54rem;
    line-height: 1.59;
    font-weight: 400;
    text-align: center;
}

#memberships .accordion-item {
    color: #423e4c;
}
#memberships .accordion-item:first-of-type {
    margin-top: 5rem;
}
#memberships .accordion-button {
    align-items: flex-start;
    padding: 0.75rem;
}
#memberships .accordion-button::before {
    font-family: "Font Awesome 5 Free";
    content: "\f111"; /* Unicode for the user icon */
    color: #423e4c;
    font-size: 1.25rem;
    font-weight: 100;
    margin-right: 1rem;
}
#memberships .accordion-button:not(.collapsed)::before {
    content: "\f192";
}
#memberships .accordion-button::after {
    display: none;
}
#memberships .accordion-button:not(.collapsed)::after {
    display: none;
}


#memberships .level {
    margin-bottom: 0.5rem;
    font-size: 1.12rem;
    font-weight: 500;
    letter-spacing: .16rem;
}
#memberships .amount {
    font-weight: 300;
}

#memberships .accordion-button:not(.collapsed),
#memberships .accordion-body {
    color: #423e4c;
    background-color: #EFEDF5;
    box-shadow: none;
}


#memberships .accordion-body {
    display: flex;
    justify-content: space-between;
    padding: 0rem 1.5rem 0 2.8rem;
    flex-direction: column;
}
    #memberships .accordion-body .level-container {
        margin-top: 0;
        margin-bottom: 1rem;
    }
#memberships .accordion-text {
}

#memberships .accordion-body .level-container .btn {
    width: 100%;
    background-color: #423e4c;
    color: #fff;
}

    #memberships .accordion-body .level-container .btn:after {
        content: "";
        height: 1px;
        width: 100%;
        display: block;
        position: absolute;
        bottom: 3px;
        left: 0;
        transition: all .1s ease-in;
        background-color: #272727;
    }


#memberships .accordion-body .accordion-text strong.benefits-title {
    display: block;
    margin-bottom: 1rem;
    font-family: 'Metric-Regular';
    font-weight: 100;
    letter-spacing: 0.08rem;
    text-transform: uppercase;
}

#memberships .accordion-body .accordion-text ul {
    margin-top: 1rem;
    padding-left: 1rem;
}
    #memberships .accordion-body .accordion-text ul li {
        margin-bottom: 0.5rem;
        list-style-type: disc;
    }



@media(min-width: 768px) {

    #memberships .accordion-button {
        padding: 1.25rem 2.5rem;
    }
    #memberships .accordion-body {
        flex-direction: unset;
        padding: 0rem 3rem 0 4.8rem;
    }
        #memberships .accordion-body .level-container {
            margin-top: -65px;
            z-index: 100;
        }
            #memberships .accordion-body .level-container .btn {
                width: auto;
            }
        #memberships .accordion-body .accordion-text ul {
            padding-left: 2rem;
        }
}