/* Slideshow container */
.slideshow-container {
  position: relative;
  background: #fff;
}

/* Slides */
.mySlides {
  display: none;

/ / text-align: center;
}

/* The dot/bullet/indicator container */
.dot-container {
/ / text-align: center;
  padding: 20px 0px;
  background: #fff;
}

/* The dots/bullets/indicators */
.dot {
  cursor: pointer;
  height: 5px;
  width: 26px;
  margin: 0 2px;
  background-color: #C5CCD9;

  display: inline-block;
  transition: background-color 0.6s ease;
}

/* Add a background color to the active dot/circle */
.active, .dot:hover {
  background-color: #7359ff;
}