footer {
    background: linear-gradient(180deg, #3F7043 0%, #6FA666 55%, #DCE8CD 100%);
    padding: 20px 0;
    text-align: center;
    clear: both;
    margin: 0;
    min-height: 100px; /* برای ایجاد فاصله و نمایش متن */
}

footer .footer-logo img {
    max-height: 50px;  /* اندازه مناسب برای تصویر لوگو */
}

footer .footer-contact, footer .footer-social {
    margin-top: 10px;
}

footer .footer-social a {
    margin: 0 15px;
    font-size: 20px;
    text-decoration: none;
    color: #333;
}

footer .footer-bottom {
    font-size: 14px;
    color: #777;
}

footer .footer-bottom a {
    color: #777;
    text-decoration: none;
}

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

footer .footer-social i {
    transition: color 0.3s ease;   /* انتقال رنگ با هاور */
}

footer .footer-social a:hover i {
    color: #4CAF50;  /* رنگ سبز برای هاور */
}