/*------------------------------------*\
  #FOOTER
\*------------------------------------*/

footer {
    background-color: var(--footer-bg); /* Background color */
    color: var(--footer-text-color); /* Text color */
    text-align: center; /* Center text */
    padding: 50px 30px; /* Padding for spacing */
    border-top: 1px solid var(--border-color); /* Top border */
    box-shadow: 0 -2px 5px rgba(0, 0, 0, 0.1); /* Subtle shadow */
    width: 100%; /* Full width */
    position: relative; /* For positioning */
    bottom: 0; /* Position at the bottom */
    border-top: 1px solid var(--border-color); /* Top border */
    font-family: var(--font-primary); /* Use primary font */
} 
footer ul{
    display: flex;
    flex-direction: column;
    gap: 15px;
    list-style: none;
    padding: 0;
     margin-bottom: 20px;
}

footer a{
      color: var(--orange); /* Footer link color */
    transition: color 0.3s ease; /* Transition effect for hover */
} footer a:hover{
        color: var(--black); /* Change color on hover */
}

.footer .contact-us-container a:hover {
    color: var(--black);
}