.sk-carousel-with-background {
  position: relative;
}
.sk-carousel-with-background .row {
  z-index: 2;
  position: relative;
}
.sk-carousel-background,
.sk-carousel-overlay {
  width: 100%;
  height: 100%;
  position: absolute;
  z-index: 0;
  background-color: #000;
  top: 0;
  left: 0;
}
.sk-carousel-background .slick-list,
.sk-carousel-background .slick-list .slick-track {
  width: 100%;
  height: 100%;
}
.sk-carousel-background img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.sk-carousel-overlay {
  background: rgba(0,0,0,0.5);
  z-index: 1;
}
.sk-carousel-img-side.sk-slick {
  margin-bottom: 0;
  overflow: initial;
}
.sk-carousel-with-background .slick-dots {
  text-align: left;
  left: 10px;
  bottom: -30px;
}
.sk-carousel-with-background .slick-dots li.slick-active button {
  border: 1px solid #f90;
  padding: 5px;
  border-radius: 50px;
}
.sk-carousel-with-background .slick-dots li.slick-active button:before {
  color: #f90;
}
.sk-carousel-with-background .slick-dots li button:before {
  color: #fff;
  opacity: 0.8;
}

.sk-carousel-with-background .sk-slick-item .sk-heading {
  font-size: 2.5em;
}
.sk-carousel-with-background .sk-slick-item .sk-subheading {
  font-size: 1.4em;
}
.sk-carousel-with-background .sk-slick-item .sk-content,
.sk-carousel-with-background .sk-slick-item .sk-content p {
  font-size: 14px;
}

.sk-carousel-img-side .slick-slide {
  transform: scale(.85);
  transition: transform 0.4s;
}
.sk-carousel-img-side .slick-slide.slick-current {
  transform: scale(1);
  transition: transform 0.4s;
}

@media(max-width: 767px) {
  .sk-carousel-with-background .sk-slick-default .sk-slick-item{
     height: auto;
     padding: 40px 0;
  }
}