#accordion .card-header {
    cursor: pointer;
    border-radius: 100px;
}

#accordion .card-body{
    text-align: left;
}

#headingone {
    background-color: var(--color-2-extra-light);
}

#headingone h2 {
    color: var(--color-2-origin);
}

#headingtwo {
    background-color: var(--color-1-extra-light);
}

#headingtwo h2 {
    color: var(--color-1-origin);
}

#headingthree {
    background-color: var(--color-3-extra-light);
}

#headingthree h2 {
    color: var(--color-3-origin);
}

#headingfour {
    background-color: var(--color-4-extra-light);
}

#headingfour h2 {
    color: var(--color-4-origin);
}

#headingfive {
    background-color: var(--color-5-extra-light);
}

#headingfive h2 {
    color: var(--color-5-origin);
}

#headingsix {
    background-color: var(--color-6-extra-light);
}

#headingsix h2 {
    color: var(--color-6-origin);
}