<!DOCTYPE html>
<html lang="en">
   <head>
      <meta charset="utf-8">
      <meta http-equiv="X-UA-Compatible" content="IE=edge" />
      <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1" />
      <title>Samar The Travel Expert</title>
      <link rel="shortcut icon" type="image/x-icon" href="images/samar/favicon1.png" />
      <link rel="stylesheet" href="css/bootstrap.min.css" />
      <link rel="stylesheet" href="css/font-awesome.min.css" />
      <link rel="stylesheet" href="css/flaticon.css" />
      <link rel="stylesheet" href="css/owl.carousel.min.css" />
      <link rel="stylesheet" href="css/owl.theme.css" />
      <link rel="stylesheet" href="css/magnific-popup.css" />
      <link rel="stylesheet" href="css/lightgallery.css" />
      <link rel="stylesheet" href="css/woocommerce.css" />
      <link rel="stylesheet" href="css/royal-preload.css" />
      <link rel="stylesheet" href="style.css" />
      <!-- REVOLUTION SLIDER CSS -->
      <link rel="stylesheet" type="text/css" href="plugins/revolution/revolution/css/settings.css">
      <!-- REVOLUTION NAVIGATION STYLE -->
      <link rel="stylesheet" type="text/css" href="plugins/revolution/revolution/css/navigation.css">
      <link rel="preconnect" href="https://fonts.googleapis.com">
        <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
    <link href="https://fonts.googleapis.com/css2?family=Bodoni+Moda:ital,opsz,wght@0,6..96,400..900;1,6..96,400..900&family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap" rel="stylesheet">
      <style>
         html {
         scroll-behavior: smooth;
         }
         form { max-width: 600px; margin: auto; background: #fff; padding: 30px; border-radius: 10px;}
         form h3 { text-align: center; margin-bottom: 20px;  font-family: 'Poppins', sans-serif; font-size: 25px;
         line-height: 30px;}
         form input, form button { width: 100%; padding: 12px 15px; margin: 10px 0; border-radius: 6px; border: 1px solid #ccc; font-size: 16px; }
         form button { background: #007BFF; color: #fff; border: none; cursor: pointer; transition: 0.3s; }
         form button:hover { background: #0056b3; }
         .successMsg { color: green; text-align: center; margin-top: 15px; }
         .errorMsg { color: red; text-align: center; margin-top: 15px; }
         .honey { display: none; }
         iframe {
         width: 100%;
         height: 480px;
         border: none; /* Remove the border for a clean look */
         }
         /* Smartphones (portrait and landscape) ----------- */
         @media only screen
         and (min-device-width : 320px)
         and (max-device-width : 480px) {
         iframe {
         height: 540px;
         }	
         }
      </style>
      <!-- Meta Pixel Code -->
<script>
!function(f,b,e,v,n,t,s)
{if(f.fbq)return;n=f.fbq=function(){n.callMethod?
n.callMethod.apply(n,arguments):n.queue.push(arguments)};
if(!f._fbq)f._fbq=n;n.push=n;n.loaded=!0;n.version='2.0';
n.queue=[];t=b.createElement(e);t.async=!0;
t.src=v;s=b.getElementsByTagName(e)[0];
s.parentNode.insertBefore(t,s)}(window, document,'script',
'https://connect.facebook.net/en_US/fbevents.js');
fbq('init', '1142730201062651');
fbq('track', 'PageView');
</script>
<noscript><img height="1" width="1" style="display:none"
src="https://www.facebook.com/tr?id=1142730201062651&ev=PageView&noscript=1"
/></noscript>
<!-- End Meta Pixel Code -->
      </head>
   <body class="bg-dark-theratio" id="homepage" >
      <div id="royal_preloader"></div>
      <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.5.0/css/font-awesome.min.css">
      <button  class="open-markloadingpopup callfloat callmy-float">Get A Quote</button>
      <div class="markloadingpopup-overlay" id="markloadingpopup">
         <div class="markloadingpopup-form" id="markloadingpopupForm">
            <span class="markloadingpopup-close">&times;</span>
            <form method="post" action="thank-you.php">
               <h3>Plan With Experts</h3>
               <input type="text" name="name" placeholder="Full Name" required>
               <input type="email" name="email" placeholder="Email Address" required>
               <!-- Phone number input -->
               <input type="text" name="phone" placeholder="Phone Number" required 
                  pattern="\d{10}" 
                  title="Enter exactly 10 digits" 
                  maxlength="10"
                  oninput="this.value=this.value.replace(/[^0-9]/g,'');">
               <input type="text" name="location" placeholder="Location" required>
               <!-- Honeypot -->
               <input type="text" name="website" class="honey" placeholder="Leave blank">
               <button type="submit">Submit</button>
            </form>
         </div>
      </div>
      <div id="page" class="site">
         <header id="site-header" class="site-header header-static">
            <!-- Main Header start -->
            <div class="octf-main-header header-4 main-header-5 is-fixed">
               <div class="octf-area-wrap">
                  <div class="container octf-mainbar-container">
                     <div class="octf-mainbar">
                        <div class="octf-mainbar-row octf-row">
                           <div class="octf-col logo-col">
                              <div id="site-logo" class="site-logo">
                                 <a href="index.php">
                                 <img src="images/samar/samarluxblack.png" alt="logo" class="logo-size-small">
                                 </a>
                              </div>
                           </div>
                           <div class="octf-col menu-col">
                              <nav id="site-navigation" class="main-navigation nav-text-dark">
                                 <ul class="menu">
                                    <li><a href="#homepage">Home</a></li>
                                    <li><a href="#aboutus">About</a></li>
                                    <li><a href="#whyus">Why Us</a></li>
                                    <li><a href="#itinerary">Itinerary</a></li>
                                    <li><a href="#gallery">Gallery</a></li>
                                    <li><a href="#testimonial">Testimonials</a></li>
                                    <li><a href="#faq">FAQs</a></li>
                                    <li><a href="#contactus">Contact</a></li>
                                 </ul>
                              </nav>
                           </div>
                           <div class="octf-col cta-col text-right">
                              <!-- Call To Action -->
                              <div class="octf-btn-cta">
                                 <div class="ot-button" style="
                                    margin-top: 25px;
                                    margin-left: 50px;
                                    margin-right: 50px;
                                    ">
                                    <a href="javascript:void(0)" class="open-markloadingpopup octf-btn octf-btn-light border-hover-light" style="
                                       padding: 10px;
                                       background: transparent;
                                       border: 1px solid black;
                                       color: black;
                                       ">Get A Quote</a>
                                 </div>
                                 <!-- <div class="octf-sidepanel octf-cta-header pr-0 border-left-0">
                                    <div class="site-overlay panel-overlay"></div>
                                    <div id="panel-btn" class="panel-btn octf-cta-icons">
                                       <i class="ot-flaticon-menu"></i>
                                    </div>
                                    </div>-->
                              </div>
                           </div>
                        </div>
                     </div>
                  </div>
               </div>
            </div>
            <div class="header_mobile bg-dark-theratio">
               <div class="container-fluid">
                  <div class="octf-mainbar-row octf-row">
                     <div class="octf-col">
                        <div class="mlogo_wrapper clearfix">
                           <div class="mobile_logo">
                              <a href="index.php">
                              <img src="images/samar/samarluxblack.png" alt="Theratio">
                              </a>
                           </div>
                        </div>
                     </div>
                     <div class="octf-col justify-content-end">
                        <div class="octf-search octf-cta-header">
                           <!--<div class="toggle_search octf-cta-icons">
                              <i class="ot-flaticon-search"></i>
                              </div>-->
                           <!-- Form Search on Header -->
                           <div class="h-search-form-field collapse">
                              <div class="h-search-form-inner">
                                 <form role="search" method="get" class="search-form">
                                    <input type="search" class="search-field" placeholder="SEARCH..." value="" name="s">
                                    <button type="submit" class="search-submit"><i class="ot-flaticon-search"></i></button>
                                 </form>
                              </div>
                           </div>
                        </div>
                        <div class="octf-menu-mobile octf-cta-header">
                           <div id="mmenu-toggle" class="mmenu-toggle">
                              <button><i class="ot-flaticon-menu"></i></button>
                           </div>
                           <div class="site-overlay mmenu-overlay"></div>
                           <div id="mmenu-wrapper" class="mmenu-wrapper on-right">
                              <div class="mmenu-inner">
                                 <a class="mmenu-close" href="#"><i class="ot-flaticon-right-arrow"></i></a>
                                 <div class="mobile-nav">
                                    <ul id="menu-main-menu" class="mobile_mainmenu none-style">
                                       <li><a href="index.php#homepage">Home</a></li>
                                       <li><a href="index.php#aboutus">About</a></li>
                                       <li><a href="index.php#whyus">Why Us</a></li>
                                       <li><a href="index.php#itinerary">Itinerary</a></li>
                                       <li><a href="index.php#gallery">Gallery</a></li>
                                       <li><a href="index.php#testimonial">Testimonials</a></li>
                                       <li><a href="index.php#faq">FAQs</a></li>
                                       <li><a href="index.php#contactus">Contact</a></li>
                                    </ul>
                                 </div>
                              </div>
                           </div>
                        </div>
                     </div>
                  </div>
               </div>
            </div>
         </header>
         <div id="side-panel" class="side-panel ">
            <a href="#" class="side-panel-close"><i class="ot-flaticon-close-1"></i></a>
            <div class="side-panel-block">
               <div class="side-panel-wrap">
                  <div class="the-logo">
                     <a href="index-html.html">
                     <img src="images/logo.png" alt="Theratio">
                     </a>                    
                  </div>
                  <div class="ot-heading ">
                     <h2 class="main-heading">Contact Info</h2>
                  </div>
                  <div class="side-panel-cinfo">
                     <ul class="panel-cinfo">
                        <li class="panel-list-item">
                           <span class="panel-list-icon"><i class="ot-flaticon-place"></i></span>
                           <span class="panel-list-text">Shop no. 12, Girivihar Building, Jivdaya Lane, Ghatkopar West, Mumbai - 400086</span>
                        </li>
                        <li class="panel-list-item">
                           <span class="panel-list-icon"><i class="ot-flaticon-phone-call"></i></span>
                           <span class="panel-list-text">+91 8286488888</span>
                        </li>
                     </ul>
                  </div>
                  <div class="side-panel-social">
                     <ul>
                        <li><a href="https://www.facebook.com/SamarTheTravelExpert" target="_self"><i class="fab fa-facebook-f"></i></a></li>
                        <li><a href="https://www.instagram.com/samar_travels/" target="_self"><i class="fab fa-instagram"></i></a></li>
                     </ul>
                  </div>
               </div>
            </div>
         </div>
         <div id="content" class="site-content">
            <div id="rev_slider_one_wrapper" class="rev_slider_wrapper fullscreen-container" data-alias="mask-showcase" data-source="gallery">
               <!-- START REVOLUTION SLIDER 5.4.1 fullscreen mode -->
               <div id="rev_slider_two" class="rev_slider fullscreenbanner" style="display:none;" data-version="5.4.1">
                  <ul>
                     <!-- SLIDE 1 -->
                     <li data-index="rs-70" data-transition="fade" data-slotamount="default" data-hideafterloop="0" data-hideslideonmobile="off"  data-easein="default" data-easeout="default" data-masterspeed="300"  data-thumb="images/samar/Banner.webp"  data-rotate="0"  data-saveperformance="off"  data-title="" data-param1="1" data-param2="" data-param3="" data-param4="" data-param5="" data-param6="" data-param7="" data-param8="" data-param9="" data-param10="" data-description="">
                        <!-- MAIN IMAGE -->
                        <img src="images/samar/Banner.webp" data-bgcolor='rgba(255,255,255,0)' style='' alt="" data-bgposition="center center" data-bgfit="cover" data-bgrepeat="no-repeat" data-bgparallax="off" class="rev-slidebg" data-no-retina  style="filter: brightness(0.7);">
                        <!-- LAYER 1  right image overlay dark-->
                        <!-- LAYER 3  Thin text title-->
                        <div class="tp-bgimg defaultimg bannerlogo" data-bgcolor="undefined" src="images/samar/japanlogo.png"></div>
                        <div class="tp-caption tp-resizeme caption-big-2 desktophide" 
                           id="slide-70-layer-1" 
                           data-x="['center','center','center','center']" data-hoffset="['0','0','0','0']" 
                           data-y="['center','center','center','center']" data-voffset="['-38','-30','-30','-18']" 
                           data-fontsize="['150',142','110','70']"
                           data-lineheight="['150','130','110','70']"
                           data-fontweight="['200','200','200','200']"
                           data-color="['#fff','#fff','#fff','#fff']"
                           data-whitespace="nowrap"
                           data-type="text" 
                           data-responsive_offset="on" 
                           data-frames='[{"delay":0,"speed":1000,"frame":"0","from":"x:50px;opacity:0;","to":"o:1;","ease":"power3.inOut"},{"delay":"wait","speed":1000,"frame":"999","to":"x:50px;opacity:0;","ease":"power3.inOut"}]'
                           data-textAlign="['center','center','center','center']"
                           >Japan Group Tour 
                        </div>
                        <div class="tp-caption tp-resizeme caption-big-2 mobilehide" 
                           id="slide-70-layer-1" 
                           data-x="['center','center','center','center']" data-hoffset="['0','0','0','0']" 
                           data-y="['center','center','center','center']" data-voffset="['-38','-30','-30','-18']" 
                           data-fontsize="['150',142','110','70']"
                           data-lineheight="['150','130','110','70']"
                           data-fontweight="['200','200','200','200']"
                           data-color="['#fff','#fff','#fff','#fff']"
                           data-whitespace="nowrap"
                           data-type="text" 
                           data-responsive_offset="on" 
                           data-frames='[{"delay":0,"speed":1000,"frame":"0","from":"x:50px;opacity:0;","to":"o:1;","ease":"power3.inOut"},{"delay":"wait","speed":1000,"frame":"999","to":"x:50px;opacity:0;","ease":"power3.inOut"}]'
                           data-textAlign="['center','center','center','center']"
                           >Japan Group Tour
                        </div>
                        <!-- LAYER 4  Bold Title-->
                        <div class="tp-caption   tp-resizeme tp-desc-2 desktophide" 
                           id="slide-70-layer-6" 
                           data-x="['center','center','center','center']" data-hoffset="['0','0','0','0']" 
                           data-y="['center','center','center','center']" data-voffset="['60','58','50','35']"
                           data-fontsize="['18','18','16','16']"
                           data-lineheight="['20','20','16','16']"
                           data-color="['#fff','#fff','#fff','#fff']"
                           data-letterspacing="['8','8','8','8']"
                           data-fontweight="['300','300','300','300']"
                           data-whitespace="nowrap"
                           data-type="text" 
                           data-responsive_offset="on" 
                           data-frames='[{"delay":0,"speed":1000,"frame":"0","from":"x:50px;opacity:0;","to":"o:1;","ease":"power3.inOut"},{"delay":"wait","speed":1000,"frame":"999","to":"x:50px;opacity:0;","ease":"power3.inOut"}]'
                           data-textAlign="['center','center','center','center']"
                           > 8 Nights - 9 Days | 5,00,000 INR pp
                        </div>
                        <div class="tp-caption   tp-resizeme tp-desc-2 mobilehide" 
                           id="slide-70-layer-6" 
                           data-x="['center','center','center','center']" data-hoffset="['0','0','0','0']" 
                           data-y="['center','center','center','center']" data-voffset="['60','58','50','35']"
                           data-fontsize="['18','18','16','16']"
                           data-lineheight="['20','20','16','16']"
                           data-color="['#fff','#fff','#fff','#fff']"
                           data-letterspacing="['8','8','8','8']"
                           data-fontweight="['300','300','300','300']"
                           data-whitespace="nowrap"
                           data-type="text" 
                           data-responsive_offset="on" 
                           data-frames='[{"delay":0,"speed":1000,"frame":"0","from":"x:50px;opacity:0;","to":"o:1;","ease":"power3.inOut"},{"delay":"wait","speed":1000,"frame":"999","to":"x:50px;opacity:0;","ease":"power3.inOut"}]'
                           data-textAlign="['left','left','left','left']"
                           > 8 Nights - 9 Days | 3,40,000 INR pp
                        </div>
                        <!-- LAYER 5  Paragraph-->
                        <div class="tp-caption tp-resizeme" 
                           id="slide-70-layer-3" 
                           data-x="['left','left','left','left']" data-hoffset="['15','15','15','15']"
                           data-y="['top','top','top','top']" data-voffset="['420','279','271','235']" 
                           data-fontsize="['18','18','22','16']"
                           data-lineheight="['30','34','32','28']"
                           data-whitespace="nowrap"
                           data-type="text" 
                           data-responsive_offset="on" 
                           data-frames='[{"delay":2900,"speed":1000,"frame":"0","from":"x:50px;opacity:0;","to":"o:1;","ease":"power3.inOut"},{"delay":"wait","speed":1000,"frame":"999","to":"x:50px;opacity:0;","ease":"power3.inOut"}]'
                           data-textAlign="['left','left','left','left']"
                           >
                        </div>
                        <!-- LAYER 6  Read More-->
                        <div class="tp-caption rev-btn" 
                           id="slide-70-layer-4" 
                           data-x="['left','left','left','left']" data-hoffset="['15','15','15','15']"  
                           data-y="['top','top','top','top']" data-voffset="['525','385','370','320']"
                           data-lineheight="['18','18','16','16']"
                           data-width="none"
                           data-height="none"
                           data-whitespace="nowrap"   
                           data-responsive_offset="on" 
                           data-frames='[{"delay":3400,"speed":1000,"frame":"0","from":"x:50px;opacity:0;","to":"o:1;","ease":"power3.inOut"},{"delay":"wait","speed":1000,"frame":"999","to":"x:50px;opacity:0;","ease":"power3.inOut"}]'
                           data-textAlign="['center','center','center','center']"
                           data-paddingtop="[0,0,0,0]"
                           data-paddingright="[0,0,0,0]"
                           data-paddingbottom="[0,0,0,0]"
                           data-paddingleft="[0,0,0,0]"
                           >
                        </div>
                        <!--<div class="tp-bgimg defaultimg bannerlogo2" data-bgcolor="undefined" src="images/samar/samarlogolux.png"></div>-->
                     </li>
                  </ul>
               </div>
            </div>
            <section class="services-4" id="aboutus">
               <div class="container">
                  <div class="row">
                     <div class="col-md-12 text-center theratio-align-center">
                        <p class="abtmb">Over the last 10 years, Samar Travels has been doing more than just ticking destinations off bucket lists. We have touched 5000+ happy travellers, becoming a part of their story of joy, connection and discovery. Carrying on the Kaizen philosophy, the Japanese art of continuous improvement, we proudly introduce Samar Luxe, our luxury group tour division. More than a tour, it’s a promise of Comfort, Culture, Convenience, and Connection.<br>
                           Join us as we open the doors to unforgettable adventures with Samar Luxe - starting with Japan. Each journey is personally led and curated by Bhumik, who has explored Japan extensively, ensuring you discover not just sights, but soul-touching experiences.
                        </p>
                     </div>
                  </div>
               </div>
            </section>
            <section class="services-4" style="
               padding-top: 0px;
               padding-bottom:10px;
               " id="whyus">
               <div class="container">
                  <div class="row">
                     <div class="col-md-12 text-center theratio-align-center ">
                        <div class="ot-heading is-dots">
                           <h2 class="main-heading">Why Choose Us?</h2>
                        </div>
                        <div class="space-50"></div>
                     </div>
                  </div>
                  <div class="row justify-content-center iconspacingridmb">
                     <div class="col-xl-3 col-lg-3 col-md-3 col-sm-12">
                        <div class="icon-box icon-box--bg-img icon-box--icon-top icon-box--is-line-hover icon-bg-1 bg-classic-transparent text-center mb-30">
                           <div class="icon-main"><img src="images/samar/Comfort.png" alt=""></div>
                           <div class="content-box">
                              <h5>Comfort</h5>
                           </div>
                        </div>
                     </div>
                     <div class="col-xl-3 col-lg-3 col-md-3 col-sm-12">
                        <div class="icon-box icon-box--bg-img icon-box--icon-top icon-box--is-line-hover icon-bg-2 bg-classic-transparent text-center mb-30">
                           <div class="icon-main"><img src="images/samar/CONVENIENCE.png" alt=""></div>
                           <div class="content-box">
                              <h5>Convenience </h5>
                           </div>
                        </div>
                     </div>
                     <div class="col-xl-3 col-lg-3 col-md-3 col-sm-12">
                        <div class="icon-box icon-box--bg-img icon-box--icon-top icon-box--is-line-hover icon-bg-3 bg-classic-transparent text-center mb-30">
                           <div class="icon-main"><img src="images/samar/CULTURE.png" alt=""></div>
                           <div class="content-box">
                              <h5>Culture</h5>
                           </div>
                        </div>
                     </div>
                     <div class="col-xl-3 col-lg-3 col-md-3 col-sm-12">
                        <div class="icon-box icon-box--bg-img icon-box--icon-top icon-box--is-line-hover icon-bg-4 bg-classic-transparent text-center mb-30 mb-lg-0">
                           <div class="icon-main"><img src="images/samar/CONNECTION.png" alt=""></div>
                           <div class="content-box">
                              <h5>Connection</h5>
                           </div>
                        </div>
                     </div>
                  </div>
               </div>
            </section>
            <section class="section-team-list team-1" id="itinerary">
               <div class="container">
                  <div class="row">
                     <div class="col-lg-12 text-center theratio-align-center">
                        <div class="ot-heading is-dots">
                           <h2 class="main-heading">Day-wise Itinerary</h2>
                        </div>
                     </div>
                  </div>
               </div>
               <br><br>
               <div class="container-fluid">
                  <div class="row">
                     <div class="team-slider owl-theme owl-carousel">
                        <div class="team-item">
                           <div class="team-wrap">
                              <div class="team-thumb">
                                 <img src="images/samar/Day 1.png" alt="Christina Torres">
                              </div>
                              <div class="team-text-overlay">
                                 <div class="team-info dtable">
                                    <div class="dcell">
                                       <h4 class="m_name"><span class="smalldaytext">Day 1</span><br>Tokyo</h4>
                                    </div>
                                    <!--<div class="m_extra">
                                       <span>Flooring</span>
                                       </div>-->
                                 </div>
                              </div>
                           </div>
                        </div>
                        <div class="team-item">
                           <div class="team-wrap">
                              <div class="team-thumb">
                                 <img src="images/samar/Day 2.png" alt="Jesica Lina">
                              </div>
                              <div class="team-text-overlay">
                                 <div class="team-info dtable">
                                    <div class="dcell">
                                       <h4 class="m_name"><span class="smalldaytext">Day 2</span><br>Tokyo City Tour</h4>
                                    </div>
                                    <!--<div class="m_extra">
                                       <span>Flooring</span>
                                       </div>-->
                                 </div>
                              </div>
                           </div>
                        </div>
                        <div class="team-item">
                           <div class="team-wrap">
                              <div class="team-thumb">
                                 <img src="images/samar/Day 3.png" alt="Robert Cooper">
                              </div>
                              <div class="team-text-overlay">
                                 <div class="team-info dtable">
                                    <div class="dcell">
                                       <h4 class="m_name"><span class="smalldaytext">Day 3</span><br>Nikko Day Tour</h4>
                                    </div>
                                    <!--<div class="m_extra">
                                       <span>Flooring</span>
                                       </div>-->
                                 </div>
                              </div>
                           </div>
                        </div>
                        <div class="team-item">
                           <div class="team-wrap">
                              <div class="team-thumb">
                                 <img src="images/samar/Day 4.png" alt="Olivia Peterson">
                              </div>
                              <div class="team-text-overlay">
                                 <div class="team-info dtable">
                                    <div class="dcell">
                                       <h4 class="m_name"><span class="smalldaytext">Day 4</span><br>Buddhist Temple Stay</h4>
                                    </div>
                                    <!--<div class="m_extra">
                                       <span>Flooring</span>
                                       </div>-->
                                 </div>
                              </div>
                           </div>
                        </div>
                        <div class="team-item">
                           <div class="team-wrap">
                              <div class="team-thumb">
                                 <img src="images/samar/Day 5.png" alt="Amalia Bruno">
                              </div>
                              <div class="team-text-overlay">
                                 <div class="team-info dtable">
                                    <div class="dcell">
                                       <h4 class="m_name"><span class="smalldaytext">Day 5</span><br>MT. Fuji Tour</h4>
                                    </div>
                                    <!--<div class="m_extra">
                                       <span>Flooring</span>
                                       </div>-->
                                 </div>
                              </div>
                           </div>
                        </div>
                        <div class="team-item">
                           <div class="team-wrap">
                              <div class="team-thumb">
                                 <img src="images/samar/Day 6.png" alt="Katie Doyle">
                              </div>
                              <div class="team-text-overlay">
                                 <div class="team-info dtable">
                                    <div class="dcell">
                                       <h4 class="m_name"><span class="smalldaytext">Day 6</span><br>Hakone Day Tour</h4>
                                    </div>
                                    <!--<div class="m_extra">
                                       <span>Flooring</span>
                                       </div>-->
                                 </div>
                              </div>
                           </div>
                        </div>
                        <div class="team-item">
                           <div class="team-wrap">
                              <div class="team-thumb">
                                 <img src="images/samar/Day 7.png" alt="Andrew Kinzer">
                              </div>
                              <div class="team-text-overlay">
                                 <div class="team-info dtable">
                                    <div class="dcell">
                                       <h4 class="m_name"><span class="smalldaytext">Day 7</span><br>Kyoto Day Tour</h4>
                                    </div>
                                    <!--<div class="m_extra">
                                       <span>Flooring</span>
                                       </div>-->
                                 </div>
                              </div>
                           </div>
                        </div>
                        <div class="team-item">
                           <div class="team-wrap">
                              <div class="team-thumb">
                                 <img src="images/samar/Day 8.png" alt="Andrew Kinzer">
                              </div>
                              <div class="team-text-overlay">
                                 <div class="team-info dtable">
                                    <div class="dcell">
                                       <h4 class="m_name"><span class="smalldaytext">Day 8</span><br>Osaka & Nara Day Tour</h4>
                                    </div>
                                    <!--<div class="m_extra">
                                       <span>Flooring</span>
                                       </div>-->
                                 </div>
                              </div>
                           </div>
                        </div>
                        <div class="team-item">
                           <div class="team-wrap">
                              <div class="team-thumb">
                                 <img src="images/samar/Day 9.png" alt="Andrew Kinzer">
                              </div>
                              <div class="team-text-overlay">
                                 <div class="team-info dtable">
                                    <div class="dcell">
                                       <h4 class="m_name"><span class="smalldaytext">Day 9</span><br>Departure from Tokyo</h4>
                                    </div>
                                    <!--<div class="m_extra">
                                       <span>Flooring</span>
                                       </div>-->
                                 </div>
                              </div>
                           </div>
                        </div>
                     </div>
                  </div>
               </div>
            </section>
             <section class="services-4" style="
               padding-top: 0px;
               " id="whyus">
               <div class="container-fluid">
                  <div class="row">
                     <div class="col-md-12 text-center theratio-align-center ">
                        <div class="ot-heading is-dots">
                           <h2 class="main-heading">Key Differentiators</h2>
                        </div>
                        <div class="space-10"></div>
                     </div>
                  </div>
                  <div class="row justify-content-center">
                     <div class="col-xl-12 col-lg-12 col-md-12 col-sm-12">
                       <!-- Key Differentiators Section -->
<div class="samarlux-wrapper">
  <!--<div class="samarlux-box">-->
  <!--  <div class="samarlux-img">-->
  <!--    <img src="images/samar/Key1.png" alt="Utmost Comfort">-->
  <!--  </div>-->
  <!--  <h3>Utmost Comfort</h3>-->
  <!--  <p>With chauffer pick-up from your home in India.</p>-->
  <!--</div>-->

  <div class="samarlux-box">
    <div class="samarlux-img">
      <img src="images/samar/Key2.png" alt="Intricate Details">
    </div>
    <h3>Intricate Details</h3>
    <p>Kadak Masala Chai to awaken your soul.</p>
  </div>

  <div class="samarlux-box">
    <div class="samarlux-img">
      <img src="images/samar/Key3.png" alt="Customized Meals">
    </div>
    <h3>Customized Meals</h3>
    <p>Your favorite food item once during the tour.</p>
  </div>

  <div class="samarlux-box">
    <div class="samarlux-img">
      <img src="images/samar/Key4.png" alt="Cultural Experience">
    </div>
    <h3>Cultural Differentiator</h3>
    <p>Stay in a Traditional Japanese Buddhist Temple.</p>
  </div>

  <div class="samarlux-box">
    <div class="samarlux-img">
      <img src="images/samar/Key5.png" alt="Social Engagement">
    </div>
    <h3>Social Engagement</h3>
    <p>Laughter, play, and togetherness await.</p>
  </div>

  <div class="samarlux-box">
    <div class="samarlux-img">
      <img src="images/samar/Key6.png" alt="Connect with Nature">
    </div>
    <h3>Connect with Nature</h3>
    <p>A picnic at a beautiful garden.</p>
  </div>

  <div class="samarlux-box">
    <div class="samarlux-img">
      <img src="images/samar/Key9.png" alt="Sumo Experience">
    </div>
    <h3>Sumo Experience</h3>
    <p>Suit up in traditional Yukata and experience the art of Japan’s National Sport firsthand.</p>
  </div>

  <div class="samarlux-box">
    <div class="samarlux-img">
      <img src="images/samar/Key7.png" alt="Mission Happiness">
    </div>
    <h3>Mission Happiness</h3>
    <p>Trust Mr. Bhumík Kothari to turn your travels into cherished memories.</p>
  </div>
</div>


                     </div>
                     </div>
               </div>
            </section>
            <section class="cta" style="
               background: none;
               " id="gallery" style="
               padding-top: 30px;
               ">
               <div class="container">
                  <div class="row">
                     <div class="col-lg-12 mb-4 mb-lg-0" style="text-align:center;">
                         <h1 class="text-light mb-0 bannerbottomheading">Happy Clients</h1>
                     </div>
                  </div>
               </div>
            </section>
            <section class="our-portfolio" style="
    padding-top: 10px;
">
               <div class="container">
                  <div class="row">
                     <div class="col-lg-12 text-center theratio-align-center">
                        <div class="project-filter-wrapper">
                           <div class="projects-grid pf_2_cols style-4 img-popup img-scale w-auto">
                              <div class="grid-sizer"></div>
                              <div class="project-item category-19 ">
                                 <div class="projects-box">
                                    <div class="projects-thumbnail" data-src="images/samar/Group 1.webp">
                                       <a href="portfolio-standar.html">
                                       <img src="images/samar/Group 1.webp" alt="">
                                       </a>
                                       <div class="overlay">
                                          <i class="ot-flaticon-add"></i>
                                       </div>
                                    </div>
                                 </div>
                              </div>
                              <div class="project-item category-14 ">
                                 <div class="projects-box">
                                    <div class="projects-thumbnail" data-src="images/samar/Group 2.webp">
                                       <a href="portfolio-detail-slider.html">
                                       <img src="images/samar/Group 2.webp" alt="">
                                       </a>
                                       <div class="overlay">
                                          <i class="ot-flaticon-add"></i>
                                       </div>
                                    </div>
                                 </div>
                              </div>
                              <div class="project-item category-15 ">
                                 <div class="projects-box">
                                    <div class="projects-thumbnail" data-src="images/samar/Group 3.webp">
                                       <a href="portfolio-left.html">
                                       <img src="images/samar/Group 3.webp" alt="">
                                       </a>
                                       <div class="overlay">
                                          <i class="ot-flaticon-add"></i>
                                       </div>
                                    </div>
                                 </div>
                              </div>
                              <div class="project-item category-20 ">
                                 <div class="projects-box">
                                    <div class="projects-thumbnail" data-src="images/samar/Group 4.webp">
                                       <a href="portfolio-right.html">
                                       <img src="images/samar/Group 4.webp" alt="">
                                       </a>
                                       <div class="overlay">
                                          <i class="ot-flaticon-add"></i>
                                       </div>
                                    </div>
                                 </div>
                              </div>
                           </div>
                        </div>
                     </div>
                  </div>
               </div>
            </section>
            <!--<section class="cta-2">
               <div class="container">
                  <div class="row">
                     <div class="col-lg-12 text-center">
                        <h2>Unbeatable Travel Deals Await</h2>
                        <p>Save More, Explore More</p>
                        <div class="ot-button">
                           <a href="javascript:void(0)" class="open-markloadingpopup octf-btn octf-btn-light border-hover-light">GET A QUOTE</a>
                        </div>
                     </div>
                  </div>
               </div>
            </section>-->
            <!-- <div class="team-clients bg-dark-theratio" id="client">
               <div class="row">
                  <div class="col-lg-12 text-center theratio-align-center">
                     <div class="ot-heading is-dots">
                        <h2 class="main-heading" style="
                           font-size: 30px;
                           line-height: 38px;
                           ">Our Delighted Clients</h2>
                     </div>
                  </div>
               </div>
               <br><br>
               <div class="container-fluid">
                  <div class="row">
                     <div class="col-lg-12">
                        <div class="clients-slide owl-theme owl-carousel">
                           <div class="img-item">
                              <figure><img src="images/client1.svg" alt=""></figure>
                           </div>
                           <div class="img-item">
                              <figure><img src="images/client2.svg" alt=""></figure>
                           </div>
                           <div class="img-item">
                              <figure><img src="images/client3.svg" alt=""></figure>
                           </div>
                           <div class="img-item">
                              <figure><img src="images/client4.svg" alt=""></figure>
                           </div>
                           <div class="img-item">
                              <figure><img src="images/client5.svg" alt=""></figure>
                           </div>
                           <div class="img-item">
                              <figure><img src="images/client6.svg" alt=""></figure>
                           </div>
                           <div class="img-item">
                              <figure><img src="images/client1.svg" alt=""></figure>
                           </div>
                           <div class="img-item">
                              <figure><img src="images/client2.svg" alt=""></figure>
                           </div>
                           <div class="img-item">
                              <figure><img src="images/client3.svg" alt=""></figure>
                           </div>
                           <div class="img-item">
                              <figure><img src="images/client4.svg" alt=""></figure>
                           </div>
                           <div class="img-item">
                              <figure><img src="images/client5.svg" alt=""></figure>
                           </div>
                           <div class="img-item">
                              <figure><img src="images/client6.svg" alt=""></figure>
                           </div>
                        </div>
                     </div>
                  </div>
               </div>
               </div>-->
            <section class="testimonials-5" id="testimonial" style="
               padding-top: 0px;
               ">
               <div class="container">
                  <div class="row">
                     <div class="col-lg-12 text-center theratio-align-center">
                        <div class="ot-heading is-dots">
                           <h2 class="main-heading">Testimonials</h2>
                        </div>
                     </div>
                     <div class="col-lg-12">
                        <div class="space-20"></div>
                        <div class="ot-testimonials v-dark">
                           <div class="testimonial-inner testi-col-3 owl-theme owl-carousel">
                              <div class="testi-item">
                                <div class="ttext">
                                            <div class="layer-behind"></div>
                                            <span></span>
                                            "Thanks to Samar for making my Northern Lights dream come true so effortlessly. From the dates to stays and local guides everything was perfect. Glad I could make this memory with them!"                          
                                        </div>
                                        <div class="t-head flex-middle">
                                            <div class="tinfo">
                                                <h6>- Ananya Kothari</h6>
                                                </div>
                                        </div>
                              </div>
                              <div class="testi-item">
                                 <div class="ttext">
                                            <div class="layer-behind"></div>
                                            <span></span>
                                            "Perfect planned 30-day Europe trip for our friends group. Great thought of considering each of our personal favourite places and activities and planning the trip around it."                          
                                        </div>
                                        <div class="t-head flex-middle">
                                            <div class="tinfo">
                                                <h6>- Prachi & Harsh</h6>
                                                </div>
                                        </div>
                                        </div>
                               <div class="testi-item">
                                <div class="ttext">
                                            <div class="layer-behind"></div>
                                            <span></span>
                                            "Best 5th anniversary gift I could plan for my wife. Kudos to Samar team to make our Bali couple holiday so special with the added celebrations."                          
                                        </div>
                                        <div class="t-head flex-middle">
                                            <div class="tinfo">
                                                <h6>- Mehul Shah</h6>
                                                </div>
                                        </div>
                                       </div>
                              
                           </div>
                        </div>
                     </div>
                  </div>
               </div>
            </section>
            <section class="faq" id="faq" style="
               padding-top: 0px;
               ">
               <div class="container">
                  <div class="row">
                     <div class="col-md-12 text-center theratio-align-center">
                        <div class="ot-heading is-dots">
                           <h2 class="main-heading">FAQs</h2>
                        </div>
                     </div>
                     <div class="space-20"></div>
                     <div class="space-2"></div>
                  </div>
                  <div class="row">
                     <div class="col-lg-6 col-md-12 mb-5 mb-lg-0">
                        <div class="ot-accordions pr-4">
                            <div class="acc-item current">
                              <div class="acc-toggle flex-middle" data-default="yes">
                                 Can Samar Tours and Travels plan a trip for any destination around the globe?
                                 <span class="down"><i class="fas fa-plus"></i></span>
                                 <span class="up"><i class="fas fa-minus"></i></span>
                              </div>
                              <div class="acc-content active" style="display: block;">
                                 We can advise and create a trip for you anywhere in the world.
                              </div>
                           </div>
                           <div class="acc-item">
                              <div class="acc-toggle flex-middle" >
                                 What happens after I contact Samar Tours and Travels?
                                 <span class="down"><i class="fas fa-plus"></i></span>
                                 <span class="up"><i class="fas fa-minus"></i></span>
                              </div>
                              <div class="acc-content">
                                 You will receive an email or phone call within the next 24 hours explaining how we at Samar Tours and Travels can help you plan your dream trip with ease.
                              </div>
                           </div>
                           <div class="acc-item">
                              <div class="acc-toggle flex-middle">
                                 Who plans my trip?
                                 <span class="down"><i class="fas fa-plus"></i></span>
                                 <span class="up"><i class="fas fa-minus"></i></span>
                              </div>
                              <div class="acc-content">
                                 Your trip will be planned by one or more travel experts from Samar Tours and Travels. He/she will work with you interactively as the planning progresses.
                              </div>
                           </div>
                           <div class="acc-item">
                              <div class="acc-toggle flex-middle">
                                 How much time will it take to plan my vacation?
                                 <span class="down"><i class="fas fa-plus"></i></span>
                                 <span class="up"><i class="fas fa-minus"></i></span>
                              </div>
                              <div class="acc-content" style="">
                                 The time taken in planning a vacation will depend on the duration and the level of customisation required for the trip. It can take anywhere from 2 days to a week.
                              </div>
                           </div>
                           <div class="acc-item">
                              <div class="acc-toggle flex-middle">
                                 Can you arrange visas too?
                                 <span class="down"><i class="fas fa-plus"></i></span>
                                 <span class="up"><i class="fas fa-minus"></i></span>
                              </div>
                              <div class="acc-content" style="">
                                 Yes, We do arrange the visa.
                              </div>
                           </div>
                        </div>
                     </div>
                     <div class="col-lg-6 col-md-12">
                        <div class="ot-accordions pr-4">
                           <div class="acc-item current">
                              <div class="acc-toggle flex-middle" data-default="yes">
                                 How much does it cost?
                                 <span class="down"><i class="fas fa-plus"></i></span>
                                 <span class="up"><i class="fas fa-minus"></i></span>
                              </div>
                              <div class="acc-content active" style="display: block;">
                                 Please contact us for this important piece of information.
                              </div>
                           </div>
                           <div class="acc-item">
                              <div class="acc-toggle flex-middle">
                                 Will you also book my holiday?
                                 <span class="down"><i class="fas fa-plus"></i></span>
                                 <span class="up"><i class="fas fa-minus"></i></span>
                              </div>
                              <div class="acc-content">
                                 Yes, Samar Tours and Travels can book the full holiday or only certain components of the holiday depending on your preferences.
                              </div>
                           </div>
                           <div class="acc-item">
                              <div class="acc-toggle flex-middle">
                                What kind of customer service do you offer?
                                 <span class="down"><i class="fas fa-plus"></i></span>
                                 <span class="up"><i class="fas fa-minus"></i></span>
                              </div>
                              <div class="acc-content" style="">
                                 We want you to have a memorable vacation. Before and during the travel, it will be our goal to satisfy every requirement from you.
                              </div>
                           </div>
                          <div class="acc-item">
                              <div class="acc-toggle flex-middle">
                                 Is my information safe and secure with Samar Tours and Travels?
                                 <span class="down"><i class="fas fa-plus"></i></span>
                                 <span class="up"><i class="fas fa-minus"></i></span>
                              </div>
                              <div class="acc-content" style="">
                                 Of course. In this day and age, when much of our information is public, Samar Tours and Travels values your privacy. Be assured, that your information will never leave our internal database, nor will you receive any spam mail from a third party because of us.
                              </div>
                           </div>
                        </div>
                     </div>
                  </div>
               </div>
            </section>
         </div>
         <footer id="site-footer" class="site-footer" >
            <div class="container" id="contactus">
               <div class="row">
                  <div class="col-xl-4 col-lg-4 col-md-4 col-sm-12 mb-4 mb-xl-0">
                     <div class="widget-footer">
                        <img src="images/logo.png" class="footer-logo" alt="">
                        <p>Over the last 10 years, Samar Travels has been doing more than just ticking destinations off bucket lists. We have touched 5000+ happy travellers, becoming a part of their story of joy, connection and discovery.</p>
                     </div>
                  </div>
                  <div class="col-xl-4 col-lg-4 col-md-4 col-sm-12 mb-4 mb-xl-0">
                     <div class="widget-footer">
                        <h6>Contact</h6>
                        <ul class="footer-list">
                           <li class="footer-list-item">
                              <span class="list-item-icon"><i class="ot-flaticon-place"></i></span>
                              <span class="list-item-text">Shop no. 12, Girivihar Building, Jivdaya Lane, Ghatkopar West, Mumbai - 400086</span>
                           </li>
                           <li class="footer-list-item">
                              <span class="list-item-icon"><i class="ot-flaticon-mail"></i></span>
                              <span class="list-item-text">holidays@samarthetravelexpert.com</span>
                           </li>
                           <li class="footer-list-item">
                              <span class="list-item-icon"><i class="ot-flaticon-phone-call"></i></span>
                              <span class="list-item-text">+91 8286488888</span>
                           </li>
                        </ul>
                     </div>
                  </div>
                  <div class="col-xl-4 col-lg-4 col-md-4 col-sm-12 mb-4 mb-md-0">
                     <div class="widget-footer widget-contact">
                        <h6>Social Media</h6>
                        <div class="footer-social list-social">
                           <ul>
                              <li><a href="https://www.facebook.com/SamarTheTravelExpert" target="_self"><i class="fab fa-facebook-f"></i></a></li>
                              <li><a href="https://www.instagram.com/samar_travels/" target="_self"><i class="fab fa-instagram"></i></a></li>
                           </ul>
                        </div>
                     </div>
                  </div>
               </div>
            </div>
         </footer>
         <!-- #site-footer -->
         <div class="footer-bottom">
            <div class="container">
               <div class="row">
                  <div class="col-lg-12 col-md-12 mb-4 mb-lg-0">
                     <p>© 2025 Samar The Travel Expert All rights reserved.</p>
                  </div>
               </div>
            </div>
         </div>
      </div>
      <!-- #page -->
      <a id="back-to-top" href="#" class="show"><i class="ot-flaticon-left-arrow"></i></a>
      <!-- jQuery -->
      <script src="js/jquery.min.js"></script>
      <script src="js/mousewheel.min.js"></script>
      <script src="js/lightgallery-all.min.js"></script>
      <script src="js/jquery.magnific-popup.min.js"></script>
      <script src="js/jquery.isotope.min.js"></script>
      <script src="js/owl.carousel.min.js"></script>
      <script src="js/easypiechart.min.js"></script>
      <script src="js/jquery.countdown.min.js"></script>
      <script src="js/scripts.js"></script>
      <script src="js/royal_preloader.min.js"></script>
      <!-- REVOLUTION JS FILES -->
      <script  src="plugins/revolution/revolution/js/jquery.themepunch.tools.min.js"></script>
      <script  src="plugins/revolution/revolution/js/jquery.themepunch.revolution.min.js"></script>
      <!-- SLIDER REVOLUTION 5.0 EXTENSIONS  (Load Extensions only on Local File Systems !  The following part can be removed on Server for On Demand Loading) -->    
      <script  src="plugins/revolution/revolution/js/extensions/revolution-plugin.js"></script>
      <!-- REVOLUTION SLIDER SCRIPT FILES -->
      <script  src="js/rev-script-2.js"></script>
      <script>
         window.jQuery = window.$ = jQuery;  
         (function($) { "use strict";
             //Preloader
             Royal_Preloader.config({
                 mode           :   'progress',
                 background     :   '#000000',
             });
         })(jQuery);
      </script>  
      <script>
         const form = document.getElementById("markloadingpopup");
         
         function markloadingpopupClose() {
           form.style.display = "none";
         }
         
         const markForm = document.getElementById('markloadingpopupForm');
         const markSubmit = document.getElementById('markloadingpopup-submitBtn');
         
         // ✅ Only enable/disable submit button based on form validity
         markForm.addEventListener('input', () => {
           markSubmit.disabled = !markForm.checkValidity();
         });
         
         // ✅ Trigger open from multiple buttons
         document.querySelectorAll('.open-markloadingpopup').forEach(button => {
           button.addEventListener('click', () => {
             form.style.display = "flex";
           });
         });
         
         // ✅ Close popup when close button clicked (optional if you have a close button)
         const closeBtn = document.querySelector('.markloadingpopup-close');
         if(closeBtn){
             closeBtn.addEventListener('click', markloadingpopupClose);
         }
         
         // ✅ Auto popup after loader disappears + 2s delay
         window.addEventListener("load", () => {
           const waitForPreloaderToHide = () => {
             const loader = document.getElementById("royal_preloader");
         
             const isGone = !loader 
                 || loader.style.display === "none" 
                 || loader.classList.contains("loaded") 
                 || loader.classList.contains("hide");
         
             if (isGone) {
               setTimeout(() => { 
                 form.style.display = "flex"; 
               }, 2000);
             } else {
               setTimeout(waitForPreloaderToHide, 300);
             }
           };
         
           waitForPreloaderToHide();
          });
         
               
      </script>
   </body>
</html>