.anim-fade-in {
    animation: fadeInAnimation ease 3s;
    animation-iteration-count: 1;
    animation-fill-mode: forwards;
}

@keyframes fadeInAnimation {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}


.heading-fade-in {
    opacity: 0;
    transform: translateY(60px);
    animation: fadeInUp 1.5s ease-out forwards;
}

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

.btn-custom-hover {
    transition: transform 0.2s ease !important; /* override Bootstrap if needed */
}

.btn-custom-hover:hover {
    transform: scale(1.05);
}

.btn-custom-hover:active {
    transform: scale(0.95);
}