.footerContainer {
    background-color: var(--color-blue); /* Example background color */
    padding: 45px 25px ;           /* Padding for the footer */
}

.footerNav {
    padding: 15px 15px;           /* Padding inside footer navigation */
}

.row {
    display: flex;              /* Enable flexbox for row */
    flex-wrap: wrap;           /* Allow wrapping of columns */
    justify-content: space-between; /* Distribute space between columns */
}

.footerNav h4 {
    color: var(--color-white);  
    margin-bottom: 10px;       /* Space below headings */
}

.footerNav ul {
    list-style-type: none;     /* Remove default list styles */
    padding: 0;                /* Remove default padding */
}

.footerNav li {
    margin-bottom: 5px;        /* Space between list items */
}

.footerNav a {
    text-decoration: none;      /* Remove underline from links */
    color: var(--color-white);            /* Link color */
}

.footerNav a:hover {
    text-decoration: underline; /* Underline on hover */
}

/* Responsive Design */
@media (max-width: 768px) {
    .row {
        flex-direction: column; /* Stack columns vertically on small screens */
    }
}