@import url('https://fonts.googleapis.com/css?family=Pacifico|Open+Sans:300,400,600');
/* Make columns flex containers */
.section > .container > .row > .col-lg-4 {
    display: flex;
}

/* Make cards fill full height */
.section > .container > .row > .col-lg-4 > .card.feature-card-16 {
    display: flex;
    flex-direction: column;
    flex-grow: 1;
}

/* Make card body fill and space content */
.section > .container > .row > .col-lg-4 > .card.feature-card-16 > .card-body {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    flex-grow: 1;
}
.bg-pattern-1 .container > .row > .col-lg-6 > .row > .col-md-6 {
    display: flex;
}

.bg-pattern-1 .container > .row > .col-lg-6 > .row > .col-md-6 > .card {
    display: flex;
    flex-direction: column;
    flex-grow: 1;
}

.bg-pattern-1 .container > .row > .col-lg-6 > .row > .col-md-6 > .card > .card-body {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    flex-grow: 1;
}
.card-body > .badge {
    display: inline-block;  /* or just remove flex if any */
    width: auto;            /* prevent full width */
    max-width: fit-content; /* shrink to fit text */
    white-space: nowrap;    /* keep text in one line */
    padding-left: 0.6em;    /* optional: adjust padding */
    padding-right: 0.6em;
}
/*Accordion*/
.description {
    margin: 1em auto 2.25em;
}

.heading-description {
    font-size: 1rem;
    margin-block-end: 0;
    color: #333333;         /* Change this to your desired text color */
    font-weight: 500;       /* Options: 400 (normal), 500 (medium), 600 (semibold), 700 (bold), etc. */
    opacity: 0.8;
}

.heading-title {
        /*font-family: 'Pacifico', cursive;*/
        font-weight: 400;
        font-size: 2.5em;
}

ul.accordion { list-style: none; padding: 0; max-width: 900px !important; margin: 2rem auto; }
ul.accordion li { margin-bottom: 0.5rem; }
ul.accordion .toggle {
    display: block; padding: 0.75em;
    background: rgba(0,0,0,0.78); color: #fff;
    border-radius: 0.15em; cursor: pointer;
    transition: background 0.3s ease;
}
ul.accordion .toggle:hover { background: rgba(0,0,0,0.9); }
ul.accordion .inner { list-style: none; display: none; padding: 0.75em; background: #f9f9f9;}

        li.accordion {
                margin: .5em 0;
                color: #565656;         /* Change this to your desired text color */
                font-weight: 500;       /* Options: 400 (normal), 500 (medium), 600 (semibold), 700 (bold), etc. */

                a.toggle {
                        width: 100%;
                        display: block;
                        background: rgba(0,0,0,0.78);
                        padding: .75em;
                        border-radius: 0.15em;
                        transition: background .3s ease;

                        &:hover {
                                background: rgba(0, 0, 0, 0.9);
                        }
                }
        }
}