/***************************** scroll-animation ******************************/
.c-scroll_item {
   padding-top: 38vh;
   /* padding-bottom: 30vh; */
   padding-left: 8vw;
   /* font-size: 6.25rem; */
   position: absolute;
}

.c-scroll_item span {
   display: block;
   font-size: 5vw;
   transition: all 0.6s ;
   letter-spacing: 5px;
   color: #fff;
   text-align: center;
}

/* h1.txt-color {
   color: white;
} */



/* .c-scroll_item.-reverse span,
html[data-direction="down"] .c-scroll_item span {
   transform: rotateY(180deg);
} */

html[data-direction="down"] .c-scroll_item span {
   background: rgb(245, 231, 57);
   background: linear-gradient(136deg, rgba(245, 231, 57, 1) 15%, rgba(246, 243, 163, 1) 50%, rgba(245, 231, 57, 1) 90%);
   -webkit-background-clip: text;
   color: transparent;
}

.c-scroll_item.mobile {
   display: none;
}