.paket {
  color: white;
}

.paket p {
  width: 35%;
  margin-inline: auto;
}

.paket .d-flex {
  justify-content: center;
  flex-wrap: wrap;
  gap: 1%;
  margin-top: 3rem;
  margin-bottom: 5rem;
}

@media (max-width: 414px) {
  .paket p {
    width: 100%;
  }
}

.paket .d-flex .card {
  width: 24%;
  height: 22rem;
  border-radius: 0px;
}

.paket .d-flex .card:first-child {
  background: url("../../../assets/img/card/card1.png");
  background-size: cover;
  background-repeat: no-repeat;
}

.paket .d-flex .card:nth-child(2) {
  background: url("../../../assets/img/card/card2.png");
  background-size: cover;
  background-repeat: no-repeat;
}

.paket .d-flex .card:nth-child(3) {
  background: url("../../../assets/img/card/card3.png");
  background-size: cover;
  background-repeat: no-repeat;
}

.paket .d-flex .card:last-child {
  background: url("../../../assets/img/card/card4.png");
  background-size: cover;
  background-repeat: no-repeat;
}

@media (max-width: 414px) {
  .paket .d-flex {
    gap: 1rem;
  }
  .paket .d-flex .card {
    width: 90%;
  }
}

.paket .d-flex .card .text-center {
  margin-top: 100%;
}

.paket .d-flex .card .btn {
  margin-top: 1rem;
  color: white;
  text-decoration: none;
  border: 1px solid white;
  border-radius: 0px;
  transition: .5s ease-in-out;
}

.paket .d-flex .card .btn:hover {
  background-color: white;
  color: black;
}