/*

   Title: Scroller
   Author: QBIT
   Date: 19/08/2024

   File path: ../../../../uploads/

*/

/* Scroller styles */
#scroller {
  height: 100vh;
  color: #fff;
}

#scroller .main {
  position: relative;
  top: 50%;
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}

#scroller h1,#scroller h2 {
  color: #fff;
  line-height: 1.2em;
	font-size: 2.0em;
}

#scroller .gradient { 
  width: 100%; 
  height: 100%; 
  position: fixed; 
  left: 0; 
  top: 0; 
  background: linear-gradient(to right, rgba(0, 0, 0, 0.8) 0%, rgba(0, 0, 0, 0) 100%);
  z-index: -1; 
}

#bg { 
	position: fixed; 
	left: 0; 
	top: 0; 
	background-size: cover; 
	animation: zoomInBackground 10s forwards; 
  z-index: -9999;
}

@keyframes zoomInBackground { 
  0% { transform: scale(1.2); } 
  100% { transform: scale(1); } 
}

/* Media queries */
@media (max-width: 64em) 
{
   /* Scroller styles */
   #scroller {
      height: 700px;
   }

   #scroller h1,#scroller h2 {
      font-size: 1.6em;
  }
}