/* Footer Styling */

/* Transparent footer background with centered content */
.transparent-footer {
    background: none; /* No background color for transparency */
    color: #333; /* Default text color */
    text-align: center; /* Center align text */
    padding: 20px 0; /* Vertical padding */
    width: 100%; /* Full width to span across the page */
}

/* Footer content container */
.footer-content {
    max-width: 1200px; /* Limit maximum width */
    margin: 0 auto; /* Center horizontally */
    display: flex; /* Enable flexbox layout */
    flex-direction: column; /* Arrange items vertically */
    align-items: center; /* Center align items */
    gap: 15px; /* Space between items */
}

/* Logo styling */
.footer-logo {
    width: 80px; /* Set width for the logo */
    height: auto; /* Maintain aspect ratio */
    transition: transform 0.3s ease, opacity 0.3s ease; /* Smooth transitions for hover effects */
}

/* Hover effect for logo */
.footer-logo:hover {
    transform: scale(1.1); /* Slightly enlarge the logo on hover */
    opacity: 0.8; /* Slightly reduce opacity for a subtle effect */
}

/* Footer text styling */
.footer-text {
    font-size: 0.85rem; /* Smaller font size */
    color: #555; /* Subtle gray color */
}

/* Footer links container */
.footer-links {
    display: flex; /* Enable flexbox layout */
    gap: 15px; /* Space between links */
    justify-content: center; /* Center align links */
}

/* Footer link styling */
.footer-links a {
    text-decoration: none; /* Remove underline */
    color: #333; /* Default link color */
    font-weight: 500; /* Slightly bold text */
}

/* Hover effect for links */
.footer-links a:hover {
    color: #d1bc8a; /* Change color on hover */
}