/* footer.css */

.footer-content {
    background-color: #0c031f;
    color: #ffffff;
    padding: 40px 20px;
    text-align: center;
    padding-top: 80px;
}

.footer-top {
    background-color: #ffffff;
    color: #1c1c1e;
    padding: 20px;
    border-radius: 10px;
    margin-bottom: 40px;
    max-width: 60%;
    margin: 0 auto 40px auto; /* Center align the block */
}

.footer-top h2 {
    font-size: 30px;
    font-weight: bold;
}

.footer-top .contact-button {
    background-color: #56008b;
    color: #ffffff;
    padding: 10px 20px;
    border: none;
    border-radius: 5px;
    cursor: pointer;
    font-size: 1rem;
    text-decoration: none;
}

.footer-bottom {
    display: flex;
    justify-content: space-around;
    align-items: center; /* Align items in the center */
    flex-wrap: wrap;
    text-align: left; /* Align text to the left */
}

.footer-logo img {
    max-width: 150px; /* Increase the logo size */
    margin-bottom: 10px;
}

.footer-contact, .footer-info, .footer-social {
    max-width: 200px;
    margin-bottom: 20px;
}

.footer-contact h3, .footer-info h3 {
    font-size: 1.2rem;
    margin-bottom: 10px;
}

.footer-contact p, .footer-info a {
    font-size: 1rem;
    color: #ffffff;
    text-decoration: none;
    display: block; /* Ensure items stack vertically */
    margin-bottom: 5px; /* Ensure consistent spacing between items */
}

.footer-info a {
    margin-bottom: 5px; /* Add some space between links */
}

.footer-info a:hover {
    text-decoration: underline;
}

.footer-social a {
    font-size: 1.5rem;
    color: #ffffff;
    margin: 0 10px;
    text-decoration: none;
}

.footer-social a:hover {
    color: #56008b;
}

.footer-copyright {
    margin-top: 40px;
    font-size: 1rem;
}

/* Mobile View Adjustments */
@media screen and (max-width: 600px) {
    .footer-top {
        max-width: 90%; /* Adjust the width for mobile view */
    }

    .footer-bottom {
        flex-direction: column; /* Stack the items vertically */
        align-items: center; /* Center align the items */
        text-align: center; /* Center align the text */
    }

    .footer-logo img {
        max-width: 200px; /* Adjust logo size for mobile view */
        margin-top: -20px;
    }

    .footer-contact, .footer-info, .footer-social {
        max-width: 100%;
        margin-bottom: 10px;
    }
}