It looks like this is a web page, not a feed. I looked for a feed associated with this page, but couldn't find one. Please enter the address of your feed to validate.

Source: https://vivarabali.com

  1. <!DOCTYPE html>
  2. <html lang="en">
  3. <head>
  4.    <meta charset="UTF-8">
  5.    <meta name="viewport" content="width=device-width, initial-scale=1.0">
  6.    <title>Vivara Private Pool Villas & Spa Retreat - Welcome to Vivara Bali</title>
  7.    <meta name="description" content="">
  8.    <meta name="title" content="">
  9.    <meta name="author" content="Winter CMS">
  10.    <link rel="shortcut icon" href="https://vivarabali.com/themes/mindimedia/assets/images/favicon.png" type="image/x-icon">
  11.    <link rel="stylesheet" href="https://vivarabali.com/themes/mindimedia/assets/css/style.css">
  12.    <link rel="stylesheet" href="https://vivarabali.com/themes/mindimedia/assets/css/responsive.css">
  13.    <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-QWTKZyjpPEjISv5WaRU9OFeRpok6YctnYmDr5pNlyT2bRjXh0JMhjY6hW+ALEwIH" crossorigin="anonymous">
  14.    <!-- <script src="https://unpkg.com/@phosphor-icons/web"></script> -->
  15.    <script src="https://unpkg.com/@phosphor-icons/web@2.1.1"></script>
  16.    <!-- Font  -->
  17.    <link rel="preconnect" href="https://fonts.googleapis.com">
  18.    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
  19.    <link href="https://fonts.googleapis.com/css2?family=Gotu&display=swap" rel="stylesheet">
  20.    <link href="https://fonts.googleapis.com/css2?family=Dancing+Script&display=swap" rel="stylesheet">
  21.    <link href="https://fonts.googleapis.com/css2?family=Poppins:wght@100;200;300;400;500;600;700;800;900&display=swap" rel="stylesheet">
  22.    <!-- Swiper  -->
  23.    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/swiper@11/swiper-bundle.min.css"/>
  24.    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@fancyapps/ui@5.0/dist/fancybox/fancybox.css"/>
  25.    
  26.    <!-- Google tag (gtag.js) -->
  27.    <script async src="https://www.googletagmanager.com/gtag/js?id=G-B6ZCPH5THY"></script>
  28.    <script>
  29.        window.dataLayer = window.dataLayer || [];
  30.        function gtag(){dataLayer.push(arguments);}
  31.        gtag('js', new Date());
  32.        gtag('config', 'G-B6ZCPH5THY');
  33.    </script>
  34. </head>
  35. <body>
  36.    
  37.    <header class="fixed-top dekstop transparent d-none d-sm-block">
  38.    <!-- Announcement -->
  39.   <!-- <div class="anno px-2 pt-2 border border-danger" style="background-color:#fff;">
  40.       <div class="container-fluid row">
  41.           <div class="col-md-11 gotu-font">
  42.               <p style="font-size:20px; font-weight:600;">
  43.                   Nyepi Day Notice
  44.               </p>
  45.               <p>
  46.                   We would like to inform you about the upcoming Nyepi Day – a sacred Balinese Hindu celebration marking the Saka New Year. This year, Caka Year 1947 will fall on Saturday, 29th March 2025, and we would like to share some important details about this special day, as well as the guidelines that must be observed during the celebration. Please click <a href="https://www.vivarabali.com/storage/app/media/Day%20of%20Silence%20%20Nyepi%20Day.pdf" target="_blank">this link</a> for further information.
  47.               </p>
  48.           </div>
  49.           <div class="col-md-1 d-flex justify-content-center">
  50.               <button type="button" class="btn-close close-anno" aria-label="Close"></button>
  51.           </div>
  52.       </div>
  53.   </div> -->
  54.    
  55.    <nav class="container-fluid">
  56.        <div class="row">
  57.            <div class="col-md-12">
  58.                <img src="https://vivarabali.com/themes/mindimedia/assets/images/logo.png" alt="Vivara Bali" class="logo-nav">
  59.            </div>
  60.            <div class="col-md-12 p-0">
  61.                <ul class="gotu-font">
  62.                    <li><a href="https://vivarabali.com/" class="text-uppercase">Home</a></li>
  63.                    <li><a href="https://vivarabali.com/villas" class="text-uppercase">Villas</a></li>
  64.                    <li><a href="https://vivarabali.com/special-offers" class="text-uppercase">Special Offers</a></li>
  65.                    <li><a href="https://vivarabali.com/facilities" class="text-uppercase">Facilities</a></li>
  66.                    <li><a href="https://vivarabali.com/wedding" class="text-uppercase">Weddings & Events</a></li>
  67.                    <li><a href="https://vivarabali.com/dining" class="text-uppercase">Dining</a></li>
  68.                    <li><a href="https://vivarabali.com/wellness" class="text-uppercase">Spa & Wellness</a></li>
  69.                    <li><a href="https://vivarabali.com/experiences/what-to-do" class="text-uppercase">Experiences</a></li>
  70.                    <!-- <li class="dropdown dropdown-hover">
  71.                      <a class="dropdown-toggle text-uppercase" href="#" role="button" data-bs-toggle="dropdown" aria-expanded="false">
  72.                        Experience
  73.                      </a>
  74.                      <ul class="dropdown-menu">
  75.                        <li><a class="dropdown-item text-uppercase" href="">What To Do</a></li>
  76.                        <li><a class="dropdown-item text-uppercase" href="">Where To Go</a></li>
  77.                      </ul>
  78.                    </li> -->
  79.                    <li><a href="https://vivarabali.com/gallery" class="text-uppercase">Gallery</a></li>
  80.                    <li><a href="https://vivarabali.com/contact-us" class="text-uppercase">Contact Us</a></li>
  81.                    <li><a href="https://www.swiftbook.io/inst/#home?propertyId=363MjYgmTDYfmgzMgw1u9oQtzMTE=&amp;JDRN=Y" target="_blank" class="link-book text-uppercase border px-2 ">Book Now</a></li>
  82.                </ul>
  83.            </div>
  84.        </div>
  85.    </nav>
  86. </header>
  87.  
  88.  
  89. <!-- HAMBURGER MENU -->
  90. <header class="fixed-top primary-navigation mobile d-block d-sm-none bg-trans">
  91.  
  92.  <!-- Announcement -->
  93. <!--   <div class="anno px-1 pt-1 border border-danger" style="background-color:#fff;">
  94.     <div class="container-fluid row">
  95.         <div class="col-11 gotu-font">
  96.             <p style="font-size:16px; font-weight:600;">
  97.                 Nyepi Day Notice
  98.             </p>
  99.             <p style="font-size:12px;">
  100.                 We would like to inform you about the upcoming Nyepi Day – a sacred Balinese Hindu celebration marking the Saka New Year. This year, Caka Year 1947 will fall on Saturday, 29th March 2025, and we would like to share some important details about this special day, as well as the guidelines that must be observed during the celebration. Please click <a href="https://www.vivarabali.com/storage/app/media/Day%20of%20Silence%20%20Nyepi%20Day.pdf" target="_blank">this link</a> for further information.
  101.             </p>
  102.         </div>
  103.         <div class="col-1 d-flex justify-content-center">
  104.             <button type="button" class="btn-close close-anno" aria-label="Close"></button>
  105.         </div>
  106.     </div>
  107. </div> -->
  108.  <nav class="navigation">
  109.    <div class="container d-flex justify-content-between py-3">
  110.        <div class="left-side">
  111.        </div>
  112.        <div class="center-side">
  113.          <img src="https://vivarabali.com/themes/mindimedia/assets/images/logo.png" alt="" class="logo-nav">
  114.        </div>
  115.        <div class="right-side d-flex align-items-center justify-content-end">
  116.          <div class="hamburger-menu" id="hamburger-menu">
  117.            <div class="menu-bar1"></div>
  118.            <div class="menu-bar2"></div>
  119.            <div class="menu-bar3"></div>
  120.          </div>
  121.        </div>
  122.    </div>
  123.  </nav>
  124. </header>
  125. <!-- MENU OVERLAY -->
  126. <div class="overlay overlay-slide-left" id="overlay">
  127.  <!-- MENU ITEMS -->
  128.  <ul class="gotu-font">
  129.    <li><a href="https://vivarabali.com/"> <p class="font-title">Home</p></a></li>
  130.    <li><a href="https://vivarabali.com/villas"> <p class="font-title">Villas</p></a></li>
  131.    <li><a href="https://vivarabali.com/special-offers"> <p class="font-title">Special Offers</p></a></li>
  132.    <li><a href="https://vivarabali.com/facilities"> <p class="font-title">Facilities</p></a></li>
  133.    <li><a href="https://vivarabali.com/wedding"> <p class="font-title">Wedding</p></a></li>
  134.    <li><a href="https://vivarabali.com/dining"> <p class="font-title">Dining</p></a></li>
  135.    <li><a href="https://vivarabali.com/wellness"> <p class="font-title">Spa & Wellness</p></a></li>
  136.        <li><a href="https://vivarabali.com/experiences/what-to-do"> <p class="font-title">Experiences</p></a></li>
  137.    <!-- <li class="position-relative">
  138.      <a><p class="font-title text-white" data-ui-toggle="my-dropdown">Experiences</p></a>
  139.      <div data-ui-dropdown class="ui-dropdown" hidden id="my-dropdown">
  140.        <a href="#" class="ui-dropdown-item" data-ui-dropdown-item>What To Do</a>
  141.        <a href="#" class="ui-dropdown-item" data-ui-dropdown-item>Where To Go</a>
  142.      </div>
  143.    </li> -->
  144.  
  145.    <!-- <button class="" data-ui-toggle="my-dropdown">Experience</button> -->
  146.  
  147.    <li><a href="https://vivarabali.com/gallery"> <p class="font-title">Gallery</p></a></li>
  148.    <li><a href="https://vivarabali.com/contact-us"> <p class="font-title">Contact Us</p></a></li>
  149.  </ul>
  150.  <div class="container fixed-bottom">
  151.    <div class="row">
  152.      <div class="col-md-12 poppin-font mb-5 pb-5 px-4">
  153.        <p class="text-center mb-0"><a href="" class="text-white">Jalan Karang Mas Sejahtera, Jimbaran-Bali 80361 Indonesia</a></p>
  154.        <p class="text-center mb-0"><a href="" class="text-white">reservation@vivarabali.com</a></p>
  155.        <p class="text-center mb-0"><a href="" class="text-white">+62-361-472-4977</a></p>
  156.        <p class="text-center mb-0"><a href="" class="text-white">+62-812-4619-5559</a></p>
  157.      </div>
  158.    </div>
  159.  </div>
  160. </div>
  161.  
  162.  
  163. <div id="mobile-booknow" class="fixed-bottom left-0 right-0 d-block d-sm-none">
  164.  <a href="https://www.swiftbook.io/inst/#home?propertyId=363MjYgmTDYfmgzMgw1u9oQtzMTE=&amp;promoCode=M" target="_blank" class="primary-font text-uppercase"><i class="ph ph-calendar-dots"></i> Check Availability</a>
  165. </div>
  166.  
  167. <style>
  168.  #mobile-booknow{
  169.    box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
  170.  }
  171.  #mobile-booknow a{
  172.    background-color: #A88E3A;
  173.    text-align: center;
  174.    width: 100%;
  175.    display: block;
  176.    padding-top: 15px;
  177.    padding-bottom: 20px;
  178.    color: #fff;
  179.  }
  180.  .ui-dropdown{
  181.    position: absolute;
  182.    top: 10px;
  183.  }
  184. </style>
  185.  
  186. <!-- Announcement -->
  187. <!-- <script>
  188. document.addEventListener("DOMContentLoaded", function () {
  189.    document.querySelectorAll(".close-anno").forEach(function (btn) {
  190.        btn.addEventListener("click", function () {
  191.            btn.closest(".anno").style.display = "none";
  192.        });
  193.    });
  194. });
  195. </script> -->    <!-- Modal -->
  196. <div class="modal fade" id="BannerPopUp" tabindex="-1" aria-labelledby="exampleModalLabel" aria-hidden="true">
  197.  
  198.        <div class="modal-dialog modal-dialog-centered modal-lg">
  199.      <div class="modal-content">
  200.        <div class="modal-body p-0">
  201.          <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
  202.          <!-- <a href="" target="_blank">
  203.              <img src="https://cicadaresort.com/storage/app/media/Popup%20Banner/pop%20up%20festive%20room%20package%202.jpg" class="img-fluid w-100">
  204.          </a> -->
  205.          <div class="swiper mySwiper">
  206.            <div class="swiper-wrapper">
  207.            
  208.             <!-- <div class="swiper-slide">
  209.                <a href="https://wa.me/6281246195559">
  210.                    <img src="https://vivarabali.com/storage/app/media/popup/nyepi-package-29-march-2025-vivara-villas-bali-297-x-210-mmpage-0001.webp" class="img-fluid w-100">
  211.                </a>
  212.              </div> -->
  213.              <div class="swiper-slide">
  214.                <a href="https://wa.me/6281246195559">
  215.                    <img src="https://www.vivarabali.com/storage/app/media/popup/new-desktop-1.webp" class="img-fluid w-100">
  216.                </a>
  217.              </div>
  218.              <div class="swiper-slide">
  219.                <a href="https://wa.me/6281246195559">
  220.                    <img src="https://www.vivarabali.com/storage/app/media/popup/new-desktop-2.webp" class="img-fluid w-100">
  221.                </a>
  222.              </div>
  223.              
  224.              <div class="swiper-slide">
  225.                <a href="https://vivarabali.com/special-offers">
  226.                    <img src="https://www.vivarabali.com/storage/app/media/8-10Vivara%20banner%20-%20Desktop.webp" class="img-fluid w-100">
  227.                </a>
  228.              </div>
  229.              
  230.              <div class="swiper-slide">
  231.                <a href="https://www.swiftbook.io/inst/#home?propertyId=363MjYgmTDYfmgzMgw1u9oQtzMTE=&amp;JDRN=Y" target="_blank">
  232.                    <img src="https://www.vivarabali.com/storage/app/media/popup/Vivara%20banner%20-%20Desktop.webp" class="img-fluid w-100">
  233.                </a>
  234.              </div>
  235.              
  236.            
  237.              
  238.            </div>
  239.            <div class="swiper-button-next"></div>
  240.            <div class="swiper-button-prev"></div>
  241.          </div>
  242.        </div>
  243.      </div>
  244.    </div>
  245.      </div>
  246.  
  247.  <style>
  248.      #BannerPopUp .btn-close{
  249.          color: #000;
  250.          text-decoration: none;
  251.          opacity: 1;
  252.          position: absolute;
  253.          right: 1%;
  254.          top: 1%;
  255.          background-color: rgba(255,255,255, 0.5);
  256.          border-radius: 100%;
  257.          padding:5px;
  258.          z-index: 5;
  259.      }
  260.  
  261.      .modal-content{
  262.        background: none;
  263.      }
  264.  
  265.      #BannerPopUp .swiper-button-next,
  266.      #BannerPopUp .swiper-button-prev{
  267.        color: #d3b143 !important;
  268.      }
  269.  </style>
  270.  
  271.  <section id="home-hero" class="position-relative" style="height:100vh;">
  272.    <div class="video-overlay w-100 h-100 position-absolute top-0 start-0 z-1" style="background: rgb(2,0,36); background: linear-gradient(180deg, rgba(2,0,36,0.7063200280112045) 0%, rgba(0,0,0,0.4458158263305322) 40%);"></div>
  273.    <video autoplay loop muted class="w-100 h-100 position-absolute top-0 start-0 object-fit-cover">
  274.      <source src="https://vivarabali.com/themes/mindimedia/assets/videos/vivara-videoresize.webm" type="video/webm">
  275.      Fallback jika video tidak didukung
  276.      Your browser does not support the video tag.
  277.    </video>
  278.    <!-- <div class="swiper mySwiperHero">
  279.        <div class="swiper-wrapper">
  280.          <div class="swiper-slide position-relative">
  281.            <img src="https://vivarabali.com/themes/mindimedia/assets/images/homepage/slide1.webp" alt="Vivara Bali">
  282.            <div class="cover">
  283.            </div>
  284.          </div>
  285.          <div class="swiper-slide position-relative">
  286.            <img src="https://vivarabali.com/themes/mindimedia/assets/images/homepage/slide2.webp" alt="Vivara Bali">
  287.            <div class="cover">
  288.            </div>
  289.          </div>
  290.          <div class="swiper-slide position-relative">
  291.            <img src="https://vivarabali.com/themes/mindimedia/assets/images/homepage/slide3.webp" alt="Vivara Bali">
  292.            <div class="cover">
  293.            </div>
  294.          </div>
  295.          <div class="swiper-slide position-relative">
  296.            <img src="https://vivarabali.com/themes/mindimedia/assets/images/homepage/slide4.webp" alt="Vivara Bali">
  297.            <div class="cover">
  298.            </div>
  299.          </div>
  300.        </div>
  301.        <div class="swiper-pagination swiper-pagination-hero"></div>
  302.        <div class="autoplay-progress">
  303.            <svg viewBox="0 0 48 48">
  304.              <circle cx="24" cy="24" r="20"></circle>
  305.            </svg>
  306.            <span></span>
  307.        </div>
  308.      </div> -->
  309. </section>
  310.  
  311. <section id="home-about" class="">
  312.    <div class="container">
  313.        <div class="row justify-content-evenly align-items-center">
  314.            <div class="col-md-5">
  315.                <p class="gotu-font fs-3">Realize Your Luxury Holiday Desires at Vivara Bali: Private Pools, Unparalleled Comfort, and Serenity!</p>
  316.                <p class="poppin-font">Each villa at Vivara Bali is meticulously designed to exude elegance and comfort, featuring spacious living areas, serene bedrooms, and private outdoor spaces with refreshing pools. Guests can unwind in style amidst lush tropical gardens and breathtaking views, immersing themselves in the serene ambiance of Bali's natural landscape.</p>
  317.                <div class="my-5">
  318.                    <a href="https://vivarabali.com/villas" class="btn-rounded">See all Accommodation</a>
  319.                </div>
  320.            </div>
  321.            <div class="col-md-5 border-start">
  322.                <div class="frame-square">
  323.                    <img src="https://vivarabali.com/themes/mindimedia/assets/images/homepage/main.webp" alt="Vivara Bali">
  324.                </div>
  325.            </div>
  326.        </div>
  327.    </div>
  328. </section>
  329.  
  330. <section id="home-headline">
  331.    <div class="container">
  332.        <div class="row">
  333.            <div class="col-md-12">
  334.                <div class="swiper mySwiperHeadline">
  335.                    <div class="swiper-wrapper">
  336.                        <div class="swiper-slide">
  337.                            <i class="ph ph-car"></i>
  338.                            <p class="poppin-font">Free Shuttle to Jimbaran Beach</p>
  339.                        </div>
  340.                        <div class="swiper-slide">
  341.                            <i class="ph ph-cheers"></i>
  342.                            <p class="poppin-font">Drop to Rock Bar (at Ayana)</p>
  343.                        </div>
  344.                        <div class="swiper-slide">
  345.                            <i class="ph ph-island"></i>
  346.                            <p class="poppin-font">Drop to Locca Sea House Beach Club</p>
  347.                        </div>
  348.                        <div class="swiper-slide">
  349.                            <i class="ph ph-car"></i>
  350.                            <p class="poppin-font">Free Shuttle to Jimbaran Beach</p>
  351.                        </div>
  352.                    </div>
  353.                    <!-- <div class="swiper-pagination"></div> -->
  354.                </div>
  355.            </div>
  356.        </div>
  357.    </div>
  358. </section>
  359.  
  360. <section id="home-room">
  361.    <div class="container border-bottom">
  362.        <div class="row justify-content-center">
  363.            <div class="col-md-8">
  364.                <p class="text-uppercase gotu-font fs-1 text-center fw-semibold pb-3">Embark on Your Path to Utter Serenity with Us</p>
  365.            </div>
  366.        </div>
  367.    </div>
  368.    <div class="container my-5">
  369.        <div class="swiper mySwiperHomeRoom">
  370.            <div class="swiper-wrapper">
  371.                          <div class="swiper-slide">
  372.                <div class="row justify-content-between">
  373.                    <div class="col-md-5 border-end">
  374.                        <div class="frame-box">
  375.                            <img src="https://vivarabali.com/storage/app/uploads/public/661/ddf/3c9/661ddf3c9dfd9727445858.webp" alt="">
  376.                        </div>
  377.                    </div>
  378.                    <div class="col-md-6 d-flex flex-column justify-content-between room-desc">
  379.                        <div>
  380.                            <p class="gotu-font fs-1 pt-3 pt-sm-0">One Bedroom Private Pool Villas</p>
  381.                            <p class="poppin-font exce">One-Bedroom Private Pool Villa is a perfect romantic hideaway for newlyweds or couples looking to spend quality time together in a private setting. A fully-furnished kitchenette and an outdoor dining area complete this well-designed villa. Step out of your bed and right into your 21 sqm outdoor Jacuzzi pool. Retreat to a cozy spot in the shade on a specious wooden deck to relax in your sun-lounger. All in your complete private villa.</p>
  382.                            <ul class="room-feature d-none d-sm-block">
  383.                                <li><i class="ph ph-resize"></i> 224 sqm</li>
  384.                                <li><i class="ph ph-bed"></i> King-size bed (200cm x 200 cm) or twin single beds (110cm x 200cm)</li>
  385.                                <li><i class="ph ph-island"></i> Private Garden &amp; Pool</li>
  386.                                <!-- <li><i class="ph ph-users"></i> 2 Adults</li> -->
  387.                            </ul>
  388.                            <ul class="room-feature-mobile d-flex d-sm-none poppin-font">
  389.                                <li><i class="ph ph-swimming-pool"></i> </li>
  390.                                <li><i class="ph ph-subtitles"></i> </li>
  391.                                <li><i class="ph ph-wifi-high"></i> </li>
  392.                                <li><i class="ph ph-bathtub"></i> </li>
  393.                                <li><i class="ph ph-resize"></i> <p>224 sqm</p></li>
  394.                                <!-- <li><i class="ph ph-users"></i> 2 Adults</li> -->
  395.                            </ul>
  396.                        </div>
  397.                        <div class="my-5">
  398.                            <a href="https://vivarabali.com/villas/one-bedroom-private-pool-villas" class="btn-bordered d-inline-block d-sm-none">View Detail</a>
  399.                            <a href="https://vivarabali.com/villas/one-bedroom-private-pool-villas" class="btn-bordered d-none d-sm-inline-block">View Room Detail</a>
  400.                            <a href="https://www.swiftbook.io/inst/#home?propertyId=363MjYgmTDYfmgzMgw1u9oQtzMTE=&amp;promoCode=M" target="_blank" class="btn-fill ms-3 d-inline-block d-sm-none">Book Now</a>
  401.                            <a href="https://www.swiftbook.io/inst/#home?propertyId=363MjYgmTDYfmgzMgw1u9oQtzMTE=&amp;JDRN=Y" target="_blank" class="btn-fill ms-3 d-none d-sm-inline-block">Book Now</a>
  402.                        </div>
  403.                    </div>
  404.                </div>
  405.              </div>
  406.                          <div class="swiper-slide">
  407.                <div class="row justify-content-between">
  408.                    <div class="col-md-5 border-end">
  409.                        <div class="frame-box">
  410.                            <img src="https://vivarabali.com/storage/app/uploads/public/661/dff/6ee/661dff6eea11b788232576.webp" alt="">
  411.                        </div>
  412.                    </div>
  413.                    <div class="col-md-6 d-flex flex-column justify-content-between room-desc">
  414.                        <div>
  415.                            <p class="gotu-font fs-1 pt-3 pt-sm-0">Two Bedroom Private Pool Villas</p>
  416.                            <p class="poppin-font exce">Two-Bedroom Private Pool Villa is surrounded by a lush tropical garden and is ideal for a small family. A fully-furnished kitchenette and an outdoor dining area complete this contemporary modern-designed villa.</p>
  417.                            <ul class="room-feature d-none d-sm-block">
  418.                                <li><i class="ph ph-resize"></i> 347 sqm</li>
  419.                                <li><i class="ph ph-bed"></i> King-size bed (200cm x 200 cm) and twin single beds (110cm x 200cm)</li>
  420.                                <li><i class="ph ph-island"></i> Private Garden</li>
  421.                                <!-- <li><i class="ph ph-users"></i> 4 Adults</li> -->
  422.                            </ul>
  423.                            <ul class="room-feature-mobile d-flex d-sm-none poppin-font">
  424.                                <li><i class="ph ph-swimming-pool"></i> </li>
  425.                                <li><i class="ph ph-subtitles"></i> </li>
  426.                                <li><i class="ph ph-wifi-high"></i> </li>
  427.                                <li><i class="ph ph-bathtub"></i> </li>
  428.                                <li><i class="ph ph-resize"></i> <p>347 sqm</p></li>
  429.                                <!-- <li><i class="ph ph-users"></i> 4 Adults</li> -->
  430.                            </ul>
  431.                        </div>
  432.                        <div class="my-5">
  433.                            <a href="https://vivarabali.com/villas/two-bedroom-private-pool-villas" class="btn-bordered d-inline-block d-sm-none">View Detail</a>
  434.                            <a href="https://vivarabali.com/villas/two-bedroom-private-pool-villas" class="btn-bordered d-none d-sm-inline-block">View Room Detail</a>
  435.                            <a href="https://www.swiftbook.io/inst/#home?propertyId=363MjYgmTDYfmgzMgw1u9oQtzMTE=&amp;promoCode=M" target="_blank" class="btn-fill ms-3 d-inline-block d-sm-none">Book Now</a>
  436.                            <a href="https://www.swiftbook.io/inst/#home?propertyId=363MjYgmTDYfmgzMgw1u9oQtzMTE=&amp;JDRN=Y" target="_blank" class="btn-fill ms-3 d-none d-sm-inline-block">Book Now</a>
  437.                        </div>
  438.                    </div>
  439.                </div>
  440.              </div>
  441.                          <div class="swiper-slide">
  442.                <div class="row justify-content-between">
  443.                    <div class="col-md-5 border-end">
  444.                        <div class="frame-box">
  445.                            <img src="https://vivarabali.com/storage/app/uploads/public/661/e02/e73/661e02e7381d9471818821.webp" alt="">
  446.                        </div>
  447.                    </div>
  448.                    <div class="col-md-6 d-flex flex-column justify-content-between room-desc">
  449.                        <div>
  450.                            <p class="gotu-font fs-1 pt-3 pt-sm-0">Four Bedroom Private Pool Villas</p>
  451.                            <p class="poppin-font exce">Four-Bedroom Private Pool Villa with 4 master bedrooms is the perfect choice for larger families or groups. The main open–plan dining pavilion has a 10-seater dining table and well-equipped kitchenette to make this space a favourite spot for a family get–together.</p>
  452.                            <ul class="room-feature d-none d-sm-block">
  453.                                <li><i class="ph ph-resize"></i> 747 sqm</li>
  454.                                <li><i class="ph ph-bed"></i> Three Master-bedroom with a King-size bed (200cm x 200 cm) and one master bedroom with twin single beds (110cm x 200cm)</li>
  455.                                <li><i class="ph ph-island"></i> Private Garden</li>
  456.                                <!-- <li><i class="ph ph-users"></i> 8 Adults</li> -->
  457.                            </ul>
  458.                            <ul class="room-feature-mobile d-flex d-sm-none poppin-font">
  459.                                <li><i class="ph ph-swimming-pool"></i> </li>
  460.                                <li><i class="ph ph-subtitles"></i> </li>
  461.                                <li><i class="ph ph-wifi-high"></i> </li>
  462.                                <li><i class="ph ph-bathtub"></i> </li>
  463.                                <li><i class="ph ph-resize"></i> <p>747 sqm</p></li>
  464.                                <!-- <li><i class="ph ph-users"></i> 8 Adults</li> -->
  465.                            </ul>
  466.                        </div>
  467.                        <div class="my-5">
  468.                            <a href="https://vivarabali.com/villas/four-bedroom-private-pool-villas" class="btn-bordered d-inline-block d-sm-none">View Detail</a>
  469.                            <a href="https://vivarabali.com/villas/four-bedroom-private-pool-villas" class="btn-bordered d-none d-sm-inline-block">View Room Detail</a>
  470.                            <a href="https://www.swiftbook.io/inst/#home?propertyId=363MjYgmTDYfmgzMgw1u9oQtzMTE=&amp;promoCode=M" target="_blank" class="btn-fill ms-3 d-inline-block d-sm-none">Book Now</a>
  471.                            <a href="https://www.swiftbook.io/inst/#home?propertyId=363MjYgmTDYfmgzMgw1u9oQtzMTE=&amp;JDRN=Y" target="_blank" class="btn-fill ms-3 d-none d-sm-inline-block">Book Now</a>
  472.                        </div>
  473.                    </div>
  474.                </div>
  475.              </div>
  476.                          <!-- <div class="swiper-slide">
  477.                <div class="row justify-content-between">
  478.                    <div class="col-md-5 border-end">
  479.                        <div class="frame-box">
  480.                            <img src="https://vivarabali.com/themes/mindimedia/assets/images/homepage/room.webp" alt="">
  481.                        </div>
  482.                    </div>
  483.                    <div class="col-md-6 d-flex flex-column justify-content-between">
  484.                        <div>
  485.                            <p class="gotu-font fs-1 ">One Bedroom Private Pool Villa</p>
  486.                            <p class="poppin-font">One-Bedroom Private Pool Villa is a perfect romantic hideaway for newlyweds or couples looking to spend quality time together in a private setting. A fully-furnished kitchenette and an outdoor dining area complete this well-designed villa. </p>
  487.                            <ul class="room-feature">
  488.                                <li><i class="ph ph-resize"></i> 224 sqm</li>
  489.                                <li><i class="ph ph-bed"></i> King-size bed (200cm x 200 cm) or twin single beds (200cm x 120cm)</li>
  490.                                <li><i class="ph ph-island"></i> Private Garden & Pool</li>
  491.                            </ul>
  492.                        </div>
  493.                        <div class="mt-5">
  494.                            <a href="" class="btn-bordered">View Room Detail</a>
  495.                            <a href="" class="btn-fill ms-3">Book Now</a>
  496.                        </div>
  497.                    </div>
  498.                </div>
  499.              </div> -->
  500.            </div>
  501.            <div class="swiper-button-next"><i class="ph ph-caret-right"></i></div>
  502.            <div class="swiper-button-prev"><i class="ph ph-caret-left"></i></div>
  503.        </div>
  504.    </div>
  505. </section>
  506.  
  507. <section id="home-cta" style="background: url(https://images.unsplash.com/photo-1559305289-4c31700ba9cb?q=80&w=1973&auto=format&fit=crop&ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D);">
  508.    <div class="cover">
  509.        <div class="container">
  510.            <div class="row justify-content-center">
  511.                <div class="col-md-8">
  512.                    <p class="text-center gotu-font fs-2">"Unlock exclusive savings and elevate your escape with our special promotions at Vivara Bali.</p>
  513.                    <div class="d-flex justify-content-center">
  514.                        <a href="https://www.swiftbook.io/inst/#home?propertyId=363MjYgmTDYfmgzMgw1u9oQtzMTE=&amp;JDRN=Y" target="_blank" class="btn-fill d-none d-sm-inline-block">Book now for more benefit</a>
  515.                        <a href="https://www.swiftbook.io/inst/#home?propertyId=363MjYgmTDYfmgzMgw1u9oQtzMTE=&amp;promoCode=M" target="_blank" class="btn-fill d-inline-block d-sm-none">Book now for more benefit</a>
  516.                    </div>
  517.                </div>
  518.            </div>
  519.        </div>
  520.    </div>
  521. </section>
  522.  
  523. <section id="home-offer">
  524.    <div class="container">
  525.        <div class="row">
  526.            <div class="col-md-12 border-bottom my-3">
  527.                <p class="gotu-font fs-1">Special Offers</p>
  528.            </div>
  529.        </div>
  530.    </div>
  531.    <div class="container-fluid">
  532.        <div class="row">
  533.            <div class="col-md-12">
  534.                <div class="swiper mySwiperHomeOffer">
  535.                    <div class="swiper-wrapper">
  536.                                                <div class="swiper-slide">
  537.                            <div class="frame">
  538.                                <img src="https://vivarabali.com/storage/app/uploads/public/670/4fe/ed1/6704feed144ea146698620.webp" alt="Vivara Offer">
  539.                                <div class="cover">
  540.                                    <span class="fs-4 gotu-font"><i class="ph-bold ph-tag"></i> Offer</span>
  541.                                    <p class="poppin-font fs-4 fw-semibold">Luxury Vivara Escape</p>
  542.                                    <div class="mt-3 poppin-font">
  543.                                        <a href="https://vivarabali.com/special-offers" class="btn-bordered">View Detail</a>
  544.                                        <a href="https://www.swiftbook.io/inst/#home?propertyId=363MjYgmTDYfmgzMgw1u9oQtzMTE=&amp;JDRN=Y" target="_blank" class="btn-fill d-none d-sm-inline-block">Book Now</a>
  545.                                        <a href="https://www.swiftbook.io/inst/#home?propertyId=363MjYgmTDYfmgzMgw1u9oQtzMTE=&amp;promoCode=M" target="_blank" class="btn-fill d-inline-block d-sm-none">Book Now</a>
  546.                                    </div>
  547.                                </div>
  548.                            </div>
  549.                        </div>
  550.                                                <div class="swiper-slide">
  551.                            <div class="frame">
  552.                                <img src="https://vivarabali.com/storage/app/uploads/public/662/1ea/4d5/6621ea4d56268827341371.webp" alt="Vivara Offer">
  553.                                <div class="cover">
  554.                                    <span class="fs-4 gotu-font"><i class="ph-bold ph-tag"></i> Offer</span>
  555.                                    <p class="poppin-font fs-4 fw-semibold">Early Bird Deal!</p>
  556.                                    <div class="mt-3 poppin-font">
  557.                                        <a href="https://vivarabali.com/special-offers" class="btn-bordered">View Detail</a>
  558.                                        <a href="https://www.swiftbook.io/inst/#home?propertyId=363MjYgmTDYfmgzMgw1u9oQtzMTE=&amp;JDRN=Y" target="_blank" class="btn-fill d-none d-sm-inline-block">Book Now</a>
  559.                                        <a href="https://www.swiftbook.io/inst/#home?propertyId=363MjYgmTDYfmgzMgw1u9oQtzMTE=&amp;promoCode=M" target="_blank" class="btn-fill d-inline-block d-sm-none">Book Now</a>
  560.                                    </div>
  561.                                </div>
  562.                            </div>
  563.                        </div>
  564.                                                <div class="swiper-slide">
  565.                            <div class="frame">
  566.                                <img src="https://vivarabali.com/storage/app/uploads/public/661/e09/179/661e09179a43a792229558.webp" alt="Vivara Offer">
  567.                                <div class="cover">
  568.                                    <span class="fs-4 gotu-font"><i class="ph-bold ph-tag"></i> Offer</span>
  569.                                    <p class="poppin-font fs-4 fw-semibold">All-Inclusive Family Offers</p>
  570.                                    <div class="mt-3 poppin-font">
  571.                                        <a href="https://vivarabali.com/special-offers" class="btn-bordered">View Detail</a>
  572.                                        <a href="https://www.swiftbook.io/inst/#home?propertyId=363MjYgmTDYfmgzMgw1u9oQtzMTE=&amp;JDRN=Y" target="_blank" class="btn-fill d-none d-sm-inline-block">Book Now</a>
  573.                                        <a href="https://www.swiftbook.io/inst/#home?propertyId=363MjYgmTDYfmgzMgw1u9oQtzMTE=&amp;promoCode=M" target="_blank" class="btn-fill d-inline-block d-sm-none">Book Now</a>
  574.                                    </div>
  575.                                </div>
  576.                            </div>
  577.                        </div>
  578.                                                <div class="swiper-slide">
  579.                            <div class="frame">
  580.                                <img src="https://vivarabali.com/storage/app/uploads/public/661/e09/9d1/661e099d1517e297931096.webp" alt="Vivara Offer">
  581.                                <div class="cover">
  582.                                    <span class="fs-4 gotu-font"><i class="ph-bold ph-tag"></i> Offer</span>
  583.                                    <p class="poppin-font fs-4 fw-semibold">Romantic Package</p>
  584.                                    <div class="mt-3 poppin-font">
  585.                                        <a href="https://vivarabali.com/special-offers" class="btn-bordered">View Detail</a>
  586.                                        <a href="https://www.swiftbook.io/inst/#home?propertyId=363MjYgmTDYfmgzMgw1u9oQtzMTE=&amp;JDRN=Y" target="_blank" class="btn-fill d-none d-sm-inline-block">Book Now</a>
  587.                                        <a href="https://www.swiftbook.io/inst/#home?propertyId=363MjYgmTDYfmgzMgw1u9oQtzMTE=&amp;promoCode=M" target="_blank" class="btn-fill d-inline-block d-sm-none">Book Now</a>
  588.                                    </div>
  589.                                </div>
  590.                            </div>
  591.                        </div>
  592.                                                <div class="swiper-slide">
  593.                            <div class="frame">
  594.                                <img src="https://vivarabali.com/storage/app/uploads/public/662/1de/514/6621de514bf0b323605001.webp" alt="Vivara Offer">
  595.                                <div class="cover">
  596.                                    <span class="fs-4 gotu-font"><i class="ph-bold ph-tag"></i> Offer</span>
  597.                                    <p class="poppin-font fs-4 fw-semibold">Long Stay Bonus Vacation</p>
  598.                                    <div class="mt-3 poppin-font">
  599.                                        <a href="https://vivarabali.com/special-offers" class="btn-bordered">View Detail</a>
  600.                                        <a href="https://www.swiftbook.io/inst/#home?propertyId=363MjYgmTDYfmgzMgw1u9oQtzMTE=&amp;JDRN=Y" target="_blank" class="btn-fill d-none d-sm-inline-block">Book Now</a>
  601.                                        <a href="https://www.swiftbook.io/inst/#home?propertyId=363MjYgmTDYfmgzMgw1u9oQtzMTE=&amp;promoCode=M" target="_blank" class="btn-fill d-inline-block d-sm-none">Book Now</a>
  602.                                    </div>
  603.                                </div>
  604.                            </div>
  605.                        </div>
  606.                                                <div class="swiper-slide">
  607.                            <div class="frame">
  608.                                <img src="https://vivarabali.com/storage/app/uploads/public/662/1e9/278/6621e92782a26478677167.webp" alt="Vivara Offer">
  609.                                <div class="cover">
  610.                                    <span class="fs-4 gotu-font"><i class="ph-bold ph-tag"></i> Offer</span>
  611.                                    <p class="poppin-font fs-4 fw-semibold">Vivara Wellness Package: &quot;Girls - Spa Day Out&quot;</p>
  612.                                    <div class="mt-3 poppin-font">
  613.                                        <a href="https://vivarabali.com/special-offers" class="btn-bordered">View Detail</a>
  614.                                        <a href="https://www.swiftbook.io/inst/#home?propertyId=363MjYgmTDYfmgzMgw1u9oQtzMTE=&amp;JDRN=Y" target="_blank" class="btn-fill d-none d-sm-inline-block">Book Now</a>
  615.                                        <a href="https://www.swiftbook.io/inst/#home?propertyId=363MjYgmTDYfmgzMgw1u9oQtzMTE=&amp;promoCode=M" target="_blank" class="btn-fill d-inline-block d-sm-none">Book Now</a>
  616.                                    </div>
  617.                                </div>
  618.                            </div>
  619.                        </div>
  620.                                            </div>
  621.                    <div class="swiper-button-next"></div>
  622.                    <div class="swiper-button-prev"></div>
  623.                </div>
  624.            </div>
  625.        </div>
  626.    </div>
  627. </section>
  628.  
  629. <!-- <section>
  630.    <div class="container">
  631.        <div class="row">
  632.            <div class="col-md-12">
  633.                <div id="TA_cdsratingsonlynarrow545" class="TA_cdsratingsonlynarrow"><ul id="ZyG2nRcQTr0" class="TA_links xIfjSnyTS48"><li id="YG4EDslH" class="54IW1A"><a target="_blank" href="https://www.tripadvisor.com/Hotel_Review-g297696-d25084544-Reviews-Vivara_Private_Pool_Villas_And_Spa_Retreat_Bali-Jimbaran_South_Kuta_Bali.html"><img src="https://www.tripadvisor.com/img/cdsi/img2/branding/v2/Tripadvisor_lockup_horizontal_secondary_registered-18034-2.svg" alt="TripAdvisor"/></a></li></ul></div><script async src="https://www.jscache.com/wejs?wtype=cdsratingsonlynarrow&amp;uniq=545&amp;locationId=25084544&amp;lang=en_US&amp;border=true&amp;display_version=2" data-loadtrk onload="this.loadtrk=true"></script>
  634.            </div>
  635.        </div>
  636.    </div>
  637. </section> -->
  638.  
  639.  
  640. <section id="review">
  641.    <div class="container">
  642.        <div class="row">
  643.            <div class="col-md-12 border-bottom">
  644.                <div class="head">
  645.                    <div class="text-end">
  646.                        <p class="fs-1 gotu-font mb-0">Trusted Review </p>
  647.                        <p class="fs-4 poppin-font mb-0">
  648.                            by Tripadvisor
  649.                            <svg fill="#00b46c" viewBox="0 0 14 14" role="img" focusable="false" aria-hidden="true" xmlns="http://www.w3.org/2000/svg"><g id="SVGRepo_bgCarrier" stroke-width="0"></g><g id="SVGRepo_tracerCarrier" stroke-linecap="round" stroke-linejoin="round"></g><g id="SVGRepo_iconCarrier"><path d="m 12.4125,5.7662386 c 0.1405,-0.6035 0.5875,-1.208 0.5875,-1.208 l -2.006,0 c -1.1255,-0.7275 -2.4905,-1.113 -4.0065,-1.113 -1.57,0 -2.989,0.39 -4.107,1.1255 l -1.8805,0 c 0,0 0.4425,0.593 0.585,1.193 -0.366,0.5035 -0.5835,1.111 -0.5835,1.7785 0,1.658 1.3485,3.0040004 3.006,3.0040004 0.9455,0 1.7855,-0.4425 2.3405,-1.1270004 L 6.9855,10.377239 7.631,9.4092386 c 0.285,0.368 0.66,0.6680004 1.1025,0.8700004 0.7275,0.33 1.546,0.368 2.296,0.09 1.553,-0.5770004 2.348,-2.3105004 1.778,-3.8630004 -0.1045,-0.278 -0.24,-0.5255 -0.405,-0.7425 l 0.01,0.0025 z m -1.5855,4.036 c -0.6,0.2225004 -1.2525,0.1975 -1.835,-0.0715 -0.412,-0.1915 -0.7515,-0.491 -0.994,-0.8635 -0.1005,-0.1495 -0.1875,-0.3115 -0.2515,-0.4855 -0.073,-0.1975 -0.11,-0.4015 -0.1295,-0.6075 -0.037,-0.416 0.0225,-0.8365 0.2025,-1.2265 0.27,-0.582 0.7505,-1.0255 1.3505,-1.248 1.245,-0.457 2.625,0.1805 3.083,1.4205 0.458,1.2405 -0.18,2.6225 -1.4175,3.0815 l -0.0085,0 z m -4.834,-0.917 c -0.4315,0.6355 -1.161,1.0565 -1.9865,1.0565 -1.323,0 -2.4005,-1.078 -2.4005,-2.3985 0,-1.3205 1.078,-2.401 2.4005,-2.401 1.3225,0 2.399,1.0805 2.399,2.401 0,0.082 -0.015,0.157 -0.024,0.2395 -0.0405,0.4055 -0.1705,0.788 -0.3885,1.1105 l 0,-0.008 z m -3.511,-1.3735 c 0,0.8205 0.668,1.4855 1.4855,1.4855 0.8175,0 1.484,-0.665 1.484,-1.4855 0,-0.8175 -0.6665,-1.482 -1.483,-1.482 -0.818,0 -1.4855,0.6645 -1.4855,1.482 l -10e-4,0 z m 6.024,0 c 0,0.8205 0.6645,1.4855 1.484,1.4855 0.818,0 1.4825,-0.665 1.4825,-1.4855 0,-0.8175 -0.6645,-1.482 -1.4825,-1.482 -0.8175,0 -1.4855,0.6645 -1.4855,1.482 l 0.0015,0 z m -5.511,0 c 0,-0.5355 0.4345,-0.9715 0.968,-0.9715 0.532,0 0.9745,0.4365 0.9745,0.9715 0,0.538 -0.4345,0.9755 -0.9745,0.9755 -0.5405,0 -0.9755,-0.4375 -0.9755,-0.9755 l 0.0075,0 z m 6.0165,0 c 0,-0.5355 0.4345,-0.9715 0.9745,-0.9715 0.533,0 0.9685,0.4365 0.9685,0.9715 0,0.538 -0.435,0.9755 -0.976,0.9755 -0.5395,0 -0.9745,-0.4375 -0.9745,-0.9755 l 0.0075,0 z m -2.0265,-3.5415 c 1.0805,0 2.0555,0.1945 2.911,0.581 -0.3225,0.009 -0.6375,0.0655 -0.953,0.18 -0.7575,0.2775 -1.3575,0.8325 -1.6875,1.5625 -0.1575,0.33 -0.24,0.6795 -0.2705,1.0325 -0.1125,-1.538 -1.38,-2.7575 -2.9405,-2.789 0.8555,-0.367 1.846,-0.567 2.9185,-0.567 l 0.022,0 z"></path></g></svg>
  650.                        </p>
  651.                    </div>
  652.                </div>
  653.            </div>
  654.            <div class="col-md-12 py-5 my-3">
  655.                <div class="swiper mySwiperReview">
  656.                    <div class="swiper-wrapper">
  657.                                                <div class="swiper-slide">
  658.                            <p class="text-uppercase gotu-font fs-2 fw-bold title">Tarn D</p>
  659.                            <div class="comment">
  660.                                <div class="rate">
  661.                                    <ul>
  662.                                        <li><i class="ph-fill ph-circle"></i></li>
  663.                                        <li><i class="ph-fill ph-circle"></i></li>
  664.                                        <li><i class="ph-fill ph-circle"></i></li>
  665.                                        <li><i class="ph-fill ph-circle"></i></li>
  666.                                        <li><i class="ph-fill ph-circle"></i></li>
  667.                                    </ul>
  668.                                </div>
  669.                                <p class="poppin-font fw-semibold fs-4 pt-3">Highly recommend vacationing here,it&#039;s out of the way of the hustle and bustle of other areas.</p>
  670.                                <div class="poppin-font desc-review"><p>We stayed with Viara Villas in June 2024,what a wonderful experience,it was absolutely perfect for want we wanted.Very private villa quiet and relaxing,and beautiful.The king bed,pillows and linen were so comfortable had the best rest ever.All the staff are friendly efficient and nothing was a problem.We would definitely recommend staying here.And would stay there again! </p></div>
  671.                                <a href="#exampleModal-tarn-d" data-bs-toggle="modal" class="more">View More</a>
  672.                            </div>
  673.                        </div>
  674.                                                <div class="swiper-slide">
  675.                            <p class="text-uppercase gotu-font fs-2 fw-bold title">Sha Ree Fah</p>
  676.                            <div class="comment">
  677.                                <div class="rate">
  678.                                    <ul>
  679.                                        <li><i class="ph-fill ph-circle"></i></li>
  680.                                        <li><i class="ph-fill ph-circle"></i></li>
  681.                                        <li><i class="ph-fill ph-circle"></i></li>
  682.                                        <li><i class="ph-fill ph-circle"></i></li>
  683.                                        <li><i class="ph-fill ph-circle"></i></li>
  684.                                    </ul>
  685.                                </div>
  686.                                <p class="poppin-font fw-semibold fs-4 pt-3">Beautiful Villa!!</p>
  687.                                <div class="poppin-font desc-review"><p>The experience was, for us, truly perfect in every regard. The reservation process was efficient, clear and professional. Check-in was smooth, thanks to friendly and efficient staff. And the check-out was quick and hassle-free.
  688. <br>The villa was charming and exactly what we'd been hoping for. Beautiful room, it's private and well maintained. There's a huge private pool with a small jacuzzi at the side and we enjoyed it very much.
  689. <br>The only downside is the breakfast spread, not much choice for muslim travellers. Pork meat were spread across the food. We ended up eating bread and eggs throughout our 5 days stay.
  690. <br>Overall, great value for the price paid, exceeding our expectations! </p></div>
  691.                                <a href="#exampleModal-sha-ree-fah" data-bs-toggle="modal" class="more">View More</a>
  692.                            </div>
  693.                        </div>
  694.                                                <div class="swiper-slide">
  695.                            <p class="text-uppercase gotu-font fs-2 fw-bold title">Doniel Nadine L</p>
  696.                            <div class="comment">
  697.                                <div class="rate">
  698.                                    <ul>
  699.                                        <li><i class="ph-fill ph-circle"></i></li>
  700.                                        <li><i class="ph-fill ph-circle"></i></li>
  701.                                        <li><i class="ph-fill ph-circle"></i></li>
  702.                                        <li><i class="ph-fill ph-circle"></i></li>
  703.                                        <li><i class="ph-fill ph-circle"></i></li>
  704.                                    </ul>
  705.                                </div>
  706.                                <p class="poppin-font fw-semibold fs-4 pt-3">A Luxurious Retreat in BALI</p>
  707.                                <div class="poppin-font desc-review"><p>One of the best luxury hotels we have been to.
  708. <br>The hotel offers a pleasant and inviting environment, conveniently located near some major malls. The rooms are notable for their cleanliness and modernity, as the hotel has only been in operation for less than a year.
  709. <br>One of the highlights is the spacious pool within the room, providing a luxurious and refreshing experience.
  710. <br>The room design is particularly impressive, showcasing a thoughtful and aesthetically pleasing layout. Furthermore, guests can enjoy a high level of privacy, ensuring a comfortable and uninterrupted stay.
  711. <br>For those seeking relaxation, the spa facilities are both luxurious and enjoyable, offering a range of indulgent treatments to enhance the overall experience.
  712. <br>Improvements:
  713. <br>The staff's behavior can be quite invasive, as they call guests at 9:45am to check if they plan to go to the restaurant for breakfast, even though the last order is at 11am. It seems unnecessary to make this call more than an hour in advance, especially when breakfast ends at a later time.
  714. <br>Furthermore, on the very first day of our arrival, just a few hours later, they rang the bell to ask if we wanted to renew our towels. This raises the question of why the towels would need to be renewed so soon when they should already be clean.
  715. <br>These random calls and visits made us feel a bit intimidated and uncomfortable, but the staff are generally welcoming and hospitable.
  716. <br>But overall, we will definitely come back and recommend others to stay in this hotel, we just hope that these minor practices can be improved. </p></div>
  717.                                <a href="#exampleModal-doniel-nadine-l" data-bs-toggle="modal" class="more">View More</a>
  718.                            </div>
  719.                        </div>
  720.                                                <div class="swiper-slide">
  721.                            <p class="text-uppercase gotu-font fs-2 fw-bold title">Donkey K</p>
  722.                            <div class="comment">
  723.                                <div class="rate">
  724.                                    <ul>
  725.                                        <li><i class="ph-fill ph-circle"></i></li>
  726.                                        <li><i class="ph-fill ph-circle"></i></li>
  727.                                        <li><i class="ph-fill ph-circle"></i></li>
  728.                                        <li><i class="ph-fill ph-circle"></i></li>
  729.                                        <li><i class="ph-fill ph-circle"></i></li>
  730.                                    </ul>
  731.                                </div>
  732.                                <p class="poppin-font fw-semibold fs-4 pt-3">Perfect private villa experience</p>
  733.                                <div class="poppin-font desc-review"><p>Amazing new build villa complex, we were unsure because of the lower number of reviews but this is solely down to the age of the properties. Photos do not do it justice.
  734. <br>The staff here cannot do enough for you, the villa's are brand new, pool and garden area immaculate beautiful bathrooms, air con in room very powerful and beds comfortable. Only down side to our villa was the hot tub side of the pool wasn't really working properly .... probably a new build snag for them to be aware of. The garden and kitchen area was kept very well &amp; the walls are very high making it perfect if you value your privacy. Drones are also banned here.
  735. <br>Breakfast was good, a nice selection daily, and serving staff attentive and polite.
  736. <br>Amenities good pool, table tennis, gym etc.
  737. <br>Not a great location if you want to get around on foot but none of Bali is really, you need a taxi to get to local town/ food. But there is a shuttle service car available always in the lobby.
  738. <br>For evenings out it is close to Jimbaran beach and not too far from Kuta either.
  739. <br>Airport is also quite close but didn't really see much in the way of air traffic, funnily we had more airplane noise staying in Sanur which is defiantly on the flight path although much further from the airport.
  740. <br>Would defiantly stay here again or recommend to a friend.
  741. <br>Peaceful and very private place to stay. </p></div>
  742.                                <a href="#exampleModal-donkey-k" data-bs-toggle="modal" class="more">View More</a>
  743.                            </div>
  744.                        </div>
  745.                                            </div>
  746.                    <!-- <div class="swiper-button-next swiper-button-next-review"></div>
  747.                    <div class="swiper-button-prev swiper-button-prev-review"></div> -->
  748.                    <div class="swiper-pagination"></div>
  749.                  </div>
  750.            </div>
  751.        </div>
  752.    </div>
  753. </section>
  754.  
  755. <!-- Modal -->
  756. <div class="modal fade" id="exampleModal-tarn-d" tabindex="-1" aria-labelledby="exampleModalLabel" aria-hidden="true">
  757.    <div class="modal-dialog modal-dialog-centered modal-dialog-scrollable  modal-lg">
  758.    <div class="modal-content" style="background-color: #fff !important;">
  759.        <div class="modal-header">
  760.        <h1 class="modal-title fs-3 gotu-font" id="exampleModalLabel">Tarn D</h1>
  761.        <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
  762.        </div>
  763.        <div class="modal-body poppin-font">
  764.            <div class="rate">
  765.                <ul>
  766.                    <li><i class="ph-fill ph-circle"></i></li>
  767.                    <li><i class="ph-fill ph-circle"></i></li>
  768.                    <li><i class="ph-fill ph-circle"></i></li>
  769.                    <li><i class="ph-fill ph-circle"></i></li>
  770.                    <li><i class="ph-fill ph-circle"></i></li>
  771.                </ul>
  772.            </div>
  773.            <p class="fw-semibold fs-5">Highly recommend vacationing here,it&#039;s out of the way of the hustle and bustle of other areas.</p>
  774.            <p>We stayed with Viara Villas in June 2024,what a wonderful experience,it was absolutely perfect for want we wanted.Very private villa quiet and relaxing,and beautiful.The king bed,pillows and linen were so comfortable had the best rest ever.All the staff are friendly efficient and nothing was a problem.We would definitely recommend staying here.And would stay there again! </p>
  775.        </div>
  776.        <div class="modal-footer">
  777.            <div class="reviewby">
  778.                <p>Review by Tripadvisor</p>
  779.                <svg fill="#00b46c" viewBox="0 0 14 14" role="img" focusable="false" aria-hidden="true" xmlns="http://www.w3.org/2000/svg"><g id="SVGRepo_bgCarrier" stroke-width="0"></g><g id="SVGRepo_tracerCarrier" stroke-linecap="round" stroke-linejoin="round"></g><g id="SVGRepo_iconCarrier"><path d="m 12.4125,5.7662386 c 0.1405,-0.6035 0.5875,-1.208 0.5875,-1.208 l -2.006,0 c -1.1255,-0.7275 -2.4905,-1.113 -4.0065,-1.113 -1.57,0 -2.989,0.39 -4.107,1.1255 l -1.8805,0 c 0,0 0.4425,0.593 0.585,1.193 -0.366,0.5035 -0.5835,1.111 -0.5835,1.7785 0,1.658 1.3485,3.0040004 3.006,3.0040004 0.9455,0 1.7855,-0.4425 2.3405,-1.1270004 L 6.9855,10.377239 7.631,9.4092386 c 0.285,0.368 0.66,0.6680004 1.1025,0.8700004 0.7275,0.33 1.546,0.368 2.296,0.09 1.553,-0.5770004 2.348,-2.3105004 1.778,-3.8630004 -0.1045,-0.278 -0.24,-0.5255 -0.405,-0.7425 l 0.01,0.0025 z m -1.5855,4.036 c -0.6,0.2225004 -1.2525,0.1975 -1.835,-0.0715 -0.412,-0.1915 -0.7515,-0.491 -0.994,-0.8635 -0.1005,-0.1495 -0.1875,-0.3115 -0.2515,-0.4855 -0.073,-0.1975 -0.11,-0.4015 -0.1295,-0.6075 -0.037,-0.416 0.0225,-0.8365 0.2025,-1.2265 0.27,-0.582 0.7505,-1.0255 1.3505,-1.248 1.245,-0.457 2.625,0.1805 3.083,1.4205 0.458,1.2405 -0.18,2.6225 -1.4175,3.0815 l -0.0085,0 z m -4.834,-0.917 c -0.4315,0.6355 -1.161,1.0565 -1.9865,1.0565 -1.323,0 -2.4005,-1.078 -2.4005,-2.3985 0,-1.3205 1.078,-2.401 2.4005,-2.401 1.3225,0 2.399,1.0805 2.399,2.401 0,0.082 -0.015,0.157 -0.024,0.2395 -0.0405,0.4055 -0.1705,0.788 -0.3885,1.1105 l 0,-0.008 z m -3.511,-1.3735 c 0,0.8205 0.668,1.4855 1.4855,1.4855 0.8175,0 1.484,-0.665 1.484,-1.4855 0,-0.8175 -0.6665,-1.482 -1.483,-1.482 -0.818,0 -1.4855,0.6645 -1.4855,1.482 l -10e-4,0 z m 6.024,0 c 0,0.8205 0.6645,1.4855 1.484,1.4855 0.818,0 1.4825,-0.665 1.4825,-1.4855 0,-0.8175 -0.6645,-1.482 -1.4825,-1.482 -0.8175,0 -1.4855,0.6645 -1.4855,1.482 l 0.0015,0 z m -5.511,0 c 0,-0.5355 0.4345,-0.9715 0.968,-0.9715 0.532,0 0.9745,0.4365 0.9745,0.9715 0,0.538 -0.4345,0.9755 -0.9745,0.9755 -0.5405,0 -0.9755,-0.4375 -0.9755,-0.9755 l 0.0075,0 z m 6.0165,0 c 0,-0.5355 0.4345,-0.9715 0.9745,-0.9715 0.533,0 0.9685,0.4365 0.9685,0.9715 0,0.538 -0.435,0.9755 -0.976,0.9755 -0.5395,0 -0.9745,-0.4375 -0.9745,-0.9755 l 0.0075,0 z m -2.0265,-3.5415 c 1.0805,0 2.0555,0.1945 2.911,0.581 -0.3225,0.009 -0.6375,0.0655 -0.953,0.18 -0.7575,0.2775 -1.3575,0.8325 -1.6875,1.5625 -0.1575,0.33 -0.24,0.6795 -0.2705,1.0325 -0.1125,-1.538 -1.38,-2.7575 -2.9405,-2.789 0.8555,-0.367 1.846,-0.567 2.9185,-0.567 l 0.022,0 z"></path></g></svg>
  780.            </div>
  781.        </div>
  782.    </div>
  783.    </div>
  784. </div>
  785. <div class="modal fade" id="exampleModal-sha-ree-fah" tabindex="-1" aria-labelledby="exampleModalLabel" aria-hidden="true">
  786.    <div class="modal-dialog modal-dialog-centered modal-dialog-scrollable  modal-lg">
  787.    <div class="modal-content" style="background-color: #fff !important;">
  788.        <div class="modal-header">
  789.        <h1 class="modal-title fs-3 gotu-font" id="exampleModalLabel">Sha Ree Fah</h1>
  790.        <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
  791.        </div>
  792.        <div class="modal-body poppin-font">
  793.            <div class="rate">
  794.                <ul>
  795.                    <li><i class="ph-fill ph-circle"></i></li>
  796.                    <li><i class="ph-fill ph-circle"></i></li>
  797.                    <li><i class="ph-fill ph-circle"></i></li>
  798.                    <li><i class="ph-fill ph-circle"></i></li>
  799.                    <li><i class="ph-fill ph-circle"></i></li>
  800.                </ul>
  801.            </div>
  802.            <p class="fw-semibold fs-5">Beautiful Villa!!</p>
  803.            <p>The experience was, for us, truly perfect in every regard. The reservation process was efficient, clear and professional. Check-in was smooth, thanks to friendly and efficient staff. And the check-out was quick and hassle-free.
  804. <br>The villa was charming and exactly what we'd been hoping for. Beautiful room, it's private and well maintained. There's a huge private pool with a small jacuzzi at the side and we enjoyed it very much.
  805. <br>The only downside is the breakfast spread, not much choice for muslim travellers. Pork meat were spread across the food. We ended up eating bread and eggs throughout our 5 days stay.
  806. <br>Overall, great value for the price paid, exceeding our expectations! </p>
  807.        </div>
  808.        <div class="modal-footer">
  809.            <div class="reviewby">
  810.                <p>Review by Tripadvisor</p>
  811.                <svg fill="#00b46c" viewBox="0 0 14 14" role="img" focusable="false" aria-hidden="true" xmlns="http://www.w3.org/2000/svg"><g id="SVGRepo_bgCarrier" stroke-width="0"></g><g id="SVGRepo_tracerCarrier" stroke-linecap="round" stroke-linejoin="round"></g><g id="SVGRepo_iconCarrier"><path d="m 12.4125,5.7662386 c 0.1405,-0.6035 0.5875,-1.208 0.5875,-1.208 l -2.006,0 c -1.1255,-0.7275 -2.4905,-1.113 -4.0065,-1.113 -1.57,0 -2.989,0.39 -4.107,1.1255 l -1.8805,0 c 0,0 0.4425,0.593 0.585,1.193 -0.366,0.5035 -0.5835,1.111 -0.5835,1.7785 0,1.658 1.3485,3.0040004 3.006,3.0040004 0.9455,0 1.7855,-0.4425 2.3405,-1.1270004 L 6.9855,10.377239 7.631,9.4092386 c 0.285,0.368 0.66,0.6680004 1.1025,0.8700004 0.7275,0.33 1.546,0.368 2.296,0.09 1.553,-0.5770004 2.348,-2.3105004 1.778,-3.8630004 -0.1045,-0.278 -0.24,-0.5255 -0.405,-0.7425 l 0.01,0.0025 z m -1.5855,4.036 c -0.6,0.2225004 -1.2525,0.1975 -1.835,-0.0715 -0.412,-0.1915 -0.7515,-0.491 -0.994,-0.8635 -0.1005,-0.1495 -0.1875,-0.3115 -0.2515,-0.4855 -0.073,-0.1975 -0.11,-0.4015 -0.1295,-0.6075 -0.037,-0.416 0.0225,-0.8365 0.2025,-1.2265 0.27,-0.582 0.7505,-1.0255 1.3505,-1.248 1.245,-0.457 2.625,0.1805 3.083,1.4205 0.458,1.2405 -0.18,2.6225 -1.4175,3.0815 l -0.0085,0 z m -4.834,-0.917 c -0.4315,0.6355 -1.161,1.0565 -1.9865,1.0565 -1.323,0 -2.4005,-1.078 -2.4005,-2.3985 0,-1.3205 1.078,-2.401 2.4005,-2.401 1.3225,0 2.399,1.0805 2.399,2.401 0,0.082 -0.015,0.157 -0.024,0.2395 -0.0405,0.4055 -0.1705,0.788 -0.3885,1.1105 l 0,-0.008 z m -3.511,-1.3735 c 0,0.8205 0.668,1.4855 1.4855,1.4855 0.8175,0 1.484,-0.665 1.484,-1.4855 0,-0.8175 -0.6665,-1.482 -1.483,-1.482 -0.818,0 -1.4855,0.6645 -1.4855,1.482 l -10e-4,0 z m 6.024,0 c 0,0.8205 0.6645,1.4855 1.484,1.4855 0.818,0 1.4825,-0.665 1.4825,-1.4855 0,-0.8175 -0.6645,-1.482 -1.4825,-1.482 -0.8175,0 -1.4855,0.6645 -1.4855,1.482 l 0.0015,0 z m -5.511,0 c 0,-0.5355 0.4345,-0.9715 0.968,-0.9715 0.532,0 0.9745,0.4365 0.9745,0.9715 0,0.538 -0.4345,0.9755 -0.9745,0.9755 -0.5405,0 -0.9755,-0.4375 -0.9755,-0.9755 l 0.0075,0 z m 6.0165,0 c 0,-0.5355 0.4345,-0.9715 0.9745,-0.9715 0.533,0 0.9685,0.4365 0.9685,0.9715 0,0.538 -0.435,0.9755 -0.976,0.9755 -0.5395,0 -0.9745,-0.4375 -0.9745,-0.9755 l 0.0075,0 z m -2.0265,-3.5415 c 1.0805,0 2.0555,0.1945 2.911,0.581 -0.3225,0.009 -0.6375,0.0655 -0.953,0.18 -0.7575,0.2775 -1.3575,0.8325 -1.6875,1.5625 -0.1575,0.33 -0.24,0.6795 -0.2705,1.0325 -0.1125,-1.538 -1.38,-2.7575 -2.9405,-2.789 0.8555,-0.367 1.846,-0.567 2.9185,-0.567 l 0.022,0 z"></path></g></svg>
  812.            </div>
  813.        </div>
  814.    </div>
  815.    </div>
  816. </div>
  817. <div class="modal fade" id="exampleModal-doniel-nadine-l" tabindex="-1" aria-labelledby="exampleModalLabel" aria-hidden="true">
  818.    <div class="modal-dialog modal-dialog-centered modal-dialog-scrollable  modal-lg">
  819.    <div class="modal-content" style="background-color: #fff !important;">
  820.        <div class="modal-header">
  821.        <h1 class="modal-title fs-3 gotu-font" id="exampleModalLabel">Doniel Nadine L</h1>
  822.        <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
  823.        </div>
  824.        <div class="modal-body poppin-font">
  825.            <div class="rate">
  826.                <ul>
  827.                    <li><i class="ph-fill ph-circle"></i></li>
  828.                    <li><i class="ph-fill ph-circle"></i></li>
  829.                    <li><i class="ph-fill ph-circle"></i></li>
  830.                    <li><i class="ph-fill ph-circle"></i></li>
  831.                    <li><i class="ph-fill ph-circle"></i></li>
  832.                </ul>
  833.            </div>
  834.            <p class="fw-semibold fs-5">A Luxurious Retreat in BALI</p>
  835.            <p>One of the best luxury hotels we have been to.
  836. <br>The hotel offers a pleasant and inviting environment, conveniently located near some major malls. The rooms are notable for their cleanliness and modernity, as the hotel has only been in operation for less than a year.
  837. <br>One of the highlights is the spacious pool within the room, providing a luxurious and refreshing experience.
  838. <br>The room design is particularly impressive, showcasing a thoughtful and aesthetically pleasing layout. Furthermore, guests can enjoy a high level of privacy, ensuring a comfortable and uninterrupted stay.
  839. <br>For those seeking relaxation, the spa facilities are both luxurious and enjoyable, offering a range of indulgent treatments to enhance the overall experience.
  840. <br>Improvements:
  841. <br>The staff's behavior can be quite invasive, as they call guests at 9:45am to check if they plan to go to the restaurant for breakfast, even though the last order is at 11am. It seems unnecessary to make this call more than an hour in advance, especially when breakfast ends at a later time.
  842. <br>Furthermore, on the very first day of our arrival, just a few hours later, they rang the bell to ask if we wanted to renew our towels. This raises the question of why the towels would need to be renewed so soon when they should already be clean.
  843. <br>These random calls and visits made us feel a bit intimidated and uncomfortable, but the staff are generally welcoming and hospitable.
  844. <br>But overall, we will definitely come back and recommend others to stay in this hotel, we just hope that these minor practices can be improved. </p>
  845.        </div>
  846.        <div class="modal-footer">
  847.            <div class="reviewby">
  848.                <p>Review by Tripadvisor</p>
  849.                <svg fill="#00b46c" viewBox="0 0 14 14" role="img" focusable="false" aria-hidden="true" xmlns="http://www.w3.org/2000/svg"><g id="SVGRepo_bgCarrier" stroke-width="0"></g><g id="SVGRepo_tracerCarrier" stroke-linecap="round" stroke-linejoin="round"></g><g id="SVGRepo_iconCarrier"><path d="m 12.4125,5.7662386 c 0.1405,-0.6035 0.5875,-1.208 0.5875,-1.208 l -2.006,0 c -1.1255,-0.7275 -2.4905,-1.113 -4.0065,-1.113 -1.57,0 -2.989,0.39 -4.107,1.1255 l -1.8805,0 c 0,0 0.4425,0.593 0.585,1.193 -0.366,0.5035 -0.5835,1.111 -0.5835,1.7785 0,1.658 1.3485,3.0040004 3.006,3.0040004 0.9455,0 1.7855,-0.4425 2.3405,-1.1270004 L 6.9855,10.377239 7.631,9.4092386 c 0.285,0.368 0.66,0.6680004 1.1025,0.8700004 0.7275,0.33 1.546,0.368 2.296,0.09 1.553,-0.5770004 2.348,-2.3105004 1.778,-3.8630004 -0.1045,-0.278 -0.24,-0.5255 -0.405,-0.7425 l 0.01,0.0025 z m -1.5855,4.036 c -0.6,0.2225004 -1.2525,0.1975 -1.835,-0.0715 -0.412,-0.1915 -0.7515,-0.491 -0.994,-0.8635 -0.1005,-0.1495 -0.1875,-0.3115 -0.2515,-0.4855 -0.073,-0.1975 -0.11,-0.4015 -0.1295,-0.6075 -0.037,-0.416 0.0225,-0.8365 0.2025,-1.2265 0.27,-0.582 0.7505,-1.0255 1.3505,-1.248 1.245,-0.457 2.625,0.1805 3.083,1.4205 0.458,1.2405 -0.18,2.6225 -1.4175,3.0815 l -0.0085,0 z m -4.834,-0.917 c -0.4315,0.6355 -1.161,1.0565 -1.9865,1.0565 -1.323,0 -2.4005,-1.078 -2.4005,-2.3985 0,-1.3205 1.078,-2.401 2.4005,-2.401 1.3225,0 2.399,1.0805 2.399,2.401 0,0.082 -0.015,0.157 -0.024,0.2395 -0.0405,0.4055 -0.1705,0.788 -0.3885,1.1105 l 0,-0.008 z m -3.511,-1.3735 c 0,0.8205 0.668,1.4855 1.4855,1.4855 0.8175,0 1.484,-0.665 1.484,-1.4855 0,-0.8175 -0.6665,-1.482 -1.483,-1.482 -0.818,0 -1.4855,0.6645 -1.4855,1.482 l -10e-4,0 z m 6.024,0 c 0,0.8205 0.6645,1.4855 1.484,1.4855 0.818,0 1.4825,-0.665 1.4825,-1.4855 0,-0.8175 -0.6645,-1.482 -1.4825,-1.482 -0.8175,0 -1.4855,0.6645 -1.4855,1.482 l 0.0015,0 z m -5.511,0 c 0,-0.5355 0.4345,-0.9715 0.968,-0.9715 0.532,0 0.9745,0.4365 0.9745,0.9715 0,0.538 -0.4345,0.9755 -0.9745,0.9755 -0.5405,0 -0.9755,-0.4375 -0.9755,-0.9755 l 0.0075,0 z m 6.0165,0 c 0,-0.5355 0.4345,-0.9715 0.9745,-0.9715 0.533,0 0.9685,0.4365 0.9685,0.9715 0,0.538 -0.435,0.9755 -0.976,0.9755 -0.5395,0 -0.9745,-0.4375 -0.9745,-0.9755 l 0.0075,0 z m -2.0265,-3.5415 c 1.0805,0 2.0555,0.1945 2.911,0.581 -0.3225,0.009 -0.6375,0.0655 -0.953,0.18 -0.7575,0.2775 -1.3575,0.8325 -1.6875,1.5625 -0.1575,0.33 -0.24,0.6795 -0.2705,1.0325 -0.1125,-1.538 -1.38,-2.7575 -2.9405,-2.789 0.8555,-0.367 1.846,-0.567 2.9185,-0.567 l 0.022,0 z"></path></g></svg>
  850.            </div>
  851.        </div>
  852.    </div>
  853.    </div>
  854. </div>
  855. <div class="modal fade" id="exampleModal-donkey-k" tabindex="-1" aria-labelledby="exampleModalLabel" aria-hidden="true">
  856.    <div class="modal-dialog modal-dialog-centered modal-dialog-scrollable  modal-lg">
  857.    <div class="modal-content" style="background-color: #fff !important;">
  858.        <div class="modal-header">
  859.        <h1 class="modal-title fs-3 gotu-font" id="exampleModalLabel">Donkey K</h1>
  860.        <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
  861.        </div>
  862.        <div class="modal-body poppin-font">
  863.            <div class="rate">
  864.                <ul>
  865.                    <li><i class="ph-fill ph-circle"></i></li>
  866.                    <li><i class="ph-fill ph-circle"></i></li>
  867.                    <li><i class="ph-fill ph-circle"></i></li>
  868.                    <li><i class="ph-fill ph-circle"></i></li>
  869.                    <li><i class="ph-fill ph-circle"></i></li>
  870.                </ul>
  871.            </div>
  872.            <p class="fw-semibold fs-5">Perfect private villa experience</p>
  873.            <p>Amazing new build villa complex, we were unsure because of the lower number of reviews but this is solely down to the age of the properties. Photos do not do it justice.
  874. <br>The staff here cannot do enough for you, the villa's are brand new, pool and garden area immaculate beautiful bathrooms, air con in room very powerful and beds comfortable. Only down side to our villa was the hot tub side of the pool wasn't really working properly .... probably a new build snag for them to be aware of. The garden and kitchen area was kept very well &amp; the walls are very high making it perfect if you value your privacy. Drones are also banned here.
  875. <br>Breakfast was good, a nice selection daily, and serving staff attentive and polite.
  876. <br>Amenities good pool, table tennis, gym etc.
  877. <br>Not a great location if you want to get around on foot but none of Bali is really, you need a taxi to get to local town/ food. But there is a shuttle service car available always in the lobby.
  878. <br>For evenings out it is close to Jimbaran beach and not too far from Kuta either.
  879. <br>Airport is also quite close but didn't really see much in the way of air traffic, funnily we had more airplane noise staying in Sanur which is defiantly on the flight path although much further from the airport.
  880. <br>Would defiantly stay here again or recommend to a friend.
  881. <br>Peaceful and very private place to stay. </p>
  882.        </div>
  883.        <div class="modal-footer">
  884.            <div class="reviewby">
  885.                <p>Review by Tripadvisor</p>
  886.                <svg fill="#00b46c" viewBox="0 0 14 14" role="img" focusable="false" aria-hidden="true" xmlns="http://www.w3.org/2000/svg"><g id="SVGRepo_bgCarrier" stroke-width="0"></g><g id="SVGRepo_tracerCarrier" stroke-linecap="round" stroke-linejoin="round"></g><g id="SVGRepo_iconCarrier"><path d="m 12.4125,5.7662386 c 0.1405,-0.6035 0.5875,-1.208 0.5875,-1.208 l -2.006,0 c -1.1255,-0.7275 -2.4905,-1.113 -4.0065,-1.113 -1.57,0 -2.989,0.39 -4.107,1.1255 l -1.8805,0 c 0,0 0.4425,0.593 0.585,1.193 -0.366,0.5035 -0.5835,1.111 -0.5835,1.7785 0,1.658 1.3485,3.0040004 3.006,3.0040004 0.9455,0 1.7855,-0.4425 2.3405,-1.1270004 L 6.9855,10.377239 7.631,9.4092386 c 0.285,0.368 0.66,0.6680004 1.1025,0.8700004 0.7275,0.33 1.546,0.368 2.296,0.09 1.553,-0.5770004 2.348,-2.3105004 1.778,-3.8630004 -0.1045,-0.278 -0.24,-0.5255 -0.405,-0.7425 l 0.01,0.0025 z m -1.5855,4.036 c -0.6,0.2225004 -1.2525,0.1975 -1.835,-0.0715 -0.412,-0.1915 -0.7515,-0.491 -0.994,-0.8635 -0.1005,-0.1495 -0.1875,-0.3115 -0.2515,-0.4855 -0.073,-0.1975 -0.11,-0.4015 -0.1295,-0.6075 -0.037,-0.416 0.0225,-0.8365 0.2025,-1.2265 0.27,-0.582 0.7505,-1.0255 1.3505,-1.248 1.245,-0.457 2.625,0.1805 3.083,1.4205 0.458,1.2405 -0.18,2.6225 -1.4175,3.0815 l -0.0085,0 z m -4.834,-0.917 c -0.4315,0.6355 -1.161,1.0565 -1.9865,1.0565 -1.323,0 -2.4005,-1.078 -2.4005,-2.3985 0,-1.3205 1.078,-2.401 2.4005,-2.401 1.3225,0 2.399,1.0805 2.399,2.401 0,0.082 -0.015,0.157 -0.024,0.2395 -0.0405,0.4055 -0.1705,0.788 -0.3885,1.1105 l 0,-0.008 z m -3.511,-1.3735 c 0,0.8205 0.668,1.4855 1.4855,1.4855 0.8175,0 1.484,-0.665 1.484,-1.4855 0,-0.8175 -0.6665,-1.482 -1.483,-1.482 -0.818,0 -1.4855,0.6645 -1.4855,1.482 l -10e-4,0 z m 6.024,0 c 0,0.8205 0.6645,1.4855 1.484,1.4855 0.818,0 1.4825,-0.665 1.4825,-1.4855 0,-0.8175 -0.6645,-1.482 -1.4825,-1.482 -0.8175,0 -1.4855,0.6645 -1.4855,1.482 l 0.0015,0 z m -5.511,0 c 0,-0.5355 0.4345,-0.9715 0.968,-0.9715 0.532,0 0.9745,0.4365 0.9745,0.9715 0,0.538 -0.4345,0.9755 -0.9745,0.9755 -0.5405,0 -0.9755,-0.4375 -0.9755,-0.9755 l 0.0075,0 z m 6.0165,0 c 0,-0.5355 0.4345,-0.9715 0.9745,-0.9715 0.533,0 0.9685,0.4365 0.9685,0.9715 0,0.538 -0.435,0.9755 -0.976,0.9755 -0.5395,0 -0.9745,-0.4375 -0.9745,-0.9755 l 0.0075,0 z m -2.0265,-3.5415 c 1.0805,0 2.0555,0.1945 2.911,0.581 -0.3225,0.009 -0.6375,0.0655 -0.953,0.18 -0.7575,0.2775 -1.3575,0.8325 -1.6875,1.5625 -0.1575,0.33 -0.24,0.6795 -0.2705,1.0325 -0.1125,-1.538 -1.38,-2.7575 -2.9405,-2.789 0.8555,-0.367 1.846,-0.567 2.9185,-0.567 l 0.022,0 z"></path></g></svg>
  887.            </div>
  888.        </div>
  889.    </div>
  890.    </div>
  891. </div>
  892. <!-- ------  -->    <footer>
  893.    <div class="container">
  894.        <div class="row align-items-start mb-5">
  895.            <div class="col-md-5">
  896.                <img src="https://vivarabali.com/themes/mindimedia/assets/images/logo-hi.svg" alt="Logo Footer Vivara" class="logo">
  897.            </div>
  898.            <div class="col-md-2">
  899.                <p class="gotu-font fs-5 fw-semibold text-white mb-2 text-center text-sm-start">Sitemap</p>
  900.                <ul class="poppin-font">
  901.                    <li><a href="https://vivarabali.com/villas">Villas</a></li>
  902.                    <li><a href="https://vivarabali.com/special-offers">Special Offers</a></li>
  903.                    <li><a href="https://vivarabali.com/facilities">Facilities</a></li>
  904.                    <li><a href="https://vivarabali.com/wedding">Wedding</a></li>
  905.                    <li><a href="https://vivarabali.com/dining">Dining</a></li>
  906.                    <li><a href="https://vivarabali.com/gallery">Gallery</a></li>
  907.                    <li><a href="https://vivarabali.com/contact-us">Contact Us</a></li>
  908.                </ul>
  909.            </div>
  910.            <div class="col-md-2">
  911.                <p class="gotu-font fs-5 fw-semibold text-white mb-2 text-center text-sm-start">More Link</p>
  912.                <ul class="poppin-font">
  913.                    <li><a href="https://vivarabali.com/about">About Us</a></li>
  914.                    <li><a href="#modalTravelAgent" data-bs-toggle="modal">Travel Agent</a></li>
  915.                    <li><a href="http://vivarabali.com/storage/app/media/FACTSHEET%20VIVARA%20PRIVATE%20POOL%20VILLA.pdf">Factsheet</a></li>
  916.                    <li><a href="#modalFAQ" data-bs-toggle="modal">FAQ</a></li>
  917.                    <li><a href="https://vivarabali.com/themes/mindimedia/assets/doc/service-directory-vivara.pdf">Service Directory</a></li>
  918.                    <li><a href="#modalTermCondition" data-bs-toggle="modal">Terms & Conditions</a></li>
  919.                </ul>
  920.            </div>
  921.            <div class="col-md-3">
  922.                <p class="gotu-font fs-5 fw-semibold text-white mb-2 text-center text-sm-start">Contact</p>
  923.                <ul class="poppin-font text-center text-sm-start">
  924.                    <li><a href="https://maps.app.goo.gl/AvYWCY78vdgdPbbt6">Jalan Karang Mas Sejahtera, Jimbaran-Bali 80361 Indonesia</a></li>
  925.                    <li><a href="tel:623614724977">+62-361-472-4977</a></li>
  926.                    <li><a href="tel:6281246195559">+62-812-4619-5559</a></li>
  927.                    <li><a href="mailto:reservation@vivarabali.com">reservation@vivarabali.com</a></li>
  928.                </ul>
  929.            </div>
  930.        </div>
  931.        <div class="row justify-content-between align-items-center border-top py-3">
  932.            <div class="col-md-9">
  933.                <p class="text-white text-center text-sm-start">©Copyright 2025 - Vivara Private Pool Villas & Spa Retreat. All rights reserved.</p>
  934.            </div>
  935.            <div class="col-md-3">
  936.                <ul class="sosmed-footer">
  937.                    <li><a href="https://www.facebook.com/profile.php?id=100084342976552" target="_blank"><i class="ph ph-facebook-logo"></i></a></li>
  938.                    <li><a href="https://www.instagram.com/vivarabali" target="_blank"><i class="ph ph-instagram-logo"></i></a></li>
  939.                    <li><a href="https://www.youtube.com/@vivarabali" target="_blank"><i class="ph ph-youtube-logo"></i></a></li>
  940.                    <li><a href="https://wa.me/6281246195559" target="_blank"><i class="ph ph-whatsapp-logo"></i></a></li>
  941.                </ul>
  942.            </div>
  943.        </div>
  944.    </div>
  945. </footer>
  946.  
  947.  
  948. <!-- Modal Travel Agent -->
  949. <div class="modal fade" id="modalTravelAgent" data-bs-backdrop="static" data-bs-keyboard="false" tabindex="-1" aria-labelledby="staticBackdropLabel" aria-hidden="true">
  950.  <div class="modal-dialog  modal-lg modal-dialog-centered modal-dialog-scrollable">
  951.    <div class="modal-content">
  952.      <div class="modal-header">
  953.        <h1 class="modal-title fs-3 gotu-font text-uppercase" id="staticBackdropLabel">Travel Agent</h1>
  954.        <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
  955.      </div>
  956.      <div class="modal-body primary-font">
  957.        <p>We welcome you to Vivara Bali Private Pool Villas & Spa Retreat webpage. When you book a room for a client through our website www.vivarabali.com, you are entitled to get a 10% commission/discount on all commissionable rates for all nights of a stay, including packages</p>
  958.        <p>To get a 10% commission/discount when you book, you need to use PROMO CODE. Therefore, please email us to get your PROMO CODE and booking instruction.</p>
  959.      </div>
  960.      <div class="modal-footer">
  961.        <a href="" class="btn-fill">Send Email</a>
  962.      </div>
  963.    </div>
  964.  </div>
  965. </div>
  966.  
  967. <!-- Modal FAQ -->
  968. <div class="modal fade" id="modalFAQ" data-bs-backdrop="static" data-bs-keyboard="false" tabindex="-1" aria-labelledby="staticBackdropLabel" aria-hidden="true">
  969.    <div class="modal-dialog  modal-xl modal-dialog-centered modal-dialog-scrollable">
  970.      <div class="modal-content">
  971.        <div class="modal-header">
  972.          <h1 class="modal-title fs-3 gotu-font" id="staticBackdropLabel">FREQUENTLY ASKED QUESTIONS (FAQ)</h1>
  973.          <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
  974.        </div>
  975.        <div class="modal-body primary-font">
  976.            <p class="fw-bold fs-5">Before you contact us, please check our FAQs to see if your question has already been answered.</p>
  977.            <p>
  978.                <strong>Can I make a booking amendment?</strong><br>
  979.                Yes, you can. Please amend your booking on our website or email our reservation department for assistance at reservation@vivarabali.com with the title “Change of Reservation” Please note that any change is subject to room availability.
  980.            </p>
  981.            <p>
  982.                <strong>What is your cancellation policy?</strong><br>
  983.                If you fail to arrive on the specified date or cancel a booking within 6 days before arrival, you will be charged the first night’s room rate. We will refund the remaining balance. We will refund your payment or deposit for any cancellation requested more than 6 days in advance. Refunds normally take approximately 14 working days. If your payment or deposit were charged to a credit card, the refund would be made to that credit card.
  984.            </p>
  985.            <p>
  986.                <strong>What are the check-in and check-out times?</strong><br>
  987.                Check-in is at 2 pm, and check-out is at 12 noon.
  988.            </p>
  989.            <p>
  990.                <strong>What is your children’s policy?</strong><br>
  991.                The maximum number of children sharing a room with parents is one unless otherwise specified in advance. Vivara Bali will charge for an extra bed for children aged 6 to 12. Extra bed and breakfast for children under 6 years old are free. <span class="text-gold">*</span>
  992.            </p>
  993.            <p>
  994.                <span class="text-gold">*)</span> for booking through our website only: <a href="https://www.vivarabali.com/" class="text-gold">www.vivarabali.com</a>
  995.            </p>
  996.            <p>
  997.                <strong>What about late check-out and day use?</strong><br>
  998.                Check-out time is 12:00 am.<br>
  999.                You can deposit your luggage with us and enjoy the hotel. A late check-out lounge with a shower is available near the lobby area.<br>
  1000.                In case you wish to keep your room after the respective check-out time, please contact your guest relations officer (GRO) or Front Office staff, which will inform you about the additional charges. Please dial number 1.
  1001.                <ul>
  1002.                    <li>Till 4 pm + IDR 1200,000,- nett (1 BRV), 2 BRV at IDR 1,800,000,- nett</li>
  1003.                    <li>Till 6 pm + IDR 1400.000,- nett (1 BRV), 2 BRV at IDR 2,500,000,- nett</li>
  1004.                    <li>After 6 pm, a full charge ( like the night before and based on availability )</li>
  1005.                </ul>
  1006.            </p>
  1007.            <p>
  1008.                <strong>Can I have airport pick up?</strong><br>
  1009.                Available based on request. Please contact <a href="mailto:reservation@vivarabali.com" class="text-gold">reservation@vivarabali.com</a>
  1010.            </p>
  1011.            <p>
  1012.                <strong>How do I check the room availability and rates?</strong><br>
  1013.                Go to Vivara’s confirmation & booking page. Enter your required check-in and check-out dates, and click search. We will then generate room availability and rates. Discounted rates are only valid if you book through <a href="https://www.vivarabali.com/" class="text-gold">www.vivarabali.com</a><br>
  1014.                All rates are in Indonesian Rupiah, and billing is processed in Indonesian Rupiah.<br>
  1015.                Room rates are inclusive of taxes and service charges unless otherwise specified.<br>
  1016.                Rates may be changed without prior notice.
  1017.            </p>
  1018.            <p>
  1019.                <strong>How do I extend my stay?</strong><br>
  1020.                For discounted extension rates, please contact the guest relation officer direct in the lobby area or mail <a href="mailto:reservation@vivarabali.com" class="text-gold">reservation@vivarabali.com</a>
  1021.            </p>
  1022.            <p>
  1023.                <strong>Which credit cards do you accept?</strong><br>
  1024.                Visa, MasterCard, Amex, JCB & Diners Club.
  1025.            </p>
  1026.            <p>
  1027.                <strong>What’s included in the room rate?</strong><br>
  1028.                Room rates are inclusive of breakfast, welcome drink & cold towel, all-day breakfast at the Royal Pool Club Bar & Restaurant, mini bar refilled one time per day stocked with soft drinks, fruit amenities on arrival, daily turndown service, Wi-Fi throughout the retreat, tax and service charge unless otherwise specified, honeymoon & birthday amenities.
  1029.            </p>
  1030.            <p>
  1031.                <strong>How far is Vivara Bali from the airport?</strong><br>
  1032.                Only 20 minutes or 10 km.
  1033.            </p>
  1034.            <p>
  1035.                <strong>Does your hotel allow pets?</strong><br>
  1036.                Maximum of 2 pets per villa, each weighing up to 17 kg. Pets are referred to as dogs and cats only. IDR 1.600.000- (minimum) will be charged for deep cleaning/repairs in the event of damage caused by the pet to the room or any other resort facilities during the stay. Pets must be on a leash or in a carrier during the guest’s stay.
  1037.            </p>
  1038.            <p>
  1039.                <strong>Honeymoon or Anniversary?</strong><br>
  1040.                Where there is love, there is Vivara. Included in your room rate is A small token of appreciation for our guests who celebrate their birthday or honeymoon while you stay at Vivara – Please let us know in advance, and we will prepare a couple of love swans and flowers on your bed. Advance information during the reservation or check is necessary. For more detail, please check the In-room dining menu, events & romance by Vivara.
  1041.            </p>
  1042.        </div>
  1043.      </div>
  1044.    </div>
  1045. </div>
  1046.  
  1047.  
  1048. <!-- Modal Term & Condition -->
  1049. <div class="modal fade" id="modalTermCondition" data-bs-backdrop="static" data-bs-keyboard="false" tabindex="-1" aria-labelledby="staticBackdropLabel" aria-hidden="true">
  1050.    <div class="modal-dialog  modal-xl modal-dialog-centered modal-dialog-scrollable">
  1051.      <div class="modal-content">
  1052.        <div class="modal-header">
  1053.          <h1 class="modal-title fs-3 gotu-font" id="staticBackdropLabel">TERMS AND CONDITIONS</h1>
  1054.          <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
  1055.        </div>
  1056.        <div class="modal-body primary-font">
  1057.            <p class="mb-0">
  1058.                <strong>Rates</strong>
  1059.                <ul>
  1060.                    <li>The lowest internet rates are only available for bookings made through <a href="https://www.vivarabali.com/" class="text-gold">www.vivarabali.com</a></li>
  1061.                    <li>Rates are in Indonesian Rupiah, and billing will be processed in Indonesian Rupiah. Room rates are inclusive of taxes and service charges unless otherwise specified. Unless otherwise specified, the prices indicated are per room for the number of people and the date(s) selected.</li>
  1062.                    <li>Additional services (additional person, airport transfer, babysitting, lunch/dinner etc.) are optional unless specifically selected as part of the booking. Room rates are inclusive of breakfast unless otherwise specified.</li>
  1063.                    <li>Special group rates are available; please contact <a href="mailto:reservation@vivarabali.com" class="text-gold">reservation@vivarabali.com</a></li>
  1064.                    <li> The group rate is indicated for a reservation of a minimum of 7 rooms per period.</li>
  1065.                    <li>Rates may change without prior notice.</li>
  1066.                </ul>                
  1067.            </p>
  1068.            <p>
  1069.                <strong>Additional Charges</strong><br>
  1070.                An extra bed charge will apply for an additional person above 6 years in a room above the number specified in the room description. Please note that a maximum of one extra bed is allowed in each room unless otherwise specified.          
  1071.            </p>
  1072.            <p>
  1073.                <strong>Reservation</strong><br>
  1074.                We recommend online reservation via our website <a href="https://www.vivarabali.com/" class="text-gold">www.vivarabali.com</a> as the fastest and most secure method of booking. You will get Instant confirmation & Security: Click to Book. All reservation inquiries will be replied to within 24 hours.          
  1075.            </p>
  1076.            <p>
  1077.                <strong>Amending a Reservation</strong><br>
  1078.                Reservations can be changed with prior notice, subject to room availability. Please contact <a href="mailto:reservation@vivarabali.com" class="text-gold">reservation@vivarabali.com</a>        
  1079.            </p>
  1080.            <p class="mb-0">
  1081.                <strong>Guarantee Reservation</strong>
  1082.                <ul>
  1083.                    <li>A refundable deposit to the value of 1 night’s stay will be charged to your credit card at the time of booking.</li>
  1084.                    <li>The credit card used to reserve rooms must be valid for the entire stay and must be presented upon check-in.</li>
  1085.                    <li>Please note that if you are booking on behalf of someone else, Vivara Bali will contact you directly and arrange third-party billing.</li>
  1086.                    <li>We accept Visa, MasterCard, Amex, JCB & Diners Club.</li>
  1087.                    <li>Payment can also be made using a bank transfer.</li>
  1088.                    <li> A copy of proof of payment will be required and can be emailed to <a href="mailto:reservation@vivarabali.com" class="text-gold">reservation@vivarabali.com</a> or WA to our reservation at <a href="https://wa.me/6282146391617" class="text-gold">+62 821-4639-1617</a>.</li>
  1089.                    <li>In the unlikely event that an overbooking occurs, or for any other unforeseen circumstance, the Hotel is unable to hold rooms consistent with our terms and conditions, the hotel will attempt to accommodate guests, at our expense, at a comparable hotel in the area and will pay for transportation to that hotel.</li>
  1090.                </ul>
  1091.            </p>
  1092.            <p>
  1093.                <strong>Check-in and Check-out</strong><br>
  1094.                Check-out time is 12:00 am. You can deposit your luggage with us and enjoy the Hotel. A late check-out lounge with a shower is available near the lobby area.<br>
  1095.                If you wish to keep your room after the respective check-out time, please contact your guest relations officer (GRO), who will inform you about the additional charges.
  1096.                Late check-out depends on the availability and cannot be guaranteed.
  1097.                <ul>
  1098.                    <li>Till 4 pm + IDR 1200,000,- nett (1 BRV), 2 BRV at IDR 1,800,000,- nett</li>
  1099.                    <li>Till 6 pm + IDR 1400.000,- nett (1 BRV), 2 BRV at IDR 2,500,000,- nett</li>
  1100.                    <li>After 6 pm, a full charge ( like the night before and based on availability )</li>
  1101.                </ul>
  1102.                Early check-in depends on room availability and cannot be guaranteed.
  1103.            </p>
  1104.            <p>
  1105.                <strong>Cancellation, No Show and Early Departure</strong><br>
  1106.                If you fail to arrive on the specified date or cancel a booking within 6 days before arrival, you will be charged the first night’s room rate. We will refund the remaining balance. We will refund your payment or deposit for any cancellation requested more than 6 days in advance. Refunds normally take approximately 14 working days. If your payment or deposit were charged to a credit card, the refund would be made to that credit card.        
  1107.            </p>
  1108.            <p>
  1109.                <strong>Children Policy</strong><br>
  1110.                <ul>
  1111.                    <li>The maximum number of children sharing a room with parents is one unless otherwise specified.</li>
  1112.                    <li>Vivara Bali will charge for an extra bed for children aged 6 to 12.</li>
  1113.                    <li>Extra bed and breakfast for children under 6 years old are free.*</li>
  1114.                    <li>We classify children till the age of 12 years old.</li>
  1115.                    <li>Extra bed and breakfast for children under 6 years old are free.*</li>
  1116.                    <li>Baby cots are available at no cost. Please notify our reservation department in advance if one is required.</li>
  1117.                    <li>A babysitting service is available at an additional cost. Please notify our reservation department in advance if this is required.</li>
  1118.                </ul>
  1119.                *) for booking through our website only: <a href="https://www.vivarabali.com/" class="text-gold">www.vivarabali.com</a>    
  1120.            </p>
  1121.        </div>
  1122.      </div>
  1123.    </div>
  1124. </div>    <div class="whatsapp-widget">
  1125.    <a href="https://wa.me/6281246195559" target="_blank">
  1126.        <i class="ph-fill ph-whatsapp-logo"></i>
  1127.    </a>
  1128. </div>
  1129.  
  1130. <style type="text/css">
  1131.    .whatsapp-widget {
  1132.        position: fixed;
  1133.        bottom: 60px;
  1134.        right: 10px;
  1135.        z-index: 10;
  1136.    }
  1137.    .whatsapp-widget a {
  1138.        text-decoration: none;
  1139.        color: #25D366;
  1140.        font-size: 3.5rem;
  1141.        transition: .3s all;
  1142.    }
  1143.  
  1144.    .whatsapp-widget a svg{
  1145.        height: 8vh;
  1146.        /* background: #fff; */
  1147.        /* border-radius: 100px; */
  1148.        /* filter: drop-shadow(0px 3px 3px #000000); */
  1149.    }
  1150.  
  1151.    .whatsapp-widget a:hover svg{
  1152.        filter: invert(50%) sepia(11%) saturate(1616%) hue-rotate(42deg) brightness(97%) contrast(90%);
  1153.    }
  1154.  
  1155.    /* .whatsapp-widget a::after {
  1156.        position: absolute;
  1157.        content: "";
  1158.        display: block;
  1159.        height: 70px;
  1160.        width: 70px;
  1161.        border-radius: 50px;
  1162.        background-color: #25D366;
  1163.        top: 10px;
  1164.        z-index: -1;
  1165.        left: -11px;
  1166.    } */
  1167.  
  1168.    @media (min-width: 768px) and (max-width: 1024px){/*Small Dekstop Device*/ }
  1169.    @media (min-width: 1025px) and (max-width: 1280px){/*Medium Dekstop Device*/
  1170.        .whatsapp-widget a {
  1171.            font-size: 2.6rem;
  1172.        }
  1173.  
  1174.        .whatsapp-widget a::after {
  1175.            height: 60px;
  1176.            width: 60px;
  1177.            top: 4px;
  1178.            left: -12px;
  1179.        }
  1180.    }
  1181.    @media (min-width: 1281px){/*Large Dekstop Device*/ }
  1182.  
  1183.    @media only screen and (max-width : 576px){
  1184.        .whatsapp-widget {
  1185.            position: fixed;
  1186.            bottom: 60px;
  1187.            right: 10px;
  1188.            z-index: 10;
  1189.        }
  1190.    }
  1191.  
  1192.  
  1193. </style>
  1194.  
  1195.  
  1196.    <!-- Scripts -->
  1197.    <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.6.1/jquery.min.js"></script>
  1198.    <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/js/bootstrap.bundle.min.js" integrity="sha384-YvpcrYf0tY3lHB60NNkmXc5s9fDVZLESaAA55NDzOxhy9GkcIdslK1eN7N6jIeHz" crossorigin="anonymous"></script>
  1199.    <script src="https://cdn.jsdelivr.net/npm/swiper@11/swiper-bundle.min.js"></script>
  1200.    <script src="https://vivarabali.com/themes/mindimedia/assets/t-datepicker/public/theme/js/t-datepicker.min.js"></script>
  1201.    <!-- <script src="https://unpkg.com/@phosphor-icons/web@2.0.3"></script> -->
  1202.    <!-- <script src="https://unpkg.com/@phosphor-icons/web"></script> -->
  1203.    <script src="https://cdn.jsdelivr.net/npm/@fancyapps/ui@5.0/dist/fancybox/fancybox.umd.js"></script>
  1204.    <script type="text/javascript" src="https://unpkg.com/isotope-layout@3/dist/isotope.pkgd.min.js"></script>
  1205.    <script type="text/javascript" src="https://npmcdn.com/imagesloaded@4/imagesloaded.pkgd.js"></script>
  1206.    <script type="text/javascript" src="https://npmcdn.com/imagesloaded@4/imagesloaded.pkgd.js"></script>
  1207.    <script src="https://vivarabali.com/themes/mindimedia/assets/javascript/apps.js"></script>
  1208.    <script>
  1209.      $(document).ready(function() {
  1210.        $('#BannerPopUp').modal('show');
  1211.      });
  1212.  
  1213.  
  1214.      var swiper = new Swiper(".mySwiper", {
  1215.      navigation: {
  1216.        nextEl: ".swiper-button-next",
  1217.        prevEl: ".swiper-button-prev",
  1218.      },
  1219.      autoplay: {
  1220.          delay: 3000,
  1221.          disableOnInteraction: false,
  1222.      },
  1223.    });
  1224.  </script>
  1225.  <script type="text/javascript">
  1226.    let observer = new IntersectionObserver(
  1227.      (entries, observer) => {
  1228.        entries.forEach(entry => {
  1229.          const badge = document.querySelector(".whatsapp-widget");    
  1230.          if (entry.isIntersecting) { badge.classList.add("d-none"); }
  1231.          else { badge.classList.remove("d-none"); }
  1232.          
  1233.      });
  1234.    });
  1235.  
  1236.    observer.observe(document.querySelector("footer"));
  1237. </script>    <script>
  1238.        $(window).scroll(function(){
  1239.            var scroll = $(window).scrollTop();
  1240.            if (scroll >= 200) {
  1241.                $('header.dekstop').addClass('fill');
  1242.                $('header.dekstop').removeClass('transparent');
  1243.                $('header.mobile').addClass('bg-white');
  1244.                $('header.mobile').removeClass('bg-trans');
  1245.            } else {
  1246.                $('header.dekstop').removeClass('fill');
  1247.                $('header.dekstop').addClass('transparent');
  1248.                $('header.mobile').removeClass('bg-white');
  1249.                $('header.mobile').addClass('bg-trans');
  1250.            }
  1251.        })
  1252.  
  1253.        
  1254.  
  1255.        
  1256.        $( document ).ready(function() {
  1257.            // Add hover action for dropdowns
  1258.            let dropdown_hover = $(".dropdown-hover");
  1259.            dropdown_hover.on('mouseover', function(){
  1260.                let menu = $(this).find('.dropdown-menu'), toggle = $(this).find('.dropdown-toggle');
  1261.                menu.addClass('show');
  1262.                toggle.addClass('show').attr('aria-expanded', true);
  1263.            });
  1264.            dropdown_hover.on('mouseout', function(){
  1265.                let menu = $(this).find('.dropdown-menu'), toggle = $(this).find('.dropdown-toggle');
  1266.                menu.removeClass('show');
  1267.                toggle.removeClass('show').attr('aria-expanded', false);
  1268.            });
  1269.  
  1270.        });
  1271.        
  1272.    </script>
  1273.    <script type="module">
  1274.        import { Dropdown } from "https://cdn.jsdelivr.net/npm/jolty@0.6.2/dist/jolty.esm.min.js";
  1275.        // Ensure that the script runs after the DOM is fully loaded
  1276.        document.addEventListener("DOMContentLoaded", () => {
  1277.            Dropdown.initAll();
  1278.        });
  1279.    </script>
  1280. </body>
  1281. </html>
Copyright © 2002-9 Sam Ruby, Mark Pilgrim, Joseph Walton, and Phil Ringnalda