*{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,#d4af37cc,#b8860bcc),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}.services-overview{padding:80px 0 40px;background:#f8f9fa}.section-header{text-align:center}.section-label{font-size:1rem;color:#d4af37;font-weight:600;letter-spacing:2px;margin-bottom:10px;text-transform:uppercase}.section-header h2{font-size:2.5rem;color:#2c3e50;font-weight:700;margin-bottom:20px}.service-section{padding:60px 0;background:#f8f9fa}.service-section.alternate{background:#fff}.service-container{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center}.service-content{padding:20px 0}.service-header h2{font-size:1.8rem;color:#d4af37;font-weight:700;margin-bottom:10px;line-height:1.3}.service-header h3{font-size:2.2rem;color:#2c3e50;font-weight:700;margin-bottom:20px;line-height:1.2}.service-description{font-size:1rem;color:#666;line-height:1.6;margin-bottom:30px}.service-features{display:flex;flex-direction:column;gap:12px}.feature-item{display:flex;align-items:flex-start;gap:12px;font-size:.95rem;color:#555}.feature-item i{color:#d4af37;font-size:1rem;margin-top:2px;flex-shrink:0}.feature-item span{line-height:1.5}.service-image{display:flex;align-items:center;justify-content:center}.image-placeholder{width:100%;height:400px;border-radius:20px;display:flex;align-items:center;justify-content:center;font-size:4rem;color:#fff;position:relative;overflow:hidden;box-shadow:0 15px 35px #0000001a}.transport-bg{background:linear-gradient(135deg,#d4af37,#b8860b)}.visa-bg{background:linear-gradient(135deg,#3498db,#2980b9)}.hotel-bg{background:linear-gradient(135deg,#e74c3c,#c0392b)}.support-bg{background:linear-gradient(135deg,#27ae60,#229954)}.image-placeholder:before{content:"";position:absolute;inset:0;background-image:radial-gradient(circle at 20% 20%,rgba(255,255,255,.1) 2px,transparent 2px),radial-gradient(circle at 80% 80%,rgba(255,255,255,.1) 2px,transparent 2px);background-size:40px 40px;background-position:0 0,20px 20px}.cta-section{background:linear-gradient(135deg,#d4af37e6,#b8860be6),url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1200 400"><defs><pattern id="bus-pattern" patternUnits="userSpaceOnUse" width="100" height="60" opacity="0.2"><rect x="10" y="20" width="60" height="20" rx="5" fill="white"/><circle cx="25" cy="45" r="5" fill="white"/><circle cx="55" cy="45" r="5" fill="white"/><rect x="15" y="25" width="8" height="8" fill="none" stroke="rgba(212,175,55,0.5)" stroke-width="1"/><rect x="35" y="25" width="8" height="8" fill="none" stroke="rgba(212,175,55,0.5)" stroke-width="1"/><rect x="55" y="25" width="8" height="8" fill="none" stroke="rgba(212,175,55,0.5)" stroke-width="1"/></pattern></defs><rect fill="transparent" width="1200" height="400"/><rect fill="url(%23bus-pattern)" width="1200" height="400"/></svg>');background-size:cover;background-position:center;padding:100px 0;position:relative}.cta-overlay{background:#0000001a;width:100%;height:100%}.cta-content{text-align:center;color:#fff;opacity:.95}.cta-content h2{font-size:2.2rem;font-weight:700;margin-bottom:25px;text-shadow:2px 2px 4px rgba(0,0,0,.3),0 0 20px rgba(255,255,255,.5),0 0 40px rgba(255,255,255,.3);max-width:600px;margin-left:auto;margin-right:auto;line-height:1.3;background:linear-gradient(45deg,#fff,#fffef7,#fff,#fffef7,#fff);background-size:200% 200%;background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;animation:shine 3s ease-in-out infinite}.btn-discover{padding:12px 32px;background:#fff;color:#d4af37;border:none;border-radius:25px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease;text-transform:uppercase;letter-spacing:1px;display:inline-block;margin:0 auto}.btn-discover:hover{background:#f8f9fa;transform:translateY(-3px);box-shadow:0 8px 25px #0003}.fade-in{opacity:0;animation:fadeIn .6s ease forwards}@keyframes fadeIn{to{opacity:1}}.slide-in-left{transform:translate(-50px);opacity:0;animation:slideInLeft .8s ease forwards}@keyframes slideInLeft{to{transform:translate(0);opacity:1}}.slide-in-right{transform:translate(50px);opacity:0;animation:slideInRight .8s ease forwards}@keyframes slideInRight{to{transform:translate(0);opacity:1}}@keyframes shine{0%,to{background-position:200% 0}50%{background-position:-200% 0}}@media (max-width: 968px){.service-container{grid-template-columns:1fr;gap:40px}.service-section.alternate .service-container{direction:ltr}.service-section.alternate .service-image{order:1}.service-section.alternate .service-content{order:2}}@media (max-width: 768px){.hero-title{font-size:2.5rem}.hero-subtitle{font-size:1.1rem}.section-header h2{font-size:2rem}.service-header h2{font-size:1.5rem}.service-header h3,.cta-content h2{font-size:1.8rem}.image-placeholder{height:300px;font-size:3rem}.service-section{padding:40px 0}.services-overview{padding:60px 0 20px}}@media (max-width: 480px){.container{padding:0 15px}.hero-title{font-size:2rem}.hero-subtitle{font-size:1rem}.section-header h2{font-size:1.8rem}.service-header h2{font-size:1.3rem}.service-header h3{font-size:1.6rem}.cta-content h2{font-size:1.4rem}.btn-discover{padding:10px 25px;font-size:.9rem}.image-placeholder{height:250px;font-size:2.5rem}.service-container{gap:30px}}