<footer>

            <!-- footer area start -->
             <div class="togo-footer-2-ptb pt-60" data-bg-color="#0F1B31">
               <div class="container">
                  <div class="togo-footer-2-main-wrapper black-style pb-10">
                     <div class="row">
                         <div class="col-lg-1"></div>
                        <div class="col-lg-2 col-sm-6">
                           <div class="togo-footer-widget mb-40 togo-footer-2-col-2">
                              <h4 class="togo-footer-widget-title mb-25">Quick Liinks</h4>
                              <div class="togo-footer-widget-menu">
                                 <ul>
                                    <li><a class="hover-line" href="about.php">About us</a></li>
                                    <li><a class="hover-line" href="blog.php">Blog</a></li>
                                    <li><a class="hover-line" href="contact.php">Contact Us</a></li>
                                 </ul>
                              </div>
                           </div>
                        </div>
                        <div class="col-lg-3 col-sm-6">
   <div class="togo-footer-widget mb-40 togo-footer-2-col-3">
      <h4 class="togo-footer-widget-title mb-25">Tour Packages</h4>

      <div class="togo-footer-widget-menu">
         <ul>
            <li>
               <a class="hover-line" href="#">
                  Kashmir Tour Package
               </a>
            </li>

            <li>
               <a class="hover-line" href="#">
                  Goa Holiday Package
               </a>
            </li>

            <li>
               <a class="hover-line" href="#">
                  Kerala Backwater Tour
               </a>
            </li>

            <li>
               <a class="hover-line" href="#">
                  Dubai Luxury Package
               </a>
            </li>

            <li>
               <a class="hover-line" href="#">
                  Bali Honeymoon Tour
               </a>
            </li>
         </ul>
      </div>
   </div>
</div>
                        <div class="col-lg-3 col-sm-6">
   <div class="togo-footer-widget mb-40 togo-footer-2-col-3">
      <h4 class="togo-footer-widget-title mb-25">Contact Us</h4>

      <div class="togo-contact-widget-add text-white">

         <!-- Phone -->
         <a href="tel:6133068859" class="text-white d-flex align-items-start mb-15">
            <span>
               <svg xmlns="http://www.w3.org/2000/svg" width="22" height="22" viewBox="0 0 22 22" fill="none">
                  <path d="M14.3 13.3113C12.1046 15.622 6.5045 10.0722 8.70828 7.75274C10.0538 6.33657 8.53383 4.71815 7.69249 3.52856C6.11347 1.29596 2.64707 4.37837 2.75235 6.33915C3.08433 12.5224 9.77308 19.8501 16.2502 19.2109C18.2765 19.011 20.6047 15.3516 18.2805 14.0142C17.1183 13.3454 15.523 12.0241 14.3 13.3113Z" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path>
               </svg>
            </span>&nbsp;
            &nbsp;+91 9676381515
         </a>

         <!-- Email -->
         <a href="mailto:info@jonahstravel.com" class="text-white d-flex align-items-start mb-15">
            <span>
               <svg xmlns="http://www.w3.org/2000/svg" width="22" height="22" viewBox="0 0 22 22" fill="none">
                  <path d="M1.83594 11C1.83594 7.54299 1.83594 5.81451 3.17836 4.74057C4.52079 3.66663 6.6814 3.66663 11.0026 3.66663C15.3238 3.66663 17.4844 3.66663 18.8268 4.74057C20.1693 5.81451 20.1693 7.54299 20.1693 11C20.1693 14.4569 20.1693 16.1854 18.8268 17.2594C17.4844 18.3333 15.3238 18.3333 11.0026 18.3333C6.6814 18.3333 4.52079 18.3333 3.17836 17.2594C1.83594 16.1854 1.83594 14.4569 1.83594 11Z" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path>
                  <path d="M18.9434 4.86768L14.5201 8.98251C12.8365 10.3855 11.9947 11.087 10.9991 11.087C10.0034 11.087 9.16162 10.3855 7.47804 8.98251L3.05469 4.86768" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path>
               </svg>
            </span>&nbsp;
            &nbsp;info@jonahstravel.com
         </a>

         <!-- Address -->
         <a herf="" class="text-white d-flex align-items-start mb-15">
            <span>
               <svg xmlns="http://www.w3.org/2000/svg" width="22" height="22" viewBox="0 0 24 24" fill="none">
                  <path d="M12 21s7-5.686 7-11a7 7 0 1 0-14 0c0 5.314 7 11 7 11Z" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
                  <circle cx="12" cy="10" r="2.5" stroke="currentColor" stroke-width="1.5"/>
               </svg>
            </span>&nbsp;
            &nbsp;House no 5-1 raji Reddy Nagar Champapet Hyderabad Telangana 500079
         </a>

      </div>
   </div>
</div>
                        <div class="col-lg-2 col-sm-6">
                           <div class="togo-footer-widget mb-40 togo-footer-2-col-4">
                              <h4 class="togo-footer-widget-title mb-28">Connect</h4>
                              <div class="togo-footer-2-social">
                                 <div class="togo-footer-2-social-item">
                                    <a href="#">
                                       <span>
                                          <svg xmlns="http://www.w3.org/2000/svg" width="13" height="20" viewBox="0 0 13 20" fill="none">
                                          <path d="M0.75 7.75V11.75H3.75V18.75H7.75V11.75H10.75L11.75 7.75H7.75V5.75C7.75 5.20533 8.20533 4.75 8.75 4.75H11.75V0.75H8.75C6.02667 0.75 3.75 3.02667 3.75 5.75V7.75H0.75Z" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
                                          </svg>
                                       </span>
                                       Facebook
                                    </a>
                                 </div>
                                 <div class="togo-footer-2-social-item">
                                    <a href="#">
                                       <span>
                                          <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none">
                                          <path d="M16.5 3H7.5C5.01472 3 3 5.01472 3 7.5V16.5C3 18.9853 5.01472 21 7.5 21H16.5C18.9853 21 21 18.9853 21 16.5V7.5C21 5.01472 18.9853 3 16.5 3Z" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
                                          <path d="M15.4621 11.4866C15.5701 12.2148 15.4457 12.9585 15.1067 13.612C14.7676 14.2654 14.2311 14.7953 13.5736 15.1263C12.916 15.4573 12.1708 15.5725 11.444 15.4555C10.7171 15.3386 10.0457 14.9954 9.52513 14.4749C9.00457 13.9543 8.66141 13.2829 8.54446 12.556C8.4275 11.8292 8.5427 11.084 8.87368 10.4264C9.20466 9.76886 9.73456 9.23238 10.388 8.89332C11.0415 8.55426 11.7852 8.42988 12.5134 8.53786C13.2562 8.64801 13.9439 8.99414 14.4749 9.52513C15.0059 10.0561 15.352 10.7438 15.4621 11.4866Z" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
                                          <path d="M17 6.5H17.5" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
                                          </svg>
                                       </span>
                                       Instagram
                                    </a>
                                 </div>
                              </div>
                           </div>
                        </div>
                     </div>
                  </div>
                  <div class="togo-footer-2-top-border">
                     <div class="row align-items-center">

   <!-- Copyright Left -->
   <div class="col-lg-6 col-md-6">
      <div class="togo-footer-copyright-text">
         <p>
            <a target="_blank" href="#" class="text-white">Jonahs Travels</a> © 2026 all rights reserved.
         </p>
      </div>
   </div>

   <!-- Powered Strip Center -->
   <div class="col-lg-6 col-md-6">

            <div class="powered-strip d-flex justify-content-center justify-content-md-start">
        <a class="pw-badge" href="https://www.royalitpark.com" target="_blank">
          <div class="pw-av">
            <div class="pw-ring"></div>
            <div class="pw-white"></div>
            <div class="pw-face">
              <svg viewBox="0 0 72 72" fill="none" xmlns="http://www.w3.org/2000/svg">
                <rect width="72" height="72" fill="#fef3c7"></rect>
                <path d="M0 72h72v-14c0-5-5-9-12-10l-24 8-24-8c-7 1-12 5-12 10z" fill="#4f46e5"></path>
                <g class="hand-l"><ellipse cx="18" cy="64" rx="6" ry="3.5" fill="#fbbf24"></ellipse></g>
                <g class="hand-r"><ellipse cx="54" cy="64" rx="6" ry="3.5" fill="#fbbf24"></ellipse></g>
                <g transform="translate(2,52)">
                  <path class="st1" d="M7 6 Q8 2 7 0" stroke="#9ca3af" stroke-width="1.2" stroke-linecap="round" fill="none"></path>
                  <path class="st2" d="M10 6 Q11 2 10 0" stroke="#9ca3af" stroke-width="1.2" stroke-linecap="round" fill="none"></path>
                  <path d="M4 8h12l-2 8H6l-2-8z" fill="#fff" stroke="#e5e7eb" stroke-width="0.8"></path>
                </g>
                <g class="head">
                  <g class="notif">
                    <rect x="44" y="7" width="16" height="9" rx="4.5" fill="#ef4444"></rect>
                    <text x="52" y="14" text-anchor="middle" font-size="5.5" fill="#fff" font-family="sans-serif" font-weight="700">NEW</text>
                  </g>
                  <rect x="29" y="40" width="14" height="9" rx="3" fill="#fbbf24"></rect>
                  <ellipse cx="36" cy="30" rx="16" ry="18" fill="#fbbf24"></ellipse>
                  <ellipse cx="20" cy="30" rx="3" ry="3.8" fill="#f59e0b"></ellipse>
                  <ellipse cx="52" cy="30" rx="3" ry="3.8" fill="#f59e0b"></ellipse>
                  <path d="M20 25C20 13 26 7 36 7s16 6 16 18" fill="#1e293b"></path>
                  <rect x="20" y="23" width="4" height="12" rx="2" fill="#1e293b"></rect>
                  <rect x="48" y="23" width="4" height="12" rx="2" fill="#1e293b"></rect>
                  <rect x="21" y="27" width="12" height="8" rx="4" stroke="#374151" stroke-width="2" fill="none"></rect>
                  <rect x="21" y="27" width="12" height="8" rx="4" class="glass-fill"></rect>
                  <rect x="39" y="27" width="12" height="8" rx="4" stroke="#374151" stroke-width="2" fill="none"></rect>
                  <rect x="39" y="27" width="12" height="8" rx="4" class="glass-fill"></rect>
                  <line x1="33" y1="31" x2="39" y2="31" stroke="#374151" stroke-width="2"></line>
                  <line x1="19" y1="31" x2="21" y2="31" stroke="#374151" stroke-width="2"></line>
                  <line x1="51" y1="31" x2="53" y2="31" stroke="#374151" stroke-width="2"></line>
                  <ellipse cx="25" cy="29" rx="2.5" ry="1.5" fill="#fff" opacity="0.5" transform="rotate(-20 25 29)"></ellipse>
                  <g class="eye"><ellipse cx="27" cy="31" rx="2.5" ry="2.8" fill="#1e293b"></ellipse><circle cx="28" cy="30" r="0.9" fill="#fff"></circle></g>
                  <g class="eye2"><ellipse cx="45" cy="31" rx="2.5" ry="2.8" fill="#1e293b"></ellipse><circle cx="46" cy="30" r="0.9" fill="#fff"></circle></g>
                  <path d="M23 25.5c1.5-1.5 5-1.8 7-0.8" stroke="#1e293b" stroke-width="1.8" stroke-linecap="round" fill="none"></path>
                  <path d="M41 24.7c2-1 5.5-0.7 7 0.8" stroke="#1e293b" stroke-width="1.8" stroke-linecap="round" fill="none"></path>
                  <ellipse cx="23" cy="36" rx="4" ry="2.5" fill="#fca5a5" opacity="0.5"></ellipse>
                  <ellipse cx="49" cy="36" rx="4" ry="2.5" fill="#fca5a5" opacity="0.5"></ellipse>
                  <path d="M26 38c2 4.5 18 4.5 20 0" stroke="#92400e" stroke-width="2" stroke-linecap="round" fill="none"></path>
                  <path d="M26.5 38.5c2 3 17 3 19 0" fill="#fff" opacity="0.4"></path>
                </g>
              </svg>
            </div>
          </div>
          <div class="pw-text">
            <div class="pw-by">Powered by</div>
            <div class="pw-name">
              <span class="pw-royal">Royal </span><span class="pw-it">IT </span><span class="pw-park">Park</span>
            </div>
          </div>
        </a>
      </div>

   </div>

</div>
             </div>
            <!-- footer area end -->

         </footer>

      </div>
   </div>
   
<div class="social-sidebar">
    <ul>
        <li>
            <a href="https://instagram.com" target="_blank" class="instagram">
                <i class="fab fa-instagram"></i>
            </a>
        </li>
        <li>
            <a href="https://linkedin.com" target="_blank" class="linkedin">
                <i class="fab fa-linkedin-in"></i>
            </a>
        </li>
        <li>
            <a href="https://wa.me/" target="_blank" class="whatsapp">
                <i class="fab fa-whatsapp"></i>
            </a>
        </li>
    </ul>
</div>


   
   <style>
   
   .social-sidebar {
    position: fixed;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    z-index: 999;
}

.social-sidebar ul {
    list-style: none;
    margin: 0;
    padding: 0;
}

.social-sidebar li {
    margin-bottom: 4px;
}

.social-sidebar li a {
    width: 50px;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 8px 0 0 8px;
    text-decoration: none;
    color: #fff;
    font-size: 22px;
    box-shadow: 0 3px 10px rgba(0,0,0,.18);
    transition: all .3s ease;
}

/*.social-sidebar li a:hover {*/
/*    width: 60px;*/
/*}*/

.social-sidebar .instagram {
    background: linear-gradient(135deg,#f09433,#e6683c 25%,#dc2743 50%,#cc2366 75%,#bc1888);
}

.social-sidebar .linkedin {
    background: #0A66C2;
}

.social-sidebar .whatsapp {
    background: #25D366;
}

       /* ── POWERED BY BADGE ── */
.powered-strip{padding:20px;display:flex;align-items:center;justify-content:center;position:relative;z-index:1}
.pw-badge{display:inline-flex;align-items:center;gap:10px;padding:10px 36px 10px 10px;border-radius:100px;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.08);cursor:pointer;transition:all .3s ease;text-decoration:none}
.pw-badge:hover{background:rgba(255,255,255,.08);border-color:rgba(99,102,241,.3);transform:translateY(-2px);box-shadow:0 8px 32px rgba(99,102,241,.15)}
.pw-av{width:44px;height:44px;border-radius:50%;flex-shrink:0;position:relative}
.pw-ring{position:absolute;inset:0;border-radius:50%;background:conic-gradient(#f97316,#ef4444,#fbbf24,#f97316);animation:spinRing 5s linear infinite}
@keyframes spinRing{from{transform:rotate(0deg)}to{transform:rotate(360deg)}}
.pw-white{position:absolute;inset:4px;border-radius:50%;background:rgba(255,255,255,.06);z-index:1}
.pw-face{position:absolute;inset:7px;border-radius:50%;background:#fef3c7;z-index:2;overflow:hidden}
.pw-face svg{width:100%;height:100%;display:block}
.pw-text{display:flex;flex-direction:column;gap:1px}
.pw-by{font-size:10px;color:rgba(255,255,255,.3);letter-spacing:3px;text-transform:uppercase;font-weight:400;font-family:'Jost',sans-serif}
.pw-name{font-size:18px;font-weight:800;letter-spacing:-.8px;line-height:1;white-space:nowrap;font-family:'Playfair Display',serif}
.pw-royal{color:#fff}
.pw-it{color:#818cf8}
.pw-park{color:#fff}
.pw-sub{font-size:10px;color:rgba(255,255,255,.2);letter-spacing:1px;margin-top:2px}

/* Face animations */
@keyframes headBob{0%,100%{transform:translateY(0)}50%{transform:translateY(-2px)}}
.head{animation:headBob 2.5s ease-in-out infinite}
@keyframes blink{0%,92%,100%{transform:scaleY(1)}96%{transform:scaleY(.08)}}
.eye{transform-origin:center;animation:blink 4s ease-in-out infinite}
.eye2{transform-origin:center;animation:blink 4s ease-in-out infinite .1s}
@keyframes glassGlow{0%,100%{fill:rgba(186,230,253,.35)}50%{fill:rgba(186,230,253,.8)}}
.glass-fill{animation:glassGlow 2s ease-in-out infinite}
@keyframes typeL{0%,100%{transform:translateY(0)}50%{transform:translateY(-3px)}}
@keyframes typeR{0%,100%{transform:translateY(0)}50%{transform:translateY(-3px)}}
.hand-l{animation:typeL .5s ease-in-out infinite}
.hand-r{animation:typeR .5s ease-in-out infinite .25s}
@keyframes steam{0%,100%{opacity:0;transform:translateY(0)}50%{opacity:.6;transform:translateY(-5px)}}
.st1{animation:steam 1.5s ease-in-out infinite}
.st2{animation:steam 1.5s ease-in-out infinite .5s}
@keyframes notif{0%,70%,100%{opacity:0;transform:scale(0)}75%{opacity:1;transform:scale(1.1)}95%{opacity:1;transform:scale(1)}}
.notif{animation:notif 6s ease-in-out infinite 2s}

/* ── RESPONSIVE OVERRIDES ── */
@media(max-width:1100px){
  .story-img{min-height:400px}
  .team-grid{grid-template-columns:1fr 1fr}
}
@media(max-width:768px){
  .val-grid{grid-template-columns:1fr}
  .stats-strip .row>div{border-right:none;border-bottom:1px solid rgba(196,149,58,.08)}
  .stats-strip .row>div:last-child{border-bottom:none}
  .team-grid{grid-template-columns:1fr}
  .story-body{padding:48px 6vw}
}
@media(max-width:560px){
  .sec-pad{padding:60px 6vw}
  .pg-hero{padding:120px 5vw 80px}
}
   </style>

   <!-- JS here -->
   <script src="assets/js/vendor/jquery.js"></script>
   <script src="assets/js/bootstrap-bundle.js"></script>
   <script src="assets/js/swiper-bundle.js"></script>
   <script src="assets/js/magnific-popup.js"></script>
   <script src="assets/js/nice-select.js"></script>
   <script src="assets/js/purecounter.js"></script>
   <script src="assets/js/fecha.js"></script>
   <script src="assets/js/hotel-datepicker.js"></script>
   <script src="assets/js/incluid-bundle.js"></script>
   <script src="assets/js/scripts.js"></script>

</body>


</html>