.embla {
  overflow: hidden;
  width: 100%;
  position: relative;
}
.embla__container {
  display: flex;
}
.embla__slide {
  position: relative;
  flex: 0 0 100%;
}
.embla__dots {
  margin-top: 50px;
}

.embla__dots {
  justify-content: center;
  list-style: none;
  padding: 0;
  margin: 40px 0 0 0;
  display: flex;
}

.embla__dots li:not(:last-child) {
  margin-right: 11px;
}

.embla__dots li button {
  width: 14px;
  height: 14px;
  padding: 0;
  margin: 0;
  font-size: 0;
  background-color: #dfdfdf;
  transition: .5s;
}

.embla__dots li button:hover,
.embla__dots li.embla__dots__dot--active button {
  background-color: #797979;
}