/* @import url('https://fonts.googleapis.com/css2?family=Edu+NSW+ACT+Hand+Pre:wght@400..700&family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&family=Nunito+Sans:ital,opsz,wght@0,6..12,200..1000;1,6..12,200..1000&family=Oleo+Script:wght@400;700&family=Poltawski+Nowy:ital,wght@0,400..700;1,400..700&family=Roboto+Condensed:ital,wght@0,100..900;1,100..900&family=Roboto+Mono:ital,wght@0,100..700;1,100..700&family=Roboto:ital,wght@0,100..900;1,100..900&family=Ubuntu:ital,wght@0,300;0,400;0,500;0,700;1,300;1,400;1,500;1,700&family=Varela+Round&display=swap'); */

      
   .body {
      font-family: 'Open Sans', sans-serif;
      background: #fff;
    }

    

    .top-bar { background: #000; color: #fff; font-size: 14px; padding: 10px 0; }
    .top-bar .left span { margin-right: 15px; }
    .top-bar .right i { margin-left: 15px; }
    /* .carousel-item img { height: 80vh; object-fit: cover; } */
    .about-img { width: 100%; border-radius: 10px; }
    .gallery img { height: 200px; object-fit: cover; border-radius: 10px; transition: transform 0.3s; }
    .gallery img:hover { transform: scale(1.05); }
    .section-title { font-size: 2rem; font-weight: bold; margin-bottom: 20px; text-align: center; }
    .vehicle-card img { height: 180px; object-fit: cover; border-radius: 10px; }
    .booking-form input, .booking-form select { margin-bottom: 15px; }
    footer { background: #000; color: #fff; padding: 30px 0; }
    .navbar { background-color: #F26722; }
    .navbar-nav .nav-link { color: #fff !important; font-weight: 500; margin-right: 15px; }
    .navbar .btn-book { background-color: #fff; color: #F26722; font-weight: 600; border: none; }
    
.custom-dropdown {
  background-color: #ffffff;
  border: none;
  border-radius: 12px;
  padding: 10px 0;
  box-shadow: 0 8px 16px rgba(0, 0, 0, 0.1);
  min-width: 220px;
}

.custom-dropdown .dropdown-item {
  font-weight: 500;
  padding: 10px 20px;
  transition: all 0.3s ease;
  color: #333;
}

.custom-dropdown .dropdown-item:hover {
  background-color: #F26722;
  color: #fff;
  border-radius: 8px;
}

.top-bar i {
  transition: color 0.3s;
}
.top-bar i:hover {
  /* color: #F26722;  */
  color: white;
}

.social-icons a {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 33px;
  height: 33px;
  border-radius: 50%;
  background-color: transparent;
  border: 2px solid white;
  transition: all 0.3s ease;
  font-size: 18px;
  text-decoration: none;
}

.social-icons a:hover {
  background-color: #F26722;  /* Brown luxury color */
  border-color:rgb(252, 127, 65);
  color: white !important;
}

  @keyframes slideInLeft {
    0% {
      opacity: 0;
      transform: translateX(-50px);
    }
    100% {
      opacity: 1;
      transform: translateX(0);
    }
  }

  @keyframes fadeIn {
    0% { opacity: 0; }
    100% { opacity: 1; }
  }

    .navbar {
    padding-top: 5px;
    padding-bottom: 5px;
    background-color: #000; /* optional: ensure visibility */
  }

  .navbar-brand img {
    height: 35px; /* reduced from 50px to 35px */
  }

  .nav-link {
    padding-top: 8px;
    padding-bottom: 8px;
    font-size: 0.95rem;
  }

  .btn-book {
    background-color: #d76644;
    color: #fff;
    padding: 6px 16px;
    font-size: 0.9rem;
    border-radius: 4px;
    transition: 0.3s ease-in-out;
  }

  .btn-book:hover {
    background-color: #d76644;
    /* color: #fff; */
  } 
  /* aboutsectionindex start */


  /* aboutsectionindex end */

  /* ourservices index start */
.taxi-about-section {
  /* padding: 50px 0; */
  background-color: #f9f9f9;
}

.taxi-about-section h2.section-title {
  text-align: center;
  font-size: 2.8rem;
  font-weight: bold;
  margin-bottom: 50px;
  position: relative;
  color: #182332;
}

.taxi-about-section h2.section-title::after {
  content: "";
  width: 80px;
  height: 4px;
  background-color: #F26722;
  position: absolute;
  bottom: -12px;
  left: 50%;
  transform: translateX(-50%);
}

.taxi-about-img img {
  width: 100%;
  border-radius: 12px;
  box-shadow: 0 5px 25px rgba(0, 0, 0, 0.1);
}

.taxi-about-content h2 {
  font-size: 1.8rem;
  color: #333;
  font-weight: 600;
  margin-bottom: 15px;
}

.taxi-about-content p {
 font-size: 16px;
 color: #444;
  margin-bottom: 25px;
  line-height: 1.7;
}

.btn-taxi-learn-more {
  background-color: #F26722;
  color: #fff;
  padding: 10px 25px;
  text-decoration: none;
  border-radius: 5px;
  transition: 0.3s;
}

.btn-taxi-learn-more:hover {
  background-color: #F26722;
  transform: scale(1.05);
}

@media (max-width: 767px) {
  .taxi-about-section {
    text-align: center;
  }
}

  /* about */
/* Taxi Services Section */
.taxi-services-section {
  padding: 60px 0;
  background-color: #fff;
}

.taxi-services-section .section-title {
  text-align: center;
  font-size: 2.8rem;
  font-weight: bold;
  color: #182332;
  margin-bottom: 50px;
  position: relative;
}

.taxi-services-section .section-title::after {
  content: "";
  width: 80px;
  height: 4px;
  background-color: #F26722;
  position: absolute;
  bottom: -12px;
  left: 50%;
  transform: translateX(-50%);
}

.taxi-service-card {
  text-align: center;
  background: #f9f9f9;
  padding: 30px 20px;
  border-radius: 12px;
  transition: all 0.3s ease;
  box-shadow: 0 8px 25px rgba(0, 0, 0, 0.06);
}

.taxi-service-card:hover {
  transform: translateY(-10px);
  background-color: #fff7f3;
  box-shadow: 0 10px 30px #f26722;
}

.taxi-service-card .service-icon {
  font-size: 40px;
  color: #F26722;
  margin-bottom: 20px;
}

.taxi-service-card .service-title {
  font-size: 1.4rem;
  font-weight: 600;
  color: #182332;
  margin-bottom: 10px;
}

.taxi-service-card .service-desc {
  font-size: 1rem;
}
  /* ourservicesindex end */

  /* galleryindex start */
  .gallery-section {
  background-color: #fff7f3;
  padding: 5px;
}

.section-title {
  font-size: 2.8rem;
  font-weight: bold;
  position: relative;
  color: #182332;
  margin-bottom: 50px;
}

.section-title::after {
  content: "";
  width: 80px;
  height: 4px;
  background-color: #F26722;
  position: absolute;
  bottom: -12px;
  left: 50%;
  transform: translateX(-50%);
}

.filter-buttons .filter-btn {
  background-color: transparent;
  border: 2px solid #F26722;
  color: #F26722;
  padding: 8px 20px;
  margin: 0 5px 10px;
  cursor: pointer;
  transition: all 0.3s;
  border-radius: 25px;
}

.filter-buttons .filter-btn.active,
.filter-buttons .filter-btn:hover {
  background-color: #F26722;
  color: #fff;
}

.gallery-card {
  overflow: hidden;
  border-radius: 10px;
  box-shadow: 0 10px 25px rgba(0, 0, 0, 0.1);
  transition: 0.4s ease;
  height: 250px; /* Set fixed card height */
  display: flex;
  align-items: center;
  justify-content: center;
  background: #fff;
}

.gallery-card img {
  width: 100%;
  height: 100%;
  object-fit: cover; /* Maintains image aspect */
  transition: transform 0.5s ease;
}

.gallery-card:hover img {
  transform: scale(1.05);
}

/* galleryindex end  */
/* index.php start */
/* 
.floating-icons-3d-left {
  position: fixed;
  top: 75%;
  left: 15px;
  transform: translateY(-50%);
  z-index: 999;
  display: flex;
  flex-direction: column;
  gap: 15px;
}

.floating-icons-3d-left img {
  width: 50px;
  height: 50px;
  transition: transform 0.3s ease;
  border-radius: 50%;
  box-shadow: 0 8px 20px rgba(0, 0, 0, 0.2);
}

.floating-icons-3d-left img:hover {
  transform: scale(1.15) rotate(10deg);
} */

/* index.php end */