/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Oct 15 2025 | 14:06:40 */
/* Base - no initial transform or opacity */
.fade-in,
.fade-in-up,
.fade-in-left,
.fade-in-right {
  opacity: 0;
  transform: none;
}

/* Apply animation only when in-view */
.fade-in.in-view {
  animation: fadeIn 1.5s ease forwards;
}
.fade-in-up.in-view {
  animation: fadeInUp 1.5s ease forwards;
}
.fade-in-left.in-view {
  animation: fadeInLeft 1.5s ease forwards;
}
.fade-in-right.in-view {
  animation: fadeInRight 1.5s ease forwards;
}

/* Keyframes */
@keyframes fadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}

@keyframes fadeInUp {
  from {
    opacity: 0;
    transform: translateY(60px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

@keyframes fadeInLeft {
  from {
    opacity: 0;
    transform: translateX(-60px);
  }
  to {
    opacity: 1;
    transform: translateX(0);
  }
}

@keyframes fadeInRight {
  from {
    opacity: 0;
    transform: translateX(60px);
  }
  to {
    opacity: 1;
    transform: translateX(0);
  }
}

body.elementor-editor-active .fade-in,
body.elementor-editor-active .fade-in-up,
body.elementor-editor-active .fade-in-left,
body.elementor-editor-active .fade-in-right {
  opacity: 1 !important;
  transform: none !important;
  animation: none !important;
}
[data-animate] {
  opacity: 0;
  animation: none;
}

/* Fade in when in view */
[data-animate].in-view {
  animation: bgFadeIn 1.5s ease forwards;
}

@keyframes bgFadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
#banner {
  position: relative;
  overflow: hidden;
  z-index: 0;
}

#banner::before {
  content: "";
  position: absolute;
  inset: 0;
  background-image: url("https://siva.promogent.com/wp-content/uploads/2025/07/hero.png");
  background-size: 100%;
  background-position: center;
  background-repeat: no-repeat;
  z-index: -1;
  animation: bgZoom 10s ease-out forwards;
}

@media screen and (max-width:768px){
	#banner::before{
	background-size:cover !important;
		}
}

@keyframes bgZoom {
  from {
    background-size: 100%;
  }
  to {
    background-size: 120%;
  }
}