/*

   Title: Carousel
   Author: QBIT
   Date: 22/04/2024

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

*/

/* Carousel styles */
#carousel {
  height: 100vh;
  color: #fff;
}

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

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

#carousel .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) 
{
  /* Carousel styles */
  #carousel {
    height: 500px;
  }

  #carousel h1 {
    font-size: 1.6em;
  }
}