.fnc-slider {
  overflow: hidden;
  box-sizing: border-box;
  /* position: relative; */
  height: 100vh;
}
.fnc-slider *, .fnc-slider *:before, .fnc-slider *:after {
  box-sizing: border-box;
}
.fnc-slider__slides {
  position: relative;
  height: 100%;
  -webkit-transition: -webkit-transform 1s 0.66667s;
  transition: -webkit-transform 1s 0.66667s;
  transition: transform 1s 0.66667s;
  transition: transform 1s 0.66667s, -webkit-transform 1s 0.66667s;
}

.fnc-slide {
  overflow: hidden;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  -webkit-transform: translate3d(0, 0, 0);
          transform: translate3d(0, 0, 0);
}
.fnc-slide.m--before-sliding {
  z-index: 2 !important;
  -webkit-transform: translate3d(100%, 0, 0);
          transform: translate3d(100%, 0, 0);
}
.fnc-slide.m--active-slide {
  z-index: 1;
  -webkit-transition: -webkit-transform 1s 0.66667s ease-in-out;
  transition: -webkit-transform 1s 0.66667s ease-in-out;
  transition: transform 1s 0.66667s ease-in-out;
  transition: transform 1s 0.66667s ease-in-out, -webkit-transform 1s 0.66667s ease-in-out;
  -webkit-transform: translate3d(0, 0, 0);
          transform: translate3d(0, 0, 0);
}
.fnc-slide__inner {
  position: relative;
  height: 100%;
  background-size: cover;
  background-position: center top;
  -webkit-transform: translate3d(0, 0, 0);
          transform: translate3d(0, 0, 0);
}
.m--global-blending-active .fnc-slide__inner, .m--blend-bg-active .fnc-slide__inner {
  background-blend-mode: luminosity;
}
.m--before-sliding .fnc-slide__inner {
  -webkit-transform: translate3d(-100%, 0, 0);
          transform: translate3d(-100%, 0, 0);
}
.m--active-slide .fnc-slide__inner {
  -webkit-transition: -webkit-transform 1s 0.66667s ease-in-out;
  transition: -webkit-transform 1s 0.66667s ease-in-out;
  transition: transform 1s 0.66667s ease-in-out;
  transition: transform 1s 0.66667s ease-in-out, -webkit-transform 1s 0.66667s ease-in-out;
  -webkit-transform: translate3d(0, 0, 0);
          transform: translate3d(0, 0, 0);
}

.fnc-nav {
  z-index: 5;
  position: absolute;
  left: 60px;
  bottom: 15px;
}

.fnc-nav__bg {
  position: absolute;
  left: 0;
  top: 0;
  /* width: 100%;
  height: 100%; */
}

.fnc-nav__controls {
  font-size: 0;
}
.fnc-nav__control {
  overflow: hidden;
  position: relative;
  display: inline-block;
  vertical-align: top;
  width: 20px;
  height: 20px;
  border: 2px solid rgb(255, 255, 255,0.5);
  border-radius: 50%;
  background-color: unset;
  margin: 0px 5px 20px 0;
  padding: 2px;
  cursor: pointer;
}

.fnc-nav__control.m--active-control {
  border: 2px solid #fff;
  border-radius: 50%;
  width: 20px;
  height: 20px;
}

/***************** Slider Images *****************/
.example-slider .fnc-slide-1 .fnc-slide__inner,
.example-slider .fnc-slide-1 .fnc-slide__mask-inner {
	background-image:url("/wp-content/uploads/2023/08/Slider-Image-1.webp");
	
/*   background-image: image-set(
    url("/wp-content/uploads/2023/08/Slider-Image-1.webp") type("image/webp"),
    url("/wp-content/uploads/2023/04/Slider-Image-1.jpg") type("image/jpeg")
  ); */
}
.example-slider .fnc-slide-2 .fnc-slide__inner,
.example-slider .fnc-slide-2 .fnc-slide__mask-inner {
	background-image:url("/wp-content/uploads/2023/08/Slider-Image-2.webp");
	
/*   background-image: image-set(
      url("/wp-content/uploads/2023/08/Slider-Image-2.webp") type("image/webp"),
      url("/wp-content/uploads/2023/04/Slider-Image-2.jpg") type("image/jpeg")
  ); */
}
.example-slider .fnc-slide-3 .fnc-slide__inner,
.example-slider .fnc-slide-3 .fnc-slide__mask-inner {
	background-image:url("/wp-content/uploads/2023/08/Slider-Image-3.webp");
/*   background-image: image-set(
      url("/wp-content/uploads/2023/08/Slider-Image-3.webp") type("image/webp"),
      url("/wp-content/uploads/2023/04/Slider-Image-3.jpg") type("image/jpeg")
  ); */
}


@media screen and (max-width: 600px) {   
  .fnc-slider {
    height: 50vh !important;
  }
}