.about-us{color:#222;background:#fff;padding:90px 7%}.about-header{text-align:center;max-width:900px;margin:0 auto 60px}.about-tag{letter-spacing:2px;color:#d49b00;margin-bottom:15px;font-size:13px;font-weight:700;display:inline-block}.about-header h2{margin:0;font-size:42px;font-weight:800;line-height:1.2}.about-header h2 span{color:#d49b00}.about-subtitle{color:#666;margin-top:15px;font-size:19px;font-weight:500}.about-content{grid-template-columns:2fr 1fr;align-items:center;gap:60px;max-width:1150px;margin:auto;display:grid}.about-text h3{margin-bottom:20px;font-size:28px}.about-text p{color:#555;margin-bottom:18px;font-size:16px;line-height:1.8}.experience-box{text-align:center;color:#fff;background:#111;border-radius:18px;padding:45px 30px;box-shadow:0 15px 40px #00000026}.experience-number{color:#d49b00;font-size:64px;font-weight:800}.experience-title{margin-bottom:12px;font-size:20px;font-weight:700}.experience-box p{color:#ddd;line-height:1.6}.about-section{max-width:1200px;margin:90px auto 0}.section-title{text-align:center;margin-bottom:10px;font-size:32px}.section-description{text-align:center;color:#666;max-width:700px;margin:0 auto 40px;line-height:1.7}.services-grid{grid-template-columns:repeat(3,1fr);gap:25px;display:grid}.service-card{background:#fafafa;border:1px solid #eee;border-radius:16px;padding:30px 25px;transition:all .3s}.service-card:hover{transform:translateY(-7px);box-shadow:0 12px 30px #00000014}.service-icon{margin-bottom:15px;font-size:35px}.service-card h4{margin-bottom:10px;font-size:20px}.service-card p{color:#666;line-height:1.6}.why-section{padding-top:20px}.why-grid{grid-template-columns:repeat(4,1fr);gap:20px;display:grid}.why-card{text-align:center;background:#fff;border:1px solid #eee;border-radius:16px;padding:30px 20px}.why-card span{font-size:35px}.why-card h4{margin:15px 0 10px;font-size:18px}.why-card p{color:#666;font-size:14px;line-height:1.6}.traveller-range{text-align:center;background:#f8f8f8;border-radius:20px;max-width:1100px;margin:90px auto 0;padding:55px 30px}.traveller-range h3{margin-bottom:12px;font-size:32px}.traveller-range p{color:#666;margin-bottom:30px}.traveller-list{flex-wrap:wrap;justify-content:center;gap:15px;display:flex}.traveller-list span{color:#fff;background:#111;border-radius:30px;padding:12px 22px;font-weight:600}.vehicle-types{color:#d49b00;margin-top:25px;font-weight:600}.about-cta{text-align:center;color:#fff;background:#111;border-radius:22px;max-width:1000px;margin:80px auto 0;padding:60px 30px}.about-cta h3{margin-bottom:15px;font-size:35px}.about-cta p{color:#ddd;line-height:1.7}.cta-highlight{font-size:18px;font-weight:700;color:#d49b00!important}.cta-buttons{flex-wrap:wrap;justify-content:center;gap:15px;margin-top:30px;display:flex}.cta-btn{border-radius:8px;padding:13px 25px;font-weight:700;text-decoration:none;transition:all .3s}.primary-btn{color:#111;background:#d49b00}.secondary-btn{color:#111;background:#fff}.cta-btn:hover{transform:translateY(-3px)}@media (width<=900px){.about-content{grid-template-columns:1fr}.services-grid,.why-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=600px){.about-us{padding:60px 5%}.about-header h2{font-size:30px}.about-subtitle{font-size:16px}.about-content{gap:35px}.about-text h3{font-size:24px}.services-grid,.why-grid{grid-template-columns:1fr}.section-title{font-size:27px}.traveller-range h3{font-size:26px}.about-cta h3{font-size:27px}.cta-buttons{flex-direction:column}.cta-btn{box-sizing:border-box;width:100%}}.booking-card{box-sizing:border-box;background:#fffffff5;border-radius:25px;width:100%;max-width:760px;margin:40px auto;padding:30px 28px;box-shadow:0 10px 35px #00000026}.booking-title{justify-content:center;align-items:center;gap:10px;margin-bottom:25px;display:flex}.om-symbol{color:#fff;background:#5b6fc9;border-radius:4px;justify-content:center;align-items:center;width:42px;height:42px;font-size:27px;display:flex}.booking-title h2{color:#111827;margin:0;font-size:30px;font-weight:700}.booking-title p{color:#777;margin:2px 0 0;font-size:16px}.trip-types{gap:15px;margin-bottom:25px;display:flex}.trip-types button{color:#333;cursor:pointer;background:#e9e9eb;border:none;border-radius:30px;flex:1;padding:16px 10px;font-size:16px;font-weight:600}.trip-types button.active{color:#fff;background:#ed4b0b}.location-box{box-sizing:border-box;background:#fff;border:1px solid #e2e2e2;border-radius:10px;align-items:center;gap:12px;height:58px;margin-bottom:12px;padding:0 16px;display:flex}.location-box span{font-size:18px}.location-box input{color:#333;background:0 0;border:none;outline:none;width:100%;font-size:16px}.location-box input::placeholder{color:#777}.date-row{gap:15px;margin-top:20px;margin-bottom:15px;display:flex}.date-field{flex:1}.date-field label{text-align:center;color:#222;margin-bottom:10px;font-size:16px;font-weight:600;display:block}.date-input{box-sizing:border-box;border:1px solid #e2e2e2;border-radius:10px;align-items:center;height:58px;padding:0 15px;display:flex}.date-input input{color:#555;background:0 0;border:none;outline:none;width:100%;font-size:15px}.select-box{box-sizing:border-box;border:1px solid #e2e2e2;border-radius:10px;align-items:center;height:58px;margin-bottom:12px;padding:0 15px;display:flex}.select-box select{color:#555;background:0 0;border:none;outline:none;width:100%;height:100%;font-size:16px}.mobile-box{box-sizing:border-box;border:1px solid #e2e2e2;border-radius:10px;align-items:center;gap:12px;height:58px;margin-bottom:20px;padding:0 15px;display:flex}.mobile-box span{font-size:18px}.mobile-box input{background:0 0;border:none;outline:none;width:100%;font-size:16px}.mobile-box input::placeholder{color:#777}.book-button{color:#fff;cursor:pointer;background:#e8430a;border:none;border-radius:10px;width:100%;height:58px;font-size:18px;font-weight:700;transition:all .2s}.book-button:hover{background:#d93d08}@media (width<=600px){.booking-card{border-radius:20px;margin:20px auto;padding:22px 16px}.booking-title h2{font-size:24px}.booking-title p{font-size:13px}.trip-types{gap:8px}.trip-types button{padding:13px 5px;font-size:13px}.date-row{flex-direction:column;gap:12px}.date-field label{text-align:left}}.booking-success-message{color:#1b5e20;text-align:center;background:#e8f5e9;border:1px solid #81c784;border-radius:10px;margin-top:20px;padding:18px 20px;font-size:16px;font-weight:600;line-height:1.6}*{box-sizing:border-box}html{scroll-behavior:smooth}body{color:#222;background:#fff;margin:0;padding:0;font-family:Arial,Helvetica,sans-serif}button,input,select,textarea{font-family:inherit}.navbar{z-index:1000;background:linear-gradient(90deg,#0798e8,#0755b5);justify-content:space-between;align-items:center;width:100%;height:80px;padding:0 6%;display:flex;position:sticky;top:0;box-shadow:0 2px 10px #00000014}.logo{align-items:center;gap:12px;display:flex}.logo-icon{color:#f2b233;font-size:38px}.logo-text h2{letter-spacing:1px;color:#f2a51a;margin:0;font-size:21px;font-weight:700}.logo-text p{color:#fff;letter-spacing:.5px;margin:3px 0 0;font-size:11px}.nav-links{align-items:center;gap:30px;display:flex}.nav-links a{color:#fff;font-size:15px;font-weight:500;text-decoration:none;transition:all .3s}.nav-links a:hover{color:#f2a51a}.info-section{text-align:center;background:#fff;justify-content:center;align-items:center;width:100%;min-height:560px;padding:80px 6%;display:flex}.hero-content{color:#18233a;max-width:850px}.hero-content h1{color:#18233a;margin:0 0 20px;font-size:48px;font-weight:700}.hero-content p{color:#555;max-width:800px;margin:12px auto;font-size:18px;line-height:1.7}.hero-btn{color:#fff;cursor:pointer;background:#f2a51a;border:none;border-radius:7px;margin-top:25px;padding:14px 30px;font-size:16px;font-weight:600;transition:all .3s}.hero-btn:hover{background:#e89508;transform:translateY(-2px)}.vehicles-section{text-align:center;background:#f8f8f8;width:100%;padding:70px 6%}.vehicles-section>h2{color:#222;margin:0 0 40px;font-size:36px}.vehicles-grid{grid-template-columns:repeat(3,1fr);gap:25px;max-width:1200px;margin:auto;display:grid}.vehicle-card{background:#fff;border-radius:15px;min-height:190px;padding:30px 25px;transition:all .3s;box-shadow:0 5px 18px #0000001a}.vehicle-card:hover{transform:translateY(-7px);box-shadow:0 12px 28px #00000029}.vehicle-card h3{color:#222;margin:0 0 15px;font-size:21px}.vehicle-card p{color:#666;margin:0;font-size:15px;line-height:1.7}#gallery{width:100%;min-height:100px}@media (width<=800px){.navbar{flex-direction:column;gap:15px;height:auto;padding:15px 5%}.nav-links{flex-wrap:wrap;justify-content:center;gap:18px;width:100%}.nav-links a{font-size:14px}}@media (width<=1000px){.vehicles-grid{grid-template-columns:repeat(2,1fr)}.hero-content h1{font-size:40px}}@media (width<=600px){.info-section{min-height:500px;padding:60px 20px}.hero-content h1{font-size:32px}.hero-content p{font-size:15px}.vehicles-section{padding:50px 20px}.vehicles-section>h2{font-size:29px}.vehicles-grid{grid-template-columns:1fr}.logo-text h2{font-size:18px}}.travel-background{background-image:linear-gradient(#ffffff8c,#ffffff8c),url(/images/travellerbg.jpg.jpeg);background-position:50%;background-repeat:no-repeat;background-size:cover}.travel-background .info-section{background:0 0}.blogs{box-sizing:border-box;background:#fff;width:100%;padding:60px 5%;overflow:hidden}.blogs h1{text-align:center;color:#222;margin-bottom:35px;font-size:36px}.blog-container{scroll-behavior:smooth;scrollbar-width:none;gap:25px;padding:10px 5px 25px;display:flex;overflow:auto hidden}.blog-container::-webkit-scrollbar{display:none}.blog-card{background:#fff;border-radius:15px;flex-direction:column;flex:0 0 350px;width:350px;min-width:350px;height:450px;transition:transform .3s,box-shadow .3s;display:flex;overflow:hidden;box-shadow:0 5px 18px #0000001f}.blog-card:hover{transform:translateY(-7px);box-shadow:0 12px 28px #0000002e}.blog-card img{object-fit:cover;flex-shrink:0;width:100%;height:230px;display:block}.blog-content{flex-direction:column;flex:1;padding:20px;display:flex}.blog-content h2{color:#222;margin:0 0 12px;font-size:23px}.blog-content p{color:#666;margin:0;font-size:15px;line-height:1.6}.blog-content button{color:#fff;cursor:pointer;background:#222;border:none;border-radius:6px;align-self:flex-start;margin-top:auto;padding:10px 20px;font-size:14px;transition:all .3s}.blog-content button:hover{background:#444}@media (width<=900px){.blog-card{flex:0 0 320px;width:320px;min-width:320px}}@media (width<=600px){.blogs{padding:45px 20px}.blogs h1{font-size:30px}.blog-card{flex:0 0 290px;width:290px;min-width:290px;height:425px}.blog-card img{height:200px}}.contact-section{box-sizing:border-box;background:#f8f8f8;width:100%;padding:75px 6%}.contact-heading{text-align:center;margin-bottom:50px}.contact-heading h1{color:#222;margin:0 0 12px;font-size:38px;font-weight:700}.contact-heading p{color:#666;margin:0;font-size:17px}.contact-container{grid-template-columns:.9fr 1.1fr;align-items:stretch;gap:45px;max-width:1150px;margin:auto;display:grid}.contact-info{background:#fff;border-radius:18px;padding:35px;box-shadow:0 5px 20px #00000014}.contact-info h2{color:#222;margin:0 0 12px;font-size:28px}.contact-intro{color:#666;margin:0 0 28px;font-size:15px;line-height:1.6}.contact-item{color:inherit;border-bottom:1px solid #eee;align-items:center;gap:17px;padding:16px 0;text-decoration:none;transition:all .3s;display:flex}.contact-item:last-child{border-bottom:none}.contact-item:hover{transform:translate(5px)}.contact-icon{color:#222;background:#f1f1f1;border-radius:50%;justify-content:center;align-items:center;width:48px;min-width:48px;height:48px;display:flex}.contact-icon svg{width:23px;height:23px}.phone-icon,.whatsapp-icon,.email-icon,.location-icon{background:#eee}.contact-item h3{color:#222;margin:0 0 5px;font-size:16px}.contact-item p{color:#666;margin:0;font-size:14px;line-height:1.5}.contact-map{background:#ddd;border-radius:18px;width:100%;min-height:500px;overflow:hidden;box-shadow:0 5px 20px #0000001f}.contact-map iframe{border:none;width:100%;height:100%;min-height:500px}@media (width<=900px){.contact-container{grid-template-columns:1fr}.contact-map,.contact-map iframe{min-height:400px}}@media (width<=600px){.contact-section{padding:50px 20px}.contact-heading h1{font-size:30px}.contact-heading p{font-size:15px}.contact-info{padding:25px 20px}.contact-info h2{font-size:24px}.contact-map,.contact-map iframe{min-height:350px}}
