/* Temporary for development stage, recommend to copy these CSS code to frontend.css when production */
section[data-module="jeton-unify-scroll"] {}

section[data-module="jeton-unify-scroll"] .unify-scroll-section {
  position: relative;
  height: 150vh;
}

section[data-module="jeton-unify-scroll"] .floating-card {
  position: absolute;
  width: 200px;
  height: 200px;
  will-change: transform;
}

section[data-module="jeton-unify-scroll"] .card1 {
  bottom: 13%;
  left: 0%;;
}

section[data-module="jeton-unify-scroll"] .card2 {
	bottom: 14%;
  left: 0%;
}

section[data-module="jeton-unify-scroll"] .card3 {
  bottom: 14%;
  left: 0%;
}

section[data-module="jeton-unify-scroll"] .card4 {
  bottom: 16%;
  left: 0%;
}

section[data-module="jeton-unify-scroll"] .card5 {
  top: 70%;
  left: 0%;
}

section[data-module="jeton-unify-scroll"] .main-text {
  position: sticky;
  top: 30vh;
  font-size: 10rem;
  font-weight: bold;
  color: #ff3c1f;
  text-align: center;
  z-index: 0;
  transform-origin: center;
  line-height: 165px;
}


/* Typical laptop screen size*/
@media (max-width: 1400px) {
	
}

/* Portrait tablet to landscape and desktop */
@media (min-width: 768px) and (max-width: 980px) {
	
}

/* Mobile screen size - landscape view */
@media (max-width: 767px) {
   
}

/* Mobile screen size */
@media (max-width: 480px) {
      
}