body {
  padding-bottom: 70px;
  font-family: 'Segoe UI', sans-serif;
}

/* WARNA */
.bg-teal {
  background-color: #157a74;
}
.text-teal {
  color: #157a74;
}
.btn-teal {
  background-color: #157a74;
  color: #fff;
}

/* ICON BULAT */
.icon-circle {
  width: 45px;
  height: 45px;
  background: #e6f4f3;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: auto;
  color: #157a74;
  font-size: 18px;
}

/* BANNER */
.banner {
  background: linear-gradient(135deg, #00c6ff, #0072ff);
}

/* MENU ICON */
.menu-icon {
  width: 55px;
  height: 55px;
  background: #e8f7f4;
  border-radius: 16px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: auto;
  color: #157a74;
  font-size: 22px;
}