/*-------------------------------------------------------------------------------------
    Scroll-reveal animations (assets/js/reveal.js)
    Hides the elements below until they scroll into view, then plays the matching
    effect from the already-loaded assets/css/animate.css. Elements stay visible
    with no motion if JS is disabled or the visitor prefers reduced motion.
---------------------------------------------------------------------------------------*/

.caption,
.section-heading,
.features-single,
.core-feat-single,
.partner-single,
.product-single,
.travel-hub-single,
.travel-widget-card,
.about-img,
.why-choose-img,
.core-feat-img,
.newsletter-image,
.contact-form,
.video-box {
    opacity: 0;
}

.reveal-animated {
    opacity: 1;
}

@media (prefers-reduced-motion: reduce) {

    .caption,
    .section-heading,
    .features-single,
    .core-feat-single,
    .partner-single,
    .product-single,
    .travel-hub-single,
    .travel-widget-card,
    .about-img,
    .why-choose-img,
    .core-feat-img,
    .newsletter-image,
    .contact-form,
    .video-box {
        opacity: 1 !important;
        animation: none !important;
    }
}