/* BANNER */
.banner {
  height: 100vh;
  background:
    linear-gradient(rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0.4)),
    url("../cafe.jpg");
  background-size: cover;
  background-position: center;
}

/* PROMO */
.background-promo {
  height: auto;
  background-color: #c0dffc;
}

.card-img {
  border-top-left-radius: 16px;
  border-top-right-radius: 16px;
}

.hovered-promo:hover {
  transform: translateY(-10px) scale(1.02);
  background-color:  #764dff;
  color: white;
  transition: 0.7s ease;
}

/* SERVICE */
.background-service {
  height: auto;
  background-color: #764dff;
}

.hovered-logo {
  width: 80px;
  height: 80px;
  border-radius: 50%;
  transition: all 0.7s ease;
}

.hovered-logo i {
  color: white;
  transition: all 0.7s ease;
}

.hovered-card:hover .hovered-logo {
  background-color: #c0dffc;
  transform: scale(1.1);
  box-shadow: 0 0 15px rgba(26, 188, 156, 0.6);
}

.hovered-card:hover .hovered-logo i {
  color: #0b3c49;
}

.icon-service {
  width: 90px;
  height: 90px;
  border: solid #fff 2px;
  border-radius: 50%;
  color: #fff;
}

/* PRODUK */
.background-produk {
  background-color: #c0dffc;
}

.card{
   border-radius: 16px;
}

.card-img {
  border-top-left-radius: 16px;
  border-top-right-radius: 16px;
}

.background-produk .hovered-produk .card {
  transition: all 0.7s ease;
  cursor: pointer;
  height: 100%;
  display: flex;
  flex-direction: column;
}

.background-produk .hovered-produk .card .card-body {
  flex: 1 1 auto;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

.hovered-produk .card:hover {
  transform: translateY(-10px) scale(1.02);
  color: #fff;
  background-color: #764dff;
  box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

/* REVIEW */
.testimony {
  background-color: #764dff !important;
}

.testimony-card {
  background: rgba(255, 255, 255, 0.07) !important;
  border: 1px solid rgba(255, 255, 255, 0.15) !important;
  border-radius: 16px;
  padding: 28px;
  transition: 0.7s;
  height: 100%;
  color: #fff;
}

.testimony-card .quote-icon {
  font-size: 2rem;
  color: rgba(255, 255, 255, 0.13);
  line-height: 1;
  margin-bottom: 10px;
}

.testimony-card .author {
  font-size: 0.8rem;
  color: rgba(255, 255, 255, 0.55);
  margin-bottom: 12px;
}

.testimony-card p {
  font-size: 0.88rem;
  color: rgba(255, 255, 255, 0.8);
  line-height: 1.6;
  margin-bottom: 0;
}

.testimony-card .stars {
  color: #ffc107;
  font-size: 0.85rem;
  margin-bottom: 12px;
}

.testimony-card:hover {
  transform: translateY(-6px);
  background: #fff !important;
  border-color: rgba(0, 0, 0, 0.1);
  color: #000;
}

.testimony-card:hover .quote-icon,
.testimony-card:hover .author,
.testimony-card:hover p {
  color: #000;
}

.testimony-card:hover .stars {
  color: #ffc107;
}

/* RESERVATION */
.background-reservation {
  background-color: aliceblue;
}

/* SUBSCRIBE */
.footer {
  background-color: #595959;
}

/* FOOTER */
.footer .text-muted {
  color: #adb5bd !important;
}

footer.bg-dark .text-muted {
  color: #adb5bd !important;
}


/* PAGE PRODUK */

/* BANNER */

.produk-banner {
  height: 100vh;
  background:
    linear-gradient(rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0.4)),
    url("../cafe.jpg");
  background-size: cover;
  background-position: center;
}

/* KATEGORI PRODUK */
.tab-content .card {
  height: 100%;
  display: flex;
  flex-direction: column;
}

.tab-content .card img {
  height: 250px;
  object-fit: cover;
  width: 100%;
}

.tab-content .card-body {
  flex: 1;
  display: flex;
  flex-direction: column;
}

.tab-content .card-text {
  flex: 1;
}