BLACKSITE
:
216.73.217.148
:
172.93.223.125 / www.geeteetravels.com
:
Linux ubuntu 5.15.0-179-generic #189-Ubuntu SMP Tue May 5 18:20:56 UTC 2026 x86_64
:
/
home
/
geeteetravels
/
public_html
/
Upload File:
files >> /home/geeteetravels/public_html/index.php
<?php $currentPage = 'home'; $pageTitle = 'Geetee Travels : Premium Car Rental Services in India'; $pageDescription = 'Experience luxury with Geetee Travels. We provide premium chauffeur-driven car rentals for corporate travel, airport transfers, and weddings across India.'; require_once 'admin/config.php'; include 'includes/header.php'; ?> <!-- Local Business Schema --> <script type="application/ld+json"> { "@context": "https://schema.org", "@type": "AutoRental", "name": "Geetee Travels", "image": "https://geeteetravels.com/images/New_Logo.svg", "@id": "https://geeteetravels.com/", "url": "https://geeteetravels.com/", "telephone": "+91-9930067222", "address": { "@type": "PostalAddress", "streetAddress": "5th Floor, Aditya Heritage, Near Jeena House, Om Nagar, Andheri East", "addressLocality": "Mumbai", "addressRegion": "Maharashtra", "postalCode": "400099", "addressCountry": "IN" }, "geo": { "@type": "GeoCoordinates", "latitude": 19.1064995, "longitude": 72.8655905 }, "openingHoursSpecification": { "@type": "OpeningHoursSpecification", "dayOfWeek": [ "Monday", "Tuesday", "Wednesday", "Thursday", "Friday", "Saturday", "Sunday" ], "opens": "00:00", "closes": "23:59" }, "sameAs": [ "https://www.facebook.com/geeteeonline", "https://www.instagram.com/geeteetravels/", "https://www.linkedin.com/in/geeteetravel" ] } </script> <?php // Fetch Hero Video ID from database $stmt = $pdo->query("SELECT setting_value FROM settings WHERE setting_key = 'hero_video_id'"); $hero_video_id = $stmt->fetchColumn() ?: 'Kp1BIy-4aGc'; // Fallback to default ?> <!-- Premium YouTube Video Banner Section --> <section class="video-hero-section" aria-label="Premium Fleet Video Banner"> <h1 style="position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); border: 0;">Geetee Travels: Premium Chauffeur-Driven Car Rental Services in India</h1> <div class="video-wrapper"> <div class="video-container"> <!-- Embed YouTube Video as Banner - Hidden Controls & Looping --> <iframe src="https://www.youtube.com/embed/<?php echo htmlspecialchars($hero_video_id); ?>?autoplay=1&mute=1&loop=1&playlist=<?php echo htmlspecialchars($hero_video_id); ?>&controls=0&modestbranding=1&rel=0&showinfo=0&iv_load_policy=3&disablekb=1&playsinline=1" frameborder="0" allow="autoplay; encrypted-media; fullscreen" allowfullscreen> </iframe> </div> </div> <!-- Scroll Down Arrow --> <div class="scroll-down-indicator" data-aos="fade-up" data-aos-delay="1000"> <a href="#about-start" class="scroll-down-link"> <i class="fa fa-angle-down"></i> </a> </div> </section> <div class="booking-section"> <div class="container"> <!-- The booking section seems to be a placeholder or incomplete, but I'll keep the structure clean here for future expansion --> </div> </div> <br> <!-- Trust & Credibility Strip <div class="trust-credibility-strip"> <div class="container"> <div class="row trust-row"> <div class="col-md-3 col-sm-6 trust-col"> <div class="trust-item"> <div class="trust-icon-wrapper"> <i class="fa fa-history"></i> </div> <div class="trust-content"> <h4>18+ Years</h4> <p>Of Experience</p> </div> </div> </div> <div class="col-md-3 col-sm-6 trust-col"> <div class="trust-item"> <div class="trust-icon-wrapper"> <i class="fa fa-globe"></i> </div> <div class="trust-content"> <h4>Pan-India</h4> <p>Operations</p> </div> </div> </div> <div class="col-md-3 col-sm-6 trust-col"> <div class="trust-item"> <div class="trust-icon-wrapper"> <i class="fa fa-users"></i> </div> <div class="trust-content"> <h4>Global Clients</h4> <p>Trusted by many</p> </div> </div> </div> <div class="col-md-3 col-sm-6 trust-col"> <div class="trust-item"> <div class="trust-icon-wrapper"> <i class="fa fa-car"></i> </div> <div class="trust-content"> <h4>Professional</h4> <p>Chauffeur Network</p> </div> </div> </div> </div> </div> </div> --> <!-- //Trust & Credibility Strip --> <!-- Luxury About Us Section --> <section class="luxury-about-section" id="about-start" style="background:#eef1f5; padding:60px 20px;"> <div class="container-fluid"> <div class="luxury-card" style=" background:#f7f8fa; border-radius:30px; padding:50px 60px; max-width:1200px; margin:0 auto; "> <!-- Heading --> <h2 style="margin-bottom:10px; text-align:center;"> <span style="color:#283266; font-weight:700;">About</span> <span style="color:#c89b2b; font-weight:800;">Geetee Travels</span> </h2> <!-- Accent Line --> <div style=" width:80px; height:6px; background:#e0b24f; border-radius:10px; margin:15px auto 25px auto; "></div> <!-- Text --> <p style=" text-align:justify; line-height:1.9; font-size:16px; color:#5a6573; max-width:100%; "> With <span style="color:#c89b2b; font-weight:600;">over 24 years of experience</span> in the travel and transportation industry, Geetee Travels has established itself as a trusted name in providing premium chauffeur-driven car rental services across India. Known for reliability, professionalism, and attention to detail, we cater to corporates, international travelers, and large-scale events with unmatched efficiency. </p> </div> </div> </section> <!-- //Luxury About Us Section --> <!-- Luxury Our Services Section --> <section class="luxury-services-section"> <div class="container"> <div class="section-header text-center"> <h2 class="luxury-heading-main"> <span style="color: white;">Our</span> <span>Premium Services</span> </h2> <div class="heading-accent-center"></div> <p class="section-subtitle">Experience Excellence in Every Journey</p> </div> <div class="row display-flex justify-content-center"> <!-- Airport Transfers --> <div class="col-md-4 col-sm-6 service-col"> <div class="service-card"> <div class="service-icon-box"> <i class="fa fa-plane"></i> </div> <h4>Airport Transfers</h4> <p>Reliable and punctual pickups/drops for a stress-free travel experience.</p> <a href="enquir.php" class="service-btn">Enquire Now <i class="fa fa-arrow-right"></i></a> </div> </div> <!-- Corporate Travel (Featured) --> <div class="col-md-4 col-sm-6 service-col"> <div class="service-card featured"> <!-- <div class="featured-badge">Top Choice</div> --> <div class="service-icon-box"> <i class="fa fa-briefcase"></i> </div> <h4>Corporate Solutions</h4> <p>Tailored transportation for executives and business delegates across India.</p> <a href="enquir.php" class="service-btn f-btn">Enquire Now <i class="fa fa-arrow-right"></i></a> </div> </div> <!-- Event & Wedding --> <div class="col-md-4 col-sm-6 service-col"> <div class="service-card"> <div class="service-icon-box"> <i class="fa fa-heart"></i> </div> <h4>Events & Weddings</h4> <p>Elegant fleet management for your special occasions and large-scale events.</p> <a href="enquir.php" class="service-btn">Enquire Now <i class="fa fa-arrow-right"></i></a> </div> </div> <!-- Outstation --> <div class="col-md-4 col-sm-6 service-col"> <div class="service-card"> <div class="service-icon-box"> <i class="fa fa-road"></i> </div> <h4>Outstation Travel</h4> <p>Comfortable inter-city journeys with professional chauffeurs and premium cars.</p> <a href="enquir.php" class="service-btn">Enquire Now <i class="fa fa-arrow-right"></i></a> </div> </div> <!-- Customized --> <div class="col-md-4 col-sm-6 service-col"> <div class="service-card"> <div class="service-icon-box"> <i class="fa fa-sliders"></i> </div> <h4>Customized Solutions</h4> <p>Bespoke travel itineraries crafted to meet your unique needs and preferences.</p> <a href="enquir.php" class="service-btn">Enquire Now <i class="fa fa-arrow-right"></i></a> </div> </div> </div> </div> </section> <!-- //Luxury Our Services Section --> <!-- Luxury Our Premium Fleet Section --> <section class="luxury-fleet-section" style="padding:80px 0; background:#ffffff;"> <div class="container"> <!-- Centered Section Heading Matching Design --> <div style="text-align:center; margin-bottom:60px;"> <h2 style="font-size:36px; font-weight:800; text-transform:uppercase; color:#000; margin-bottom:5px; font-family:'Montserrat', sans-serif;"> OUR PREMIUM FLEET </h2> <p style="color:#004aad; font-weight:800; font-size:26px; font-family:'Montserrat', sans-serif; margin:0;"> Select Your Ride </p> </div> <br> <div class="row display-flex justify-content-center align-items-end" style="gap: 30px 0;"> <!-- Mercedes GLS 450 --> <div class="col-md-4 fleet-item-new" style="text-align:center; margin-bottom:0;"> <div class="fleet-img-wrapper" style="padding:0; transition: transform 0.4s ease;"> <img src="images/GLS_450.svg" alt="Mercedes GLS 450" style="width:100%; height:auto; transform:scale(1.15); filter: drop-shadow(0 20px 30px rgba(0,0,0,0.12)); transition: transform 0.5s ease;" onerror="this.src='images/mercedes-gls.png'" class="fleet-photo"> <h4 style="color:#004aad; font-weight:800; font-size:20px; text-transform:uppercase; margin-top:20px; font-family:'Montserrat', sans-serif;">GLS 450</h4> </div> </div> <!-- Maybach S-580 --> <div class="col-md-4 fleet-item-new" style="text-align:center; margin-bottom:0;"> <div class="fleet-img-wrapper" style="padding:0; transition: transform 0.4s ease;"> <img src="images/MAYBACH_S_580.png" alt="Maybach S-580" style="width:100%; height:auto; transform:scale(1.25); filter: drop-shadow(0 20px 30px rgba(0,0,0,0.12)); transition: transform 0.5s ease;" onerror="this.src='images/MAYBACH.svg'" class="fleet-photo"> <h4 style="color:#004aad; font-weight:800; font-size:20px; text-transform:uppercase; margin-top:20px; font-family:'Montserrat', sans-serif;">MAYBACH S-580</h4> </div> </div> <!-- Mercedes S-Class --> <div class="col-md-4 fleet-item-new" style="text-align:center; margin-bottom:0;"> <div class="fleet-img-wrapper" style="padding:0; transition: transform 0.4s ease;"> <img src="images/S_CLASS.svg" alt="Mercedes S-Class" style="width:100%; height:auto; transform:scale(1.15); filter: drop-shadow(0 20px 30px rgba(0,0,0,0.12)); transition: transform 0.5s ease;" onerror="this.src='images/Mercedes-S-Class-370x192.png'" class="fleet-photo"> <h4 style="color:#004aad; font-weight:800; font-size:20px; text-transform:uppercase; margin-top:20px; font-family:'Montserrat', sans-serif;">S-CLASS</h4> </div> </div> </div> <div class="text-center" style="margin-top:-25px; position:relative; z-index:10;"> <a href="gallery.php" class="service-btn" style="display:inline-flex; width:auto; padding:15px 40px; border-radius:50px; background:#004aad; color:#fff; border:none; box-shadow:0 10px 20px rgba(0,74,173,0.2);"> Explore Full Fleet <i class="fa fa-arrow-right" style="margin-left:10px;"></i> </a> </div> </div> </section> <!-- 🔥 CSS EFFECTS --> <style> .lux-btn { position: relative; display: inline-block; padding: 10px 22px; border-radius: 30px; border: 1px solid #fff; color: #fff; text-decoration: none; font-size: 13px; overflow: hidden; transition: 0.3s; } /* Glow Effect */ .lux-btn:hover { background: #fff; color: #000; box-shadow: 0 0 15px rgba(255,255,255,0.6); } /* Glass Shine Effect */ .lux-btn::before { content: ""; position: absolute; top: 0; left: -100%; width: 100%; height: 100%; background: linear-gradient(120deg, transparent, rgba(255,255,255,0.6), transparent); transition: 0.6s; } .lux-btn:hover::before { left: 100%; } /* Fleet Image Hover Effects */ .fleet-item-new:hover .fleet-photo { transform: scale(1.35) !important; } .fleet-item-new .fleet-photo { transform-origin: bottom center; } /* 🔥 MOBILE RESPONSIVENESS FOR NEW SECTIONS */ @media (max-width: 768px) { /* About Geetee Travels Responsive */ .luxury-about-section { padding: 40px 15px !important; } .luxury-card { padding: 30px 20px !important; border-radius: 20px !important; } .luxury-card h2 { font-size: 24px !important; } .luxury-card p { font-size: 14px !important; text-align: left !important; line-height: 1.7 !important; } /* Our Premium Fleet Responsive */ .luxury-fleet-section { padding: 40px 15px !important; } .luxury-fleet-section .row { display: flex !important; flex-direction: column !important; align-items: center !important; gap: 40px !important; /* Controlled gap between items */ margin: 0 !important; } .luxury-fleet-section div[style*="margin-bottom:60px"] { margin-bottom: 30px !important; /* Pull subtitle closer to cars */ } .luxury-fleet-section h2 { font-size: 26px !important; margin-bottom: 10px !important; } .luxury-fleet-section p:not(.luxury-heading-main p) { font-size: 18px !important; margin-bottom: 0px !important; } .fleet-item-new { margin: 0 !important; padding: 0 !important; height: auto !important; width: 100% !important; max-width: 450px !important; } .fleet-img-wrapper { height: auto !important; } .fleet-photo { transform: scale(1) !important; width: 100% !important; height: auto !important; display: block !important; margin: 0 auto !important; } .fleet-item-new h4 { font-size: 20px !important; margin-top: 15px !important; margin-bottom: 0 !important; } /* Center the button properly */ .luxury-fleet-section .text-center { margin-top: 20px !important; } } </style> <!-- //Luxury Our Premium Fleet Section --> <!-- Why Choose Geetee Travels Section --> <section class="luxury-why-choose-new reveal-hidden"> <div class="container p-y-80"> <div class="section-header text-center"> <h2 class="luxury-heading-main"> <span style="color: white;">Why</span> <span>Choose Geetee Travels?</span> </h2> <div class="heading-accent-center gold"></div> <p class="section-subtitle">Experience Excellence, Reliability, and Professionalism in Every Mile</p> </div> <div class="row display-flex justify-content-center choose-grid-new"> <!-- Chauffeurs --> <div class="col-md-4 col-sm-6 choose-col-new"> <div class="choose-card-new"> <div class="choose-icon-new"> <svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" style="width: 45px; height: 45px;"> <path d="M12 12C14.21 12 16 10.21 16 8C16 5.79 14.21 4 12 4C9.79 4 8 5.79 8 8C8 10.21 9.79 12 12 12ZM12 14C9.33 14 4 15.34 4 18V20H20V18C20 15.34 14.67 14 12 14Z" fill="currentColor"/> </svg> </div> <h4>Professional Chauffeurs</h4> <p>Highly trained, multilingual chauffeurs with extensive local expertise and a focus on safety.</p> </div> </div> <!-- 24/7 Support --> <div class="col-md-4 col-sm-6 choose-col-new"> <div class="choose-card-new featured-choose"> <div class="choose-icon-new"> <svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" style="width: 45px; height: 45px;"> <path d="M12 12C12.5523 12 13 11.5523 13 11V7C13 6.44772 12.5523 6 12 6C11.4477 6 11 6.44772 11 7V11C11 11.5523 11.4477 12 12 12Z" fill="currentColor"/> <path d="M12 2C6.47715 2 2 6.47715 2 12C2 17.5228 6.47715 22 12 22C17.5228 22 22 17.5228 22 12C22 6.47715 17.5228 2 12 2ZM4 12C4 7.58172 7.58172 4 12 4C16.4183 4 20 7.58172 20 12C20 16.4183 16.4183 20 12 20C7.58172 20 4 16.4183 4 12Z" fill="currentColor"/> <path d="M11 14H13V16H11V14Z" fill="currentColor"/> </svg> </div> <h4>24/7 Dedicated Support</h4> <p>Our support team is available around the clock to assist with bookings and real-time travel needs.</p> </div> </div> <!-- Pan-India --> <div class="col-md-4 col-sm-6 choose-col-new"> <div class="choose-card-new"> <div class="choose-icon-new"> <svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" style="width: 45px; height: 45px;"> <path d="M12 2C8.13 2 5 5.13 5 9C5 14.25 12 22 12 22C12 22 19 14.25 19 9C19 5.13 15.87 2 12 2ZM12 11.5C10.62 11.5 9.5 10.38 9.5 9C9.5 7.62 10.62 6.5 12 6.5C13.38 6.5 14.5 7.62 14.5 9C14.5 10.38 13.38 11.5 12 11.5Z" fill="currentColor"/> </svg> </div> <h4>Pan-India Network</h4> <p>A seamless service network covering all major cities across India for consistent travel experiences.</p> </div> </div> <!-- Corporate & Events --> <div class="col-md-4 col-sm-6 choose-col-new"> <div class="choose-card-new"> <div class="choose-icon-new"> <svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" style="width: 45px; height: 45px;"> <path d="M20 6H16V4C16 2.9 15.1 2 14 2H10C8.9 2 8 2.9 8 4V6H4C2.9 6 2 6.9 2 8V19C2 20.1 2.9 21 4 21H20C21.1 21 22 20.1 22 19V8C22 6.9 21.1 6 20 6ZM10 4H14V6H10V4ZM20 19H4V8H20V19Z" fill="currentColor"/> </svg> </div> <h4>Corporate Expertise</h4> <p>Proven excellence in managing large-scale corporate moves and high-profile international events.</p> </div> </div> <!-- Safety & Punctuality --> <div class="col-md-4 col-sm-6 choose-col-new"> <div class="choose-card-new"> <div class="choose-icon-new"> <svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" style="width: 45px; height: 45px;"> <path d="M12 2L4 5V11C4 16.55 7.84 21.74 12 23C16.16 21.74 20 16.55 20 11V5L12 2ZM12 4.19L18 6.3V11C18 15.47 15.01 19.68 12 20.91C8.99 19.68 6 15.47 6 11V6.3L12 4.19ZM7.5 11H16.5V13H7.5V11Z" fill="currentColor"/> </svg> </div> <h4>Safety & Punctuality</h4> <p>Commitment to on-time performance and the highest safety standards for every single journey.</p> </div> </div> </div> <!-- Highlight Counters --> <div class="highlights-strip-new text-center"> <div class="highlight-mini"> <span class="h-num">24+</span> <span class="h-label">Years of Trust</span> </div> <div class="highlight-mini"> <span class="h-num">Unlimited</span> <span class="h-label">24/7 Support</span> </div> <div class="highlight-mini"> <span class="h-num">Pan-India</span> <span class="h-label">Service Reach</span> </div> </div> </div> </section> <!-- //Why Choose Geetee Travels Section --> <!-- Trusted by Leading Clients & Global Events Section <section class="trusted-events-section"> <div class="container-fluid glass-bg-container"> <div class="container p-y-80"> <div class="section-header text-center"> <h2 class="luxury-heading-main">Trusted by <span>Leading Clients & Global Events</span></h2> <div class="heading-accent-center gold"></div> <p class="section-subtitle"> Geetee Travels has successfully managed transportation for prestigious events, corporate clients, and high-profile occasions across India. Our experience in handling large-scale logistics ensures seamless execution and client satisfaction. </p> </div>--> <!-- Client Logos Strip (Infinite Slider) <div class="logos-slider"> <div class="logos-track"> <div class="logo-text-item"><i class="fa fa-briefcase"></i> CORPORATE PARTNERS</div> <div class="logo-text-item"><i class="fa fa-globe"></i> GLOBAL SUMMITS</div> <div class="logo-text-item"><i class="fa fa-heart"></i> ELITE WEDDINGS</div> <div class="logo-text-item"><i class="fa fa-laptop"></i> TECH CONFERENCES</div> <div class="logo-text-item"><i class="fa fa-shield"></i> VIP DELEGATIONS</div> <div class="logo-text-item"><i class="fa fa-star"></i> LUXURY TOURISM</div>--> <!-- Duplicate for infinite effect <div class="logo-text-item"><i class="fa fa-briefcase"></i> CORPORATE PARTNERS</div> <div class="logo-text-item"><i class="fa fa-globe"></i> GLOBAL SUMMITS</div> <div class="logo-text-item"><i class="fa fa-heart"></i> ELITE WEDDINGS</div> <div class="logo-text-item"><i class="fa fa-laptop"></i> TECH CONFERENCES</div> <div class="logo-text-item"><i class="fa fa-shield"></i> VIP DELEGATIONS</div> <div class="logo-text-item"><i class="fa fa-star"></i> LUXURY TOURISM</div> </div> </div>--> <!-- Event Highlights Grid <div class="row event-grid"> <div class="col-md-4 col-sm-6 event-card-wrapper"> <div class="event-image-card"> <div class="event-image-container"> <img src="images/event_summit.png" alt="Global Summit Logistics" class="img-responsive"> <div class="event-overlay-content"> <h3>Global Summits</h3> <p>Managing large-scale delegate movements for international summits.</p> </div> </div> </div> </div> <div class="col-md-4 col-sm-6 event-card-wrapper"> <div class="event-image-card"> <div class="event-image-container"> <img src="images/event_wedding.png" alt="Luxury Wedding Transportation" class="img-responsive"> <div class="event-overlay-content"> <h3>Grand Weddings</h3> <p>Elite car arrangements and ground logistics for high-profile weddings.</p> </div> </div> </div> </div> <div class="col-md-4 col-sm-6 event-card-wrapper"> <div class="event-image-card"> <div class="event-image-container"> <img src="images/event_vip.png" alt="VIP Chauffeur Services" class="img-responsive"> <div class="event-overlay-content"> <h3>VIP Travel</h3> <p>Discreet and premium chauffeur services for diplomats and executives.</p> </div> </div> </div> </div> </div>--> <!-- Authority Counters --> <div class="highlights-row text-center"> <div class="highlight-item-box"> <span class="highlight-num">100+</span> <span class="highlight-label">Events Managed</span> </div> <!-- <div class="highlight-item-box"> <span class="highlight-num">100+</span> <span class="highlight-label">Corporate Clients</span> </div> --> <div class="highlight-item-box"> <span class="highlight-num">24+</span> <span class="highlight-label">Years of Excellence</span> </div> </div> </div> </div> </section> <!-- //Trusted by Leading Clients & Global Events Section --> <!-- What Our Clients Say Section --> <section class="testimonials-section reveal-hidden"> <div class="container"> <div class="section-header text-center"> <h2 class="luxury-heading-main">What Our <span>Clients Say</span></h2> <div class="heading-accent-center gold"></div> <p class="section-subtitle">Real experiences from our global corporate and leisure travelers.</p> </div> <div id="testimonialCarousel" class="carousel slide testimonial-carousel" data-ride="carousel" data-interval="2000"> <!-- Carousel items --> <div class="carousel-inner"> <!-- Slide 1 --> <div class="item active"> <div class="row"> <div class="col-md-4 card-reveal"> <div class="testimonial-card"> <i class="fa fa-quote-left quote-icon"></i> <div class="rating"> <i class="fa fa-star"></i><i class="fa fa-star"></i><i class="fa fa-star"></i><i class="fa fa-star"></i><i class="fa fa-star"></i> </div> <p class="quote-text">“Exceptional service and highly <span class="accent-gold">professional chauffeurs</span>. Our go-to travel partner for corporate needs.”</p> <div class="client-info"> <div class="client-avatar-stylized">RK</div> <div class="client-details"> <h4>Rajesh Kumar</h4> <p>Associate VP, Tata Group</p> </div> </div> </div> </div> <div class="col-md-4 card-reveal"> <div class="testimonial-card"> <i class="fa fa-quote-left quote-icon"></i> <div class="rating"> <i class="fa fa-star"></i><i class="fa fa-star"></i><i class="fa fa-star"></i><i class="fa fa-star"></i><i class="fa fa-star"></i> </div> <p class="quote-text">“The cars are <span class="accent-gold">meticulously maintained</span>. We loved the luxury and the incredible attention to detail.”</p> <div class="client-info"> <div class="client-avatar-stylized">SA</div> <div class="client-details"> <h4>Sarah Anderson</h4> <p>VIP International Traveler</p> </div> </div> </div> </div> <div class="col-md-4 card-reveal"> <div class="testimonial-card"> <i class="fa fa-quote-left quote-icon"></i> <div class="rating"> <i class="fa fa-star"></i><i class="fa fa-star"></i><i class="fa fa-star"></i><i class="fa fa-star"></i><i class="fa fa-star"></i> </div> <p class="quote-text">“Geetee Travels managed our <span class="accent-gold">delegate movements</span> flawlessly. Their logistics planning is world-class.”</p> <div class="client-info"> <div class="client-avatar-stylized">MZ</div> <div class="client-details"> <h4>Michael Zhang</h4> <p>Global Events Planner</p> </div> </div> </div> </div> </div> </div> <!-- Slide 2 --> <div class="item"> <div class="row"> <div class="col-md-4 card-reveal"> <div class="testimonial-card"> <i class="fa fa-quote-left quote-icon"></i> <div class="rating"> <i class="fa fa-star"></i><i class="fa fa-star"></i><i class="fa fa-star"></i><i class="fa fa-star"></i><i class="fa fa-star"></i> </div> <p class="quote-text">“A truly <span class="accent-gold">premium experience</span>. The chauffeur was punctual, polite, and knew the routes perfectly.”</p> <div class="client-info"> <div class="client-avatar-stylized">PV</div> <div class="client-details"> <h4>Priya Verma</h4> <p>Global Travel Coordinator</p> </div> </div> </div> </div> <div class="col-md-4 card-reveal"> <div class="testimonial-card"> <i class="fa fa-quote-left quote-icon"></i> <div class="rating"> <i class="fa fa-star"></i><i class="fa fa-star"></i><i class="fa fa-star"></i><i class="fa fa-star"></i><i class="fa fa-star"></i> </div> <p class="quote-text">“Their <span class="accent-gold">pan-India presence</span> makes it so easy for us to coordinate transport in multiple cities.”</p> <div class="client-info"> <div class="client-avatar-stylized">DL</div> <div class="client-details"> <h4>David L.</h4> <p>Executive Director</p> </div> </div> </div> </div> <div class="col-md-4 card-reveal"> <div class="testimonial-card"> <i class="fa fa-quote-left quote-icon"></i> <div class="rating"> <i class="fa fa-star"></i><i class="fa fa-star"></i><i class="fa fa-star"></i><i class="fa fa-star"></i><i class="fa fa-star"></i> </div> <p class="quote-text">“The booking process was <span class="accent-gold">effortless and transparent</span>. One of the best fleets in the country.”</p> <div class="client-info"> <div class="client-avatar-stylized">AM</div> <div class="client-details"> <h4>Anjali Mehta</h4> <p>Luxury Weddings Manager</p> </div> </div> </div> </div> </div> </div> </div> <!-- Indicators --> <ol class="carousel-indicators custom-indicators"> <li data-target="#testimonialCarousel" data-slide-to="0" class="active"></li> <li data-target="#testimonialCarousel" data-slide-to="1"></li> </ol> </div> </div> </section> <!-- //What Our Clients Say Section --> <!-- Our Accreditations Section --> <style> .luxury-accreditations-section { background: #ffffff; position: relative; } .acc-grid { display: flex; flex-wrap: wrap; align-items: center; justify-content: center; border: 1px solid #f1f5f9; background: #fff; border-radius: 15px; overflow: hidden; margin: 40px 0; box-shadow: 0 10px 30px rgba(0,0,0,0.03); } .acc-logo-item { flex: 1; min-width: 300px; padding: 15px; display: flex; justify-content: center; align-items: center; border-right: 1px solid #f1f5f9; height: 220px; transition: all 0.3s ease; } .acc-logo-item:last-child { border-right: none; } .acc-logo-item:hover { background: #f8fafc; } .acc-logo-item img { height: 180px; width: auto; max-width: 92%; object-fit: contain; transition: transform 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275); filter: grayscale(0.2); } .acc-logo-item:hover img { transform: scale(1.1); filter: grayscale(0); } .trust-tagline p { font-family: 'Montserrat', sans-serif !important; font-weight: 700; text-transform: uppercase; letter-spacing: 2px; color: #94a3b8; font-size: 14px; } @media (max-width: 991px) { .acc-logo-item { flex: 0 0 50%; border-bottom: 1px solid #f1f5f9; } .acc-logo-item:nth-child(even) { border-right: none; } .acc-logo-item:nth-last-child(-n+2) { border-bottom: none; } } @media (max-width: 576px) { .acc-logo-item { flex: 0 0 100%; border-right: none; } .acc-logo-item:not(:last-child) { border-bottom: 1px solid #f1f5f9; } } </style> <section class="luxury-accreditations-section reveal-hidden"> <div class="container p-y-80"> <div class="section-header text-center"> <h2 class="luxury-heading-main">Our <span>Accreditations</span></h2> <div class="heading-accent-center gold"></div> </div> <div class="acc-grid"> <!-- Ministry of Tourism --> <div class="acc-logo-item"> <img src="images/3.svg" alt="Ministry of Tourism"> </div> <!-- TAAI --> <div class="acc-logo-item"> <img src="images/4.svg" alt="TAAI"> </div> <!-- ITTA --> <div class="acc-logo-item"> <img src="images/5.svg" alt="ITTA"> </div> <!-- Boci --> <div class="acc-logo-item"> <img src="images/boci.svg" alt="Boci"> </div> </div> <div class="trust-tagline text-center"> <p>Recognised. Certified. Trusted.</p> </div> </div> </section> <!-- //Our Accreditations Section --> <!-- Awards Section <section class="luxury-awards-section text-center"> <div class="midgt"> <h1>National Tourism Awards 2018 - 2019</h1> </div> <div class="container p-y-40"> <img src="images/award-min.jpg" alt="National Tourism Awards" class="img-responsive award-img center-block"> </div> </section> //Awards Section --> <!-- Key Features Section --> </section> <!-- //Key Features Section --> <hr> <style> .luxury-divider-gold { width: 60px; height: 4px; background: #d4a428; margin: 20px auto; border-radius: 2px; box-shadow: 0 0 10px rgba(212, 164, 40, 0.3); } .luxury-divider-gold-left { width: 60px; height: 4px; background: #d4a428; margin: 20px 0; border-radius: 2px; box-shadow: 0 0 10px rgba(212, 164, 40, 0.3); } /* Trust & Credibility Strip Styles */ .trust-credibility-strip { background: #232e66; padding: 40px 0; position: relative; overflow: hidden; border-bottom: 2px solid rgba(212, 164, 40, 0.1); } .trust-credibility-strip::before { content: ''; position: absolute; top: -50%; left: -50%; width: 200%; height: 200%; background: radial-gradient(circle, rgba(212, 164, 40, 0.03) 0%, transparent 70%); pointer-events: none; } .trust-row { display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap; } .trust-item { text-align: center; padding: 30px 20px; transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275); border-radius: 20px; background: #ffffff; backdrop-filter: blur(15px); border: 1px solid rgba(0, 0, 0, 0.05); margin-bottom:15px; position: relative; z-index: 1; box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1); } .trust-item:hover { transform: translateY(-10px) scale(1.03); background: #f8f9fa; box-shadow: 0 20px 40px rgba(0, 0, 0, 0.2); border-color: rgba(212, 164, 40, 0.4); } .trust-icon-wrapper { width: 65px; height: 65px; margin: 0 auto 15px; display: flex; align-items: center; justify-content: center; background: rgba(212, 164, 40, 0.08); border-radius: 50%; transition: all 0.4s ease; border: 1px solid rgba(212, 164, 40, 0.2); box-shadow: 0 0 15px rgba(212, 164, 40, 0.1); } .trust-item:hover .trust-icon-wrapper { background: #d4a428; box-shadow: 0 0 25px rgba(212, 164, 40, 0.5); transform: rotateY(360deg); } .trust-icon-wrapper i { font-size: 26px; color: #d4a428; transition: all 0.4s ease; } .trust-item:hover .trust-icon-wrapper i { color: #fff; } .trust-content h4 { font-family: 'Montserrat', sans-serif !important; color: #1e293b; font-size: 20px; font-weight: 700; margin-bottom: 5px; letter-spacing: 0.5px; text-transform: uppercase; } .trust-content p { color: #64748b; font-size: 14px; margin: 0; font-weight: 500; line-height: 1.4; } .trust-col { position: relative; } @media (min-width: 992px) { .trust-col:not(:last-child)::after { content: ''; position: absolute; right: 0; top: 25%; height: 50%; width: 1px; background: linear-gradient(to bottom, transparent, rgba(212, 164, 40, 0.3), transparent); } } @media (max-width: 991px) { .trust-col { margin-bottom: 20px; } } /* Luxury About Us Section Styles */ .luxury-about-section { padding: 50px 0; background: linear-gradient(135deg, #f1f5f9 0%, #e2e8f0 100%); position: relative; overflow: hidden; } .luxury-about-section::before { content: ''; position: absolute; width: 300px; height: 300px; background: radial-gradient(circle, rgba(212, 164, 40, 0.05) 0%, transparent 70%); top: -150px; right: -150px; z-index: 0; } .display-flex { display: flex; flex-wrap: wrap; } .align-items-center { align-items: center; } .luxury-card { background: rgba(255, 255, 255, 0.85); backdrop-filter: blur(20px); padding: 50px; border-radius: 40px; box-shadow: 0 40px 100px -20px rgba(0,0,0,0.15); border: 1px solid rgba(255, 255, 255, 1); position: relative; z-index: 10; margin-right: -80px; transition: all 0.6s cubic-bezier(0.23, 1, 0.32, 1); } .luxury-card:hover { background: rgba(255, 255, 255, 0.85); box-shadow: 0 35px 60px -12px rgba(0, 0, 0, 0.12); } .luxury-heading { font-family: 'Montserrat', sans-serif !important; font-size: 52px; font-weight: 800; color: #1e293b; margin-bottom: 20px; line-height: 1.1; letter-spacing: -1px; } .luxury-heading span { display: block; color: #d4a428; font-size: 42px; margin-top: 5px; } .heading-accent { width: 100px; height: 6px; background: linear-gradient(90deg, #d4a428, #f8d48a); margin-bottom: 40px; border-radius: 10px; box-shadow: 0 4px 15px rgba(212, 164, 40, 0.3); } .luxury-text { font-family: 'Montserrat', sans-serif !important; font-size: 18px; line-height: 1.9; color: #475569; font-weight: 400; } .highlight { color: #d4a428; font-weight: 700; position: relative; display: inline-block; } .highlight::after { content: ''; position: absolute; bottom: 2px; left: 0; width: 100%; height: 8px; background: rgba(212, 164, 40, 0.1); z-index: -1; } .image-wrapper { border-radius: 40px; overflow: hidden; box-shadow: 0 50px 100px -25px rgba(0, 0, 0, 0.3); position: relative; z-index: 1; border: 8px solid rgba(255, 255, 255, 0.5); transform: perspective(1000px) rotateY(-5deg); transition: all 0.8s ease; } .image-wrapper:hover { transform: perspective(1000px) rotateY(0deg); box-shadow: 0 60px 120px -30px rgba(0, 0, 0, 0.4); } .inner-sec_info_w3ls_agile { margin-top: 50px; } .image-zoom { width: 100%; transition: transform 12s cubic-bezier(0.1, 0.1, 0.1, 1); } .luxury-about-section:hover .image-zoom { transform: scale(1.15); } @media (max-width: 991px) { .luxury-card { margin-right: 0; padding: 30px; margin-bottom: 30px; border-radius: 25px; z-index: 10; } .luxury-heading { font-size: 36px; } .luxury-heading span { font-size: 30px; } .image-wrapper { transform: none; border-radius: 25px; border-width: 4px; } } @media (max-width: 768px) { .luxury-about-section { padding: 60px 0; } .luxury-text { font-size: 16px; } } /* Luxury Our Services Section Styles */ .luxury-services-section { padding: 60px 0; background: #003252; position: relative; } .luxury-heading-main { font-family: 'Montserrat', sans-serif !important; font-size: 45px; font-weight: 800; color: #003252; margin-bottom: 15px; text-transform: uppercase; } .luxury-heading-main span { color: #d4a428; } .heading-accent-center { width: 100px; height: 4px; background: #d4a428; margin: 0 auto 20px; border-radius: 2px; } .section-subtitle { font-family: 'Montserrat', sans-serif !important; color: #64748b; font-size: 18px; margin-bottom: 40px; } .service-col { margin-bottom: 30px; } .service-card { background: #fff; padding: 40px 30px; border-radius: 25px; text-align: center; transition: all 0.5s cubic-bezier(0.175, 0.885, 0.32, 1.275); border: 1px solid #f1f5f9; box-shadow: 0 10px 30px rgba(0, 0, 0, 0.05); height: 100%; display: flex; flex-direction: column; justify-content: space-between; position: relative; } .service-card:hover { transform: translateY(-15px); box-shadow: 0 25px 50px rgba(0, 0, 0, 0.1); border-color: rgba(212, 164, 40, 0.3); } .service-card.featured { border: 2px solid #d4a428; transform: scale(1.05); z-index: 2; } .service-card.featured:hover { transform: translateY(-15px) scale(1.08); } .featured-badge { position: absolute; top: -15px; left: 50%; transform: translateX(-50%); background: #d4a428; color: #fff; padding: 5px 20px; border-radius: 20px; font-size: 12px; font-weight: 700; text-transform: uppercase; letter-spacing: 1px; } .service-icon-box { width: 80px; height: 80px; background: rgba(212, 164, 40, 0.1); border-radius: 50%; display: flex; align-items: center; justify-content: center; margin: 0 auto 25px; transition: all 0.4s ease; } .service-card:hover .service-icon-box { background: #232e66; transform: rotateY(360deg); } .service-icon-box i { font-size: 32px; color: #d4a428; transition: all 0.4s ease; } .service-card:hover .service-icon-box i { color: #fff; } .service-card h4 { font-family: 'Montserrat', sans-serif !important; font-size: 22px; font-weight: 700; color: #1e293b; margin-bottom: 15px; } .service-card p { color: #64748b; font-size: 15px; line-height: 1.6; margin-bottom: 25px; } .service-btn { display: inline-block; padding: 12px 25px; border-radius: 30px; border: 2px solid #232e66; color: #232e66; font-weight: 700; text-transform: uppercase; font-size: 13px; transition: all 0.3s ease; text-decoration: none !important; } .service-btn:hover { background: #232e66; color: #fff; box-shadow: 0 5px 15px rgba(35, 46, 102, 0.3); } .f-btn { background: #d4a428; border-color: #d4a428; color: #fff; } .f-btn:hover { background: #232e66; border-color: #232e66; } .justify-content-center { justify-content: center; } /* Luxury Our Premium Fleet Section Styles */ .luxury-fleet-section { padding: 60px 0; background: #fff; color: black; position: relative; overflow: hidden; } .luxury-heading-main.white { color: #003252; } .white-60 { color: #003252; } .fleet-category-card { border-radius: 30px; overflow: hidden; position: relative; background: #1e293b; box-shadow: 0 20px 40px rgba(0, 0, 0, 0.4); margin-bottom: 30px; transition: all 0.6s cubic-bezier(0.165, 0.84, 0.44, 1); border: 1px solid rgba(255, 255, 255, 0.05); } .fleet-category-card:hover { transform: translateY(-15px); box-shadow: 0 40px 80px rgba(0, 0, 0, 0.6), 0 0 30px rgba(212, 164, 40, 0.1); border-color: rgba(212, 164, 40, 0.3); } .fleet-category-card.featured { border: 1px solid rgba(212, 164, 40, 0.4); box-shadow: 0 20px 50px rgba(212, 164, 40, 0.1); } .fleet-img-wrapper { position: relative; height: 450px; } .fleet-img-wrapper img { width: 100%; height: 100%; object-fit: cover; transition: transform 1.5s ease; } .fleet-category-card:hover .fleet-img-wrapper img { transform: scale(1.1); } .fleet-overlay { position: absolute; bottom: 0; left: 0; width: 100%; padding: 40px 30px; background: linear-gradient(to top, rgba(0, 0, 0, 0.95) 0%, rgba(0, 0, 0, 0.4) 70%, transparent 100%); text-align: center; transition: all 0.5s ease; } .featured-overlay { background: linear-gradient(to top, rgba(35, 46, 102, 0.95) 0%, rgba(0, 0, 0, 0.4) 70%, transparent 100%); } .fleet-overlay h3 { font-family: 'Montserrat', sans-serif !important; font-size: 30px; margin-bottom: 12px; color: #fff; font-weight: 700; } .fleet-overlay p { font-size: 15px; color: rgba(255, 255, 255, 0.7); margin-bottom: 25px; font-weight: 500; } .fleet-btn { display: inline-block; padding: 12px 30px; border: 2px solid rgba(255, 255, 255, 0.8); color: #fff; border-radius: 30px; text-decoration: none !important; transition: all 0.3s ease; font-weight: 700; text-transform: uppercase; font-size: 12px; letter-spacing: 1px; } .fleet-btn:hover { background: #fff; color: #000; transform: scale(1.05); } .fleet-btn.gold { background: #d4a428; border-color: #d4a428; color: #fff; box-shadow: 0 0 20px rgba(212, 164, 40, 0.3); } .fleet-btn.gold:hover { background: #fff; border-color: #fff; color: #d4a428; box-shadow: 0 0 30px rgba(255, 255, 255, 0.5); } .fleet-features-strip { margin-top: 40px; background: rgba(255, 255, 255, 0.02); padding: 40px; border-radius: 20px; border: 1px solid rgba(255, 255, 255, 0.05); backdrop-filter: blur(10px); } .feature-item { text-align: center; padding: 20px; transition: all 0.4s ease; } .feature-item:hover { transform: scale(1.05); } .f-icon { width: 60px; height: 60px; background: rgba(212, 164, 40, 0.1); border-radius: 50%; display: flex; align-items: center; justify-content: center; margin: 0 auto 20px; border: 1px solid rgba(212, 164, 40, 0.2); transition: all 0.4s ease; } .feature-item:hover .f-icon { background: #d4a428; box-shadow: 0 0 20px rgba(212, 164, 40, 0.5); } .f-icon i { font-size: 24px; color: #d4a428; transition: all 0.4s ease; } .feature-item:hover .f-icon i { color: #fff; } .f-text { font-size: 18px; font-weight: 700; color: black; text-transform: uppercase; letter-spacing: 1px; } /* Booking Section Redesign */ .booking-section { padding: 30px 0; background: #f8f9fa; } .booking-card { background: #ffffff; padding: 25px; border-radius: 15px; box-shadow: 0 15px 35px rgba(0, 0, 0, 0.08); border: 1px solid #eee; } .booking-card h3 { font-size: 28px; font-weight: 800; color: #1e293b; margin-bottom: 20px; text-transform: uppercase; letter-spacing: 1px; position: relative; text-align: center; } .booking-card h3::after { content: ''; display: block; width: 60px; height: 4px; background: #d4a428; margin: 10px auto 0; border-radius: 2px; } .labe { font-size: 14px; font-weight: 600; color: #475569; margin-bottom: 8px; display: block; } .form-control { height: 40px; border-radius: 8px; border: 1px solid #cbd5e1; color: #334155; margin-bottom: 12px !important; transition: all 0.3s ease; } .form-control:focus { border-color: #d4a428; box-shadow: 0 0 0 3px rgba(212, 164, 40, 0.1); } #submit { background: #222d65; color: #fff; border: none; height: 48px; font-size: 18px; font-weight: 700; text-transform: uppercase; letter-spacing: 1px; border-radius: 10px; transition: all 0.3s ease; margin-top: 10px; } #submit:hover { background: #d4a428; transform: translateY(-2px); box-shadow: 0 5px 15px rgba(0, 0, 0, 0.2); } .info-card { background: #ffffff; padding: 25px; border-radius: 15px; box-shadow: 0 15px 35px rgba(0, 0, 0, 0.08); border: 1px solid #eee; height: 100%; } .info-card h4 { font-size: 22px; color: #1e293b; line-height: 1.4; margin-bottom: 20px; } .info-card h4 span { color: #d4a428; } .info-card p { font-size: 15px; line-height: 1.8; color: #64748b; } @media (max-width: 991px) { .info-card { margin-top: 30px; } } * { box-sizing: border-box; } body { font-family: 'Montserrat', sans-serif !important; } /* Why Choose Us & Key Features Refined Styles */ .luxury-why-choose-section { padding: 60px 0; background: #ffffff; } .choose-card { background: #f8fafc; padding: 50px 30px; border-radius: 30px; text-align: center; transition: all 0.5s ease; border: 1px solid #e2e8f0; height: 100%; } .choose-card:hover { background: #ffffff; transform: translateY(-10px); box-shadow: 0 20px 40px rgba(0, 0, 0, 0.05); border-color: #d4a428; } .choose-icon-circle { width: 90px; height: 90px; background: #ffffff; border-radius: 50%; display: flex; align-items: center; justify-content: center; margin: 0 auto 30px; box-shadow: 0 10px 20px rgba(0, 0, 0, 0.05); transition: all 0.5s ease; } .choose-card:hover .choose-icon-circle { background: #232e66; transform: scale(1.1) rotate(10deg); } .choose-icon-circle img { width: 45px; height: 45px; object-fit: contain; transition: all 0.5s ease; } .choose-card:hover .choose-icon-circle img { filter: brightness(0) invert(1); } .choose-card h4 { font-family: 'Montserrat', sans-serif !important; font-size: 22px; font-weight: 700; color: #1e293b; margin-bottom: 20px; } .choose-card p { color: #64748b; font-size: 15px; line-height: 1.7; } .luxury-awards-section { padding: 60px 0; background: #f1f5f9; } .award-img { max-height: 400px; margin: 0 auto; box-shadow: 0 20px 40px rgba(0, 0, 0, 0.1); border-radius: 10px; } .luxury-features-grid-section { padding: 60px 0; background: #ffffff; } .feature-card-item { text-align: center; padding: 40px; transition: all 0.5s ease; border-radius: 20px; } .feature-icon-img { width: 80px; height: 80px; margin-bottom: 25px; transition: all 0.5s ease; } .feature-card-item:hover .feature-icon-img { transform: scale(1.2); } .feature-card-item h3 { font-family: 'Montserrat', sans-serif !important; font-size: 20px; font-weight: 700; color: #1e293b; margin-bottom: 10px; } /* Remove extra left and right margins, due to padding */ .row2 { width: 100%; height: 550px; margin-right: 15px; margin-bottom: 40px; background: #222d65; } /* Clear floats after the columns */ .row2:after { content: ""; display: table; clear: both; } /* Responsive columns */ @media screen and (max-width: 600px) { .column3 { width: 100%; display: block; margin-bottom: 20px; } .row2 { height: 100%; } } /* Style the counter cards */ .card1 { border-radius: 20px; box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2); padding: 16px; height: 300px; font-weight: 500; text-align: center; background-color: #f1f1f1; } * { box-sizing: border-box; } body { font-family: 'Montserrat', sans-serif !important; } /* Float four columns side by side */ .column1 { float: left; width: 33%; padding: 0 10px; } /* Remove extra left and right margins, due to padding */ .row1 { margin-left: 20px; margin-right: 15px; } /* Clear floats after the columns */ .row1:after { content: ""; display: table; clear: both; } /* Responsive columns */ @media screen and (max-width: 600px) { .column1 { width: 100%; display: block; margin-bottom: 20px; } } /* Style the counter cards */ .card { border-radius: 20px; box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2); padding: 16px; height: 300px; font-weight: 500; text-align: center; background-color: #f1f1f1; } .card:hover { background-color: #222d65; color: #fff; } .card p:hover { color: #fff; } .radio { margin-top: 10px !important; margin-bottom: 10px !important; } .midimage { margin-left: 115px; margin-top: 0px; } @media screen and (max-width: 600px) { .midimage { max-width: 100%; margin-left: -6px; } } @media only screen and (max-width: 600px) { .cntr { max-width: 100%; } .box { max-width: 100%; } .img-mid { max-width: 100%; margin-top: 5px; } .boxin p { font-size: 13px; font-weight: 500; color: black; white-space: wrap; overflow: hidden; text-overflow: ellipsis; margin-top: 15px; } .con1 img { max-width: 100%; } } .midgt { padding: 20px; text-align: center; background: #242f67; color: white; font-size: 30px; } .con1 { padding: 20px 0px 20px 0px; } /* Trusted by Leading Clients & Global Events Section Styles */ .trusted-events-section { padding: 50px 0; background: radial-gradient(circle at center, #1e293b 0%, #0f172a 100%); position: relative; overflow: hidden; } .glass-bg-container { background: rgba(255, 255, 255, 0.7); backdrop-filter: blur(15px); border: 1px solid rgba(255, 255, 255, 0.8); border-radius: 40px; margin: 0 15px; position: relative; z-index: 1; box-shadow: 0 20px 50px rgba(0, 0, 0, 0.05); } .glass-bg-container::before { content: ''; position: absolute; top: -100px; right: -100px; width: 300px; height: 300px; background: radial-gradient(circle, rgba(212, 164, 40, 0.05) 0%, transparent 70%); z-index: -1; } /* Trusted by Leading Clients & Global Events Section Styles */ .trusted-events-section { padding: 50px 0; background: linear-gradient(135deg, #f8fafc 0%, #f1f5f9 100%); position: relative; overflow: hidden; } .glass-bg-container { background: rgba(255, 255, 255, 0.7); backdrop-filter: blur(15px); border: 1px solid rgba(255, 255, 255, 0.8); border-radius: 40px; margin: 0 15px; position: relative; z-index: 1; box-shadow: 0 20px 50px rgba(0, 0, 0, 0.05); } .glass-bg-container::before { content: ''; position: absolute; top: -100px; right: -100px; width: 300px; height: 300px; background: radial-gradient(circle, rgba(212, 164, 40, 0.05) 0%, transparent 70%); z-index: -1; } .p-y-80 { padding: 40px 0; } .heading-accent-center.gold { background: #d4a428; box-shadow: 0 0 15px rgba(212, 164, 40, 0.3); } /* Logo Slider Styles */ .logos-slider { width: 100%; overflow: hidden; padding: 20px 0; position: relative; margin-bottom: 40px; } .logos-slider::before, .logos-slider::after { content: ""; position: absolute; top: 0; width: 150px; height: 100%; z-index: 2; } .logos-slider::before { left: 0; background: linear-gradient(to right, #f8fafc, transparent); } .logos-slider::after { right: 0; background: linear-gradient(to left, #f8fafc, transparent); } .logos-track { display: flex; width: calc(300px * 12); animation: scrollLogos 30s linear infinite; } @keyframes scrollLogos { 0% { transform: translateX(0); } 100% { transform: translateX(calc(-300px * 6)); } } .logo-text-item { width: 280px; flex-shrink: 0; padding: 15px 30px; display: flex; align-items: center; justify-content: center; transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275); font-family: 'Montserrat', sans-serif !important; font-weight: 700; color: #1e293b; letter-spacing: 2px; font-size: 13px; text-align: center; margin: 0 10px; background: rgba(255, 255, 255, 0.5); border: 1px solid rgba(212, 164, 40, 0.1); border-radius: 50px; box-shadow: 0 5px 15px rgba(0, 0, 0, 0.03); } .logo-text-item i { margin-right: 12px; font-size: 16px; color: #d4a428; transition: all 0.4s ease; } .logo-text-item:hover { background: #ffffff; transform: scale(1.05) translateY(-2px); color: #232e66; border-color: #d4a428; box-shadow: 0 10px 25px rgba(212, 164, 40, 0.2); z-index: 5; } .logo-text-item:hover i { transform: scale(1.2) rotate(10deg); color: #232e66; } /* Event Card Styles */ .event-grid { margin-top: 30px; display: flex; flex-wrap: wrap; justify-content: center; } .event-card-wrapper { margin-bottom: 30px; } .event-image-card { position: relative; border-radius: 25px; overflow: hidden; box-shadow: 0 20px 40px rgba(0, 0, 0, 0.4); cursor: pointer; height: 350px; border: 1px solid rgba(255, 255, 255, 0.05); } .event-image-container { position: relative; height: 100%; width: 100%; } .event-image-container img { height: 100%; width: 100%; object-fit: cover; transition: transform 1.2s cubic-bezier(0.19, 1, 0.22, 1); } .event-image-card:hover img { transform: scale(1.15) rotate(1deg); } .event-overlay-content { position: absolute; bottom: 0; left: 0; width: 100%; padding: 35px 30px; background: linear-gradient(to top, rgba(0,0,0,0.9) 0%, rgba(0,0,0,0.4) 60%, transparent 100%); color: #fff; transition: all 0.5s ease; } .event-overlay-content h3 { font-family: 'Montserrat', sans-serif !important; font-size: 26px; margin-bottom: 10px; color: #fff; font-weight: 700; transform: translateY(15px); transition: all 0.5s cubic-bezier(0.19, 1, 0.22, 1); } .event-overlay-content p { font-size: 15px; color: rgba(255,255,255,0.7); margin: 0; opacity: 0; transform: translateY(25px); transition: all 0.5s cubic-bezier(0.19, 1, 0.22, 1); line-height: 1.5; } .event-image-card:hover .event-overlay-content { background: linear-gradient(to top, rgba(212, 164, 40, 0.95) 0%, rgba(212, 164, 40, 0.4) 70%, transparent 100%); } .event-image-card:hover .event-overlay-content h3 { transform: translateY(0); color: #000; } .event-image-card:hover .event-overlay-content p { transform: translateY(0); opacity: 1; color: rgba(0, 0, 0, 0.8); } /* Authority Counters Styles */ .highlights-row { display: flex; justify-content: center; gap: 80px; flex-wrap: wrap; margin-top: 30px; padding: 30px; border-top: 1px solid rgba(0, 0, 0, 0.05); } .highlight-item-box { text-align: center; padding: 10px; } .highlight-num { display: block; font-family: 'Montserrat', sans-serif !important; font-size: 45px; font-weight: 800; color: #d4a428; margin-bottom: 5px; text-shadow: 0 0 20px rgba(212, 164, 40, 0.4); } .highlight-label { font-family: 'Montserrat', sans-serif !important; font-size: 14px; text-transform: uppercase; letter-spacing: 3px; color: #64748b; font-weight: 600; } /* Testimonials Section Styles */ .testimonials-section { padding: 60px 0; background: #003252; position: relative; overflow: hidden; } .testimonials-section .luxury-heading-main { color: #fff !important; } .testimonials-section .section-subtitle { color: rgba(255, 255, 255, 0.7) !important; } .testimonial-carousel { padding: 20px 0 50px; } .testimonial-carousel .item .row { display: flex !important; flex-wrap: wrap; margin: 0 -15px; } .testimonial-carousel .item .row .card-reveal { display: flex !important; padding: 0 15px; float: none !important; } .testimonial-card { background: #fff; padding: 50px 35px; border-radius: 35px; box-shadow: 0 15px 35px rgba(0, 0, 0, 0.04); margin: 20px 0; /* Changed from 20px 10px to avoid width issues */ position: relative; width: 100%; /* Ensure card takes full column width */ min-height: 420px; display: flex; flex-direction: column; justify-content: space-between; transition: all 0.6s cubic-bezier(0.165, 0.84, 0.44, 1); border: 1px solid rgba(212, 164, 40, 0.1); } .testimonial-card:hover { transform: translateY(-15px) scale(1.02); box-shadow: 0 30px 60px rgba(0, 0, 0, 0.1); border-color: rgba(212, 164, 40, 0.4); } .quote-icon { position: absolute; top: -15px; left: 35px; width: 60px; height: 60px; background: #d4a428; color: #fff; border-radius: 20px 0 20px 0; display: flex; align-items: center; justify-content: center; font-size: 24px; box-shadow: 0 10px 20px rgba(212, 164, 40, 0.3); transform: rotate(-10deg); } .testimonial-card:hover .quote-icon { transform: rotate(0deg) scale(1.1); } .rating { margin-bottom: 25px; color: #d4a428; font-size: 14px; } .quote-text { font-family: 'Montserrat', sans-serif !important; font-size: 20px; line-height: 1.8; color: #1e293b; font-style: italic; margin-bottom: 30px; font-weight: 500; } .accent-gold { color: #d4a428; font-weight: 700; position: relative; } .client-info { display: flex; align-items: center; gap: 15px; border-top: 1px solid #f1f5f9; padding-top: 30px; } .client-avatar-stylized { width: 55px; height: 55px; background: linear-gradient(135deg, #1e293b 0%, #232e66 100%); color: #fff; border-radius: 50%; display: flex; align-items: center; justify-content: center; font-weight: 700; font-size: 18px; letter-spacing: 1px; box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1); transition: all 0.5s ease; } .testimonial-card:hover .client-avatar-stylized { background: #d4a428; transform: rotateY(360deg); } .client-details h4 { font-family: 'Montserrat', sans-serif !important; font-size: 18px; font-weight: 700; color: #1e293b; margin: 0; } .client-details p { font-family: 'Montserrat', sans-serif !important; font-size: 14px; color: #64748b; margin: 2px 0 0; font-weight: 500; } /* Custom Carousel Indicators */ .custom-indicators { bottom: -40px; } .custom-indicators li { width: 12px; height: 12px; border-radius: 50%; background: #cbd5e1; border: none; margin: 0 8px; transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275); } .custom-indicators li.active { background: #d4a428; width: 35px; border-radius: 10px; box-shadow: 0 0 10px rgba(212, 164, 40, 0.4); } /* Animation Staggering */ .card-reveal { opacity: 0; transform: translateY(30px); transition: all 0.8s cubic-bezier(0.165, 0.84, 0.44, 1); } .reveal-active .card-reveal { opacity: 1; transform: translateY(0); } .card-reveal:nth-child(1) { transition-delay: 0.1s; } .card-reveal:nth-child(2) { transition-delay: 0.3s; } .card-reveal:nth-child(3) { transition-delay: 0.5s; } /* Responsive Adjustments */ @media (max-width: 991px) { .testimonial-card { min-height: auto; padding: 40px 30px; } .quote-text { font-size: 18px; line-height: 1.7; } .custom-indicators { bottom: -30px; } } @media (max-width: 768px) { .testimonials-section { padding: 60px 0; } .luxury-heading-main { font-size: 32px; } .item .row { margin: 0; } .col-md-4 { padding: 0; } } @media (max-width: 600px) { .testimonial-card { margin-bottom: 20px; } } /* Why Choose Geetee Travels New Section Styles */ .luxury-why-choose-new { padding: 30px 0; background: #003252; position: relative; overflow: hidden; } .choose-grid-new { margin-top: 20px; } .choose-col-new { margin-bottom: 30px; } .choose-card-new { background: #fff; padding: 50px 35px; border-radius: 30px; text-align: center; transition: all 0.5s cubic-bezier(0.165, 0.84, 0.44, 1); border: 1px solid #f1f5f9; box-shadow: 0 10px 30px rgba(0, 0, 0, 0.05); height: 100%; position: relative; z-index: 1; } .choose-card-new:hover { transform: translateY(-15px); box-shadow: 0 30px 60px rgba(0, 0, 0, 0.1); border-color: rgba(212, 164, 40, 0.3); } .choose-card-new.featured-choose { border: 2px solid #232e66; background: linear-gradient(to bottom right, #fff, #f8fafc); } .choose-icon-new { width: 90px; height: 90px; margin: 0 auto 15px; background: rgba(212, 164, 40, 0.1); border-radius: 50%; display: flex; align-items: center; justify-content: center; transition: all 0.5s ease; border: 1px solid rgba(212, 164, 40, 0.2); } .choose-card-new:hover .choose-icon-new { background: #232e66; transform: scale(1.1) rotateY(360deg); box-shadow: 0 10px 20px rgba(35, 46, 102, 0.3); border-color: #232e66; } .choose-icon-new svg { width: 45px; height: 45px; color: #d4a428; transition: all 0.5s ease; } .choose-card-new:hover .choose-icon-new svg { color: #fff; transform: scale(1.1); } .choose-card-new h4 { font-family: 'Montserrat', sans-serif !important; font-size: 20px; font-weight: 700; color: #1e293b; margin-bottom: 15px; letter-spacing: -0.5px; } .choose-card-new p { color: #64748b; font-size: 15px; line-height: 1.7; margin: 0; } .highlights-strip-new { margin-top: 30px; display: flex; justify-content: center; gap: 60px; flex-wrap: wrap; padding-top: 40px; border-top: 1px solid #f1f5f9; } .highlight-mini { display: flex; flex-direction: column; align-items: center; } .h-num { font-family: 'Montserrat', sans-serif !important; font-size: 32px; font-weight: 800; color: #d4a428; margin-bottom: 5px; } .h-label { font-family: 'Montserrat', sans-serif !important; font-size: 13px; font-weight: 600; color: #94a3b8; text-transform: uppercase; letter-spacing: 1px; } @media (max-width: 768px) { .highlights-strip-new { gap: 30px; } .luxury-heading-main { font-size: 32px; } } /* Our Accreditations Section Styles */ .luxury-accreditations-section { background: white; padding: 0; position: relative; overflow: hidden; border-top: 1px solid rgba(212, 164, 40, 0.1); } .luxury-accreditations-section::before { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-image: radial-gradient(circle at 20% 30%, rgba(212, 164, 40, 0.05) 0%, transparent 40%), radial-gradient(circle at 80% 70%, rgba(212, 164, 40, 0.05) 0%, transparent 40%); pointer-events: none; } .acc-grid { margin-top: 40px; } .acc-col { margin-bottom: 30px; } .acc-card { background: rgba(255, 255, 255, 0.03); backdrop-filter: blur(10px); -webkit-backdrop-filter: blur(10px); border: 1px solid rgba(212, 164, 40, 0.15); border-radius: 20px; padding: 40px 30px; text-align: center; transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1); height: 100%; box-shadow: 0 15px 35px rgba(0, 0, 0, 0.2); position: relative; z-index: 1; } .acc-card:hover { transform: translateY(-10px); background: rgba(255, 255, 255, 0.06); border-color: rgba(212, 164, 40, 0.5); box-shadow: 0 20px 45px rgba(0, 0, 0, 0.3), 0 0 20px rgba(212, 164, 40, 0.1); } .acc-badge-wrapper { width: 100px; height: 100px; margin: 0 auto 25px; padding: 10px; background: linear-gradient(135deg, rgba(212, 164, 40, 0.2), transparent); border-radius: 50%; position: relative; } .acc-badge-inner { width: 100%; height: 100%; background: linear-gradient(135deg, #d4a428, #f8d388); border-radius: 50%; display: flex; align-items: center; justify-content: center; box-shadow: 0 8px 15px rgba(212, 164, 40, 0.3); transition: all 0.4s ease; } .acc-badge-inner i { font-size: 40px; color: #162447; transition: all 0.4s ease; } .acc-card:hover .acc-badge-inner { transform: scale(1.1); box-shadow: 0 0 25px rgba(212, 164, 40, 0.6); background: linear-gradient(135deg, #f8d388, #d4a428); } .acc-card:hover .acc-badge-inner i { transform: rotateY(360deg); } .acc-card h4 { color: #fff; font-size: 22px; font-weight: 700; margin-bottom: 5px; letter-spacing: 0.5px; } .acc-govt { color: #d4a428; font-size: 13px; text-transform: uppercase; font-weight: 600; letter-spacing: 2px; display: block; margin-bottom: 15px; } .acc-sub { color: rgba(255, 255, 255, 0.6); font-size: 14px; display: block; margin-bottom: 15px; } .acc-card p { color: rgba(255, 255, 255, 0.8); font-size: 15px; line-height: 1.6; } .trust-tagline { margin-top: 50px; position: relative; } .trust-tagline p { color: #d4a428; font-size: 18px; font-weight: 600; letter-spacing: 4px; text-transform: uppercase; opacity: 0.7; } .trust-tagline::before, .trust-tagline::after { content: ''; position: absolute; top: 50%; width: 60px; height: 1px; background: linear-gradient(to right, transparent, rgba(212, 164, 40, 0.5)); } .trust-tagline::before { left: 20%; } .trust-tagline::after { right: 20%; background: linear-gradient(to left, transparent, rgba(212, 164, 40, 0.5)); } .white-80 { color: rgba(255, 255, 255, 0.8) !important; } @media (max-width: 991px) { .trust-tagline::before, .trust-tagline::after { display: none; } } </style> </div> <script type="text/javascript" src="js/jquery.autocomplete.min.js"></script> <script type="text/javascript" src="js/currency-autocomplete.js"></script> <script type="text/javascript" src="js/jquery.datepick.min.js"></script> <link href="css/redmond.datepick.css" rel="stylesheet" /> <script src="js/jsindex.js"></script> <script type="text/javascript"> $(document).ready(function(e) { cityAutocompletemain(); $(".dateval").datepick({ minDate: 0 }); if ($(".dateval").val() == '') { var todayvalue = $("#todaydate").val(); $(".dateval").val(todayvalue); } $('#horizontalTab').easyResponsiveTabs({ type: 'default', //Types: default, vertical, accordion width: 'auto', //auto or any width like 600px fit: true // 100% fit in a container }); }); function cityAutocompletemain() { var currencies = [ { value: 'Mumbai, Maharashtra', data: 'Mumbai' }, { value: 'Jodhpur, Rajasthan', data: 'Jodhpur' }, { value: 'Hyderabad, Telangana', data: 'Hyderabad' }, { value: 'Ahmedabad, Gujarat', data: 'Ahmedabad' }, { value: 'Gurgaon, Haryana', data: 'Gurgaon' }, { value: 'Delhi', data: 'Delhi' }, { value: 'Aurangabad, Maharashtra', data: 'Aurangabad' }, { value: 'Rajkot, Gujarat', data: 'Rajkot' }, { value: 'Cochin, Kerala', data: 'Kochi/Cochin' }, { value: 'Bhubaneshwar, Orissa', data: 'Bhubaneshwar' }, { value: 'Lonavala, Maharashtra', data: 'Lonavala' }, { value: 'Achhnera, Uttar Pradesh', data: 'Achhnera' }, { value: 'Adalaj, Gujarat', data: 'Adalaj' }, { value: 'Adoor, Kerala', data: 'Adoor' }, { value: 'Adyar, Karnataka', data: 'Adyar ' }, { value: 'Adra, West Bengal', data: 'Adra' }, { value: 'Afzalpur, Karnataka', data: 'Afzalpur' }, { value: 'Akot, Maharashtra', data: 'Akot' }, { value: 'Alipurduar, West Bengal', data: 'Alipurduar' }, { value: 'Alirajpur, Madhya Pradesh', data: 'Alirajpur' }, { value: 'Aluva, Kerala', data: 'Aluva' }, { value: 'Amalapuram, Andhra Pradesh', data: 'Amalapuram' }, { value: 'Amalner, Maharashtra', data: 'Amalner' }, { value: 'Amaravathi, Andhra Pradesh', data: 'Amaravathi' }, { value: 'Ambejogai, Maharashtra', data: 'Ambejogai' }, { value: 'Anakapalle, Andhra Pradesh', data: 'Anakapalle' }, { value: 'Anjar, Gujarat', data: 'Anjar' }, { value: 'Anjangaon, Maharashtra', data: 'Anjangaon' }, { value: 'Ankleshwar, Gujarat', data: 'Ankleshwar ' }, { value: 'Arakkonam,Tamil Nadu', data: 'Arakkonam' }, { value: 'Araria,Bihar', data: 'Araria ' }, { value: 'Arambagh,West Bengal', data: 'Arambagh' }, { value: 'Arsikere,Karnataka', data: 'Arsikere' }, { value: 'Aruppukkottai,Tamil Nadu', data: 'Aruppukkottai' }, { value: 'Arvi,Maharashtra', data: 'Arvi' }, { value: 'Arwal,Bihar', data: 'Arwal' }, { value: 'Asarganj,Bihar', data: 'Asarganj' }, { value: 'Ashok Nagar,Madhya Pradesh', data: 'Ashok Nagar' }, { value: 'Athni,Karnataka', data: 'Athni ' }, { value: 'Attingal,Kerala', data: 'Attingal' }, { value: 'Bageshwar,Uttarakhand', data: 'Bageshwar ' }, { value: 'Balaghat,Madhya Pradesh', data: 'Balaghat' }, { value: 'Balangir,Odisha', data: 'Balangir' }, { value: 'Bapatla,Andhra Pradesh', data: 'Bapatla ' }, { value: 'Barbil,Odisha', data: 'Barbil' }, { value: 'Bargarh,Odisha', data: 'Bargarh' }, { value: 'Barh,Bihar', data: 'Barh' }, { value: 'Barpeta,Assam', data: 'Barpeta ' }, { value: 'Bellampalle,Telangana', data: 'Bellampalle' }, { value: 'Belonia,Tripura', data: 'Belonia' }, { value: 'Bhabua,Bihar', data: 'Bhabua' }, { value: 'Bhadrachalam,Telangana', data: 'Bhadrachalam' }, { value: 'Bhainsa,Telangana', data: 'Bhainsa ' }, { value: 'Bhatapara,Chhattisgarh', data: 'Bhatapara' }, { value: 'Bhawanipatna,Odisha', data: 'Bhawanipatna' }, { value: 'Bheemunipatnam,Andhra Pradesh', data: 'Bheemunipatnam ' }, { value: 'Bhongir,Telangana', data: 'Bhongir' }, { value: 'Bobbili,Andhra Pradesh ', data: 'Bobbili' }, { value: 'Bodhan,Telangana', data: 'Bodhan' }, { value: 'Bongaigaon City,Assam', data: 'Bongaigaon City' }, { value: 'Byasanagar,Odisha', data: 'Byasanagar' }, { value: 'Bagha Kusmar,Bihar', data: 'Bagha Kusmar' }, { value: 'Chaibasa,Jharkhand', data: 'Chaibasa' }, { value: 'Charkhi Dadri,Haryana', data: 'Charkhi Dadri' }, { value: 'Chatra,Jharkhand', data: 'Chatra' }, { value: 'Chalakudy,Kerala', data: 'Chalakudy' }, { value: 'Changanassery,Kerala', data: 'Changanassery' }, { value: 'Chengannur,Kerala', data: 'Chengannur' }, { value: 'Cooch Behar,West Bengal', data: 'Cooch Behar' }, { value: 'Cherthala,Kerala', data: 'Cherthala' }, { value: 'Chhapra,Gujarat', data: 'Chhapra' }, { value: 'Chidambaram,Tamil nadu', data: 'Chidambaram' }, { value: 'Chirala,Andhra Pradesh', data: 'Chirala' }, { value: 'Chirkunda,Jharkhand', data: 'Chirkunda' }, { value: 'Chirmiri,Chhattisgarh', data: 'Chirmiri' }, { value: 'Chandpara,West Bengal', data: 'Chandpara' }, { value: 'Chittur-Thathamangalam,Kerala', data: 'Chittur-Thathamangalam' }, { value: 'Dalli-Rajhara,Chhattisgarh', data: 'Dalli-Rajhara' }, { value: 'Medininagar (Daltonganj),Jharkhand', data: 'Medininagar (Daltonganj)' }, { value: 'Degana,Rajasthan', data: 'Degana' }, { value: 'Dhamtari,Chhattisgarh', data: 'Dhamtari' }, { value: 'Dharmanagar,Tripura', data: 'Dharmanagar' }, { value: 'Dhenkanal,Odisha', data: 'Dhenkanal' }, { value: 'Dhoraji,Gujarat', data: 'Dhoraji' }, { value: 'Dhubri,Assam', data: 'Dhubri' }, { value: 'Dhuri,Punjab', data: 'Dhuri' }, { value: 'Diphu,Assam', data: 'Diphu' }, { value: 'Dumka,Jharkhand', data: 'Dumka' }, { value: 'Dumraon,Bihar', data: 'Dumraon' }, { value: 'Ellenabad,Haryana', data: 'Ellenabad' }, { value: 'Faridkot,Punjab', data: 'Faridkot' }, { value: 'Farooqnagar,Telangana', data: 'Farooqnagar' }, { value: 'Fatehabad,Haryana', data: 'Fatehabad' }, { value: 'Fazilka,Punjab', data: 'Fazilka' }, { value: 'Forbesganj,Bihar', data: 'Forbesganj' }, { value: 'Firozpur Cantt.,Punjab', data: 'Firozpur Cantt.' }, { value: 'Fatehpur Sikri,Uttar Pradesh', data: 'Fatehpur Sikri' }, { value: 'Gadwal,Telangana', data: 'Gadwal' }, { value: 'Gangarampur,West Bengal', data: 'Gangarampur' }, { value: 'Gavaravaram,Andhra Pradesh', data: 'Gavaravaram' }, { value: 'Goalpara,Assam', data: 'Goalpara' }, { value: 'Gobichettipalayam,Tamil Nadu', data: 'Gobichettipalayam' }, { value: 'Gobindgarh,Punjab', data: 'Gobindgarh' }, { value: 'Gohana,Haryana', data: 'Gohana' }, { value: 'Gokak,Karnataka', data: 'Gokak' }, { value: 'Gooty,Andhra Pradesh', data: 'Gooty' }, { value: 'Gopalganj,Bihar', data: 'Gopalganj' }, { value: 'Gudur,Andhra Pradesh', data: 'Gudur' }, { value: 'Gumia,Jharkhand', data: 'Gumia' }, { value: 'Gurdaspur,Punjab', data: 'Gurdaspur' }, { value: 'Guruvayoor,Kerala', data: 'Guruvayoor' }, { value: 'Hansi,Haryana', data: 'Hansi' }, { value: 'Itarsi,Madhya Pradesh', data: 'Itarsi' }, { value: 'Jaggaiahpet,Andhra Pradesh', data: 'Jaggaiahpet' }, { value: 'Jagraon,Punjab', data: 'Jagraon' }, { value: 'Jagtial,Telangana', data: 'Jagtial' }, { value: 'Jalandhar Cantt.,Punjab', data: 'Jalandhar Cantt.' }, { value: 'Jamnagar,Gujarat', data: 'Jamnagar' }, { value: 'Jammalamadugu,Andhra Pradesh', data: 'Jammalamadugu' }, { value: 'Jamui,Bihar', data: 'Jamui' }, { value: 'Jangaon,Telangana', data: 'Jangaon' }, { value: 'Jatani,Odisha', data: 'Jatani' }, { value: 'Jhargram,West Bengal', data: 'Jhargram' }, { value: 'Jharsuguda,Odisha', data: 'Jharsuguda' }, { value: 'Jhumri Tilaiya,Jharkhand', data: 'Jhumri Tilaiya' }, { value: 'Jorhat,Assam', data: 'Jorhat' }, { value: 'Kadi,Gujarat', data: 'Kadi' }, { value: 'Kadiri,Andhra Pradesh', data: 'Kadiri' }, { value: 'Kagaznagar,Telangana', data: 'Kagaznagar' }, { value: 'Kailasahar,Tripura', data: 'Kailasahar' }, { value: 'Kalimpong,West Bengal', data: 'Kalimpong' }, { value: 'Kalpi,Uttar Pradesh', data: 'Kalpi' }, { value: 'Kamareddy,Telangana', data: 'Kamareddy' }, { value: 'Kanigiri,Andhra Pradesh', data: 'Kanigiri' }, { value: 'Kandukur,Andhra Pradesh', data: 'Kandukur' }, { value: 'Kanhangad,Kerala', data: 'Kanhangad' }, { value: 'Kannur,Kerala', data: 'Kannur' }, { value: 'Kapadvanj,Gujarat', data: 'Kapadvanj' }, { value: 'Karaikal,Puducherry', data: 'Karaikal' }, { value: 'Karimganj,Assam', data: 'Karimganj' }, { value: 'Karipur,Kerala', data: 'Karipur' }, { value: 'Karjat,Maharashtra', data: 'Karjat' }, { value: 'Karur,Tamil Nadu', data: 'Karur' }, { value: 'Kasaragod,Kerala', data: 'Kasaragod' }, { value: 'Kathua,Jammu and Kashmir', data: 'Kathua' }, { value: 'Kavali,Andhra Pradesh', data: 'Kavali' }, { value: 'Kayamkulam,Kerala', data: 'Kayamkulam' }, { value: 'Kendrapara,Odisha', data: 'Kendrapara' }, { value: 'Kendujhar,Odisha', data: 'Kendujhar' }, { value: 'Keshod,Gujarat', data: 'Keshod' }, { value: 'Khambhat,Gujarat', data: 'Khambhat' }, { value: 'Kharar,Punjab', data: 'Kharar' }, { value: 'Khowai,Tripura', data: 'Khowai' }, { value: 'Kodungallur,Kerala', data: 'Kodungallur' }, { value: 'Kohima,Nagaland', data: 'Kohima' }, { value: 'Koratla,Telangana', data: 'Koratla' }, { value: 'Kot Kapura,Punjab', data: 'Kot Kapura' }, { value: 'Kothagudem,Telangana', data: 'Kothagudem' }, { value: 'Kottayam,Kerala', data: 'Kottayam' }, { value: 'Kovvur,Andhra Pradesh ', data: 'Kovvur' }, { value: 'Kunnamkulam,Kerala', data: 'Kunnamkulam' }, { value: 'Kyathampalle,Telangana', data: 'Kyathampalle' }, { value: 'Kumarganj Town,Uttar Pradesh', data: 'Kumarganj Town' }, { value: 'Lachhmangarh,Rajasthan', data: 'Lachhmangarh' }, { value: 'Ladnu,Rajasthan', data: 'Ladnu' }, { value: 'Ladwa,Haryana', data: 'Ladwa' }, { value: 'Lahar,Madhya Pradesh', data: 'Lahar' }, { value: 'Laharpur,Uttar Pradesh', data: 'Laharpur' }, { value: 'Lakheri,Rajasthan', data: 'Lakheri' }, { value: 'Lakhisarai,Bihar', data: 'Lakhisarai' }, { value: 'Lakshmeshwar,Karnataka', data: 'Lakshmeshwar' }, { value: 'Lal Gopalganj Nindaura,Uttar Pradesh', data: 'Lal Gopalganj Nindaura' }, { value: 'Lalganj,Bihar', data: 'Lalganj' }, { value: 'Lalgudi,Tamil Nadu', data: 'Lalgudi' }, { value: 'Chennai, Tamil Nadu', data: 'Chennai' }, { value: 'Kolkata, West Bengal', data: 'Kolkata' }, { value: 'Lucknow, Utar Pradesh', data: 'Lucknow' }, { value: 'Agra, Uttar Pradesh', data: 'Agra' }, { value: 'Ajmer, Rajasthan', data: 'Ajmer' }, { value: 'Allahabad, Uttar Pradesh', data: 'Allahabad' }, { value: 'Amritsar, Punjab', data: 'Amritsar' }, { value: 'Belgaum, Karnataka', data: 'Belgaum' }, { value: 'Bhopal, Madhya Pradesh', data: 'Bhopal' }, { value: 'Chandigarh', data: 'Chandigarh' }, { value: 'Coimbatore, Tamil Nadu', data: 'Coimbatore' }, { value: 'Dehradun, Uttranchal', data: 'Dehradun' }, { value: 'Gaya, Bihar', data: 'Gaya' }, { value: 'Goa', data: 'Goa' }, { value: 'Gorakhpur, Uttar Pradesh', data: 'Gorakhpur' }, { value: 'Guwahati, Assam', data: 'Guwahati' }, { value: 'Gwalior, Madhya Pradesh', data: 'Gwalior' }, { value: 'Hubli, Karnataka', data: 'Hubli' }, { value: 'Indore, Madhya Pradesh', data: 'Indore' }, { value: 'Jabalpur, Madhya Pradesh', data: 'Jabalpur' }, { value: 'Jamshedpur, Jharkhand', data: 'jamshedpur' }, { value: 'Jhansi, Uttar Pradesh', data: 'Jhansi' }, { value: 'Kanpur, Uttar Pradesh', data: 'Kanpur' }, { value: 'Khajuraho, Madhya Pradesh', data: 'Khajuraho' }, { value: 'Kolhapur, Maharashtra', data: 'Kolhapur' }, { value: 'Kota, Rajasthan', data: 'Kota' }, { value: 'Ludhiana, Punjab', data: 'Ludhiana' }, { value: 'Madurai, Tamil Nadu', data: 'Madurai' }, { value: 'Mangalore, Karnataka', data: 'Mangalore' }, { value: 'Mysore, Karnataka', data: 'Mysore' }, { value: 'Nagpur, Maharashtra', data: 'Nagpur' }, { value: 'Nasik, Maharashtra', data: 'Nasik' }, { value: 'Patna, Bihar', data: 'Patna' }, { value: 'Pondicherry', data: 'Pondicherry' }, { value: 'Pune, Maharashtra', data: 'Pune' }, { value: 'Raipur, Chattisgarh', data: 'Raipur' }, { value: 'Ranchi, Jharkhand', data: 'Ranchi' }, { value: 'Solapur, Maharashtra', data: 'Solapur' }, { value: 'Surat, Gujarat', data: 'Surat' }, { value: 'Thiruvananthapuram, Kerala', data: 'Thiruvananthapuram' }, { value: 'Trichy, Tamilnadu', data: 'Trichy' }, { value: 'Udaipur, Rajasthan', data: 'Udaipur' }, { value: 'Vadodara, Gujarat', data: 'Vadodara' }, { value: 'Varanasi, Uttar Pradesh', data: 'Varanasi' }, { value: 'Vijayawada, Andhra Pradesh', data: 'Vijayawada' }, { value: 'Visakhapatnam,Andhra Pradesh', data: 'Visakhapatnam' }, { value: 'Bangalore, Karnataka', data: 'Bangalore' }, { value: 'Noida, Uttar pradesh', data: 'Noida' }, { value: 'Jaipur, Rajasthan', data: 'Jaipur' }, { value: 'Jalandhar, Punjab', data: 'Jalandhar' }, ]; // setup autocomplete function pulling from currencies[] array $('#autocomplete, .autocomplete').autocomplete({ lookup: currencies, onSelect: function(suggestion) { var thehtml = '<strong>Currency Name:</strong> ' + suggestion.value + ' <br> <strong>Symbol:</strong> ' + suggestion.data; $('#outputcontent').php(thehtml); } }); } </script> <script> /* Scroll Reveal Animation for Trusted Section */ document.addEventListener('DOMContentLoaded', function() { const observerOptions = { threshold: 0.15, rootMargin: "0px 0px -50px 0px" }; const observer = new IntersectionObserver((entries) => { entries.forEach(entry => { if (entry.isIntersecting) { entry.target.classList.add('reveal-active'); // Stop observing once revealed observer.unobserve(entry.target); } }); }, observerOptions); const revealElements = document.querySelectorAll('.event-card-wrapper, .highlight-item-box, .section-header, .logos-slider, .testimonials-section, .card-reveal, .choose-col, .luxury-awards-section, .feature-col, .acc-col, .choose-col-new, .luxury-history-section'); revealElements.forEach(el => { el.classList.add('reveal-hidden'); observer.observe(el); }); // Ensure Testimonial Carousel Cycles Automatically const testimonialCarousel = $('#testimonialCarousel'); if (testimonialCarousel.length) { testimonialCarousel.carousel({ interval: 2000, pause: 'hover', wrap: true }); } }); </script> <!-- Insights & Blogs Section (Homepage Preview) --> <?php require_once 'includes/blog_data.php'; ?> <section class="luxury-blog-preview-section reveal-hidden" style="padding: 80px 0; background: #fdfdfd;"> <div class="container"> <div class="section-header text-center" style="margin-bottom: 50px;"> <h2 class="luxury-heading-main" style="color: #283266; font-size: 36px; font-weight: 800; text-transform: uppercase;"> Insights & <span style="color: #c89b2b;">Blogs</span> </h2> <div class="heading-accent-center" style="background: #c89b2b; width: 60px; height: 4px; margin: 15px auto; border-radius: 2px;"></div> <p class="section-subtitle" style="color: #5a6573; font-size: 16px;">Latest industry trends and travel guides for the modern professional</p> </div> <div class="row" style="display: flex; flex-wrap: wrap; gap: 30px 0;"> <?php $latest_blogs = array_slice($blogs, 0, 3, true); foreach ($latest_blogs as $id => $blog): ?> <div class="col-md-4 col-sm-6 blog-preview-col" style="padding: 15px;"> <div class="blog-preview-card" style=" background: #ffffff; border-radius: 25px; padding: 40px; height: 100%; box-shadow: 0 15px 35px rgba(0,0,0,0.06); transition: all 0.4s ease; border: 1px solid #f1f1f1; display: flex; flex-direction: column; "> <h3 style=" font-size: 20px; font-weight: 700; color: #283266; margin-bottom: 15px; line-height: 1.4; min-height: 56px; "><?php echo htmlspecialchars($blog['title']); ?></h3> <p style=" font-size: 15px; color: #5a6573; line-height: 1.6; margin-bottom: 25px; display: -webkit-box; line-clamp: 3; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; "><?php echo htmlspecialchars($blog['short_desc']); ?></p> <div style="margin-top: auto;"> <a href="blog-details.php?id=<?php echo $id; ?>" class="luxury-blog-btn" style=" display: inline-block; padding: 10px 25px; background: transparent; color: #c89b2b; border: 2px solid #c89b2b; border-radius: 50px; font-weight: 700; text-transform: uppercase; font-size: 12px; letter-spacing: 1px; text-decoration: none; transition: all 0.3s ease; text-align: center; "> Read More <i class="fa fa-arrow-right" style="margin-left: 5px;"></i> </a> </div> </div> </div> <?php endforeach; ?> </div> <div class="text-center" style="margin-top: 50px;"> <a href="blogs.php" class="view-all-blogs-btn" style=" display: inline-block; padding: 15px 45px; background: #283266; color: #fff; border-radius: 50px; font-weight: 700; text-transform: uppercase; letter-spacing: 1px; text-decoration: none; transition: all 0.3s ease; box-shadow: 0 10px 20px rgba(40,50,102,0.15); "> View All Blogs </a> </div> </div> </section> <style> .blog-preview-card:hover { transform: translateY(-12px); box-shadow: 0 25px 50px rgba(0,0,0,0.12) !important; border-color: #c89b2b !important; } .luxury-blog-btn:hover { background: #c89b2b !important; color: #fff !important; transform: translateY(-2px); box-shadow: 0 5px 15px rgba(200,155,43,0.3); } .view-all-blogs-btn:hover { background: #c89b2b; transform: translateY(-3px); box-shadow: 0 15px 30px rgba(200,155,43,0.25); } @media (max-width: 991px) { .blog-preview-col { width: 50%; } } @media (max-width: 767px) { .blog-preview-col { width: 100%; } } </style> <?php include 'includes/footer.php'; ?>