/* banner-slide.css - exact copy from m.klikbca.com */
.banner-slide-container {
  position: relative;
  display: inline-block;
  width: 100%;
}
.banner-image {
  width: 100%;
  display: block;
}
.prev-navigation,
.next-navigation {
  cursor: pointer;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  padding: 8px 12px;
  color: white;
  font-weight: bold;
  font-size: 16px;
  background: rgba(0,0,0,0.35);
  user-select: none;
  border-radius: 2px;
  z-index: 10;
}
.prev-navigation { left: 0; }
.next-navigation { right: 0; }
.prev-navigation:hover,
.next-navigation:hover { background: rgba(0,0,0,0.6); }

.dot-navigation {
  cursor: pointer;
  height: 10px;
  width: 10px;
  margin: 3px 3px 0;
  background-color: #bbb;
  border-radius: 50%;
  display: inline-block;
  transition: background-color 0.3s ease;
}
.dot-navigation.active,
.dot-navigation:hover { background-color: #000090; }