/*  PV Grid Solutions  - 2024 */
/*	###############################################	*/
/*  Site created by Storytellers - storytellers.odozii.com */
/*  Design and Development by Francis Isibor */
/*	###############################################	*/

.notworking {

}
.lemonGreen {
  color:#7FD85A;
}
.sunlight {
  color:#FFCC00;
}
.hover-border-sunlight:hover {
  border-color:#FFCC00;
}
.border-sunlight{
  border-color:#FFCC00;
  border-width: 2px;
}
.input-border {
  border:2px solid #9CA3AF;
  border:2px solid #e5e7eb;
  border-radius:1.5rem;
  padding-left:1.25rem;
}
.input-border:hover {
  border:2px solid #7FD85A;
  color:#7FD85A;
}
.input-border:focus {
  border:2px solid #FFCC00;
  color:#FFCC00;
}

.hover-border-lemonGreen:hover {
  border-color:#7FD85A;

}
.hover-lemonGreen:hover {
  color:#7FD85A;
}
.hover-sunlight:hover {
  color:#FFCC00;
}
.bg-lemonGreen {
  background-color:#7FD85A;
}
.bg-sunlight {
  background-color:#FFCC00;
}
.hover-bg-lemonGreen:hover {
  background-color:#7FD85A;
}
.hover-bg-sunlight:hover {
  background-color:#FFCC00;
}
.bg-pvgradient {
  background: linear-gradient(to right, #7FD85A, #FFCC00);
}
.hover-bg-pvgradient:hover {
  background: linear-gradient(to right, #7FD85A, #FFCC00);
}
.pvgradient:hover {
/*   background: linear-gradient(to left, #7FD85A, #FFCC00); */
/*   animation: gradientTransition 5s ease; */

}
.text-pvgradient {
  background: linear-gradient(to right, #7FD85A, #FFCC00);
  -webkit-background-clip: text;
  background-clip: text;
  background-size: contain;
  color: transparent;
  line-height: calc(normal + 10px);

}
.shadow-pv:hover {
  /* box-shadow: 0 10px 15px -3px rgba(127, 216, 90, 0.3), 0 4px 6px -4px rgba(127, 216, 90, 0.3); */
}
.pvshadow:hover .shadow-pv {
  /* box-shadow: 0 10px 15px -3px rgba(127, 216, 90, 0.3), 0 4px 6px -4px rgba(127, 216, 90, 0.3); */
  box-shadow: 0 10px 15px -3px rgba(255, 204, 0, 0.2), 0 4px 6px -4px rgba(255, 204, 0, 0.2);
  /* box-shadow: 0 4px 4px -4px rgba(255, 204, 0, 0.2), 0 4px 6px -4px rgba(255, 204, 0, 0.2); */
}

@keyframes gradientTransition {
  0% {
    background: linear-gradient(to right, #7FD85A, #FFCC00);
  }
  50% {
    background: linear-gradient(to right, #FFCC00, #7FD85A);
  }
  100% {
    background: linear-gradient(to right, #7FD85A, #FFCC00);
  }
}

.halfscreen {
  min-height:calc(50vh - 100px);
}

.fade {
  /* Basic transition */
  transition: all 0.5s;

  /* Vendor prefixes (for older browsers) */
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
  -o-transition: all 0.5s;
}
.hr {
  height:2px;
}






#heroSlider {
  height: 100vh;
}

.slider-container {
  position: relative;
  height: 100%;
}

.slides-wrapper {
  display: flex;
  height: 100%;
  transition: transform 0.5s ease-in-out;
}

.slide {
  flex: 0 0 100%;
  width: 100%;
  height: 100%;
}

.slide-content {
  width: 100%;
  height: 100%;
}

.slider-nav {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  color: white;
  padding: 20px 15px;
  border: none;
  cursor: pointer;
  font-size: 18px;
  z-index: 10;
}

.prev {
  left: 10px;
}

.next {
  right: 10px;
}