* {
    scroll-behavior: smooth;
}

body {
    font-family: "Saira", sans-serif;
}


/* ABOUT US ANIMATION */

.animate-on-scroll {

    opacity: 0;

    filter: blur(20px);

    transition:
        opacity 1.2s cubic-bezier(.22,1,.36,1),
        transform 1.2s cubic-bezier(.22,1,.36,1),
        filter 1.2s cubic-bezier(.22,1,.36,1);

    will-change:
        opacity,
        transform,
        filter;

}

/* Slide Up */

.scroll-up {

    transform: translateY(100px);

}

.scroll-up.show {

    opacity: 1;

    filter: blur(0);

    transform: translateY(0);

}

/* Slide Down */

.scroll-down {

    transform: translateY(-100px);

}

.scroll-down.show {

    opacity: 1;

    filter: blur(0);

    transform: translateY(0);

}