*{margin:0;padding:0;box-sizing:border-box}body{font-family:Arial,sans-serif;line-height:1.6;color:#333;background-color:#f8f9fa}.container{max-width:1200px;margin:0 auto;padding:0 20px}.hero-section{background:linear-gradient(135deg,#d4af37b3,#b8860bb3),url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1200 600"><defs><pattern id="mosque" patternUnits="userSpaceOnUse" width="80" height="80" opacity="0.3"><path d="M20,10 Q40,5 60,10 L60,20 Q50,15 40,20 Q30,15 20,20 Z" fill="white"/><rect x="35" y="20" width="10" height="30" fill="white"/><path d="M25,50 Q40,40 55,50 L55,65 L25,65 Z" fill="white"/><circle cx="15" cy="15" r="3" fill="white"/><circle cx="65" cy="15" r="3" fill="white"/></pattern></defs><rect fill="transparent" width="1200" height="600"/><rect fill="url(%23mosque)" width="1200" height="600"/></svg>');background-size:cover;background-position:center;background-attachment:fixed;height:400px;display:flex;align-items:center;position:relative}.hero-overlay{background:#0000001a;width:100%;height:100%;display:flex;align-items:center}.hero-title{font-size:3.5rem;font-weight:700;color:#fff;margin-bottom:1rem;text-shadow:2px 2px 4px rgba(0,0,0,.5)}.hero-subtitle{font-size:1.3rem;color:#fff;opacity:.95;text-shadow:1px 1px 2px rgba(0,0,0,.5);max-width:600px}.bus-rental-section{padding:80px 0;background:#f8f9fa}.section-header{text-align:center;margin-bottom:60px}.section-header h2{font-size:2.5rem;color:#2c3e50;margin-bottom:10px;font-weight:700}.section-subtitle{font-size:1.4rem;color:#d4af37;font-weight:600}.steps-container{display:grid;grid-template-columns:repeat(2,1fr);gap:30px;margin-bottom:60px;max-width:600px;margin-left:auto;margin-right:auto}.step-item{text-align:center;padding:30px 20px;background:#fff;border-radius:15px;box-shadow:0 5px 15px #0000001a;transition:all .3s ease}.step-item:hover{transform:translateY(-5px);box-shadow:0 10px 25px #d4af3733}.step-icon{width:60px;height:60px;border-radius:50%;background:linear-gradient(135deg,#d4af37,#b8860b);display:flex;align-items:center;justify-content:center;margin:0 auto 15px;font-size:1.5rem;color:#fff}.step-item p{color:#2c3e50;font-weight:600;font-size:1.1rem}.vehicles-container{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:30px;margin-bottom:40px}.vehicle-card{background:#fff;border-radius:20px;overflow:hidden;box-shadow:0 10px 25px #0000001a;transition:all .3s ease;position:relative}.vehicle-card:hover{transform:translateY(-10px);box-shadow:0 20px 40px #00000026}.vehicle-image{height:200px;background:linear-gradient(135deg,#d4af37,#b8860b);display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden}.vehicle-image img{width:100%;height:200px;object-fit:cover}.vehicle-icon-fallback{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#d4af37,#b8860b);color:#fff;font-size:4rem;opacity:.9}.vehicle-badge{position:absolute;top:15px;left:15px;background:#d4af37e6;color:#fff;padding:8px 15px;border-radius:20px;font-size:.9rem;font-weight:600}.vehicle-info{padding:25px}.vehicle-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:15px}.vehicle-name{font-size:1.5rem;font-weight:700;color:#2c3e50;margin-bottom:5px}.vehicle-type{color:#d4af37;font-size:.9rem;margin-bottom:8px;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.vehicle-rating{display:flex;align-items:center;gap:8px;margin-bottom:15px}.vehicle-rating .stars{color:#d4af37;font-size:.9rem}.vehicle-rating .rating-value{color:#666;font-size:.9rem;font-weight:500}.vehicle-price{text-align:right}.price-amount{font-size:1.8rem;font-weight:700;color:#d4af37;display:block}.price-period{font-size:.9rem;color:#666}.vehicle-features{display:flex;flex-wrap:wrap;gap:8px;margin:15px 0}.vehicle-features .feature-item{background:#f8f9fa;padding:6px 10px;border-radius:15px;font-size:.8rem;color:#666;display:flex;align-items:center;gap:5px}.vehicle-features .feature-item i{color:#d4af37;font-size:.75rem}.vehicle-description{color:#666;font-size:.95rem;line-height:1.5;margin-bottom:20px}.vehicle-actions{display:flex;gap:10px}.btn-book,.btn-details{flex:1;padding:12px 20px;border:none;border-radius:8px;font-weight:600;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;gap:8px}.btn-book{background:linear-gradient(135deg,#d4af37,#b8860b);color:#fff}.btn-book:hover{background:linear-gradient(135deg,#b8860b,#d4af37);transform:translateY(-2px)}.btn-details{background:transparent;color:#d4af37;border:2px solid #d4af37}.btn-details:hover{background:#d4af37;color:#fff}.load-more-container{text-align:center;margin-top:40px}.load-more-btn{padding:15px 40px;background:linear-gradient(135deg,#d4af37,#b8860b);color:#fff;border:none;border-radius:30px;font-size:1.1rem;font-weight:600;cursor:pointer;transition:all .3s ease;display:inline-flex;align-items:center;gap:10px}.load-more-btn:hover{background:linear-gradient(135deg,#b8860b,#d4af37);transform:translateY(-2px);box-shadow:0 5px 15px #d4af374d}.new-booking-section{padding:80px 0;background:#fff}.booking-container{display:grid;grid-template-columns:1fr 2fr;gap:40px;align-items:start}.consultant-section{background:linear-gradient(135deg,#d4af37e6,#b8860be6),url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 400 500"><defs><pattern id="consultant" patternUnits="userSpaceOnUse" width="60" height="60" opacity="0.2"><circle cx="30" cy="15" r="8" fill="white"/><rect x="26" y="23" width="8" height="20" fill="white"/><path d="M20,43 Q30,38 40,43 L40,50 L20,50 Z" fill="white"/></pattern></defs><rect fill="transparent" width="400" height="500"/><rect fill="url(%23consultant)" width="400" height="500"/></svg>');background-size:cover;background-position:center;border-radius:20px;padding:40px;text-align:center;color:#fff;min-height:400px;display:flex;flex-direction:column;justify-content:center;box-shadow:0 10px 25px #0000001a}.consultant-section h3{font-size:2rem;margin-bottom:20px;text-shadow:2px 2px 4px rgba(0,0,0,.3)}.consultant-section p{font-size:1.1rem;margin-bottom:30px;opacity:.95;text-shadow:1px 1px 2px rgba(0,0,0,.3)}.btn-contact{padding:15px 30px;background:#fff;color:#d4af37;border:none;border-radius:30px;font-size:1.1rem;font-weight:600;cursor:pointer;transition:all .3s ease;display:inline-flex;align-items:center;gap:10px;align-self:center}.btn-contact:hover{background:#f8f9fa;transform:translateY(-2px);box-shadow:0 5px 15px #0003}.booking-form-wrapper{background:#f8f9fa;border-radius:20px;padding:40px;box-shadow:0 10px 25px #0000001a}.form-header{text-align:center;margin-bottom:30px}.form-header h2{font-size:2rem;color:#2c3e50;margin-bottom:10px}.form-header p{color:#666;font-size:1rem}.booking-form{display:flex;flex-direction:column;gap:20px}.form-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:15px}.form-group{display:flex;flex-direction:column}.form-group label{font-weight:600;color:#2c3e50;margin-bottom:6px;font-size:.95rem}.form-group input,.form-group select,.form-group textarea{padding:12px;border:2px solid #e0e0e0;border-radius:8px;font-size:.95rem;transition:all .3s ease;background:#fff}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{outline:none;border-color:#d4af37;box-shadow:0 0 0 3px #d4af371a}.form-group textarea{resize:vertical;min-height:80px}.form-actions{display:flex;gap:15px;justify-content:center;margin-top:20px}.btn-submit{padding:12px 30px;background:linear-gradient(135deg,#d4af37,#b8860b);color:#fff;border:none;border-radius:25px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;gap:8px}.btn-submit:hover{background:linear-gradient(135deg,#b8860b,#d4af37);transform:translateY(-2px);box-shadow:0 5px 15px #d4af374d}.modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#000000b3;display:none;align-items:center;justify-content:center;z-index:9999}.modal-overlay.active{display:flex}.modal-content{background:#fff;border-radius:20px;padding:40px;text-align:center;max-width:400px;margin:20px}.success-icon{font-size:3rem;color:#28a745;margin-bottom:20px}.modal-content h2{font-size:1.8rem;color:#2c3e50;margin-bottom:15px}.modal-content p{color:#666;font-size:1rem;margin-bottom:25px;line-height:1.6}.btn-primary{padding:12px 25px;background:linear-gradient(135deg,#d4af37,#b8860b);color:#fff;border:none;border-radius:25px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease;display:inline-flex;align-items:center;gap:8px}.btn-primary:hover{background:linear-gradient(135deg,#b8860b,#d4af37);transform:translateY(-2px)}.loading-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#000000b3;display:none;align-items:center;justify-content:center;z-index:9999}.loading-overlay.active{display:flex}.loading-content{background:#fff;padding:30px;border-radius:15px;text-align:center;max-width:250px}.spinner{width:40px;height:40px;border:4px solid #f3f3f3;border-top:4px solid #d4af37;border-radius:50%;animation:spin 1s linear infinite;margin:0 auto 15px}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.loading-content p{color:#666;font-size:1rem}.form-group.error input,.form-group.error select,.form-group.error textarea{border-color:#dc3545;box-shadow:0 0 0 3px #dc35451a}.error-message{color:#dc3545;font-size:.8rem;margin-top:4px}.form-group.success input,.form-group.success select,.form-group.success textarea{border-color:#28a745;box-shadow:0 0 0 3px #28a7451a}.fade-in{opacity:0;animation:fadeIn .5s ease forwards}@keyframes fadeIn{to{opacity:1}}.slide-up{transform:translateY(30px);opacity:0;animation:slideUp .6s ease forwards}@keyframes slideUp{to{transform:translateY(0);opacity:1}}@media (max-width: 968px){.booking-container{grid-template-columns:1fr;gap:30px}.consultant-section{order:2;min-height:300px}.booking-form-wrapper{order:1}}@media (max-width: 768px){.hero-title{font-size:2.5rem}.hero-subtitle{font-size:1.1rem}.section-header h2{font-size:2rem}.steps-container{grid-template-columns:1fr;gap:20px}.vehicles-container{grid-template-columns:1fr}.booking-form-wrapper{padding:25px}.form-row,.vehicle-features{grid-template-columns:1fr}.vehicle-actions{flex-direction:column}.consultant-section{padding:30px}}@media (max-width: 480px){.container{padding:0 15px}.hero-title{font-size:2rem}.section-header h2{font-size:1.8rem}.booking-form-wrapper{padding:20px}.form-header h2{font-size:1.8rem}.modal-content{padding:25px 20px;margin:20px}.consultant-section{padding:25px}.consultant-section h3{font-size:1.6rem}}.vehicle-details-modal{max-width:800px;width:90%;max-height:90vh;overflow-y:auto}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:20px 30px;border-bottom:1px solid #eee;background:#f8f9fa}.modal-header h2{margin:0;color:#2c3e50;font-size:1.5rem}.modal-close{background:none;border:none;font-size:1.5rem;cursor:pointer;color:#666;padding:5px;border-radius:50%;width:40px;height:40px;display:flex;align-items:center;justify-content:center}.modal-close:hover{background:#e9ecef;color:#333}.modal-body{padding:30px}.vehicle-details-info{display:grid;grid-template-columns:1fr 1fr;gap:30px;margin-bottom:30px}.vehicle-detail-image{border-radius:12px;overflow:hidden;box-shadow:0 5px 15px #0000001a;position:relative}.vehicle-detail-image img{width:100%;height:250px;object-fit:cover}.vehicle-detail-icon-fallback{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#d4af37,#b8860b);color:#fff;font-size:4rem;opacity:.9}.vehicle-detail-specs{display:flex;flex-direction:column;gap:20px}.spec-item h4{color:#2c3e50;margin-bottom:8px;font-size:1.1rem;font-weight:600}.spec-item p{color:#666;margin:0}.rating-display{display:flex;align-items:center;gap:10px}.rating-display .stars{color:#d4af37}.rating-display span{color:#666;font-weight:500}.features-list{display:flex;flex-wrap:wrap;gap:8px}.feature-badge{background:#e8f4f8;color:#2c3e50;padding:6px 12px;border-radius:20px;font-size:.85rem;font-weight:500}.route-pricing{margin-top:30px;padding-top:30px;border-top:1px solid #eee}.route-pricing h3{color:#2c3e50;margin-bottom:20px;font-size:1.3rem}.pricing-table{border-radius:12px;overflow:hidden;box-shadow:0 2px 10px #0000001a}.pricing-header{display:grid;grid-template-columns:2fr 1fr;background:#d4af37;color:#fff;font-weight:600}.pricing-header .route-col,.pricing-header .price-col{padding:15px 20px}.pricing-body{background:#fff}.pricing-row{display:grid;grid-template-columns:2fr 1fr;border-bottom:1px solid #f1f1f1}.pricing-row:last-child{border-bottom:none}.pricing-row .route-col,.pricing-row .price-col{padding:12px 20px;color:#666}.pricing-row .price-col{font-weight:600;color:#d4af37}.pricing-row:nth-child(2n){background:#f9f9f9}.modal-actions{display:flex;gap:15px;justify-content:center;margin-top:30px;padding-top:20px;border-top:1px solid #eee}.btn-primary,.btn-secondary{padding:12px 30px;border:none;border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;gap:8px}.btn-primary{background:#d4af37;color:#fff}.btn-primary:hover{background:#b8860b;transform:translateY(-2px)}.btn-secondary{background:#6c757d;color:#fff}.btn-secondary:hover{background:#5a6268;transform:translateY(-2px)}