#banner h1 {
  font-size: 64px;
  font-weight: 900;
  color: #1090ce;
}
#banner h2 {
  font-size: 48px;
  font-weight: 600;
}
#why h2 {
  color: #1090ce;
  font-weight: 600;
  font-size: 28px;
}
#why .icon {
  font-size: 60px;
  font-weight: 700;
  height: 72px;
  line-height: 72px;
}
#why .title {
  font-size: 20px;
  font-weight: 700;
  line-height: 28px;
  color: #006fa5;
}
#why p {
  font-weight: 400;
  font-size: 16px;
}
#nfc .container {
  background-color: #c4f2ff;
  border-radius: 1.5em;
}
#qris .container {
  background-color: #ffe999;
  border-radius: 1.5em;
}

#nfc h2,
#qris h2 {
  font-weight: 800;
  font-size: 28px;
  color: #006fa5;
}
#nfc p,
#qris p {
  font-weight: 400;
  font-size: 16px;
  line-height: 24px;
}
#nfc .owl-carousel img,
#qris .owl-carousel img {
  width: 40px;
}

/* Posisi nav di tengah vertikal tapi agak keluar */
.owl-nav {
  position: absolute;
  top: 33.33%;
  width: 100%;
  transform: translateY(-50%);
  pointer-events: none; /* biar hanya tombolnya yang bisa di-klik */
}

/* Tombol prev di kiri */
.owl-nav .owl-prev {
  position: absolute;
  left: -25px; /* geser keluar */
  border-radius: 0.5em !important;
}

/* Tombol next di kanan */
.owl-nav .owl-next {
  position: absolute;
  right: -25px; /* geser keluar */
  border-radius: 0.5em !important;
}

.owl-nav button {
  background: rgba(255, 255, 255, 0.85) !important;
  border-radius: 0.5em !important;
  width: 24px;
  height: 24px;
  pointer-events: auto;
  display: flex;
  align-items: center;
  justify-content: center;
  border: none;
  outline: none;
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.2);
  transition: background 0.2s;
}

.owl-nav button span {
  font-size: 22px;
  line-height: 1;
}

.owl-nav button:hover {
  background: white !important;
}

@media (max-width: 991.98px) {
  section#banner .container img {
    width: 100%;
  }
}