/* =====================================================
   Paramvir Power - Site fixes & React component styles
   ===================================================== */

/* Wow.js equivalent: hide until animated (same behaviour as original WOW library) */
.wow {
  visibility: hidden;
}
.wow.animated {
  visibility: visible;
  animation-duration: 1000ms;
  animation-fill-mode: both;
}

/* Hero slider (Revolution slider replacement) arrows */
.main-slider .rev-arrows-overlay .custom-arrow {
  position: absolute;
  top: 40%;
  width: 50px;
  height: 50px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(0, 0, 0, 0.5);
  cursor: pointer;
  z-index: 1000;
}
.main-slider .rev-arrows-overlay .custom-arrow-left {
  left: 0;
}
.main-slider .rev-arrows-overlay .custom-arrow-right {
  right: 0;
}
.main-slider .rev-arrows-overlay .custom-arrow i {
  font-family: revicons;
  font-size: 20px;
  color: #fff;
}
.main-slider .rev-arrows-overlay .custom-arrow:hover {
  background: #000;
}
@media only screen and (max-width: 600px) {
  .main-slider .rev-arrows-overlay .custom-arrow {
    display: none !important;
  }
}

/* Owl carousel (vanilla replacement for owl.js) - keep same look */
.owl-carousel.owl-loaded .owl-item {
  float: left;
}
.owl-carousel .owl-dots .owl-dot span {
  cursor: pointer;
}

/* Brand carousel arrows - match style.css (php site look) for <button> elements */
.brand-items-carousel.owl-carousel .owl-nav .owl-prev,
.brand-items-carousel.owl-carousel .owl-nav .owl-next {
  padding: 0;
}

/* Header sticky */
header.stricky.stricky-fixed {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  z-index: 999;
  animation: slideInDown 500ms ease;
  box-shadow: 0 2px 20px rgba(0, 0, 0, 0.1);
}

/* Footer + boxed wrapper bottom spacing */
.boxed_wrapper {
  position: relative;
  display: block;
  overflow: hidden;
}

/* Mobile dropdown toggles */
.main-menu .navigation li.dropdown .dropdown-btn {
  position: absolute;
  right: 10px;
  top: 8px;
  width: 34px;
  height: 34px;
  border: 1px solid #e7e7e7;
  text-align: center;
  line-height: 34px;
  cursor: pointer;
  z-index: 5;
  display: none;
}
.main-menu .navigation li.dropdown .dropdown-btn:before {
  content: "+";
  font-size: 16px;
  color: #888;
}
@media (max-width: 991px) {
  .main-menu .navigation li.dropdown .dropdown-btn {
    display: block;
    color: #fff;
    border-color: #444;
  }
  .main-menu .navigation li.dropdown .dropdown-btn:before {
    color: #fff;
  }
  .main-menu .navbar-collapse.collapse.in,
  .main-menu .navbar-collapse.collapse.show {
    display: block !important;
  }
}

/* Forms: hidden recaptcha token inputs */
input#token[name="token"] {
  display: none;
}

/* Style3 revolution banner (React replacement for Revolution JS) - revive slides */
#rev_slider_three {
  height: 825px;
}
@media (max-width: 1199px) {
  #rev_slider_three {
    height: 700px;
  }
}
@media (max-width: 1039px) {
  #rev_slider_three {
    height: 500px;
  }
}
@media (max-width: 777px) {
  #rev_slider_three {
    height: 400px;
  }
}
section.main-slider.style3 div#rev_slider_one_wrapper {
  height: auto !important;
  overflow: visible !important;
}
#rev_slider_three .rev-slidebg {
  width: 100%;
  height: 100%;
  object-fit: cover;
  position: absolute;
  top: 0;
  left: 0;
}
#rev_slider_three .slide-content {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}