.slider_content {
  display: none;
}

.fade_slide {
  opacity: 0;
  transition: opacity 1s;
  position: absolute;
  display: flex;
  width: 100%;
  min-height: 100%;
  top: 0px;
}

.fade_slide.active {
  opacity: 100;
}

.slider_wrapper {
  touch-action: pan-y; 
  position: relative;
  overflow: visible;
  background: #fff;
}

.dot_wrapper {
  display: none;
  position: absolute;
  top: 0px;
  height: 100%;
  width: 100%;
}

.dot {
  width: 20px;
  height: 20px;
  background-color: rgb(7, 0, 48);
  border-radius: 50%;
  margin: 10px;
}

.dot.active {
  background-color: rgb(37, 31, 68);
}

.nav_wrapper {
  height: 200px;
  width: 100%;
}

.nav_left {
  position: absolute;
  display: flex;
  height: 100%;
  width: 40%;
}
.nav_left img {
  width: 30px;
  margin-left: 30px;
  opacity: 0.4;
}

.nav_right {
  position: absolute;
  display: flex;
  justify-content: end;
  height: 100%;
  width: 40%;
  right: 0px;
}
.nav_right img {
  width: 30px;
  margin-right: 30px;
  opacity: 0.4;
}

.fs_image-bg {
  position: fixed;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.8509803922);
  top: 0px;
  left: 0px;
  z-index: 10000;
}
.fs_image-bg .fs_exit-btn {
  position: fixed;
  color: #fff;
  padding: 15px;
  right: 0px;
}
.fs_image-bg .fs_image-container img {
  -o-object-fit: contain;
     object-fit: contain;
  width: 100%;
  height: 100%;
}/*# sourceMappingURL=slider_css.css.map */