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

.animate-fade-in {
    animation: fadeIn 0.8s ease-in-out;
}

.animate-about, .animate-why, .animate-about.visible, 
.animate-why.visible, .animate-projects, .animate-partners,
.animate-contact, .animate-footer, .animate {
    opacity: 0;
    transform: translateY(30px);
    transition: opacity 0.8s ease, transform 0.8s ease;
}

.animate-about.visible, .animate-why.visible, 
.animate-services.visible, .animate-item.visible, 
.animate-projects.visible, .animate-partners.visible, 
.animate-contact.visible, .animate-footer.visible, .animate.visible  {
    opacity: 1;
    transform: translateY(0);
}

.absolute {
    position: absolute;
}
.relative {
    position: relative;
}
.bg-orange-400 {
    background-color: #f97316;
}
.bg-blue-500 {
    background-color: #3b82f6;
}
.rounded-full {
    border-radius: 50%;
}
.opacity-75 {
    opacity: 0.75;
}
.z-0 {
    z-index: 0;
}
.z-10 {
    z-index: 10;
}