.collapsed .collapse-arrow {
    transform: rotate(270deg)
}

.collapse-arrow {
    /*transform: rotate(180deg);*/
    transition: all 300ms ease;
    -webkit-transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    -ms-transition: all 300ms ease;
    -o-transition: all 300ms ease
}

.collapse-section h2 {
    transition: all 300ms ease;
    -webkit-transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    -ms-transition: all 300ms ease;
    -o-transition: all 300ms ease
}

.collapse-section.collapsed h2, .collapse-section.collapsed h3 {
    color: var(--dark)
}

.collapse-section:not(.collapsed) h3 {
    color: var(--primary) !important;
}

@media (max-width: 767.98px) {
    .collapse-section h2 {
        font-size: 1.5rem
    }

    .collapse-section img {
        width: 15px
    }
}