/*Standard fade in operation */


.Fade-In-As-You-Scroll-Down {
        visibility: hidden;
    }

/* Styles for elements with visibility: visible */
.Visible {
  visibility: visible;
  /* Add any other styles as needed */
}

    .fadeIn {
        -webkit-animation: animat_show 1.5s;
        animation: animat_show 1.5s;
        visibility: visible !important;
    }

    @-webkit-keyframes animat_show{
        0%{opacity:0}
        100%{opacity:1}
	}

/*reduced movement no animation */
@media (prefers-reduced-motion) {   
	
	.Fade-In-As-You-Scroll-Down {
        visibility: none;
    }

    .fadeIn {
        -webkit-animation: animat_show 0s;
        animation: animat_show 0s;
        visibility: visible !important;
    }

    @-webkit-keyframes animat_show{
        0%{opacity:0}
        100%{opacity:1}
    }
}