@charset 'UTF-8';

#event-slide {
  display: none;
}
#event-slide.slick-initialized {
  display: block;
}
#top-slide {
  display: none;
}
#top-slide.slick-initialized {
  display: block;
}
.slick-loading .slick-list {
  background: #fff url("../img/ajax-loader.gif") center center no-repeat;
}
.slick-slide:focus {
  outline: none;
}

.slick-slider {
  width: 100%;
  height: 100%;
  margin: 0;
}
.slick-list,
.slick-track {
  height: 100%;
}
/* --------------------------------------------------------------------------- */
#fv-boxe {
  position: relative;
}
#fv-boxe .slick-prev,
#fv-boxe .slick-next {
  position: absolute;
  top: 30%;
  z-index: 3;
  cursor: pointer;
  color: transparent;
  border: 0;
  outline: none;
}
@media (min-width: 1440px) {
  #fv-boxe .slick-prev {
    left: -2rem;
    top: 15rem;
    background: url(../img/prev_arrow.png) center center / contain
      no-repeat;
    width: 4.6rem;
   height: 4.6rem;
  }
  #fv-boxe .slick-next {
    right: -2.5rem;
    top: 15rem;
    background: url(../img/next_arrow.png) center center / contain
      no-repeat;
    width: 4.6rem;
    height: 4.6rem;
  }
}
@media (max-width: 1440px) {
  #fv-boxe .slick-prev {
    left: 1rem;
    top: 33rem;
    background: url(../img/prev_arrow.png) center center / contain
      no-repeat;
    width: 3rem;
   height: 3rem;
  }
  #fv-boxe .slick-next {
    right: 0.5rem;
    top: 33rem;
    background: url(../img/next_arrow.png) center center / contain
      no-repeat;
    width: 3rem;
    height: 3rem;
  }
}
@media (max-width: 767px) {
  #fv-boxe .slick-prev {
    background: url(../img/prev_arrow.png) center center / contain
      no-repeat;
    left: 6rem;
    top: 88%;
    width: 3rem;
    height: 3rem;
  }
  #fv-boxe .slick-next {
    background: url(../img/next_arrow.png) center center / contain
      no-repeat;
    right: 8rem;
    top: 88%;
    width: 3rem;
    height: 3rem;
  }
}
#fv-boxe .slick-prev:hover,
#fv-boxe .slick-prev:focus,
#fv-boxe .slick-next:hover,
#fv-boxe .slick-next:focus {
  /* opacity: 0.7; */
  filter: hue-rotate(160deg) saturate(1.4);
}
#fv-boxe .slick-dots {
  position: absolute;
  bottom: -35px !important;
  width: 100%;
  text-align: center;
}
#fv-boxe .slick-dots li {
  position: relative;
  display: inline-block;
}
#fv-boxe .slick-dots li button {
  display: block;
  width: 8px;
  height: 8px;
  cursor: pointer;
  color: transparent;
  border-radius: 50%;
  border: none;
  outline: none;
  background: #d8d8d8;
  margin: 0 6px;
}
#fv-boxe .slick-dots li button:hover,
#fv-boxe .slick-dots li button:focus {
  outline: none;
}
/*----------------------------blog------------------------*/
/* #fv-blog .slick-dots li {
  position: relative;
  display: inline-block;
}
#fv-blog .slick-dots{
  text-align: left;
}
#fv-blog .slick-dots li button {
  display: block;
  width: 8px;
  height: 12px;
  cursor: pointer;
  color: transparent;
  border-radius: 50%;
  border: none;
  outline: none;
  background:#000000;
  margin: 0 6px;
}
#fv-blog .slick-dots li button:hover,
#fv-blog .slick-dots li button:focus {
  outline: none;
}
#fv-blog .slick-dots li.slick-active button {
  background: #FFA000;
} */


.slick-dots {
    display: flex !important;
    justify-content: flex-start;
    /* gap: 10px; */
    padding: 20px 0;
    direction: ltr;
}

.slick-progress-dot {
    display: block;
    width: 12vw;
    height: 0.3rem;
    background: #ccc;
    transform: skewX(-45deg);
    overflow: hidden;
    position: relative;
}

.slick-progress-dot .progress-bar {

    content: "";
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    width: 0%;
    background: #FFA000;
    transition: width 5s linear;
}

.slick-dots li.slick-active .progress-bar {
    width: 100%;
}

.slick-dots li:not(.slick-active) .progress-bar {
    background: transparent;
}