.swiper-hero {
  width: 100%;
  max-width: 1900px;
}

.swiper-hero .swiper-button-prev,
.swiper-hero .swiper-button-next {
  --swiper-navigation-size: 32px;
  --swiper-theme-color: #505050;
  background-color: rgba(255, 255, 255, 0.8);
  border-radius: 6px;
  height: 60px;
  width: 60px;
  transition: background-color 02s, color 0.2s ease;
}

.swiper-hero .swiper-button-prev {
  left: 60px;
}

.swiper-hero .swiper-button-next {
  right: 60px;
}

.swiper-hero .swiper-button-prev:hover,
.swiper-hero .swiper-button-next:hover {
  background-color: #e0edcf;
  --swiper-theme-color: #63a60e;
}

.swiper-hero .swiper-pagination {
  --swiper-pagination-color: #000000;
  --swiper-pagination-bullet-size: 10px;
  --swiper-pagination-bullet-width: 10px;
  --swiper-pagination-bullet-height: 10px;
  --swiper-pagination-bullet-inactive-color: #fff;
  --swiper-pagination-bullet-inactive-opacity: 1;
  --swiper-pagination-bullet-opacity: 1;
  --swiper-pagination-bullet-horizontal-gap: 12px;
}

.swiper-pagination-bullet {
  border: 1px solid #c1c1c1;
}

.swiper-pagination-bullet-active {
  border: 1px solid #63a60e;
}

.slider-para {
  font-family: "Roboto", sans-serif;
  font-weight: 600;
  font-size: 14px;
  color: rgba(0, 0, 0, 0.87);
  margin-bottom: 5rem;
}

.swiper-hero img {
  height: auto;
  width: auto;
  object-fit: cover;
}

.swiper-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet,
.swiper-pagination-horizontal.swiper-pagination-bullets
  .swiper-pagination-bullet {
  width: 14px;
  height: 14px;
}

.swiper-slide.swiper-slide-visible {
  /* transform: translate3d(0px, 0px, 0px) !important; */
  display: none;
  opacity: 0;
}

.swiper-slide.swiper-slide-prev,
.swiper-slide.swiper-slide-next {
  /* opacity: 0 !important; */
  /* display: none !important; */
  transform: translate3d(-1900px, 0px, 0px) !important;
}

.swiper-slide-active {
  /* transform: translate3d(0px, 0px, 0px) !important;   */
  display: block !important;
  opacity: 1 !important;
}

@media (max-width: 1199px) {
  .swiper-slide.swiper-slide-prev,
  .swiper-slide.swiper-slide-next {
    /* opacity: 0 !important; */
    /* display: none !important; */
    transform: translate3d(-1613px, 0px, 0px) !important;
  }
}

@media (max-width: 486px) {
  .slider-para br {
    display: none;
  }
}
