@import url("https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;600;700;800&display=swap");

* {
  margin: 0;
  font-family: "Poppins", sans-serif;
}

/* Custom styles that complement Bootstrap */
.bg-black {
  background-color: #000;
}

.rotate-90 {
  transform: rotate(90deg);
}

/* Adjust the navbar toggler color */
.navbar-dark .navbar-toggler {
  border-color: rgba(255, 255, 255, 0.1);
}

/* Custom button styles */
.btn-dark {
  background-color: #000;
  color: white;
}

.btn-dark:hover {
  background-color: #333;
  color: white;
}

/* Custom spacing for sections */
section {
  padding: 80px 0;
}

/* Adjust the line between location inputs */
.rotate-90 {
  position: relative;
  left: 15px;
  width: 40px;
  border-color: #000;
}

/* Make the ride options images consistent */
.img-ride-option {
  width: 100px;
  height: 100px;
  object-fit: contain;
}

/* Responsive adjustments */
@media (max-width: 768px) {
  section {
    padding: 50px 0;
  }
  
  .display-4 {
    font-size: 2.5rem;
  }
  
  /* Stack the ride options on mobile */
  .ride-option {
    margin-bottom: 30px;
  }
}