* {
  margin: 0;
  padding: 0;
}

body {
  background-color: #f5f5f5;
}

.navbar-bg {
  background-color: transparent;
}

.nav-daftar {
  background-color: green;
  width: 80px;
  border-radius: 10px;
  color: white;
  text-align: center;
}

.nav-item {
  margin: 0 8px;
}

.nav-link {
  color: #7d7d7d;
  font-weight: 600;
}

.nav-svg {
  font-weight: bold;
  color: green;
}

/* akhir navbar */
/* jumbotron */
#jumbotron {
  background-image: url(../img/cari.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  width: 100%;
  height: 100vh;
}

.jumbotron-img {
  width: 100%;
  height: 100vh;
  display: flex;
  position: relative;
}

.jumbotron-h1 {
  margin-top: 50%;
  font-size: 32px;
}

.btn-satu {
  background-color: green;
  color: white;
}

.btn-dua {
  background-color: green;
  color: white;
}

.btn-cari {
  background-color: white;
  color: green;
  font-weight: bold;
}

.btn-dropdown {
  background-color: green;
  color: white;
}

#card {
  margin-top: 100px;
}

.img-card {
  width: 100%;
  height: 196px;
}

.img-card-modal {
  width: 200px;
  height: 200px;
}

.card-group {
  margin-top: 40px;
}

.love-icon {
  color: red;
}

@media (max-width: 425px) {
  .btn-dua {
    display: none;
  }

  .img-card-modal {
    display: block;
    margin: 0 auto 16px;
  }

  .container-ul {
    width: 100%;
  }
}