/* Footer Styles */
.footer {
    background-color: #000;
    color: #fff;
    padding: 20px;
    text-align: left;
    font-size: 14px;
}

.footer a {
    color: #00aaff;
    text-decoration: none;
}

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

.footer-section {
    margin-bottom: 20px;
}

.footer-section h3 {
    font-size: 16px;
    margin-bottom: 10px;
    color: #ff6f61;
}

.footer-bottom {
    border-top: 1px solid #444;
    padding-top: 10px;
    font-size: 12px;
    text-align: center;
}

/* Responsive Design */
@media (min-width: 768px) {
    .footer {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
    }

    .footer-section {
        flex: 1 1 45%;
        max-width: 45%;
        margin-bottom: 20px;
    }

    .footer-bottom {
        flex-basis: 100%;
    }
}

@media (min-width: 1024px) {
    .footer-section {
        flex: 1 1 30%;
        max-width: 30%;
    }
}