/* Reset & Basic */
* { margin:0; padding:0; box-sizing:border-box; font-family:'Orbitron', sans-serif; }
body { background:#f9f9f9; color:#222; line-height:1.6; }
.container { width:90%; max-width:1200px; margin:0 auto; }

/* Header */
header { background:#000; color:#FFD700; padding:20px 0; box-shadow:0 4px 10px rgba(0,0,0,0.2); position:relative; }
.header-container { display:flex; align-items:flex-start; justify-content:space-between; flex-wrap:wrap; position:relative; }
.logo-section { display:flex; align-items:center; gap:8px; margin-left:-10px; }
.taxi-logo { width:60px; height:60px; object-fit:contain; background:transparent;margin-left:-37px; }
header h1 { font-size:1.2em; font-weight:700; color:#FFD700; margin-left:4px; }

/* Contact Number */
header .tagline{ 
  position:relative; 
  top:55px;   
  left: 20px;  
  font-size:0.9em; 
  color:#FFD700; 
  font-weight:1000; 
  z-index:1; 
}
.tagline a {
  color: #FFD700;       /* yellow color */
  text-decoration: none; /* remove underline */
}

.tagline a:hover {
  color: #FFC700;       /* optional hover effect */
}


/* Social Icons Right Top */
.social-icons { 
  position:absolute; 
  top:5px;    
  right:-5px; 
  display:flex; 
  flex-direction:row; 
  gap:12px; 
  z-index:2; 
}
.social-icons a { 
  color:#fff; 
  background:#000; 
  width:35px; 
  height:35px; 
  display:flex; 
  justify-content:center; 
  align-items:center; 
  border-radius:50%; 
  text-decoration:none; 
  font-size:18px; 
  transition:0.3s; 
}
.social-icons a:hover { 
  transform:scale(1.2); 
  box-shadow:0 0 8px #FFD700; 
}

/* Language Switcher */
.language-switcher {
  position:absolute;
  top:15px;
  right:350px;
  display:flex;
  align-items:center;
  gap:8px;
  color:#FFD700;
  font-size:18px;
  z-index:3;
}
.language-switcher select {
  padding:5px 10px;
  border-radius:5px;
  border:1px solid #FFD700;
  background:#000;
  color:#FFD700;
  font-weight:600;
  cursor:pointer;
}

/* Hero Section */
.hero { position:relative; height:90vh; background:url('mg5.PNG') center center/cover no-repeat; display:flex; align-items:center; justify-content:flex-start; overflow:hidden; }
.hero-overlay { position:absolute; top:0; left:0; width:100%; height:100%; background:rgba(0,0,0,0.4); display:flex; align-items:center; padding-left:80px; text-align:left; }
.hero-content-left h1 { font-size:3.5em; color:#FFD700; font-weight:700; margin-bottom:20px; }
.hero-content-left p { font-size:1.5em; color:#fff; margin-bottom:30px; font-weight:400; }
.hero-content-left .buttons { display:flex; gap:20px; flex-wrap:wrap; }
.btn { padding:15px 35px; border-radius:50px; font-weight:600; text-decoration:none; transition:0.3s; font-size:1.1em; }
.btn-whatsapp { background:#25D366; color:#fff; }
.btn-whatsapp:hover { opacity:0.85; transform:translateY(-3px); }
.btn-online-booking { background:#FFD700; color:#000; }
.btn-online-booking:hover { opacity:0.85; transform:translateY(-3px); }

/* Animation Blur Text */
.animate-blur { filter: blur(4px); animation: blur-clear 2s ease-in-out infinite alternate; }
@keyframes blur-clear { 0% { filter: blur(4px); } 100% { filter: blur(0); } }

/* Map */
.map-container { margin-top:30px; border-radius:0; overflow:hidden; box-shadow:0 10px 25px rgba(0,0,0,0.3); border:4px solid #FFD700; }

/* Services */
.services { padding:50px 0; text-align:center; }
.services h2 { font-size:2.5em; color:#000; margin-bottom:40px; font-weight:700; }
.service-cards { display:flex; flex-wrap:wrap; gap:20px; justify-content:center; }
.card { background:#000; color:#FFD700; padding:30px 20px; border-radius:0; flex:1 1 250px; box-shadow:0 6px 15px rgba(0,0,0,0.2); transition:0.3s; font-weight:400; }
.card:hover { transform:translateY(-10px); box-shadow:0 10px 25px rgba(0,0,0,0.4); }
.card h3 { margin-bottom:15px; color:#FFD700; font-weight:600; }
.card p { color:#FFD700; }
.card .icon { font-size:3em; margin-bottom:15px; transition: transform 0.3s ease, color 0.3s ease; color:#FFD700; }
.card:hover .icon { transform:scale(1.3) rotate(10deg); color:#FFC700; }

/* Booking Form */
.booking-form { background:#111; color:#FFD700; padding:60px 25px; border-radius:20px; box-shadow:0 10px 25px rgba(0,0,0,0.3); margin:50px 0; }
.booking-form h2 { text-align:center; color:#FFD700; margin-bottom:40px; font-size:2.5em; font-weight:700; }
.booking-form input, .booking-form textarea { width:100%; padding:18px 22px; margin-bottom:25px; border-radius:12px; border:2px solid #FFD700; background:#222; color:#FFD700; font-size:1em; font-weight:400; transition:0.3s; }
.booking-form input:focus, .booking-form textarea:focus { outline:none; border-color:#FFC700; box-shadow:0 0 10px #FFD700; }
.booking-form input::placeholder, .booking-form textarea::placeholder { color:#FFD700; opacity:0.8; }
.booking-form button { width:100%; padding:18px 25px; background:linear-gradient(45deg,#FFD700,#FFC700); color:#000; border:none; border-radius:12px; font-weight:700; font-size:1.2em; cursor:pointer; transition:0.3s; box-shadow:0 6px 20px rgba(255,215,0,0.4); }
.booking-form button:hover { background:linear-gradient(45deg,#FFC700,#FFD700); transform:translateY(-3px); box-shadow:0 0 20px #FFD700; }

/* Footer */
footer { background:#000; color:#FFD700; padding:20px; text-align:center; border-top:4px solid #FFD700; font-weight:400; }

/* Responsive Mobile */
@media(max-width:992px){
  /* Header adjustments */
  .header-container { 
    flex-direction: column; 
    align-items: center; 
    gap: 5px; 
    position: relative; 
  }
  .logo-section { order:1; text-align:center; margin-top:5px; }
  .tagline { order:2; margin-top:5px; text-align:center; position:relative; top:auto; left:auto; }
  .language-switcher { order:3; text-align:center; position:static; top:auto; right:auto;margin-top:-35px;}
  .social-icons { order:4; margin-top:73px; justify-content:center; position:static; top:auto; right:auto; }

  /* Hero adjustments */
  .hero-overlay { justify-content:center; padding-left:20px; padding-right:20px; text-align:center; }
  .hero-content-left h1 { font-size:2.5em; }
  .hero-content-left p { font-size:1.2em; }
  .hero-content-left .buttons { flex-direction:column; gap:10px; }

  /* Services */
  .service-cards { flex-direction:column; align-items:center; }
}

@media (max-width: 768px) {
  .tagline {
    position: relative !important;
  
    margin-top: 20px !important;   /* yahan se control karo */
    text-align: center !important;
  }
} 
/* Calendar button (for Chrome, Edge, Safari) */
.booking-form input[type="datetime-local"]::-webkit-calendar-picker-indicator,
.booking-form input[type="date"]::-webkit-calendar-picker-indicator {
    background-color: #FFD700;  /* yellow */
    color: #000;                /* black icon */
    border-radius: 50%;         /* circular button */
    padding: 5px;
    cursor: pointer;
    transition: 0.3s;
}

.booking-form input[type="datetime-local"]::-webkit-calendar-picker-indicator:hover,
.booking-form input[type="date"]::-webkit-calendar-picker-indicator:hover {
    background-color: #FFC700;  /* hover effect */
}