<!--Booking form new start-->
	:root{
  --primary:#111827;
  --accent:#c9a227;
  --accent-dark:#a98412;
  --bg:#f4f6f8;
  --card:#ffffff;
  --text:#172033;
  --muted:#6b7280;
  --border:#dfe3e8;
  --success:#198754;
  --danger:#dc3545;
}
	.booking-wrapper {
            max-width: 1000px;
            margin: 40px auto;
            padding: 20px;
        }
		
		.booking-box {
            background: #fff;
            border-radius: 10px;
            box-shadow: 0 5px 25px rgba(0,0,0,.10);
            overflow: hidden;
			max-width:900px;
			margin:50px auto;
        }
		 .booking-box h2{ color:#fff;}
        .booking-header {
            background: #111;
            color: #fff;
            padding: 25px;
            text-align: center;
        }

        .booking-header h2 {
            margin: 0 0 8px;
            font-size: 28px;
        }

        .booking-header p {
            margin: 0;
            color: #ddd;
        }
	
	
	.booking-wrap{max-width:1000px;margin:40px auto;padding:20px}
.booking-card{
  background:#fff;border-radius:18px;overflow:hidden;
  box-shadow:0 18px 50px rgba(0,0,0,.10);
}
.booking-head{
  background:linear-gradient(135deg,#0d1117,#252b35);
  color:#fff;padding:36px 40px;
}
.booking-head h1{margin:0 0 8px;font-size:32px}
.booking-head p{margin:0;color:#d7dbe2;font-size:15px}
.steps{display:flex;background:#fff;border-bottom:1px solid var(--border)}
.step{
  flex:1;text-align:center;padding:18px 8px;font-weight:700;
  color:#9aa1ac;font-size:14px;position:relative
}
.step.active{color:var(--primary)}
.step.active:after{
  content:"";position:absolute;left:20%;right:20%;bottom:-1px;height:3px;
  background:var(--accent);border-radius:4px
}
.form-body{padding:35px 40px}
.section{margin-bottom:32px}
.section-title{
  display:flex;align-items:center;gap:12px;margin-bottom:20px;
  font-size:21px;font-weight:700
}
.section-title .num{
  width:32px;height:32px;border-radius:50%;display:grid;place-items:center;
  background:var(--primary);color:#fff;font-size:14px
}
.trip-toggle{display:flex;gap:12px;margin-bottom:24px}
.trip-option{position:relative;flex:0 0 180px}
.trip-option input{position:absolute;opacity:0}
.trip-option label{
  display:block;text-align:center;padding:14px;border:2px solid var(--border);
  border-radius:10px;font-weight:700;cursor:pointer;background:#fff
}
.trip-option input:checked+label{
  border-color:var(--accent);background:#fffaf0;color:#8a6a0b
}
.grid{display:grid;grid-template-columns:repeat(2,1fr);gap:18px}
.field{display:flex;flex-direction:column}
.field.full{grid-column:1/-1}
label.field-label{font-size:13px;font-weight:700;margin-bottom:7px}
.required{color:var(--danger)}
input,select,textarea{
  width:100%;padding:13px 14px;border:1px solid var(--border);
  border-radius:9px;background:#fff;font:inherit;color:var(--text);
  outline:none;transition:.2s
}
input:focus,select:focus,textarea:focus{
  border-color:var(--accent);box-shadow:0 0 0 3px rgba(201,162,39,.12)
}
textarea{min-height:100px;resize:vertical}
.return-box{
  display:none;margin-top:22px;padding:22px;border-radius:12px;
  background:#fafafa;border:1px solid var(--border)
}
.return-box.show{display:block}
.vehicle-grid{
  display:grid;grid-template-columns:repeat(3,1fr);gap:16px
}
.vehicle{position:relative}
.vehicle input{position:absolute;opacity:0}
.vehicle label{
  display:block;padding:20px;border:2px solid var(--border);border-radius:13px;
  cursor:pointer;height:100%;transition:.2s;background:#fff
}
.vehicle input:checked+label{
  border-color:#ccc;background:#fffaf0;
  box-shadow:0 7px 20px rgba(201,162,39,.13)
}
.vehicle-icon{font-size:30px;margin-bottom:12px}
.vehicle-name{font-size:17px;font-weight:700}
.vehicle-desc{font-size:12px;color:var(--muted);margin-top:6px;line-height:1.4}
.flight-box{
  padding:20px;border:1px solid #ccc;border-radius:12px;background:#fafafa
}
.actions{
  display:flex;justify-content:space-between;align-items:center;
  gap:15px;margin-top:10px;padding-top:25px;border-top:1px solid #ccc;
}
button{
  border:1px;border-radius:10px;padding:15px 28px;font-size:15px;
  font-weight:700;cursor:pointer
}
.btn-primary{background:var(--primary);color:#fff}
.btn-primary:hover{background:#000}
.btn-gold{background: #FFCC33;color:#fff}
.btn-gold:hover{background:#000;}
.error{font-size:12px;color:var(--danger);margin-top:5px;display:none}
.note{font-size:12px;color:var(--muted);line-height:1.5}
.success{
  display:none;margin-top:20px;padding:18px;border-radius:10px;
  background:#eaf8ef;color:#146c36;border:1px solid #b9e4c8
}
@media(max-width:760px){
  .booking-wrap{margin:0;padding:0}
  .booking-card{border-radius:0}
  .booking-head{padding:28px 22px}
  .booking-head h1{font-size:26px}
  .form-body{padding:25px 20px}
  .grid,.vehicle-grid{grid-template-columns:1fr}
  .field.full{grid-column:auto}
  .trip-option{flex:1}
  .steps .step{font-size:12px}
  .actions{flex-direction:column-reverse;align-items:stretch}
   
  <!--booking form new end-->