/* Animasyon tanımı */
@keyframes slideUp {
    0% {
        transform: translateY(30px); /* Aşağıdan başlar */
        opacity: 0; /* Görünmez */
    }

    100% {
        transform: translateY(0); /* Yerine oturur */
        opacity: 1; /* Tam görünür */
    }
}

/* Footer abonelik kısmı */
.mil-footer-subscribe {
    text-align: right; /* "Abone Ol" kısmını sağa hizala */
    margin-top: 20px;
    padding: 0; /* Arka plan ve dolgu kaldırıldı */
    color: #fff; /* Yazı rengi */
    animation: slideUp 0.6s ease-out; /* Animasyon uygula */
}

    .mil-footer-subscribe h4 {
        font-size: 18px;
        font-weight: 600;
        margin-bottom: 10px;
    }

    .mil-footer-subscribe p {
        font-size: 14px;
        margin-bottom: 15px;
    }

.mil-subscribe-form {
    display: flex;
    flex-direction: column;
    align-items: flex-end; /* Form elemanlarını sağa hizala */
    animation: slideUp 0.8s ease-out; /* Daha geç bir animasyon */
}

    .mil-subscribe-form input {
        width: 92%; /* Genişlik yüzde 80 */
        padding: 10px;
        margin-bottom: 10px;
        border: 1px solid #ccc; /* Sade kenarlık */
        background-color: rgba(255, 255, 255, 0.3); /* Şeffaf arka plan */
        outline: none;
        font-size: 14px;
        color: #fff; /* Beyaz yazı rengi */
        animation: slideUp 1s ease-out; /* Form elemanları animasyonu */
    }

        .mil-subscribe-form input::placeholder {
            color: rgba(255, 255, 255, 0.7); /* Şeffaf beyaz placeholder */
        }

    .mil-subscribe-form button {
        padding: 10px 20px;
        background-color: #73bf8e; /* Düğme rengi */
        color: #fff;
        border: none;
        margin-bottom: 31px;
        cursor: pointer;
        transition: background-color 0.3s ease;
        animation: slideUp 1.2s ease-out; /* Düğme animasyonu */
    }

        .mil-subscribe-form button:hover {
            background-color: #4a91e3; /* Düğme hover rengi */
        }

/* Logo kısmı animasyondan hariç tutuldu */
.mil-footer-logo {
    text-align: right; /* Logoyu sağa hizala */
    margin-bottom: 20px; /* Abone ol kısmına boşluk bırakır */
}