/*your custom css goes here*/

.text-teal {
    color: #00695c;
}

.btn-primary {
    background-color: #00695c;
    border-color: #00695c;
    transition: all 0.3s ease;
}

.btn-primary:hover {
    background-color: #004d40;
    border-color: #004d40;
}

.bg-gradient {
    animation: gradientFade 10s ease infinite alternate;
}

@keyframes gradientFade {
    0% {
        background: linear-gradient(135deg, #004d40, #009688);
    }
    100% {
        background: linear-gradient(135deg, #00695c, #26a69a);
    }
}

.animate__fadeInUp {
    animation: fadeInUp 0.6s ease forwards;
}

@keyframes fadeInUp {
    from {
        opacity: 0;
        transform: translateY(30px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}