.footer {
    background-color: #000000; /* Dark background for contrast */
    color: #ffffff; /* White text color */
    padding: 20px;
    text-align: center;
    position: relative;
    font-family: Arial, sans-serif;
}

.footer-content {
    max-width: 1200px; /* Centering and limiting width */
    margin: 0 auto; /* Center the content */
}

.footer-links {
    margin-top: 10px; /* Spacing above links */
    display: flex;
    flex-wrap: wrap; /* Allow links to wrap to the next line */
    justify-content: center; /* Center links horizontally */
    gap: 10px; /* Space between links */
}

.footer-links a {
    color: #61dafb; /* Light blue color for links */
    text-decoration: none; /* Remove underline from links */
    padding: 5px 10px; /* Spacing around links */
    transition: color 0.3s ease; /* Smooth color transition on hover */
    white-space: nowrap; /* Prevent text from wrapping */
}

.footer-links a:hover {
    color: #21a1f1; /* Change color on hover */
}

.footer-links span {
    color: #ffffff; /* Keep separators in white */
    padding: 0 5px; /* Space around separators */
    display: none; /* Hide separators on smaller screens */
}

/* Responsive Design for Mobile Devices */
@media (max-width: 768px) {
    .footer-links {
        flex-direction: column; /* Stack links vertically */
        gap: 5px; /* Reduce space between links */
    }

    .footer-links a {
        padding: 5px 0; /* Adjust padding for vertical layout */
    }

    .footer-links span {
        display: none; /* Hide separators on mobile */
    }
}
.da-container{
    margin: 20px 0px 20px 0px;
}
.flex {
    width: 100%;
    display: flex;
    justify-content: center;
}