/* =========================================
   GLOBAL SCROLL REVEAL
========================================= */

.reveal {

    opacity: 0;

    transition:
        opacity 1.1s ease,
        transform 1.1s cubic-bezier(0.22, 1, 0.36, 1);

    will-change: opacity, transform;
}


/* =========================================
   شروع از پایین
========================================= */

.reveal.from-bottom {

    transform: translateY(45px);

}


/* =========================================
   شروع از بالا
========================================= */

.reveal.from-top {

    transform: translateY(-45px);

}


/* =========================================
   شروع از چپ
========================================= */

.reveal.from-left {

    transform: translateX(-45px);

}


/* =========================================
   شروع از راست
========================================= */

.reveal.from-right {

    transform: translateX(45px);

}


/* =========================================
   شروع از بالا چپ
========================================= */

.reveal.from-top-left {

    transform: translate(-40px, -40px);

}


/* =========================================
   شروع از بالا راست
========================================= */

.reveal.from-top-right {

    transform: translate(40px, -40px);

}


/* =========================================
   حالت Zoom
========================================= */

.reveal.zoom {

    transform: scale(0.94);

}


/* =========================================
   حالت نهایی
========================================= */

.reveal.reveal-show {

    opacity: 1;

    transform: translate(0, 0) scale(1);

}


/* =========================================
   برای کسانی که Motion را کم کرده‌اند
========================================= */

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

    .reveal {

        opacity: 1 !important;

        transform: none !important;

        transition: none !important;

    }

}





html,
body {
    overflow-x: hidden !important;
}

/* Footer creator credit: centered, understated, and accessible on narrow screens. */
.footer-bottom .footer-creator { box-sizing:border-box; }
.footer-bottom .footer-creator a { color:#83b5ff !important; }
.footer-bottom .footer-creator a:hover { color:#c1d9ff !important; text-decoration:underline !important; }
@media (max-width: 640px) {
  .reveal { transition-duration:.75s; }
  .reveal.from-bottom { transform:translateY(24px); }
  .reveal.from-left { transform:translateX(-20px); }
  .reveal.from-right { transform:translateX(20px); }
  .reveal.from-top-left, .reveal.from-top-right { transform:translateY(20px); }
  .footer-bottom .footer-creator { font-size:12px !important; padding-top:10px; }
}