/* Footer Collapsible Styles - Works on ALL screen sizes */
.footerWrap h5 {
    margin-bottom: 0;
    cursor: pointer;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 15px 0;
    transition: opacity 0.3s;
    border-bottom: 1px solid rgba(255,255,255,0.2);
}

.footerWrap h5:hover {
    opacity: 0.8;
}

.footer-toggle-icon {
    font-size: 14px;
    transition: transform 0.3s;
    margin-left: 10px;
}

.footer-toggle-icon.active {
    transform: rotate(180deg);
}

.footer-content {
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.3s ease-out;
}

.footer-content.active {
    max-height: 1000px;
    transition: max-height 0.5s ease-in;
}

.footer-content-inner {
    padding: 15px 0;
}