.eco-slide {
  position: relative;
  height: 88vh;
  overflow: hidden;
}

.eco-slide img,
.eco-slide video {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.eco-slide::after {
  content: "";
  position: absolute;
  inset: 0;
  background: rgba(0,0,0,0.3);
}
.slick-dots li button:before {
color: #ffffff;
opacity: 1;
font-size: 11px;
}
.slick-dots li.slick-active button:before {
    opacity: 1;
    color: var( --e-global-color-secondary );
}
.slick-dotted.slick-slider {
    margin-bottom: 0;
}
.eco-content {
  position: absolute;
  bottom: 80px;
  left: 60px;
  color: #fff;
  z-index: 2;
}

.eco-content h2 {
  font-size: 32px;
  color: #ffffff;
}

.eco-content h1 {
    color: var( --e-global-color-secondary );
    font-size: 60px;
    line-height: normal;
}

.slick-dots {
  bottom: 30px;
}
@media(max-width: 767px){
.eco-content h2 {
  font-size: 28px;
  color: #ffffff;
}

.eco-content h1 {
    font-size: 42px;
}
.eco-content {
    bottom: 60px;
    left: 0;
    padding: 15px;
}
}