body {
  font-family: 'Poppins', sans-serif !important;
  background-color: rgba(250, 235, 215, 0.82);
  position: relative !important;
}

.header {
  height: 500px !important;
  background-image: url('../img/anadolunav.webp');
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
}

@media (max-width: 768px) {
  .header {
    height: 250px !important;
  }
}

.navbar .nav-link {
  border-bottom: 2px solid transparent;
  transition: border-bottom .7s;
}

.navbar .nav-link:hover {
  border-bottom: 2px solid var(--bs-yellow);
}

.navbar .nav-link.active {
  border-bottom: 2px solid var(--bs-yellow);
}

.title {
  cursor: pointer !important;
}

.title::after {
  content: "";
  position: absolute;
  width: 50px;
  height: 4px;
  bottom: 33px;
  left: 0;
  right: 0;
  margin: auto;
  background-color: var(--bs-yellow);

  transition: width .7s;
}

.title:hover::after {
  width: 75px;
}

.product {
  transition: all .7s;
}

.product:hover {
  transform: translateY(-7px);
  border: 1px solid var(--bs-yellow);
  cursor: pointer;
}

.footer {
  background-color: var(--bs-yellow);
}