/* Footer Styling */
footer {
    background-color: #38B2AC;
    color: #fff;
    padding: 20px;
    text-align: center;
    margin-top: auto;

}

footer p {
    margin: 0;
    font-size: 1em;
    direction: rtl;
}

footer a {
    color: #fff;
    text-decoration: none;
}

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

@media (max-width: 768px) {
    footer {
        padding: 15px;
    }
}