/*Text Animation*/
.crazy-text {opacity: 0; visibility: hidden; transition: none !important; }
.crazy-text.is-ready {opacity: 1; visibility: visible; }
.word-wrapper {display: inline-block; overflow: hidden; vertical-align: bottom; margin-right: 0.15em; transition: none !important; }
.word-inner {display: inline-block; transform: translateY(110%); will-change: transform; transition: none !important; color: inherit; }
.crazy-text *, .word-wrapper, .word-inner {transition: none !important; transition-duration: 0s !important; }

/*fade up animtion*/
.fade-up {opacity: 0; transform: translateY(40px); visibility: hidden; will-change: transform, opacity; transition: none !important; }
.fade-up.is-revealed {opacity: 1 !important; transform: translateY(0) !important; visibility: visible !important; }

/*Overlay Text Animtion*/
.reveal-type {color: #747474;}
.word {display: inline-block; color: rgba(0, 0, 0, 0.30); transition: color 0.8s cubic-bezier(0.25, 1, 0.5, 1); will-change: color;}

/*Cursor Animation*/
.has-explore-cursor {position: relative; overflow: hidden; cursor: pointer !important; }
.has-explore-cursor:hover .explore-badge {opacity: 1; visibility: visible; }
.project-media-wrapper, [data-cursor="explore"] {position: relative !important; overflow: hidden;}
.explore-badge {position: absolute !important;  top: 0 !important; left: 0 !important; z-index: 999999 !important; pointer-events: none !important; display: flex !important; align-items: center; justify-content: center;  white-space: nowrap; padding: 15px 25px; background-color: rgb(0 0 0 / 75%); border: 1px solid #fff; border-radius: 100px; font-weight: 500; font-size: 14px; text-transform: uppercase; color: #fff; opacity: 0; visibility: hidden; transform: translate3d(0px, 0px, 0px) scale(0); transition: opacity 0.25s ease, visibility 0.25s ease !important; will-change: transform, opacity;}
.explore-badge img {margin-left: 10px;  width: 12px;  height: auto;   transform: rotate(0deg);   filter: brightness(0) invert(1);}

/*CSS up down animtion*/
@keyframes floatingIcon {
    0%, 100% { transform: translateY(0); }
    50% { transform: translateY(-10px); }
}