/* Logo container styling */
.footer-logo-container {
    display: flex;
    align-items: center;
    gap: 12px; /* Space between logo icon and text */
    margin-bottom: 20px;
}

/* The Horizontal Line CSS */
.footer-divider {
    width: 100%;
    max-width: 1100px; /* Limits how far the line stretches across the screen */
    height: 1px;
    background-color: rgba(255, 255, 255, 0.2); /* Semi-transparent white line */
    margin-bottom: 40px; /* Pushes the logo content down below the line */
}

.footer-logo-img {
    height: 32px; /* Adjust based on your image size */
    width: auto;
}

.footer-brand-name {
    color: #ffffff;
    font-family: sans-serif;
    font-size: 20px;
    font-weight: 600;
}

/* Links navigation styling */
.footer-links {
    display: flex;
    align-items: center;
    gap: 15px; /* Space around the vertical pipes */
    margin-bottom: 20px;
}

.footer-links a {
    color: #cccccc; /* Light gray text */
    text-decoration: none;
    font-family: sans-serif;
    font-size: 14px;
    transition: color 0.2s ease;
}

.footer-links a:hover {
    color: #ffffff; /* Bright white text on hover */
}

.footer-pipe {
    color: #555555; /* Muted gray for the divider pipes */
    font-size: 14px;
}

/* Copyright text styling */
.footer-copyright {
    color: #999999; /* Darker gray text */
    font-family: sans-serif;
    font-size: 13px;
    margin: 0;
}