/* General Footer Styles */
*{
    font-family: 'Poppins', sans-serif;
}
.footer {
    background-color: #2e7d32; /* Dark green background */
    color: white; /* Text color */
    padding: 20px 20px; /* Padding around the footer */
    font-family: 'Poppins', sans-serif; /* Font style */
    position: relative; /* For pseudo-elements */
    overflow: hidden; /* Hides overflow from pseudo-elements */
}


/* Container for Footer Content */
.footer__container {
    display: flex; /* Flex layout */
    justify-content: space-between; /* Space between columns */
    flex-wrap: wrap; /* Wrap columns */
    max-width: 1200px; /* Container width */
    margin: auto; /* Center the container */
    position: relative; /* Position for child elements */
    z-index: 1; /* Above overlay */
}

.footer__col {
    flex: 1; /* Equal column size */
    min-width: 250px; /* Minimum column width */
    margin: 10px; /* Space around columns */
    box-sizing: border-box; /* Include padding in width */
}

/* Header Styling in Footer */
.footer__col h3, .footer__col h4 {
    margin-bottom: 15px; /* Space below header */
    font-weight: 700; /* Bold font */
    font-size: 1.6em; /* Large size */
    text-transform: uppercase; /* Uppercase text */
    letter-spacing: 1px; /* Space between letters */
    position: relative; /* For hover effects */
}

.footer__col h3::after, .footer__col h4::after {
    content: ''; /* Underline effect */
    display: block; /* Block element */
    width: 50%; /* Initial underline width */
    height: 2px; /* Underline thickness */
    background: #fff; /* Underline color */
    margin-top: 5px; /* Space above underline */
    transition: width 0.3s ease; /* Animation */
}

.footer__col h3:hover::after, .footer__col h4:hover::after {
    width: 100%; /* Full width on hover */
}

/* Paragraph and Link Styling */
.footer__col p {
    margin-bottom: 10px; /* Space below paragraphs */
    line-height: 1.6; /* Readable line spacing */
    transition: color 0.3s ease; /* Hover transition */
}

.footer__col p:hover {
    color: #ffeb3b; /* Highlight color on hover */
    cursor: pointer; /* Pointer cursor on hover */
}

.footer a {
    text-decoration: none; /* No underline */
    transition: color 0.3s ease; /* Smooth color change */
}
.content a{
    color:#fff;
}
.footer a:hover {
    text-decoration: underline; /* Underline on hover */
}

.footer__bottom {
    display: flex; /* Flex layout for equal columns */
    justify-content: space-between; /* Spread items evenly */
    align-items: center; /* Center vertically */
    flex-wrap: wrap; /* Allow wrapping on smaller screens */
    margin-top: 20px; /* Space above */
    border-top: 1px solid #ddd; /* Top border */
    padding-top: 10px; /* Padding above content */
    font-size: 14px; /* Standard font size */
}

.footer__bottom-left,
.footer__bottom-center,
.footer__bottom-right {
    flex: 1; /* Equal column widths */
    text-align: center; /* Center align text */
}

.left-content, .right-content, .center-content {
    font-size: 1.1rem; /* Uniform font size */
}

.footer__bottom-center p {
    display: flex; /* Flex layout for "Supported by" section */
    justify-content: center; /* Center text and image */
    align-items: center; /* Align vertically */
}

.footer__bottom-center img {
    margin-left: 5px; /* Space between text and image */
}

/* Optional: Responsive design */
@media (max-width: 768px) {
    .footer__bottom {
        flex-direction: column; /* Stack items vertically */
        text-align: center; /* Center all text */
    }
    .footer__bottom-left, 
    .footer__bottom-center, 
    .footer__bottom-right {
        flex: none; /* Disable flex shrinking */
        margin-bottom: 10px; /* Add spacing between stacked items */
    }
}

/* Developer Section */
.footer__developer {
    text-align: center; /* Center text */
    margin-top: 20px; /* Space above */
    font-size: 1.2rem; /* Moderate text size */
    color: #fff; /* Text color */
}

.footer__developer p {
    margin: 0;
}

.footer__developer a {
    font-weight: bold; /* Bold link */
    color: #4CAF50; /* Green link color */
    text-decoration: none; /* No underline */
    transition: color 0.3s ease; /* Smooth color change */
}

.footer__developer a:hover {
    color: #2e7d32; /* Darker green on hover */
}

.footer a.contact {
    color: #fff !important; /* Specific link color for contact */
    text-decoration: none; /* Remove underline */
    transition: color 0.3s ease; /* Smooth hover transition */
    font-size: 1rem;
}

.footer a.contact:hover {
    color: #ffeb3b !important; /* Darker blue shade on hover */
    text-decoration: underline; /* Underline on hover */
}

/* Responsive Design */
@media (max-width: 768px) {
    .footer__container {
        flex-direction: column; /* Stack columns */
        align-items: center; /* Align items to start */
    }

    .footer {
        padding: 20px; /* Reduced padding */
        text-align: center; /* Center text */
    }

    .footer__bottom {
        flex-direction: column; /* Stack bottom sections */
        text-align: center; /* Center text */
    }

    .footer__bottom-left, .footer__bottom-center, .footer__bottom-right {
        margin: 5px 0; /* Space between sections */
    }
    .left-content, .right-content , .center-content {
        font-size: 1.2rem ;
    }
}

@media (max-width: 480px) {
    .footer {
        padding: 15px; /* Further reduced padding */
    }

    .footer__col h3, .footer__col h4 {
        font-size: 1.4em; /* Smaller headers */
    }

    .footer__col p {
        font-size: 0.9em; /* Smaller text size */
    }
    .left-content, .right-content , .center-content {
        font-size: 0.9rem ;
    }
}