/* Hero fade + slide animation */
.hero-animate {
    opacity: 0;
    transform: translateY(20px);
    animation: heroFadeSlide 0.7s ease-out forwards;
}

/* Delay for paragraph */
.hero-animate.delay-1 {
    animation-delay: 0.2s;
}

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

.welcome_div {
    transition: transform 0.4s ease;
}

.welcome_div:hover {
    transform: scale(1.05);
}
/* Initial hidden state */
.reveal-zoom {
    opacity: 0;
    transform: scale(0.85);
    transition:
            opacity 0.8s ease,
            transform 0.8s cubic-bezier(0.22, 1, 0.36, 1);
}

/* When visible */
.reveal-zoom.show {
    opacity: 1;
    transform: scale(1);
}

.resource-box:nth-child(1) {
    transition-delay: 0s;
}

.resource-box:nth-child(2) {
    transition-delay: 0.15s;
}

.resource-box:nth-child(3) {
    transition-delay: 0.3s;
}

.btn-zoom {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    transition: transform 0.25s ease, box-shadow 0.25s ease;
}

@media (hover: hover) {
    .btn-zoom:hover {
        transform: scale(1.08);
        /*box-shadow: 0 10px 25px rgba(0, 0, 0, 0.15);*/
    }
}

.btn-zoom:active {
    transform: scale(0.96);
}

/* Initial hidden state */
/*below css is used in home page for text fade in out effect*/
.logo-reveal {
    opacity: 0;
    transform: scale(0.9);
    transition:
            opacity 0.9s ease,
            transform 0.9s cubic-bezier(0.22, 1, 0.36, 1);
}
/* Visible state */
.logo-reveal.show {
    opacity: 1;
    transform: scale(1);
}