.image-with-overlay {
  width: 100%;
  height: 548px;
  background-size: cover;
  border-radius: 2px;
  position: relative;
  overflow: hidden;
}

.image-with-overlay-container {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  right: 0;
  background: -webkit-gradient(
    linear,
    left bottom,
    left top,
    from(rgba(0, 0, 0, 0.7)),
    to(rgba(0, 0, 0, 0.7))
  );
  background: -webkit-linear-gradient(
    bottom,
    rgba(0, 0, 0, 0.7),
    rgba(0, 0, 0, 0.7)
  );
  background: linear-gradient(0deg, rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0.7));
}

.image-with-overlay-container .btn-primary {
  background: #fff;
  color: #000;
}

.image-with-overlay-container .btn-primary:hover {
  color: #121212 !important;
  background-color: #e5e5e5 !important;
}

.image-with-overlay-content {
  padding: 0 220px;
}

@media screen and (max-width: 1024px) {
  .image-with-overlay {
    height: 42vw;
  }

  .image-with-overlay-content {
    padding: 20px 16px;
  }

  .brandStoryImage {
    height: 92px;
  }
}

#splide-banners .splide__track {
  max-height: 546px;
}

.dukaan-banners + mobile-coupons .coupons-list-wrapper-mobile {
  padding-top: 8px !important;
}

#dkn-homepage-splide-banners .splide__pagination li {
  margin: 0 8px 0 0;
}

@media screen and (max-width: 1024px) {
  #dkn-homepage-splide-banners .splide__pagination li {
    margin: 0 6px 0 0;
  }
}

#dkn-homepage-splide-banners .splide__pagination__page {
  width: 8px;
  height: 8px;
  margin: 0;
  border:none !important;
}

#dkn-homepage-splide-banners .splide__pagination__page.is-active {
  transform: scale(1.25);
  border: none !important;
}