@charset "UTF-8";
 /* Custom CSS for Footer */
/* Custom CSS for Footer */
.footer {
     background: linear-gradient(90deg, #000000 0%, #1d1d1d 50%, #474747);
    color: #ffffff; /* White text color */
    width:100%;
}

.footer-logo {
    max-width: 150px; /* Adjust as needed */
    height: auto;
}

.footer h5 {
    font-weight: 600;
    margin-bottom: 1.5rem;
    color: #007bff; /* Primary color for headings */
}

.footer ul {
    padding-left: 0;
    list-style: none;
}

.footer ul li a {
    color: rgba(255, 255, 255, 0.7); /* Lighter white for links */
    text-decoration: none;
    transition: color 0.3s ease;
    padding: 5px 0; /* Add some padding for better click area */
    /* Make links block level for full width */
}

.footer ul li a:hover {
    color: #007bff; /* Primary color on hover */
}

.footer .text-white-50 {
    color: rgba(255, 255, 255, 0.7) !important;
}

.footer .text-white-50 a {
    color: rgba(255, 255, 255, 0.7) !important;
}

.footer .text-white-50 a:hover {
    color: #007bff !important;
}

/* Back to Top Button (Not used in this footer HTML, but kept for context if needed elsewhere) */
#backToTopBtn {
    display: none; /* Hidden by default */
    position: fixed; /* Fixed/sticky position */
    bottom: 20px; /* Place the button at the bottom of the page */
    right: 30px; /* Place the button 30px from the right */
    z-index: 99; /* Make sure it does not overlap */
    border: none; /* Remove borders */
    outline: none; /* Remove outline */
    background-color: #007bff; /* Set a background color */
    color: white; /* Text color */
    cursor: pointer; /* Add a mouse pointer on hover */
    padding: 15px; /* Some padding */
    border-radius: 50%; /* Rounded corners */
    font-size: 18px; /* Increase font size */
    transition: background-color 0.3s ease;
}

#backToTopBtn:hover {
    background-color: #0056b3; /* Darker background on hover */
}

/* Universal highlight for all standard links on click/focus (MOVED HERE) */
a:active,
a:focus {
    color: #ffd700 !important; /* Goldenrod color for highlight */
    text-shadow: 0 0 8px rgba(255, 215, 0, 0.5); /* Subtle glow effect */
    transform: scale(1.01); /* Slight scale up */
    outline: none; /* Remove default browser outline for a cleaner look */
    transition: color 0.1s ease-out, text-shadow 0.1s ease-out, transform 0.1s ease-out; /* Quick transition */
}

/* Ensure the common gradient buttons retain their specific click/focus effects (MOVED HERE) */
.common-gradient-btn:active,
.common-gradient-btn:focus {
    transform: translateY(0px) scale(0.98); /* Simulate a "press down" effect */
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15); /* Reduced shadow when pressed */
    background: linear-gradient(90deg, #2196f3, #00bcd4); /* Slight change in gradient direction/shade on click */
    color: white !important; /* Keep text white */
    text-shadow: none; /* Remove text shadow as background changes */
    outline: none; /* Important for accessibility too */
}

/* Responsive adjustments */
@media (max-width: 767.98px) {
    .footer .col-md-5,
    .footer .col-md-3,
    .footer .col-md-4 {
        text-align: center;
    }

    .footer .list-unstyled {
        text-align: center;
    }

    .footer .footer-logo {
        margin: 0 auto 1rem auto; /* Center logo on mobile */
    }

    /* Adjust the last row for better stacking on mobile */
    .footer .copyright-and-links {
        text-align: center !important; /* Ensure centered on mobile */
    }

    .footer .list-inline {
        /* Make the list stack vertically */
        margin-top: 1rem;
        /* Remove nowrap and overflow-x as items will now stack */
    }

    .footer .list-inline-item {

        font-size: 0.9em; /* Adjust font size for better readability when stacked */
        padding: 5px 0; /* Add vertical padding */
        margin: 0; /* Remove horizontal margins for stacked items */
    }
    .footer .list-inline-item.mx-1 { /* Override mx-1 for stacking */
        margin-left: 0 !important;
        margin-right: 0 !important;
    }
    .footer .list-inline-item:not(:last-child) {
        border-bottom: 1px solid rgba(255, 255, 255, 0.1); /* Subtle separator for stacked links */
        padding-bottom: 8px; /* Padding for separator */
        margin-bottom: 8px; /* Space after separator */
    }
}