/* Page Load Animation */
.banner_inner_l h1,
.banner_inner_l p,
.btn_banner {
    opacity: 0;
    transform: translateY(50px);
}

body.loaded .banner_inner_l h1 {
    animation: fadeUp 1s ease forwards;
}

body.loaded .banner_inner_l p:nth-child(2) {
    animation: fadeUp 1s ease .3s forwards;
}

body.loaded .banner_inner_l p:nth-child(3) {
    animation: fadeUp 1s ease .5s forwards;
}

body.loaded .btn_banner {
    animation: fadeUp 1s ease .7s forwards;
}

/* Floating Icons */
.img_icon1,
.img_icon2,
.img_icon3,
.img_icon4,
.img_icon5,
.img_icon6 {
    animation: floatAnim 4s ease-in-out infinite;
}

.img_icon2 { animation-delay: .5s; }
.img_icon3 { animation-delay: 1s; }
.img_icon4 { animation-delay: 1.5s; }
.img_icon5 { animation-delay: 2s; }
.img_icon6 { animation-delay: 2.5s; }

/* Scroll Animation */
.reveal {
    opacity: 0;
    transform: translateY(80px);
    transition: all .8s ease;
}

.reveal.active {
    opacity: 1;
    transform: translateY(0);
}

/* Gallery Hover */
.gallery ul li {
    overflow: hidden;
    border-radius: 20px;
}

.gallery ul li img {
    transition: transform .6s ease;
}

.gallery ul li:hover img {
    transform: scale(1.08);
}

/* Intro Box Hover */
.intro_sec_insidebox {
    transition: all .4s ease;
}

.intro_sec_insidebox:hover {
    transform: translateY(-12px);
}

/* Keyframes */
@keyframes fadeUp {
    from {
        opacity: 0;
        transform: translateY(50px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

@keyframes floatAnim {
    0%,100% {
        transform: translateY(0px);
    }
    50% {
        transform: translateY(-20px);
    }
}