{"id":2,"date":"2022-12-26T05:13:55","date_gmt":"2022-12-26T05:13:55","guid":{"rendered":"http:\/\/wiselanka.com\/?page_id=2"},"modified":"2026-03-30T08:55:37","modified_gmt":"2026-03-30T08:55:37","slug":"sample-page","status":"publish","type":"page","link":"https:\/\/wiselanka.com\/","title":{"rendered":"Home"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"2\" class=\"elementor elementor-2\">\n\t\t\t\t\t\t\t<div class=\"elementor-element elementor-element-f8295c3 e-con-full e-con\" data-id=\"f8295c3\" data-element_type=\"container\" data-settings=\"{&quot;content_width&quot;:&quot;full&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-0a49adc elementor-widget elementor-widget-html\" data-id=\"0a49adc\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Merriweather:wght@300;400;700&display=swap\" rel=\"stylesheet\">\r\n\r\n<style>\r\n\r\n\/* ------------------------------ *\/\r\n\/* BASE SLIDER CONTAINER          *\/\r\n\/* ------------------------------ *\/\r\n.WLRS-slider {\r\n    margin-top:0px;\r\n    position: relative;\r\n    width: 100%;\r\n    height: 70vh;\r\n    overflow: hidden;\r\n    font-family: 'Merriweather', serif;\r\n}\r\n\r\n\/* ------------------------------ *\/\r\n\/* SLIDE                          *\/\r\n\/* ------------------------------ *\/\r\n.WLRS-slide {\r\n    position: absolute;\r\n    inset: 0;\r\n    width: 100%;\r\n    height: 100%;\r\n\r\n    background-size: cover;\r\n    background-position: center;\r\n\r\n    opacity: 0;\r\n    transition: opacity 1s ease-out;\r\n    z-index: 1; \/* base *\/\r\n}\r\n\r\n.WLRS-slide.active {\r\n    opacity: 1;\r\n    z-index: 5; \/* on top *\/\r\n    animation: kenburns 12s ease-out forwards;\r\n}\r\n\r\n@keyframes kenburns {\r\n    0% { transform: scale(1.05); }\r\n    100% { transform: scale(1.20); }\r\n}\r\n\r\n\/* ------------------------------ *\/\r\n\/* CENTER VIGNETTE OVERLAY        *\/\r\n\/* ------------------------------ *\/\r\n.WLRS-center-overlay {\r\n    position: absolute;\r\n    inset: 0;\r\n    pointer-events: none;\r\n    z-index: 6; \/* BELOW content, ABOVE image *\/\r\n\r\n    background: radial-gradient(\r\n        circle at center,\r\n        rgba(0,0,0,0.55) 0%,\r\n        rgba(0,0,0,0.3) 40%,\r\n        rgba(0,0,0,0.1) 70%,\r\n        rgba(0,0,0,0) 100%\r\n    );\r\n}\r\n\r\n\/* ------------------------------ *\/\r\n\/* CONTENT (TEXT + BUTTON)        *\/\r\n\/* ------------------------------ *\/\r\n.WLRS-content {\r\n    position: absolute;\r\n    top: 52%;\r\n    left: 50%;\r\n    transform: translate(-50%, -50%);\r\n\r\n    text-align: center;\r\n    color: #fff;\r\n\r\n    z-index: 10;\r\n}\r\n\r\n\/* LARGE TITLE *\/\r\n\/* Default (desktop \/ large screens) *\/\r\n.WLRS-content h1 {\r\n    font-size: 3.1rem;\r\n    line-height: 1.2;\r\n    white-space: normal;\r\n    word-break: break-word;\r\n    max-width: 90vw;\r\n}\r\n\r\n\/* Large tablets *\/\r\n@media (max-width: 1024px) {\r\n    .WLRS-content h1 {\r\n        font-size: 2.7rem;\r\n    }\r\n}\r\n\r\n\/* Medium tablets \/ small laptops *\/\r\n@media (max-width: 768px) {\r\n    .WLRS-content h1 {\r\n        font-size: 2.4rem;\r\n    }\r\n}\r\n\r\n\/* Large phones \/ small tablets *\/\r\n@media (max-width: 600px) {\r\n    .WLRS-content h1 {\r\n        font-size: 2rem;\r\n    }\r\n    .WLRS-content p {\r\n        font-size: 1.1rem;\r\n    }\r\n}\r\n\r\n\/* Small phones *\/\r\n@media (max-width: 400px) {\r\n    .WLRS-content h1 {\r\n        font-size: 1.7rem;\r\n        line-height: 1.3;\r\n    }\r\n    .WLRS-content p {\r\n        font-size: 1rem;\r\n    }\r\n}\r\n\r\n\r\n\r\n\/* SUBTEXT *\/\r\n.WLRS-content p {\r\n    font-size: 1.5rem;\r\n    margin-bottom: 35px;\r\n}\r\n\r\n\/* ------------------------------ *\/\r\n\/* BUTTON \u2014 SHRINK ANIMATION      *\/\r\n\/* ------------------------------ *\/\r\n.WLRS-btn {\r\n    padding: 14px 42px;\r\n    background: transparent;\r\n    border: 2px solid #fff;\r\n    color: #fff;\r\n\r\n    font-size: 1.2rem;\r\n    letter-spacing: 2px;\r\n    font-weight: 700;\r\n    text-transform: uppercase;\r\n\r\n    border-radius: 0;\r\n    cursor: pointer;\r\n\r\n    display: inline-block;\r\n    z-index: 1000;\r\n\r\n    transition: transform 0.3s ease, background 0.3s ease;\r\n}\r\n\r\n.WLRS-btn:hover {\r\n    transform: scale(0.85);\r\n    background: rgba(255,255,255,0.20);\r\n}\r\n\r\n\r\n\r\n\/* ------------------------------ *\/\r\n\/* ARROWS                         *\/\r\n\/* ------------------------------ *\/\r\n.WLRS-arrows {\r\n    position: absolute;\r\n    top: 50%;\r\n    left: 0;\r\n    width: 100%;\r\n\r\n    transform: translateY(-50%);\r\n    display: flex;\r\n    justify-content: space-between;\r\n\r\n    padding: 0 25px;\r\n    z-index: 50;\r\n    pointer-events: none;\r\n}\r\n\r\n.WLRS-prev, .WLRS-next {\r\n    font-size: 3rem;\r\n    color: white;\r\n    cursor: pointer;\r\n    pointer-events: auto;\r\n    text-shadow: 0px 5px 15px rgba(0,0,0,0.7);\r\n}\r\n\r\n\/* ------------------------------ *\/\r\n\/* RESPONSIVE                     *\/\r\n\/* ------------------------------ *\/\r\n@media(max-width:600px){\r\n   \r\n    .WLRS-content p  { font-size: 1.1rem; }\r\n}\r\n.WLRS-content h1 {\r\n    color: #ffffff !important;\r\n}\r\n\r\n.WLRS-content p {\r\n    color: #ffffff !important;\r\n}\r\n\r\n\/* =========================================\r\n   SLOW DEPTH-IN TEXT REVEAL (fade + zoom-in)\r\n   ========================================= *\/\r\n\r\n.WLRS-content > * {\r\n    opacity: 0;\r\n    transform: scale(0.35);    \/* text starts deeper inside *\/\r\n    filter: blur(0px);         \/* soft blur = depth *\/\r\n    transition:\r\n        opacity 2.3s ease,\r\n        transform 2.3s ease,\r\n        filter 2.3s ease;\r\n}\r\n\r\n\/* When slide becomes active \u2192 slowly zoom in *\/\r\n.WLRS-slide.active .WLRS-content > * {\r\n    opacity: 1;\r\n    transform: scale(1);       \/* zoom to normal *\/\r\n    filter: blur(0);           \/* remove blur *\/\r\n}\r\n\r\n\/* Smooth stagger for cinematic luxury reveal *\/\r\n.WLRS-slide.active .WLRS-content h1 {\r\n    transition-delay: 0.25s;\r\n}\r\n.WLRS-slide.active .WLRS-content p {\r\n    transition-delay: 0.45s;\r\n}\r\n.WLRS-slide.active .WLRS-content .WLRS-btn {\r\n    transition-delay: 0.65s;\r\n}\r\n\r\n\/* =======================================\r\n   LETTER-BY-LETTER FADE-IN FOR TITLES\r\n   ======================================= *\/\r\n\r\n\/* LETTER-BY-LETTER FADE-IN (unlimited length) *\/\r\n.WLRS-letter {\r\n  display: inline-block;\r\n  opacity: 0;\r\n  transform: scale(0.95);\r\n  filter: blur(4px);\r\n  transition:\r\n    opacity 0.55s ease,\r\n    transform 0.55s ease,\r\n    filter 0.55s ease;\r\n  \/* base will be multiplied by index *\/\r\n  transition-delay: calc(var(--i) * 0.04s);\r\n}\r\n\r\n\/* When the slide becomes active \u2014 letters animate in *\/\r\n.WLRS-slide.active .WLRS-letter {\r\n  opacity: 1;\r\n  transform: scale(1);\r\n  filter: blur(0);\r\n}\r\n\r\n\/* Slight accessibility: reduce motion respect (optional) *\/\r\n@media (prefers-reduced-motion: reduce) {\r\n  .WLRS-letter {\r\n    transition: none;\r\n    opacity: 1 !important;\r\n    transform: none !important;\r\n    filter: none !important;\r\n  }\r\n}\r\n\r\n\r\n\r\n\r\n\r\n<\/style>\r\n\r\n<div class=\"WLRS-slider\">\r\n\r\n    <!-- SLIDES -->\r\n    <div class=\"WLRS-slide active\" data-anim=\"left\" style=\"background-image:url('http:\/\/wiselanka.com\/wp-content\/uploads\/2023\/03\/image-01.jpg')\">\r\n        <div class=\"WLRS-center-overlay\"><\/div>\r\n        <div class=\"WLRS-content\">\r\n            <h1>MOST WELCOMED DESTINATION<\/h1>\r\n            <p>Ranked as Top 10 friendliest countries in the world<\/p>\r\n            <button class=\"WLRS-btn\" onclick=\"location.href='https:\/\/wiselanka.com\/?page_id=4165'\">Explore More<\/button>\r\n        <\/div>\r\n    <\/div>\r\n\r\n    <div class=\"WLRS-slide\" data-anim=\"right\" style=\"background-image:url('http:\/\/wiselanka.com\/wp-content\/uploads\/2025\/12\/nature_srilanka-scaled.jpg')\">\r\n        <div class=\"WLRS-center-overlay\"><\/div>\r\n        <div class=\"WLRS-content\">\r\n            <h1>HIDDEN NATURE IS SECRET GOD<\/h1>\r\n            <p>Sri Lankan Nature is the greatest place to heal and recharge<\/p>\r\n            <button class=\"WLRS-btn\" onclick=\"location.href='https:\/\/wiselanka.com\/?page_id=4276'\">Explore More<\/button>\r\n        <\/div>\r\n    <\/div>\r\n\r\n    <div class=\"WLRS-slide\" data-anim=\"left\" style=\"background-image:url('http:\/\/wiselanka.com\/wp-content\/uploads\/2023\/10\/slider-sigiriya-5.png')\">\r\n        <div class=\"WLRS-center-overlay\"><\/div>\r\n        <div class=\"WLRS-content\">\r\n            <h1>STUNNING WORLD HERITAGE<\/h1>\r\n            <p>Site of historical & Archeological Significance<\/p>\r\n            <button class=\"WLRS-btn\" onclick=\"location.href='https:\/\/wiselanka.com\/?page_id=4248'\">Explore More<\/button>\r\n        <\/div>\r\n    <\/div>\r\n\r\n    <div class=\"WLRS-slide\" data-anim=\"right\" style=\"background-image:url('http:\/\/wiselanka.com\/wp-content\/uploads\/2025\/11\/Hiriketiya-Beach.jpg')\">\r\n        <div class=\"WLRS-center-overlay\"><\/div>\r\n        <div class=\"WLRS-content\">\r\n            <h1>SEA BREEZE, SANDY SHORES<\/h1>\r\n            <p>Soft golden sands, endless sunshine & intimate coastal sanctuaries.<\/p>\r\n            <button class=\"WLRS-btn\" onclick=\"location.href='https:\/\/wiselanka.com\/?page_id=4234'\">Explore More<\/button>\r\n        <\/div>\r\n    <\/div>\r\n\r\n    <div class=\"WLRS-arrows\">\r\n        <span class=\"WLRS-prev\">\u276e<\/span>\r\n        <span class=\"WLRS-next\">\u276f<\/span>\r\n    <\/div>\r\n\r\n<\/div>\r\n<script>\r\ndocument.addEventListener(\"DOMContentLoaded\", () => {\r\n  const titles = document.querySelectorAll(\".WLRS-content h1\");\r\n\r\n  titles.forEach(title => {\r\n    const text = title.textContent.trim();\r\n    title.innerHTML = \"\"; \/\/ clear\r\n\r\n    \/\/ create spans with --i index\r\n    Array.from(text).forEach((ch, idx) => {\r\n      const span = document.createElement(\"span\");\r\n      span.className = \"WLRS-letter\";\r\n      span.style.setProperty(\"--i\", idx);           \/\/ index as CSS var\r\n      span.textContent = (ch === \" \") ? \"\\u00A0\" : ch;\r\n      title.appendChild(span);\r\n    });\r\n  });\r\n});\r\n<\/script>\r\n\r\n\r\n\r\n<script>\r\nlet currentSlide = 0;\r\nconst slides = document.querySelectorAll('.WLRS-slide');\r\n\r\nfunction showSlide(index) {\r\n    slides.forEach((slide) => slide.classList.remove(\"active\"));\r\n    slides[index].classList.add(\"active\");\r\n}\r\n\r\nfunction nextSlide() {\r\n    currentSlide = (currentSlide + 1) % slides.length;\r\n    showSlide(currentSlide);\r\n}\r\n\r\nfunction prevSlide() {\r\n    currentSlide = (currentSlide - 1 + slides.length) % slides.length;\r\n    showSlide(currentSlide);\r\n}\r\n\r\ndocument.querySelector(\".WLRS-next\").onclick = nextSlide;\r\ndocument.querySelector(\".WLRS-prev\").onclick = prevSlide;\r\n\r\nsetInterval(nextSlide, 10000);\r\n<\/script>\r\n\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-db86b1d e-con-full elementor-invisible e-con\" data-id=\"db86b1d\" data-element_type=\"container\" data-settings=\"{&quot;content_width&quot;:&quot;full&quot;,&quot;animation&quot;:&quot;fadeIn&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-a02de48 elementor-widget elementor-widget-html\" data-id=\"a02de48\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Merriweather:wght@300;400;700;900&display=swap\" rel=\"stylesheet\">\r\n\r\n<style>\r\n\/* =========================\r\n   WLRA (Elementor-safe scope)\r\n========================= *\/\r\n.WLRA-section, .WLRA-section * {\r\n  box-sizing: border-box;\r\n  font-family: 'Merriweather', serif;\r\n}\r\n\r\n.WLRA-section {\r\n  width: 100%;\r\n  padding: 100px 20px;\r\n  background: #f8faff;\r\n  position: relative;\r\n  overflow: hidden;\r\n}\r\n\r\n\/* WATERMARK *\/\r\n.WLRA-section::after {\r\n  content: \"\";\r\n  position: absolute;\r\n  top: 50%; left: 50%;\r\n  transform: translate(-50%,-70%);\r\n  width: 850px; height: 850px;\r\n  background-image: url(\"http:\/\/wiselanka.com\/wp-content\/uploads\/2026\/03\/Untitled-design.png\");\r\n  background-repeat: no-repeat;\r\n  background-size: contain;\r\n  opacity: 0.1;\r\n  pointer-events: none;\r\n}\r\n\r\n.WLRA-container {\r\n  max-width: 1300px;\r\n  width: 100%;\r\n  margin: 0 auto;\r\n  text-align: center;\r\n  position: relative;\r\n  z-index: 2;\r\n}\r\n\r\n\/* TEXT BLOCK *\/\r\n.WLRA-title { font-size: 44px; font-weight: 900; color: #031f3c; opacity: 0; transform: translateY(20px); transition: 0.8s ease; }\r\n.WLRA-sub { font-size: 19px; margin-top: 10px; color: #2889eb; font-weight: 700; opacity: 0; transform: translateY(20px); transition: 0.8s ease 0.1s; }\r\n.WLRA-desc { margin: 25px auto 0; font-size: 17px; color: #002e5a; line-height: 1.7; max-width: 850px; opacity: 0; transform: translateY(20px); transition: 0.8s ease 0.2s; }\r\n.WLRA-reveal { opacity: 1 !important; transform: translateY(0) !important; }\r\n\r\n\/* --------------------\r\n   DESKTOP GRID (The arrangement you liked)\r\n-------------------- *\/\r\n.WLRA-features-wrapper {\r\n  margin-top: 60px;\r\n  width: 100%;\r\n  overflow: hidden; \r\n}\r\n\r\n.WLRA-features {\r\n  display: grid;\r\n  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\r\n  gap: 30px;\r\n  transition: transform 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94);\r\n}\r\n\r\n.WLRA-feature-box {\r\n  background: #fff;\r\n  padding: 40px 25px;\r\n  border-radius: 15px;\r\n  box-shadow: 0 10px 30px rgba(0,0,0,0.05);\r\n  text-align: center;\r\n  border: 1px solid rgba(0,0,0,0.04);\r\n  opacity: 0;\r\n  transform: translateY(25px);\r\n  transition: opacity 0.6s ease, transform 0.6s ease, box-shadow 0.3s ease;\r\n}\r\n\r\n@media (min-width: 769px) {\r\n  .WLRA-feature-box:hover {\r\n    transform: translateY(-10px) !important;\r\n    box-shadow: 0 15px 35px rgba(0,0,0,0.1);\r\n  }\r\n  \/* Hide the infinite-loop clones on desktop to keep the 4-card grid clean *\/\r\n  .WLRA-clone { display: none !important; }\r\n}\r\n\r\n\/* --------------------\r\n   MOBILE SLIDER OVERRIDES\r\n-------------------- *\/\r\n@media (max-width: 768px) {\r\n  .WLRA-section { padding: 60px 0; }\r\n  .WLRA-container { padding: 0 15px; }\r\n\r\n  .WLRA-features {\r\n    display: flex; \/* Switch grid to row for sliding *\/\r\n    gap: 0;\r\n    width: 100%;\r\n  }\r\n\r\n  .WLRA-features.no-transition { transition: none !important; }\r\n\r\n  .WLRA-feature-box {\r\n    flex: 0 0 100%; \r\n    opacity: 1 !important; \r\n    transform: none !important;\r\n    border-radius: 0;\r\n    box-shadow: none;\r\n    background: transparent;\r\n  }\r\n}\r\n\r\n\/* ICON & TEXT STYLES *\/\r\n.WLRA-feature-icon { width: 65px; height: 65px; margin: 0 auto; border-radius: 50%; background: rgba(3,31,60,0.06); display: flex; align-items: center; justify-content: center; }\r\n.WLRA-icon { width: 28px; height: 28px; }\r\n.WLRA-icon * { stroke: #031f3c; stroke-width: 2; fill: none; stroke-linecap: round; stroke-linejoin: round; }\r\n.WLRA-feature-title { margin-top: 20px; font-size: 21px; font-weight: 900; color: #031f3c; }\r\n.WLRA-feature-sub { margin-top: 5px; font-size: 13px; color: #2889eb; font-weight: 700; text-transform: uppercase; }\r\n.WLRA-feature-desc { margin-top: 15px; font-size: 15px; line-height: 1.6; color: #4a5568; }\r\n<\/style>\r\n\r\n<section class=\"WLRA-section\">\r\n  <div class=\"WLRA-container\">\r\n    <h1 class=\"WLRA-title WLRA-anim\">Welcome to Wise Sri Lanka<\/h1>\r\n    <p class=\"WLRA-sub WLRA-anim\">\u201cThe most reliable website for booking Sri Lanka, Maldives &amp; Seychelles\u201d<\/p>\r\n    <p class=\"WLRA-desc WLRA-anim\">\r\n      Delivering unforgettable travel experiences across the globe, <strong>Wise Sri Lanka<\/strong> is a contemporary, trusted tour operator specialized in unique itineraries.\r\n    <\/p>\r\n\r\n    <div class=\"WLRA-features-wrapper\" id=\"WLRA-touch-area\">\r\n      <div class=\"WLRA-features\" id=\"WLRA-track\">\r\n        <div class=\"WLRA-feature-box WLRA-anim\">\r\n          <div class=\"WLRA-feature-icon\"><svg class=\"WLRA-icon\" viewBox=\"0 0 24 24\"><path d=\"M12 21s7-4.5 7-11a7 7 0 0 0-14 0c0 6.5 7 11 7 11z\"><\/path><circle cx=\"12\" cy=\"10\" r=\"2.6\"><\/circle><\/svg><\/div>\r\n          <h3 class=\"WLRA-feature-title\">Authentic Journeys<\/h3>\r\n          <p class=\"WLRA-feature-sub\">Local Connections<\/p>\r\n          <p class=\"WLRA-feature-desc\">Experience Sri Lanka through genuine cultural moments and hidden gems.<\/p>\r\n        <\/div>\r\n\r\n        <div class=\"WLRA-feature-box WLRA-anim\">\r\n          <div class=\"WLRA-feature-icon\"><svg class=\"WLRA-icon\" viewBox=\"0 0 24 24\"><path d=\"M12 22l3-8 7-7-5-5-7 7-8 3 10 10z\"><\/path><path d=\"M9.5 12.5l2 2\"><\/path><\/svg><\/div>\r\n          <h3 class=\"WLRA-feature-title\">Tailor-Made Travel<\/h3>\r\n          <p class=\"WLRA-feature-sub\">Crafted For You<\/p>\r\n          <p class=\"WLRA-feature-desc\">Every journey is custom-created to match your personality and style.<\/p>\r\n        <\/div>\r\n\r\n        <div class=\"WLRA-feature-box WLRA-anim\">\r\n          <div class=\"WLRA-feature-icon\"><svg class=\"WLRA-icon\" viewBox=\"0 0 24 24\"><path d=\"M20 4s-7 1-11 5-5 11-5 11 7-1 11-5 5-11 5-11z\"><\/path><path d=\"M9 15c2-2 6-4 10-5\"><\/path><\/svg><\/div>\r\n          <h3 class=\"WLRA-feature-title\">Sustainable Travel<\/h3>\r\n          <p class=\"WLRA-feature-sub\">Friendly Choices<\/p>\r\n          <p class=\"WLRA-feature-desc\">Eco-conscious stays that support communities and protect nature.<\/p>\r\n        <\/div>\r\n\r\n        <div class=\"WLRA-feature-box WLRA-anim\">\r\n          <div class=\"WLRA-feature-icon\"><svg class=\"WLRA-icon\" viewBox=\"0 0 24 24\"><circle cx=\"8\" cy=\"12\" r=\"3.2\"><\/circle><path d=\"M11 12h10\"><\/path><path d=\"M18 12v3\"><\/path><path d=\"M15 12v2\"><\/path><\/svg><\/div>\r\n          <h3 class=\"WLRA-feature-title\">Exclusive Access<\/h3>\r\n          <p class=\"WLRA-feature-sub\">Local Privileges<\/p>\r\n          <p class=\"WLRA-feature-desc\">Unlock private experiences available only through Wise Sri Lanka.<\/p>\r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n  <\/div>\r\n<\/section>\r\n\r\n<script>\r\n(function(){\r\n  const track = document.getElementById('WLRA-track');\r\n  const items = document.querySelectorAll('.WLRA-feature-box');\r\n  const anims = document.querySelectorAll('.WLRA-anim');\r\n  \r\n  \/\/ Create clones for infinite loop\r\n  const firstClone = items[0].cloneNode(true);\r\n  const lastClone = items[items.length - 1].cloneNode(true);\r\n  firstClone.classList.add('WLRA-clone');\r\n  lastClone.classList.add('WLRA-clone');\r\n  \r\n  track.appendChild(firstClone);\r\n  track.insertBefore(lastClone, items[0]);\r\n\r\n  let index = 1; \r\n  let startX = 0;\r\n  let timer;\r\n\r\n  function updatePosition(instant = false) {\r\n    if(window.innerWidth > 768) {\r\n      track.style.transform = 'none';\r\n      return;\r\n    }\r\n    if(instant) track.classList.add('no-transition');\r\n    track.style.transform = `translateX(-${index * 100}%)`;\r\n    if(instant) {\r\n      track.offsetHeight; \/\/ force reflow\r\n      track.classList.remove('no-transition');\r\n    }\r\n  }\r\n\r\n  function nextSlide() {\r\n    if(window.innerWidth > 768) return;\r\n    index++;\r\n    track.style.transform = `translateX(-${index * 100}%)`;\r\n    handleLoop();\r\n  }\r\n\r\n  function handleLoop() {\r\n    track.addEventListener('transitionend', () => {\r\n      if (index >= items.length + 1) {\r\n        index = 1;\r\n        updatePosition(true);\r\n      }\r\n      if (index <= 0) {\r\n        index = items.length;\r\n        updatePosition(true);\r\n      }\r\n    }, { once: true });\r\n  }\r\n\r\n  \/\/ Touch logic\r\n  track.addEventListener('touchstart', e => { startX = e.touches[0].clientX; }, {passive:true});\r\n  track.addEventListener('touchend', e => {\r\n    let diff = startX - e.changedTouches[0].clientX;\r\n    if(Math.abs(diff) > 40) {\r\n      if(diff > 0) index++; else index--;\r\n      track.style.transform = `translateX(-${index * 100}%)`;\r\n      handleLoop();\r\n      resetTimer();\r\n    }\r\n  }, {passive:true});\r\n\r\n  \/\/ Autoplay\r\n  function resetTimer() {\r\n    clearInterval(timer);\r\n    timer = setInterval(nextSlide, 5000);\r\n  }\r\n\r\n  \/\/ Reveal effect\r\n  const io = new IntersectionObserver((entries) => {\r\n    entries.forEach(entry => { if(entry.isIntersecting) entry.target.classList.add('WLRA-reveal'); });\r\n  }, { threshold: 0.1 });\r\n  anims.forEach(a => io.observe(a));\r\n\r\n  window.addEventListener('resize', () => updatePosition(true));\r\n  window.addEventListener('load', () => updatePosition(true));\r\n  updatePosition(true);\r\n  resetTimer();\r\n})();\r\n<\/script>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-2cc16d5 e-con-full elementor-invisible e-con\" data-id=\"2cc16d5\" data-element_type=\"container\" data-settings=\"{&quot;content_width&quot;:&quot;full&quot;,&quot;animation&quot;:&quot;zoomIn&quot;}\">\n\t\t<div class=\"elementor-element elementor-element-d10084f e-con-full e-con\" data-id=\"d10084f\" data-element_type=\"container\" data-settings=\"{&quot;content_width&quot;:&quot;full&quot;,&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-a3efc9e elementor-widget elementor-widget-html\" data-id=\"a3efc9e\" data-element_type=\"widget\" data-settings=\"{&quot;motion_fx_motion_fx_mouse&quot;:&quot;yes&quot;}\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<!-- MERRIWEATHER FONT -->\r\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Merriweather:wght@300;400;700;900&display=swap\" rel=\"stylesheet\">\r\n\r\n<style>\r\n\/* Apply Merriweather only inside this block *\/\r\n#ws-slider *{\r\n  font-family: \"Merriweather\" !important;\r\n  font-weight: 400;\r\n  letter-spacing: 0.2px;\r\n}\r\n\r\n#ws-slider{\r\n  position:relative;\r\n  padding-top: 120px;\r\n  width:100%;\r\n  min-height:780px;\r\n  color:#fff;\r\n  padding:70px 40px 80px;\r\n  overflow:hidden;\r\n  display:flex;\r\n  flex-direction:column;\r\n\r\n  border: none !important;\r\n  outline: none !important;\r\n  box-shadow: none !important;\r\n}\r\n\r\n\/* Background wrapper *\/\r\n#ws-bg-wrap{position:absolute;inset:0;z-index:1;pointer-events:none;}\r\n#ws-bg{\r\n  position:absolute;inset:0;\r\n  background-size:cover;background-position:center;\r\n  transition:opacity .5s cubic-bezier(.19,1,.22,1);\r\n  transform:scale(1.05);\r\n}\r\n#ws-bg.fade{opacity:0;}\r\n\r\n\/* Drone Zoom Motion *\/\r\n#ws-bg.ken{\r\n  animation:kenburns 24s ease-in-out infinite alternate;\r\n  will-change:transform;\r\n}\r\n\r\n\/* Cinematic motion *\/\r\n@keyframes kenburns {\r\n  0% {transform: scale(1.05) translate(0px,0px) rotate(0deg);}\r\n  100% {transform: scale(1.22) translate(var(--panX),var(--panY)) rotate(var(--panR));}\r\n}\r\n\r\n\/* Lens Blur *\/\r\n#ws-slider:before {\r\n  padding-top:120px;\r\n  content:\"\";\r\n  position:absolute;\r\n  inset:0;\r\n  z-index:2;\r\n  pointer-events:none;\r\n  backdrop-filter:blur(8px);\r\n  -webkit-backdrop-filter: blur(8px);\r\n  mask-image:radial-gradient(circle at center, transparent 55%, black 70%);\r\n  -webkit-mask-image: radial-gradient(circle at center, transparent 55%, black 70%);\r\n  opacity:0.35;\r\n}\r\n\r\n\/* Vignette *\/\r\n#ws-slider:after{\r\n  content:\"\";position:absolute;inset:0;z-index:2;pointer-events:none;\r\n  background:\r\n    radial-gradient(circle at center,rgba(1,10,25,0)5%,rgba(1,10,25,0.65)75%,rgba(0,43,48,0.95)100%),\r\n    linear-gradient(to top,rgba(0,43,48,0.9),rgba(1,10,25,0)50%),\r\n    linear-gradient(to bottom,rgba(1,10,25,0.9),rgba(0,43,48,0)50%),\r\n    linear-gradient(to left,rgba(1,10,25,0.85),rgba(0,43,48,0)50%),\r\n    linear-gradient(to right,rgba(0,43,48,0.85),rgba(1,10,25,0)50%);\r\n}\r\n\r\n\/* Heading Section *\/\r\n.ws-heading-inside{\r\n  \/*position: relative;*\/\r\n  margin-top: 0;\r\n  margin-top:120px;\r\n  text-align:center;\r\n  z-index:10 !important;\r\n  animation:fadeUp .8s ease;\r\n  margin-bottom:60px;\r\n}\r\n\r\n.ws-heading-inside h1{\r\n  font-size:48px;\r\n  font-weight:900;\r\n  margin:0;\r\n  color:#fff;\r\n  line-height:1.18;\r\n  text-shadow:0 4px 14px rgba(0,0,0,1);\r\n}\r\n\r\n.ws-heading-inside p{\r\n  font-size:20px;\r\n  font-weight:300;\r\n  margin:8px 0 0;\r\n  line-height:1.6;\r\n  color:#fff;\r\n  text-shadow:0 3px 10px rgba(0,0,0,1);\r\n}\r\n\r\n\/* Layout *\/\r\n#ws-row{\r\n  display:flex;\r\n  align-items:center;\r\n  justify-content:space-between;\r\n  gap:40px;\r\n  z-index:5;\r\n  padding-top:20px;\r\n}\r\n\r\n#ws-text{\r\n  width:50%;\r\n  \r\n  padding-left:120px;\r\n  transform:translateY(-50%);\r\n  animation:fadeUp .8s ease .1s both;\r\n}\r\n\r\n#ws-title{\r\n  padding-top:20px;\r\n  font-size:42px;\r\n  font-weight:900;\r\n  margin:10px;\r\n  color:#fff;\r\n  line-height:1.25;\r\n  text-shadow:0 4px 14px rgba(0,0,0,0.65);\r\n}\r\n\r\n#ws-desc{\r\n  font-size:18px;\r\n  font-weight:500;\r\n  margin:10px 0 18px;\r\n  line-height:1.85;\r\n  color:#fff;\r\n  \/* FIXED invalid rgba *\/\r\n  text-shadow:0 5px 10px rgba(0,0,0,0.65);\r\n}\r\n\r\n\/* Fade effect used by JS *\/\r\n#ws-title, #ws-desc{\r\n  transition: opacity .15s ease, transform .15s ease;\r\n}\r\n.fade-out{\r\n  opacity:0;\r\n  transform: translateY(6px);\r\n}\r\n\r\n\/* CTA Button *\/\r\n.ws-content-cta,\r\n.ws-content-cta:link,\r\n.ws-content-cta:visited,\r\n.ws-content-cta:active {\r\n  display:inline-block;\r\n  padding:14px 32px;\r\n  border-radius:0;\r\n  background:transparent;\r\n  border:2px solid #fff !important;\r\n  color:#fff !important;\r\n  font-weight:700;\r\n  letter-spacing:0.5px;\r\n  font-size:17px;\r\n  text-decoration:none;\r\n  transform-origin:center center;\r\n  transition: transform .25s ease, color .18s ease, border-color .18s ease;\r\n  -webkit-transition: -webkit-transform .25s ease, color .18s ease, border-color .18s ease;\r\n}\r\n\r\n\/* FIXED: hover should grow, not shrink *\/\r\n.ws-content-cta:hover,\r\n.ws-content-cta:focus {\r\n  transform: scale(1.08);\r\n  color:#fff !important;\r\n  border-color:#ffffff !important;\r\n  outline:none;\r\n}\r\n\r\n\/* Cards *\/\r\n#ws-cards-wrap{\r\n  width:20%;\r\n  position:relative;\r\n  display:flex;\r\n  justify-content:center;\r\n}\r\n\r\n.ws-arrow{\r\n  width:34px;\r\n  height:120px;\r\n  position:absolute;\r\n  top:50%;\r\n  transform:translateY(-50%);\r\n  background:transparent;\r\n  color:#fff;\r\n  font-size:70px;\r\n  cursor:pointer;\r\n  z-index:10;\r\n  opacity:.85;\r\n  text-shadow:0 3px 8px rgba(0,0,0,1);\r\n  user-select:none;\r\n}\r\n\r\n.ws-arrow:hover{\r\n  opacity:1;\r\n  transform:translateY(-50%) scale(1.08);\r\n}\r\n\r\n#ws-left{left:0;}\r\n#ws-right{right:0;}\r\n\r\n#ws-cards{\r\n  display:flex;\r\n  align-items:center;\r\n  gap:20px;\r\n  margin:0 65px;\r\n  transition:transform .55s cubic-bezier(.19,1,.22,1);\r\n  height:340px;\r\n}\r\n\r\n.ws-card{\r\n  flex:0 0 220px;\r\n  height:320px;\r\n  background-size:cover;\r\n  background-position:center;\r\n  cursor:pointer;\r\n  position:relative;\r\n  transition:transform .55s cubic-bezier(.19,1,.22,1),box-shadow .55s;\r\n}\r\n\r\n.ws-card:hover{\r\n  transform:translateY(-6px) scale(1.05);\r\n  box-shadow:0 30px 60px rgba(0,0,0,0.75);\r\n}\r\n\r\n.ws-card::after{\r\n  content:\"\";\r\n  position:absolute;\r\n  left:0;right:0;bottom:0;\r\n  height:65%;\r\n  background:linear-gradient(to top,rgba(0,0,0,0.85)5%,rgba(0,0,0,0)100%);\r\n  z-index:1;\r\n}\r\n\r\n.ws-card-title{\r\n  position:absolute;\r\n  left:12px;\r\n  bottom:12px;\r\n  z-index:2;\r\n  font-size:20px;\r\n  font-weight:700;\r\n  color:#fff;\r\n  pointer-events:none; \/* avoids click-target bug *\/\r\n}\r\n\r\n\/* Modal *\/\r\n#ws-modal{\r\n  position:absolute;\r\n  inset:0;\r\n  background:rgba(0,0,0,.85);\r\n  display:none;\r\n  justify-content:center;\r\n  align-items:center;\r\n  z-index:9999;\r\n  padding:20px;\r\n}\r\n\r\n#ws-modal-content{\r\n  background:#fff;\r\n  color:#000;\r\n  max-width:600px;\r\n  width:min(600px, 100%);\r\n  padding:30px;\r\n  border-radius:12px;\r\n  position:relative;\r\n}\r\n\r\n#ws-modal-close{\r\n  position:absolute;\r\n  top:10px;\r\n  right:15px;\r\n  cursor:pointer;\r\n  font-size:24px;\r\n}\r\n\r\n\/* Animation *\/\r\n@keyframes fadeUp{\r\n  from{opacity:0;transform:translateY(18px);}\r\n  to{opacity:1;transform:translateY(0);}\r\n}\r\n\r\n\/* -----------------------\r\n   MOBILE FRIENDLY\r\n----------------------- *\/\r\n@media (max-width: 1024px){\r\n  #ws-text{ padding-left:40px; }\r\n}\r\n\r\n@media (max-width: 820px){\r\n  #ws-slider{\r\n    padding:50px 18px 60px;\r\n    min-height: min(780px, 100vh);\r\n  }\r\n\r\n  .ws-heading-inside{ margin-bottom:34px; }\r\n  .ws-heading-inside h1{ font-size:36px; line-height:1.15; }\r\n  .ws-heading-inside p{ font-size:16px; }\r\n\r\n  #ws-row{ flex-direction:column; gap:26px; }\r\n  #ws-text{\r\n    width:100%;\r\n    padding-left:0;\r\n    text-align:center;\r\n  }\r\n  #ws-title{ font-size:28px; }\r\n  #ws-desc{ font-size:15px; line-height:1.75; }\r\n\r\n  #ws-cards-wrap{ width:100%; }\r\n\r\n  \/* FIXED: arrows were too large on mobile *\/\r\n  .ws-arrow{\r\n    font-size:64px;\r\n    height:70px;\r\n    width:28px;\r\n    opacity:0.75;\r\n    text-shadow:0 2px 6px rgba(0,0,0,0.9);\r\n  }\r\n  #ws-left{ left:-6px; }\r\n  #ws-right{ right:-6px; }\r\n\r\n  #ws-cards{\r\n    height:auto;\r\n    margin:0 32px; \/* less space so cards fit *\/\r\n    gap:14px;\r\n  }\r\n\r\n  \/* FIXED: override flex-basis for mobile sizing *\/\r\n  .ws-card{\r\n    flex:0 0 40vw;\r\n    width:40vw;\r\n    height:56vw;\r\n    max-width:220px;\r\n    max-height:320px;\r\n  }\r\n\r\n  .ws-card-title{ font-size:16px; }\r\n  .ws-content-cta{ padding:12px 26px; font-size:15px; }\r\n}\r\n\r\n@media (max-width: 480px){\r\n  .ws-arrow{ font-size:48px; height:56px; opacity:0.65; }\r\n  #ws-cards{ margin:0 26px; }\r\n  .ws-card{ flex:0 0 44vw; width:44vw; height:60vw; }\r\n}\r\n<\/style>\r\n\r\n<div id=\"ws-slider\">\r\n  <div id=\"ws-bg-wrap\"><div id=\"ws-bg\" class=\"ken\"><\/div><\/div>\r\n\r\n  <div class=\"ws-heading-inside\">\r\n    <h1>Sri Lanka\u2019s Best Places to Visit<\/h1>\r\n    <p>Hand-picked journeys across culture, nature & luxury escapes<\/p>\r\n  <\/div>\r\n\r\n  <div id=\"ws-row\">\r\n    <div id=\"ws-text\">\r\n      <h2 id=\"ws-title\"><\/h2>\r\n      <p id=\"ws-desc\"><\/p>\r\n      <a href=\"#\" class=\"ws-content-cta\">Explore Experiences<\/a>\r\n    <\/div>\r\n\r\n    <div id=\"ws-cards-wrap\">\r\n      <div class=\"ws-arrow\" id=\"ws-left\">\u2039<\/div>\r\n      <div id=\"ws-cards\"><\/div>\r\n      <div class=\"ws-arrow\" id=\"ws-right\">\u203a<\/div>\r\n    <\/div>\r\n  <\/div>\r\n<\/div>\r\n\r\n<!-- Modal -->\r\n<div id=\"ws-modal\">\r\n  <div id=\"ws-modal-content\">\r\n    <div id=\"ws-modal-close\">\u2715<\/div>\r\n    <h2 id=\"ws-modal-title\"><\/h2>\r\n    <p id=\"ws-modal-text\"><\/p>\r\n  <\/div>\r\n<\/div>\r\n\r\n<script>\r\n\/* Requires jQuery (WordPress usually provides it). *\/\r\njQuery(function($){\r\n\r\n  \/* Background images *\/\r\n  const bgSlides = [\r\n    \"http:\/\/wiselanka.com\/wp-content\/uploads\/2026\/03\/Ella-2-scaled.jpg\",\r\n    \"http:\/\/wiselanka.com\/wp-content\/uploads\/2026\/03\/Yala-1-scaled.jpg\",\r\n    \"http:\/\/wiselanka.com\/wp-content\/uploads\/2026\/03\/Whale-Watching-1-scaled.jpg\",\r\n    \"http:\/\/wiselanka.com\/wp-content\/uploads\/2026\/03\/Kandy-1-scaled.jpg\",\r\n    \"http:\/\/wiselanka.com\/wp-content\/uploads\/2026\/03\/agnieszka-kowalczyk-bkfBxbI7a1g-unsplash-scaled.jpg\",\r\n    \"http:\/\/wiselanka.com\/wp-content\/uploads\/2026\/03\/trinco-1-scaled.jpg\"\r\n  ];\r\n\r\n  \/* Cards *\/\r\n  const slides = [\r\n    {\r\n      img:\"http:\/\/wiselanka.com\/wp-content\/uploads\/2026\/03\/Ella-3-scaled.jpg\",\r\n      title:\"ELLA\",\r\n      desc:\"Ella is a scenic hill town in Sri Lanka\u2019s Uva Province, famous for its cool climate, lush tea plantations, waterfalls, and breathtaking mountain views. It\u2019s a top destination for hiking, relaxation, and enjoying the laid-back vibe of Sri Lanka\u2019s highlands\",\r\n      link:\"https:\/\/wiselanka.com\/?page_id=496\"\r\n    },\r\n    {\r\n      img:\"http:\/\/wiselanka.com\/wp-content\/uploads\/2025\/11\/Lepords_1.jpg\",\r\n      title:\"YALA\",\r\n      desc:\"Yala National Park is the most visited wildlife park in Sri Lanka, famous for its rich biodiversity and high density of leopards. Located in the southeast, it features a mix of forests, grasslands, and lagoons, providing habitats for elephants, crocodiles, birds, and many other species. Yala is a top destination for safari experiences and nature enthusiasts.\",\r\n      link:\"https:\/\/wiselanka.com\/?page_id=496\"\r\n    },\r\n    {\r\n      img:\"http:\/\/wiselanka.com\/wp-content\/uploads\/2026\/03\/marissa-1-scaled.jpg\",\r\n      title:\"MIRISSA\",\r\n      desc:\"Mirissa is a gem of the south coast of Sri Lanka. It\u2019s located in a small village between Galle and Matara. 600 meters of shoreline, shaped like a crescent and covered in light pinkish sand, round the ocean, where surfers from all over the world come to.\",\r\n      link:\"https:\/\/wiselanka.com\/?page_id=496\"\r\n    },\r\n    {\r\n      img:\"http:\/\/wiselanka.com\/wp-content\/uploads\/2023\/03\/image-01.jpg\",\r\n      title:\"KANDY\",\r\n      desc:\"Kandy is a historic city in central Sri Lanka, renowned for its cultural heritage and scenic beauty. It is home to the sacred Temple of the Sacred Tooth Relic, one of the most important religious sites for Buddhists. Surrounded by hills and centered around a picturesque lake, Kandy is also famous for the vibrant Esala Perahera procession.\",\r\n      link:\"https:\/\/wiselanka.com\/?page_id=496\"\r\n    },\r\n    {\r\n      img:\"http:\/\/wiselanka.com\/wp-content\/uploads\/2023\/10\/dambulla-optimized_Wiselanka.png\",\r\n      title:\"DAMBULLA\",\r\n      desc:\"Dambulla is a town situated in the north of Matale District, Central Province of Sri Lanka. It is the second largest populated and urbanised centre after Matale in the Matale District. It is situated 148 km north-east of Colombo, 43 km north of Matale and 72 km north of Kandy.\",\r\n      link:\"https:\/\/wiselanka.com\/?page_id=496\"\r\n    },\r\n    {\r\n      img:\"http:\/\/wiselanka.com\/wp-content\/uploads\/2025\/11\/koneshwaram.jpg\",\r\n      title:\"TRINCOMALEE\",\r\n      desc:\"Trincomalee is a coastal city in northeastern Sri Lanka, known for its natural harbor and pristine beaches. It is home to the historic Koneswaram Temple, perched on a cliff overlooking the ocean. Trincomalee is also popular for whale watching, snorkeling, and its clear blue waters\",\r\n      link:\"https:\/\/wiselanka.com\/?page_id=496\"\r\n    }\r\n  ];\r\n\r\n  let i = 0;\r\n\r\n  \/* Background motion *\/\r\n  function setBG(){\r\n    const b = $(\"#ws-bg\");\r\n    const motions = [\r\n      {x:\"0px\",y:\"-30px\",r:\"0.25deg\"},\r\n      {x:\"30px\",y:\"0px\",r:\"-0.2deg\"},\r\n      {x:\"0px\",y:\"30px\",r:\"0.15deg\"},\r\n      {x:\"-30px\",y:\"0px\",r:\"-0.25deg\"},\r\n      {x:\"20px\",y:\"20px\",r:\"0.2deg\"},\r\n      {x:\"-20px\",y:\"-20px\",r:\"-0.2deg\"}\r\n    ];\r\n\r\n    const m = motions[i % motions.length];\r\n    document.documentElement.style.setProperty(\"--panX\", m.x);\r\n    document.documentElement.style.setProperty(\"--panY\", m.y);\r\n    document.documentElement.style.setProperty(\"--panR\", m.r);\r\n\r\n    b.addClass(\"fade\");\r\n    setTimeout(()=>{\r\n      const bgUrl = bgSlides[i % bgSlides.length]; \/\/ safe\r\n      b.css(\"background-image\", \"url(\"+ bgUrl +\")\");\r\n      b.removeClass(\"fade\");\r\n    }, 200);\r\n  }\r\n\r\n  \/* Update text *\/\r\n  function updateText(){\r\n    $(\"#ws-title,#ws-desc\").addClass(\"fade-out\");\r\n    setTimeout(()=>{\r\n      $(\"#ws-title\").text(slides[i].title);\r\n      $(\"#ws-desc\").text(slides[i].desc);\r\n      $(\".ws-content-cta\").attr(\"href\", slides[i].link);\r\n      $(\"#ws-title,#ws-desc\").removeClass(\"fade-out\");\r\n    }, 150);\r\n  }\r\n\r\n  \/* Render cards *\/\r\n  function render(dir=1){\r\n    const wrap = $(\"#ws-cards\");\r\n\r\n    wrap.css(\"transform\",\"translateX(\"+(dir*40)+\"px)\");\r\n    setTimeout(()=> wrap.css(\"transform\",\"translateX(0)\"), 10);\r\n\r\n    wrap.html([...Array(3)].map((_,k)=>{\r\n      const d = slides[(i+k) % slides.length];\r\n      return `\r\n        <div class=\"ws-card\" data-i=\"${k}\" style=\"background-image:url('${d.img}')\">\r\n          <div class=\"ws-card-title\">${d.title}<\/div>\r\n        <\/div>`;\r\n    }).join(\"\"));\r\n\r\n    updateText();\r\n  }\r\n\r\n  function next(){ i = (i+1) % slides.length; setBG(); render(1); }\r\n  function prev(){ i = (i-1+slides.length) % slides.length; setBG(); render(-1); }\r\n\r\n  $(\"#ws-right\").on(\"click\", next);\r\n  $(\"#ws-left\").on(\"click\", prev);\r\n\r\n  \/* FIXED: use the .ws-card element itself to read data-i *\/\r\n  $(document).on(\"click\",\".ws-card\",function(){\r\n    const k = Number($(this).data(\"i\")) || 0;\r\n    i = (i + k) % slides.length;\r\n    setBG(); render(1);\r\n  });\r\n\r\n  \/* Touch Swipe *\/\r\n  let sx = 0, dx = 0;\r\n  $(\"#ws-cards\").on(\"touchstart\", e => { sx = e.touches[0].clientX; });\r\n  $(\"#ws-cards\").on(\"touchmove\", e => {\r\n    dx = e.touches[0].clientX - sx;\r\n    $(\"#ws-cards\").css(\"transform\",\"translateX(\"+(dx\/4)+\"px)\");\r\n  });\r\n  $(\"#ws-cards\").on(\"touchend\", () => {\r\n    $(\"#ws-cards\").css(\"transform\",\"translateX(0)\");\r\n    if (Math.abs(dx) > 70) dx < 0 ? next() : prev();\r\n    dx = 0;\r\n  });\r\n\r\n  \/* Modal (double click) - FIXED indexing *\/\r\n  $(document).on(\"dblclick\",\".ws-card\",function(){\r\n    const k = Number($(this).data(\"i\")) || 0;\r\n    const d = slides[(i + k) % slides.length];\r\n    $(\"#ws-modal-title\").text(d.title);\r\n    $(\"#ws-modal-text\").text(d.desc);\r\n    $(\"#ws-modal\").fadeIn(200);\r\n  });\r\n\r\n  $(\"#ws-modal-close,#ws-modal\").on(\"click\", e => {\r\n    if (e.target.id === \"ws-modal\" || e.target.id === \"ws-modal-close\"){\r\n      $(\"#ws-modal\").fadeOut(200);\r\n    }\r\n  });\r\n\r\n  \/* Init *\/\r\n  setBG();\r\n  render();\r\n\r\n});\r\n<\/script>\r\n\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-244dc7f e-con-full e-con\" data-id=\"244dc7f\" data-element_type=\"container\" data-settings=\"{&quot;content_width&quot;:&quot;full&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-23ade51 elementor-widget elementor-widget-html\" data-id=\"23ade51\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<div class=\"luxpkg-section\">\r\n\r\n<style>\r\n\/* Load the correct font you are using *\/\r\n@import url('https:\/\/fonts.googleapis.com\/css2?family=Merriweather:wght@300;400;700;900&display=swap');\r\n\r\n\/* === SECTION === *\/\r\n.luxpkg-section{\r\n  width:100%;\r\n  margin:0;\r\n  padding:0;\r\n  background:linear-gradient(180deg,#081426 0%, #102b53 100%);\r\n  font-family:\"Merriweather\", serif;\r\n  color:#fff;\r\n  overflow:hidden;\r\n  position:relative;\r\n  z-index:1;\r\n}\r\n\r\n\/* Make sure our elements inherit font (Elementor-safe) *\/\r\n.luxpkg-section, .luxpkg-section *{\r\n  box-sizing:border-box;\r\n  font-family:\"Merriweather\", serif;\r\n}\r\n\r\n\/* === HEADING === *\/\r\n.luxpkg-heading{\r\n  text-align:center;\r\n  max-width:900px;\r\n  margin:60px auto 60px;\r\n  padding:0 20px;\r\n  opacity:0;\r\n  transform:translate3d(0,28px,0);\r\n  transition:opacity 0.9s ease, transform 0.9s ease;\r\n}\r\n.luxpkg-heading.visible{\r\n  opacity:1;\r\n  transform:translate3d(0,0,0);\r\n}\r\n.luxpkg-heading h2{\r\n  font-size:46px;\r\n  font-weight:900;\r\n  margin:0 0 12px 0;\r\n  color:#fff;\r\n  line-height:1.15;\r\n}\r\n.luxpkg-heading h2::after{\r\n  content:\"\";\r\n  display:block;\r\n  width:86px;\r\n  height:3px;\r\n  margin:14px auto 0;\r\n  background:linear-gradient(45deg,#e2c07d,#c39538);\r\n  border-radius:2px;\r\n}\r\n.luxpkg-heading p{\r\n  margin:0;\r\n  color:#d5d9e2;\r\n  font-size:16px;\r\n  line-height:1.7;\r\n}\r\n\r\n\/* === GRID === *\/\r\n.luxpkg-grid{\r\n  display:grid;\r\n  gap:30px;\r\n  max-width:1400px;\r\n  margin:0 auto;\r\n  padding:0 20px 70px;\r\n  grid-template-columns:repeat(auto-fit, minmax(280px, 1fr));\r\n}\r\n\r\n\/* === CARD === *\/\r\n.luxpkg-card{\r\n  position:relative;\r\n  height:390px; \/* slightly less than 400 for better rhythm *\/\r\n  background-size:cover;\r\n  background-position:center;\r\n  overflow:hidden;\r\n  box-shadow:0 10px 28px rgba(0,0,0,0.28);\r\n  transition:transform 0.28s ease, box-shadow 0.28s ease;\r\n  opacity:0;\r\n  transform:translate3d(0,28px,0);\r\n  border-radius:10px; \/* a touch of premium softness *\/\r\n}\r\n.luxpkg-card.visible{\r\n  opacity:1;\r\n  transform:translate3d(0,0,0);\r\n}\r\n.luxpkg-card.visible:hover{\r\n  transform:translate3d(0,-6px,0);\r\n  box-shadow:0 18px 44px rgba(0,0,0,0.42);\r\n}\r\n\r\n\/* === PRICE BADGE === *\/\r\n.luxpkg-price{\r\n  position:absolute;\r\n  top:14px;\r\n  right:14px;\r\n  background:linear-gradient(45deg,#e2c07d,#c39538);\r\n  color:#031a3c;\r\n  padding:8px 12px;\r\n  font-size:13px;\r\n  font-weight:900;\r\n  border-radius:6px;\r\n  z-index:3;\r\n  box-shadow:0 8px 18px rgba(226,192,125,0.22);\r\n}\r\n\r\n\/* === OVERLAY AREA === *\/\r\n.luxpkg-overlay{\r\n  position:absolute;\r\n  left:0; right:0; bottom:0;\r\n  padding:26px 18px 74px; \/* space for bottom row *\/\r\n  background:linear-gradient(to top, rgba(0,0,0,0.82) 28%, rgba(0,0,0,0.18) 100%);\r\n}\r\n.luxpkg-title{\r\n  font-size:20px;\r\n  font-weight:900;\r\n  color:#fff;\r\n  margin:0 0 6px 0;\r\n}\r\n.luxpkg-location,\r\n.luxpkg-days{\r\n  font-size:13px;\r\n  color:#dce2f2;\r\n  margin:0 0 4px 0;\r\n  line-height:1.35;\r\n}\r\n\r\n\/* === BOTTOM AREA === *\/\r\n.luxpkg-bottom{\r\n  position:absolute;\r\n  bottom:14px;\r\n  left:0; right:0;\r\n  padding:0 16px;\r\n  display:flex;\r\n  justify-content:space-between;\r\n  align-items:center;\r\n  gap:10px;\r\n}\r\n\r\n\/* STAR RATING *\/\r\n.luxpkg-rating{\r\n  display:flex;\r\n  align-items:center;\r\n  gap:6px;\r\n  background:rgba(255,255,255,0.15);\r\n  padding:5px 10px;\r\n  border-radius:999px;\r\n  backdrop-filter: blur(6px);\r\n}\r\n.luxpkg-rating svg{\r\n  width:16px;\r\n  height:16px;\r\n  fill:#e2c07d;\r\n}\r\n.luxpkg-rating span{\r\n  font-size:13px;\r\n  font-weight:900;\r\n  color:#ffdba3;\r\n}\r\n\r\n\/* BUTTONS *\/\r\n.luxpkg-btns{\r\n  display:flex;\r\n  gap:8px;\r\n  align-items:center;\r\n}\r\n.luxpkg-btn{\r\n  padding:8px 14px;\r\n  font-size:13px;\r\n  font-weight:900;\r\n  border-radius:6px;\r\n  text-decoration:none;\r\n  transition:transform .18s ease, background .18s ease, color .18s ease, border-color .18s ease;\r\n  line-height:1;\r\n  white-space:nowrap;\r\n}\r\n.luxpkg-btn-main{\r\n  background:#ffffff;\r\n  color:#031a3c;\r\n}\r\n.luxpkg-btn-ghost{\r\n  border:2px solid #e2c07d;\r\n  color:#ffd387;\r\n  background:transparent;\r\n}\r\n.luxpkg-btn:hover{\r\n  background:#e2c07d;\r\n  color:#0a1b36;\r\n  border-color:#e2c07d;\r\n  transform:translateY(-1px);\r\n}\r\n\r\n\/* FOOTER BUTTON *\/\r\n.luxpkg-footer{\r\n  text-align:center;\r\n  margin:0 0 80px;\r\n  opacity:0;\r\n  transform:translate3d(0,28px,0);\r\n  transition:opacity 0.9s ease, transform 0.9s ease;\r\n  padding:0 20px;\r\n}\r\n.luxpkg-footer.visible{\r\n  opacity:1;\r\n  transform:translate3d(0,0,0);\r\n}\r\n.luxpkg-footer a{\r\n  display:inline-block;\r\n  background:linear-gradient(45deg,#e2c07d,#c39538);\r\n  color:#031a3c;\r\n  font-weight:900;\r\n  font-size:15px;\r\n  text-transform:uppercase;\r\n  padding:14px 36px;\r\n  border-radius:8px;\r\n  text-decoration:none;\r\n  box-shadow:0 8px 22px rgba(226,192,125,0.32);\r\n  transition:transform .25s ease, box-shadow .25s ease, background .25s ease, color .25s ease;\r\n}\r\n.luxpkg-footer a:hover{\r\n  background:linear-gradient(45deg,#f0dba3,#e2c07d);\r\n  box-shadow:0 12px 28px rgba(226,192,125,0.52);\r\n  transform:translateY(-3px);\r\n  color:#000;\r\n}\r\n\r\n\/* =========================\r\n   RESPONSIVE FIXES\r\n========================= *\/\r\n\r\n\/* Large tablets *\/\r\n@media (max-width: 1024px){\r\n  .luxpkg-heading{ margin:50px auto 48px; }\r\n  .luxpkg-heading h2{ font-size:36px; }\r\n  .luxpkg-grid{ gap:22px; padding-bottom:60px; }\r\n  .luxpkg-card{ height:370px; }\r\n}\r\n\r\n\/* Tablets *\/\r\n@media (max-width: 820px){\r\n  .luxpkg-heading h2{ font-size:32px; }\r\n  .luxpkg-heading p{ font-size:15px; }\r\n  .luxpkg-card{ height:360px; }\r\n  .luxpkg-overlay{ padding:22px 16px 72px; }\r\n}\r\n\r\n\/* Mobile (most important) *\/\r\n@media (max-width: 600px){\r\n  .luxpkg-heading{\r\n    margin:38px auto 34px;\r\n    padding:0 16px;\r\n  }\r\n  .luxpkg-heading h2{\r\n    font-size:24px;\r\n    line-height:1.2;\r\n  }\r\n  .luxpkg-heading h2::after{\r\n    width:70px;\r\n    margin-top:12px;\r\n  }\r\n  .luxpkg-heading p{\r\n    font-size:14px;\r\n    line-height:1.7;\r\n  }\r\n\r\n  .luxpkg-grid{\r\n    grid-template-columns:1fr; \/* clean single column *\/\r\n    gap:16px;\r\n    padding:0 16px 46px;\r\n  }\r\n\r\n  .luxpkg-card{\r\n    height:340px; \/* SHORTER on mobile *\/\r\n    border-radius:12px;\r\n  }\r\n\r\n  .luxpkg-overlay{\r\n    padding:18px 14px 78px; \/* slightly more room for stacked buttons *\/\r\n  }\r\n\r\n  .luxpkg-title{ font-size:18px; }\r\n  .luxpkg-location, .luxpkg-days{ font-size:12.5px; }\r\n\r\n  .luxpkg-bottom{\r\n    bottom:12px;\r\n    padding:0 12px;\r\n    align-items:flex-end;\r\n  }\r\n\r\n  .luxpkg-rating{\r\n    padding:4px 9px;\r\n  }\r\n\r\n  .luxpkg-btns{\r\n    flex-direction:column;         \/* stack *\/\r\n    gap:8px;\r\n    align-items:stretch;\r\n    min-width:120px;\r\n  }\r\n\r\n  .luxpkg-btn{\r\n    width:120px;                   \/* consistent width *\/\r\n    text-align:center;\r\n    padding:9px 12px;\r\n    font-size:13px;\r\n  }\r\n\r\n  .luxpkg-price{\r\n    top:12px;\r\n    right:12px;\r\n    padding:7px 10px;\r\n    font-size:12px;\r\n  }\r\n\r\n  .luxpkg-footer{\r\n    margin:0 0 56px;\r\n  }\r\n  .luxpkg-footer a{\r\n    padding:13px 24px;\r\n    font-size:13px;\r\n    border-radius:8px;\r\n  }\r\n}\r\n\r\n\/* Very small phones *\/\r\n@media (max-width: 380px){\r\n  .luxpkg-card{ height:330px; }\r\n  .luxpkg-btn{ width:112px; }\r\n}\r\n\r\n\/* Reduce motion *\/\r\n@media (prefers-reduced-motion: reduce){\r\n  .luxpkg-heading, .luxpkg-card, .luxpkg-footer{\r\n    opacity:1 !important;\r\n    transform:none !important;\r\n    transition:none !important;\r\n  }\r\n  .luxpkg-card.visible:hover{\r\n    transform:none !important;\r\n  }\r\n  .luxpkg-btn, .luxpkg-footer a{\r\n    transition:none !important;\r\n  }\r\n}\r\n<\/style>\r\n\r\n<!-- === CONTENT === -->\r\n<div class=\"luxpkg-heading\">\r\n  <h2>Explore Sri Lanka in Luxury<\/h2>\r\n  <p>Experience hand-picked premium tours with elegance, comfort, and unforgettable memories.<\/p>\r\n<\/div>\r\n\r\n<div class=\"luxpkg-grid\">\r\n\r\n  <div class=\"luxpkg-card\" style=\"background-image:url('http:\/\/wiselanka.com\/wp-content\/uploads\/2023\/11\/family_tours.jpg');\">\r\n    <div class=\"luxpkg-overlay\">\r\n      <div class=\"luxpkg-title\">Family Tour<\/div>\r\n      <div class=\"luxpkg-location\">\ud83d\udccd Southern Provinces<\/div>\r\n      <div class=\"luxpkg-days\">\u23f1 12D \/ 11N<\/div>\r\n    <\/div>\r\n    <div class=\"luxpkg-bottom\">\r\n      <div class=\"luxpkg-rating\">\r\n        <svg viewBox=\"0 0 20 20\"><polygon points=\"10,1 13,7 20,7 15,11 17,18 10,14 3,18 5,11 0,7 7,7\"><\/polygon><\/svg>\r\n        <span>4.5<\/span>\r\n      <\/div>\r\n      <div class=\"luxpkg-btns\">\r\n        <a href=\"https:\/\/wiselanka.com\/?page_id=4257\" class=\"luxpkg-btn luxpkg-btn-main\">Details<\/a>\r\n        <a href=\"https:\/\/wa.me\/94710000000\" target=\"_blank\" class=\"luxpkg-btn luxpkg-btn-ghost\" rel=\"noopener\">Inquiry<\/a>\r\n      <\/div>\r\n    <\/div>\r\n  <\/div>\r\n\r\n  <div class=\"luxpkg-card\" style=\"background-image:url('http:\/\/wiselanka.com\/wp-content\/uploads\/2026\/03\/honeymoon-bk-img-.png');\">\r\n    <div class=\"luxpkg-overlay\">\r\n      <div class=\"luxpkg-title\">Honeymoon Escape<\/div>\r\n      <div class=\"luxpkg-location\">\ud83d\udccd Central Highlands<\/div>\r\n      <div class=\"luxpkg-days\">\u23f1 13D \/ 12N<\/div>\r\n    <\/div>\r\n    <div class=\"luxpkg-bottom\">\r\n      <div class=\"luxpkg-rating\">\r\n        <svg viewBox=\"0 0 20 20\"><polygon points=\"10,1 13,7 20,7 15,11 17,18 10,14 3,18 5,11 0,7 7,7\"><\/polygon><\/svg>\r\n        <span>4.8<\/span>\r\n      <\/div>\r\n      <div class=\"luxpkg-btns\">\r\n        <a href=\"https:\/\/wiselanka.com\/?page_id=4197\" class=\"luxpkg-btn luxpkg-btn-main\">Details<\/a>\r\n        <a href=\"https:\/\/wa.me\/94710000000\" target=\"_blank\" class=\"luxpkg-btn luxpkg-btn-ghost\" rel=\"noopener\">Inquiry<\/a>\r\n      <\/div>\r\n    <\/div>\r\n  <\/div>\r\n\r\n  <div class=\"luxpkg-card\" style=\"background-image:url('http:\/\/wiselanka.com\/wp-content\/uploads\/2023\/11\/vip.jpg');\">\r\n    <div class=\"luxpkg-overlay\">\r\n      <div class=\"luxpkg-title\">VIP Luxury Tour<\/div>\r\n      <div class=\"luxpkg-location\">\ud83d\udccd Southern \/ Central<\/div>\r\n      <div class=\"luxpkg-days\">\u23f1 9D \/ 8N<\/div>\r\n    <\/div>\r\n    <div class=\"luxpkg-bottom\">\r\n      <div class=\"luxpkg-rating\">\r\n        <svg viewBox=\"0 0 20 20\"><polygon points=\"10,1 13,7 20,7 15,11 17,18 10,14 3,18 5,11 0,7 7,7\"><\/polygon><\/svg>\r\n        <span>4.9<\/span>\r\n      <\/div>\r\n      <div class=\"luxpkg-btns\">\r\n        <a href=\"https:\/\/wiselanka.com\/?page_id=4234\" class=\"luxpkg-btn luxpkg-btn-main\">Details<\/a>\r\n        <a href=\"https:\/\/wa.me\/94710000000\" target=\"_blank\" class=\"luxpkg-btn luxpkg-btn-ghost\" rel=\"noopener\">Inquiry<\/a>\r\n      <\/div>\r\n    <\/div>\r\n  <\/div>\r\n\r\n  <div class=\"luxpkg-card\" style=\"background-image:url('http:\/\/wiselanka.com\/wp-content\/uploads\/2025\/11\/yala-lepord.jpg');\">\r\n    <div class=\"luxpkg-overlay\">\r\n      <div class=\"luxpkg-title\">Nature &amp; Wildlife<\/div>\r\n      <div class=\"luxpkg-location\">\ud83d\udccd Yala &amp; Udawalawe<\/div>\r\n      <div class=\"luxpkg-days\">\u23f1 11D \/ 10N<\/div>\r\n    <\/div>\r\n    <div class=\"luxpkg-bottom\">\r\n      <div class=\"luxpkg-rating\">\r\n        <svg viewBox=\"0 0 20 20\"><polygon points=\"10,1 13,7 20,7 15,11 17,18 10,14 3,18 5,11 0,7 7,7\"><\/polygon><\/svg>\r\n        <span>4.7<\/span>\r\n      <\/div>\r\n      <div class=\"luxpkg-btns\">\r\n        <a href=\"https:\/\/wiselanka.com\/?page_id=4276\" class=\"luxpkg-btn luxpkg-btn-main\">Details<\/a>\r\n        <a href=\"https:\/\/wa.me\/94710000000\" target=\"_blank\" class=\"luxpkg-btn luxpkg-btn-ghost\" rel=\"noopener\">Inquiry<\/a>\r\n      <\/div>\r\n    <\/div>\r\n  <\/div>\r\n\r\n  <div class=\"luxpkg-card\" style=\"background-image:url('http:\/\/wiselanka.com\/wp-content\/uploads\/2023\/11\/unseen.jpg');\">\r\n    <div class=\"luxpkg-overlay\">\r\n      <div class=\"luxpkg-title\">Unseen Untouched<\/div>\r\n      <div class=\"luxpkg-location\">\ud83d\udccd Hidden Sri Lanka<\/div>\r\n      <div class=\"luxpkg-days\">\u23f1 9D \/ 8N<\/div>\r\n    <\/div>\r\n    <div class=\"luxpkg-bottom\">\r\n      <div class=\"luxpkg-rating\">\r\n        <svg viewBox=\"0 0 20 20\"><polygon points=\"10,1 13,7 20,7 15,11 17,18 10,14 3,18 5,11 0,7 7,7\"><\/polygon><\/svg>\r\n        <span>4.6<\/span>\r\n      <\/div>\r\n      <div class=\"luxpkg-btns\">\r\n        <a href=\"https:\/\/wiselanka.com\/?page_id=4191\" class=\"luxpkg-btn luxpkg-btn-main\">Details<\/a>\r\n        <a href=\"https:\/\/wa.me\/94710000000\" target=\"_blank\" class=\"luxpkg-btn luxpkg-btn-ghost\" rel=\"noopener\">Inquiry<\/a>\r\n      <\/div>\r\n    <\/div>\r\n  <\/div>\r\n\r\n  <div class=\"luxpkg-card\" style=\"background-image:url('http:\/\/wiselanka.com\/wp-content\/uploads\/2026\/03\/pakg_pic-scaled.jpg');\">\r\n    <div class=\"luxpkg-overlay\">\r\n      <div class=\"luxpkg-title\">Cultural and Heritage<\/div>\r\n      <div class=\"luxpkg-location\">\ud83d\udccd Polonnaruwa &amp; Kandy<\/div>\r\n      <div class=\"luxpkg-days\">\u23f1 6D \/ 5N<\/div>\r\n    <\/div>\r\n    <div class=\"luxpkg-bottom\">\r\n      <div class=\"luxpkg-rating\">\r\n        <svg viewBox=\"0 0 20 20\"><polygon points=\"10,1 13,7 20,7 15,11 17,18 10,14 3,18 5,11 0,7 7,7\"><\/polygon><\/svg>\r\n        <span>4.4<\/span>\r\n      <\/div>\r\n      <div class=\"luxpkg-btns\">\r\n        <a href=\"https:\/\/wiselanka.com\/?page_id=4248\" class=\"luxpkg-btn luxpkg-btn-main\">Details<\/a>\r\n        <a href=\"https:\/\/wa.me\/94710000000\" target=\"_blank\" class=\"luxpkg-btn luxpkg-btn-ghost\" rel=\"noopener\">Inquiry<\/a>\r\n      <\/div>\r\n    <\/div>\r\n  <\/div>\r\n\r\n  <div class=\"luxpkg-card\" style=\"background-image:url('http:\/\/wiselanka.com\/wp-content\/uploads\/2023\/11\/glimps.png');\">\r\n    <div class=\"luxpkg-overlay\">\r\n      <div class=\"luxpkg-title\">Glimpse of Sri Lanka<\/div>\r\n      <div class=\"luxpkg-location\">\ud83d\udccd Southern \/ Central<\/div>\r\n      <div class=\"luxpkg-days\">\u23f1 5D \/ 4N<\/div>\r\n    <\/div>\r\n    <div class=\"luxpkg-bottom\">\r\n      <div class=\"luxpkg-rating\">\r\n        <svg viewBox=\"0 0 20 20\"><polygon points=\"10,1 13,7 20,7 15,11 17,18 10,14 3,18 5,11 0,7 7,7\"><\/polygon><\/svg>\r\n        <span>4.8<\/span>\r\n      <\/div>\r\n      <div class=\"luxpkg-btns\">\r\n        <a href=\"https:\/\/wiselanka.com\/?page_id=4165\" class=\"luxpkg-btn luxpkg-btn-main\">Details<\/a>\r\n        <a href=\"https:\/\/wa.me\/94710000000\" target=\"_blank\" class=\"luxpkg-btn luxpkg-btn-ghost\" rel=\"noopener\">Inquiry<\/a>\r\n      <\/div>\r\n    <\/div>\r\n  <\/div>\r\n\r\n  <div class=\"luxpkg-card\" style=\"background-image:url('http:\/\/wiselanka.com\/wp-content\/uploads\/2022\/12\/footer-4-wiselanka.png');\">\r\n    <!-- Removed empty price badge (add text if needed) -->\r\n    <!-- <div class=\"luxpkg-price\">From $980<\/div> -->\r\n    <div class=\"luxpkg-overlay\">\r\n      <div class=\"luxpkg-title\">Classical Tour<\/div>\r\n      <div class=\"luxpkg-location\">\ud83d\udccd Central Province<\/div>\r\n      <div class=\"luxpkg-days\">\u23f1 8D \/ 7N<\/div>\r\n    <\/div>\r\n    <div class=\"luxpkg-bottom\">\r\n      <div class=\"luxpkg-rating\">\r\n        <svg viewBox=\"0 0 20 20\"><polygon points=\"10,1 13,7 20,7 15,11 17,18 10,14 3,18 5,11 0,7 7,7\"><\/polygon><\/svg>\r\n        <span>4.9<\/span>\r\n      <\/div>\r\n      <div class=\"luxpkg-btns\">\r\n        <a href=\"https:\/\/wiselanka.com\/?page_id=4080\" class=\"luxpkg-btn luxpkg-btn-main\">Details<\/a>\r\n        <a href=\"https:\/\/wa.me\/94710000000\" target=\"_blank\" class=\"luxpkg-btn luxpkg-btn-ghost\" rel=\"noopener\">Inquiry<\/a>\r\n      <\/div>\r\n    <\/div>\r\n  <\/div>\r\n\r\n<\/div>\r\n\r\n<div class=\"luxpkg-footer\">\r\n  <a href=\"https:\/\/wiselanka.com\/?page_id=496\">\u2728 Explore All Tours \u2728<\/a>\r\n<\/div>\r\n\r\n<\/div>\r\n\r\n<script>\r\ndocument.addEventListener(\"DOMContentLoaded\", () => {\r\n  const items = document.querySelectorAll(\".luxpkg-heading, .luxpkg-card, .luxpkg-footer\");\r\n\r\n  \/\/ Respect reduced motion\r\n  const reduce = window.matchMedia && window.matchMedia('(prefers-reduced-motion: reduce)').matches;\r\n  if(reduce){\r\n    items.forEach(el => el.classList.add(\"visible\"));\r\n    return;\r\n  }\r\n\r\n  if(!('IntersectionObserver' in window)){\r\n    items.forEach(el => el.classList.add(\"visible\"));\r\n    return;\r\n  }\r\n\r\n  const observer = new IntersectionObserver((entries) => {\r\n    entries.forEach(entry => {\r\n      if(entry.isIntersecting){\r\n        entry.target.classList.add(\"visible\");\r\n        observer.unobserve(entry.target);\r\n      }\r\n    });\r\n  }, { threshold: 0.18, rootMargin: \"0px 0px -90px 0px\" });\r\n\r\n  items.forEach((item, index) => {\r\n    item.style.transitionDelay = `${index * 0.08}s`; \/* smoother stagger *\/\r\n    observer.observe(item);\r\n  });\r\n});\r\n<\/script>\r\n\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-06c3c13 e-con-full e-con\" data-id=\"06c3c13\" data-element_type=\"container\" data-settings=\"{&quot;content_width&quot;:&quot;full&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-edf42ae elementor-widget elementor-widget-html\" data-id=\"edf42ae\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<section class=\"WLTB-section\">\r\n    <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Merriweather:wght@300;400;700;900&display=swap\" rel=\"stylesheet\">\r\n  <style>\r\n    :root{\r\n      --accent:#002e5a;\r\n      --muted:#6b7280;\r\n      --card-bg:#f8fafc;\r\n      --glass:rgba(15,23,36,0.04);\r\n      --radius:12px;\r\n    }\r\n\r\n    \/* Scope everything *\/\r\n    .WLTB-section,\r\n    .WLTB-section *{\r\n      font-family:'Merriweather', serif;\r\n      box-sizing:border-box;\r\n    }\r\n\r\n    .WLTB-section{\r\n      width:90%;\r\n      margin:0 auto;\r\n      padding:40px 0;\r\n      background:#fff;\r\n      display:flex;\r\n      justify-content:center;\r\n    }\r\n\r\n    .WLTB-wrap{\r\n      width:100%;\r\n      max-width:1400px;\r\n      padding:20px;\r\n    }\r\n\r\n    .WLTB-top{\r\n      text-align:center;\r\n      margin-bottom:30px;\r\n    }\r\n\r\n    .WLTB-eyebrow{\r\n      color:var(--accent);\r\n      font-weight:700;\r\n      text-transform:uppercase;\r\n      letter-spacing:1px;\r\n      font-size:20px;\r\n      margin-bottom:12px;\r\n      display:block;\r\n    }\r\n\r\n    .WLTB-section h1{\r\n      font-size:28px;\r\n      margin:0 0 10px;\r\n      color:#0f1724;\r\n    }\r\n\r\n    .WLTB-lead{\r\n      color:var(--muted);\r\n      font-size:15px;\r\n      max-width:900px;\r\n      margin:0 auto;\r\n      line-height:1.7;\r\n    }\r\n\r\n    \/* GRID *\/\r\n    .WLTB-steps{\r\n      display:grid !important;\r\n      grid-template-columns:repeat(3,minmax(0,1fr)) !important;\r\n      gap:40px !important;\r\n      margin-top:30px;\r\n    }\r\n\r\n    .WLTB-step{\r\n      background:var(--card-bg);\r\n      border-radius:var(--radius);\r\n      padding:22px;\r\n      display:flex;\r\n      gap:16px;\r\n      border:1px solid rgba(15,23,36,0.08);\r\n      transition:transform .2s ease, box-shadow .2s ease;\r\n    }\r\n\r\n    .WLTB-step:hover{\r\n      transform:translateY(-6px);\r\n      box-shadow:0 16px 34px rgba(0,0,0,.15);\r\n    }\r\n\r\n    .WLTB-icon-wrap{\r\n      width:64px;\r\n      height:64px;\r\n      background:var(--glass);\r\n      border-radius:12px;\r\n      display:flex;\r\n      align-items:center;\r\n      justify-content:center;\r\n      flex-shrink:0;\r\n    }\r\n\r\n    .WLTB-icon{\r\n      width:36px;\r\n      height:36px;\r\n    }\r\n    .WLTB-icon *{\r\n      stroke:var(--accent);\r\n      stroke-width:2;\r\n      fill:none;\r\n      stroke-linecap:round;\r\n      stroke-linejoin:round;\r\n    }\r\n\r\n    .WLTB-rowtitle{\r\n      display:flex;\r\n      align-items:center;\r\n      gap:8px;\r\n      margin-bottom:6px;\r\n    }\r\n\r\n    .WLTB-chip{\r\n      font-size:13px;\r\n      font-weight:700;\r\n      color:var(--accent);\r\n    }\r\n\r\n    .WLTB-step h3{\r\n      font-size:16px;\r\n      margin:0;\r\n      color:#0f1724;\r\n    }\r\n\r\n    .WLTB-step p{\r\n      margin:0;\r\n      font-size:14px;\r\n      color:var(--muted);\r\n      line-height:1.65;\r\n    }\r\n\r\n    \/* CTA *\/\r\n    .WLTB-contact{\r\n      margin-top:30px;\r\n      display:flex;\r\n      justify-content:space-between;\r\n      align-items:center;\r\n      gap:20px;\r\n      flex-wrap:wrap;\r\n    }\r\n\r\n    .WLTB-btn{\r\n      background:var(--accent);\r\n      color:#fff;\r\n      padding:12px 22px;\r\n      text-decoration:none;\r\n      font-weight:700;\r\n      transition:opacity .2s ease, transform .2s ease;\r\n    }\r\n\r\n    .WLTB-btn:hover{\r\n      opacity:.9;\r\n      transform:translateY(-1px);\r\n    }\r\n\r\n    \/* RESPONSIVE *\/\r\n    @media (max-width:1024px){\r\n      .WLTB-steps{grid-template-columns:repeat(2,1fr)!important;}\r\n    }\r\n    @media (max-width:680px){\r\n      .WLTB-steps{grid-template-columns:1fr!important;}\r\n      .WLTB-section h1{font-size:22px;}\r\n    }\r\n  <\/style>\r\n\r\n  <div class=\"WLTB-wrap\">\r\n    <div class=\"WLTB-top\">\r\n      <span class=\"WLTB-eyebrow\">How it works<\/span>\r\n      <h1>Your next vacation in 3 simple steps<\/h1>\r\n      <p class=\"WLTB-lead\">\r\n        We combine careful curation with a dedicated destination specialist so you can relax while we plan every detail.\r\n      <\/p>\r\n    <\/div>\r\n\r\n    <div class=\"WLTB-steps\">\r\n\r\n      <!-- STEP 1 -->\r\n      <article class=\"WLTB-step\">\r\n        <div class=\"WLTB-icon-wrap\">\r\n          <svg class=\"WLTB-icon\" viewBox=\"0 0 24 24\">\r\n            <line x1=\"9\" y1=\"6\" x2=\"21\" y2=\"6\"\/>\r\n            <line x1=\"9\" y1=\"12\" x2=\"21\" y2=\"12\"\/>\r\n            <line x1=\"9\" y1=\"18\" x2=\"21\" y2=\"18\"\/>\r\n            <circle cx=\"5\" cy=\"6\" r=\"1.5\"\/>\r\n            <circle cx=\"5\" cy=\"12\" r=\"1.5\"\/>\r\n            <circle cx=\"5\" cy=\"18\" r=\"1.5\"\/>\r\n          <\/svg>\r\n        <\/div>\r\n        <div>\r\n          <div class=\"WLTB-rowtitle\">\r\n            <span class=\"WLTB-chip\">1<\/span>\r\n            <h3>SELECT AN OFFER FROM OUR LISTING<\/h3>\r\n          <\/div>\r\n          <p>We have a range of offers, resorts and villas to choose from to fit your perfect vacation.<\/p>\r\n        <\/div>\r\n      <\/article>\r\n\r\n      <!-- STEP 2 -->\r\n      <article class=\"WLTB-step\">\r\n        <div class=\"WLTB-icon-wrap\">\r\n          <svg class=\"WLTB-icon\" viewBox=\"0 0 24 24\">\r\n            <rect x=\"3\" y=\"5\" width=\"18\" height=\"16\" rx=\"2\"\/>\r\n            <line x1=\"3\" y1=\"9\" x2=\"21\" y2=\"9\"\/>\r\n            <path d=\"M8.5 15l2 2 4-4\"\/>\r\n          <\/svg>\r\n        <\/div>\r\n        <div>\r\n          <div class=\"WLTB-rowtitle\">\r\n            <span class=\"WLTB-chip\">2<\/span>\r\n            <h3>SUBMIT YOUR DETAILS<\/h3>\r\n          <\/div>\r\n          <p>Let us know when you want to travel, with whom and your requirements for a package.<\/p>\r\n        <\/div>\r\n      <\/article>\r\n\r\n      <!-- STEP 3 -->\r\n      <article class=\"WLTB-step\">\r\n        <div class=\"WLTB-icon-wrap\">\r\n          <svg class=\"WLTB-icon\" viewBox=\"0 0 24 24\">\r\n            <path d=\"M4 12a8 8 0 0 1 16 0\"\/>\r\n            <rect x=\"3\" y=\"12\" width=\"4\" height=\"6\" rx=\"1\"\/>\r\n            <rect x=\"17\" y=\"12\" width=\"4\" height=\"6\" rx=\"1\"\/>\r\n            <path d=\"M17 18c0 2-2 3-5 3\"\/>\r\n          <\/svg>\r\n        <\/div>\r\n        <div>\r\n          <div class=\"WLTB-rowtitle\">\r\n            <span class=\"WLTB-chip\">3<\/span>\r\n            <h3>OUR CONSULTANT WILL DIRECT YOU<\/h3>\r\n          <\/div>\r\n          <p>You will be assigned your very own Destination Specialist to help plan your vacation from start to finish.<\/p>\r\n        <\/div>\r\n      <\/article>\r\n\r\n    <\/div>\r\n\r\n    <div class=\"WLTB-contact\">\r\n      <div>\r\n        <h3 style=\"margin:0 0 6px;\">Ready to begin?<\/h3>\r\n        <p style=\"margin:0;color:var(--muted);\">Share a few details and our specialist will prepare tailored options.<\/p>\r\n      <\/div>\r\n      <div>\r\n        <a href=\"https:\/\/wiselanka.com\/?page_id=4510\" class=\"WLTB-btn\">Submit details<\/a>\r\n        <a href=\"https:\/\/wiselanka.com\/?page_id=725\" class=\"WLTB-btn\">Contact us<\/a>\r\n      <\/div>\r\n    <\/div>\r\n\r\n  <\/div>\r\n<\/section>\r\n\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-ed1cf27 e-con-full e-con\" data-id=\"ed1cf27\" data-element_type=\"container\" data-settings=\"{&quot;content_width&quot;:&quot;full&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-e8a64ab elementor-widget elementor-widget-html\" data-id=\"e8a64ab\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<div class=\"WLR-sec\">\r\n\r\n  <h2 class=\"WLR-heading\">Luxury Resorts of Sri Lanka<\/h2>\r\n  <div class=\"WLR-line\"><\/div>\r\n  <p class=\"WLR-subtext\">Hand-picked beachfront and nature retreats curated for elegance, comfort, and unforgettable experiences.<\/p>\r\n\r\n  <div class=\"WLR-cards\">\r\n\r\n    <!-- AHU BAY -->\r\n    <div class=\"WLR-item\">\r\n      <div class=\"WLR-img\">\r\n        <img decoding=\"async\" src=\"http:\/\/wiselanka.com\/wp-content\/uploads\/2025\/12\/Ahu_Bay_8.jpg\" alt=\"Ahu Bay resort in Sri Lanka\">\r\n      <\/div>\r\n      <div class=\"WLR-info\">\r\n        <h3>Ahu Bay<\/h3>\r\n        <p>Secluded coastal hideaway crafted for serenity and modern luxury.<\/p>\r\n        <a href=\"https:\/\/wiselanka.com\/?page_id=5615\" class=\"WLR-btn\">Discover<\/a>\r\n      <\/div>\r\n    <\/div>\r\n\r\n    <!-- AMANWELLA -->\r\n    <div class=\"WLR-item\">\r\n      <div class=\"WLR-img\">\r\n        <img decoding=\"async\" src=\"http:\/\/wiselanka.com\/wp-content\/uploads\/2025\/12\/amanwella_sri_lanka_-_interior_lounge_4.jpg\" alt=\"Amanwella luxury beachfront resort in Sri Lanka\">\r\n      <\/div>\r\n      <div class=\"WLR-info\">\r\n        <h3>Amanwella<\/h3>\r\n        <p>Minimalist beachfront tranquility designed for total relaxation.<\/p>\r\n        <a href=\"https:\/\/wiselanka.com\/?page_id=5703\" class=\"WLR-btn\">Discover<\/a>\r\n      <\/div>\r\n    <\/div>\r\n\r\n    <!-- CHENA HUTS -->\r\n    <div class=\"WLR-item\">\r\n      <div class=\"WLR-img\">\r\n        <img decoding=\"async\" src=\"http:\/\/wiselanka.com\/wp-content\/uploads\/2025\/12\/Chena_Huts_1.jpg\" alt=\"Chena Huts premium wilderness retreat Sri Lanka\">\r\n      <\/div>\r\n      <div class=\"WLR-info\">\r\n        <h3>Chena Huts<\/h3>\r\n        <p>Premium wilderness retreat where jungle meets oceanfront elegance.<\/p>\r\n        <a href=\"https:\/\/wiselanka.com\/?page_id=5706\" class=\"WLR-btn\">Discover<\/a>\r\n      <\/div>\r\n    <\/div>\r\n\r\n    <!-- NINE SKIES -->\r\n    <div class=\"WLR-item\">\r\n      <div class=\"WLR-img\">\r\n        <img decoding=\"async\" src=\"http:\/\/wiselanka.com\/wp-content\/uploads\/2025\/12\/Nine_Skies_1.jpg\" alt=\"Nine Skies boutique hillside escape Sri Lanka\">\r\n      <\/div>\r\n      <div class=\"WLR-info\">\r\n        <h3>Nine Skies<\/h3>\r\n        <p>Boutique hillside escape overlooking lush tea-country landscapes.<\/p>\r\n        <a href=\"https:\/\/wiselanka.com\/?page_id=5708\" class=\"WLR-btn\">Discover<\/a>\r\n      <\/div>\r\n    <\/div>\r\n\r\n  <\/div>\r\n\r\n  <div class=\"WLR-center\">\r\n    <a href=\"https:\/\/wiselanka.com\/?page_id=715\" class=\"WLR-main-btn\">Explore All Resorts<\/a>\r\n  <\/div>\r\n\r\n<\/div>\r\n\r\n<style>\r\n\/* NOTE: Prefer loading Merriweather globally via Elementor Site Settings.\r\n   Keeping @import here only if you must paste into a single HTML widget. *\/\r\n@import url('https:\/\/fonts.googleapis.com\/css2?family=Merriweather:wght@300;400;700;900&display=swap');\r\n\r\n\/* SECTION WRAPPER *\/\r\n.WLR-sec{\r\n  background:#074276;\r\n  padding:70px 20px;\r\n  text-align:center;\r\n  color:#fff;\r\n  font-family:\"Merriweather\", serif;\r\n}\r\n\r\n\/* HEADING *\/\r\n.WLR-heading{\r\n  font-size:3.3rem;          \/* slightly smaller desktop than 3.8rem *\/\r\n  font-weight:900;\r\n  margin:0 0 6px 0;\r\n  color:#fff;\r\n  line-height:1.1;\r\n}\r\n\r\n.WLR-line{\r\n  height:4px;\r\n  width:90px;\r\n  background:#d7b86e;\r\n  margin:12px auto 22px;\r\n  border-radius:4px;\r\n}\r\n\r\n.WLR-subtext{\r\n  max-width:760px;\r\n  margin:0 auto 45px;\r\n  color:#cfd6df;\r\n  font-size:1.28rem;\r\n  line-height:1.65;\r\n}\r\n\r\n\/* GRID *\/\r\n.WLR-cards{\r\n  max-width:1400px;\r\n  margin:0 auto;\r\n  display:grid;\r\n  grid-template-columns:repeat(auto-fit, minmax(240px, 1fr));\r\n  gap:22px;\r\n}\r\n\r\n\/* CARD *\/\r\n.WLR-item{\r\n  background:#061a2b; \/* softer than pure black *\/\r\n  border-radius:0;\r\n  overflow:hidden;\r\n  box-shadow:0 8px 25px rgba(0,0,0,0.22);\r\n  transition:transform .25s ease, box-shadow .25s ease;\r\n  text-align:left;\r\n}\r\n\r\n.WLR-item:hover{\r\n  transform:translateY(-6px);\r\n  box-shadow:0 14px 38px rgba(0,0,0,0.32);\r\n}\r\n\r\n\/* IMAGE *\/\r\n.WLR-img img{\r\n  width:100%;\r\n  height:240px;          \/* better on desktop *\/\r\n  object-fit:cover;\r\n  display:block;\r\n  transition:transform .35s ease;\r\n}\r\n\r\n.WLR-item:hover .WLR-img img{\r\n  transform:scale(1.06);\r\n}\r\n\r\n\/* CONTENT *\/\r\n.WLR-info{\r\n  padding:20px 20px 22px;\r\n}\r\n\r\n.WLR-info h3{\r\n  font-size:1.55rem;\r\n  margin:0 0 10px 0;\r\n  font-weight:900;\r\n  color:#fff;\r\n  line-height:1.15;\r\n}\r\n\r\n.WLR-info p{\r\n  font-size:1.17rem;\r\n  margin:0 0 18px 0;\r\n  color:#c9d0da;\r\n  line-height:1.65;\r\n}\r\n\r\n\/* BUTTONS *\/\r\n.WLR-btn{\r\n  display:inline-block;\r\n  padding:10px 22px;\r\n  background:transparent;\r\n  border:1px solid #d7b86e;\r\n  color:#d7b86e;\r\n  text-decoration:none;\r\n  border-radius:0;\r\n  font-weight:800;\r\n  transition:.25s ease;\r\n}\r\n\r\n.WLR-btn:hover{\r\n  background:#d7b86e;\r\n  color:#071526;\r\n}\r\n\r\n\/* MAIN BUTTON *\/\r\n.WLR-center{ text-align:center; }\r\n\r\n.WLR-main-btn{\r\n  display:inline-block;\r\n  margin-top:40px;\r\n  background:#d7b86e;\r\n  padding:14px 32px;\r\n  color:#071526;\r\n  border-radius:10px;\r\n  text-decoration:none;\r\n  font-weight:900;\r\n  transition:.25s ease;\r\n}\r\n\r\n.WLR-main-btn:hover{\r\n  background:#b79542;\r\n}\r\n\r\n\/* =========================\r\n   RESPONSIVE FIXES\r\n========================= *\/\r\n\r\n\/* Large tablets *\/\r\n@media (max-width:1024px){\r\n  .WLR-sec{ padding:60px 18px; }\r\n  .WLR-heading{ font-size:2.6rem; }\r\n  .WLR-subtext{ font-size:1.05rem; margin-bottom:34px; }\r\n  .WLR-img img{ height:220px; }\r\n}\r\n\r\n\/* Tablets + phones *\/\r\n@media (max-width:768px){\r\n  .WLR-sec{ padding:46px 16px; }\r\n\r\n  .WLR-heading{\r\n    font-size:2.05rem;\r\n    line-height:1.15;\r\n  }\r\n  .WLR-line{ margin:10px auto 18px; }\r\n\r\n  .WLR-subtext{\r\n    font-size:0.98rem;\r\n    margin-bottom:26px;\r\n    max-width:560px;\r\n  }\r\n\r\n  .WLR-cards{\r\n    grid-template-columns:1fr; \/* clean single column *\/\r\n    gap:16px;\r\n  }\r\n\r\n  .WLR-img img{ height:210px; }\r\n\r\n  .WLR-info{ padding:18px 16px 20px; }\r\n  .WLR-info h3{ font-size:1.35rem; }\r\n  .WLR-info p{ font-size:1.2rem; margin-bottom:16px; }\r\n\r\n  .WLR-btn{ padding:10px 20px; }\r\n  .WLR-main-btn{ margin-top:26px; padding:13px 26px; border-radius:8px; }\r\n}\r\n\r\n\/* Small phones *\/\r\n@media (max-width:420px){\r\n  .WLR-heading{ font-size:1.78rem; }\r\n  .WLR-subtext{ font-size:1.3rem; }\r\n  .WLR-img img{ height:190px; }\r\n  .WLR-info h3{ font-size:1.25rem; }\r\n}\r\n\r\n\/* Reduce motion *\/\r\n@media (prefers-reduced-motion: reduce){\r\n  .WLR-item, .WLR-img img, .WLR-btn, .WLR-main-btn{ transition:none !important; }\r\n  .WLR-item:hover{ transform:none; }\r\n  .WLR-item:hover .WLR-img img{ transform:none; }\r\n}\r\n<\/style>\r\n\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-1e0aa22 e-con-full e-con\" data-id=\"1e0aa22\" data-element_type=\"container\" data-settings=\"{&quot;content_width&quot;:&quot;full&quot;,&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-56a3410 elementor-widget elementor-widget-html\" data-id=\"56a3410\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<!DOCTYPE html>\r\n<html lang=\"en\">\r\n<head>\r\n<meta charset=\"UTF-8\">\r\n<meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\r\n<title>Sri Explorer Tours Block<\/title>\r\n<style>\r\n@import url('https:\/\/fonts.googleapis.com\/css2?family=Merriweather:wght@300;400;700&display=swap');\r\n\r\n\/* Reset and unique font *\/\r\n.se-tour-container {\r\n    font-family: 'Merriweather', serif;\r\n    color: #fff;\r\n}\r\n\r\n\/* Container *\/\r\n.se-tour-container {\r\n    color: #fff;\r\n}\r\n\r\n.se-tour-container {\r\n    position: relative;\r\n    overflow: hidden;\r\n}\r\n\r\n\/* Overlay *\/\r\n.se-tour-container::before {\r\n    content: \"\";\r\n    position: absolute;\r\n    inset: 0;\r\n    background: \r\n        linear-gradient(to bottom, rgba(0, 45, 101, 0.7), rgba(0, 175, 160, 0.4));\r\n    z-index: 1;\r\n    pointer-events: none; \/* So that buttons\/cards are clickable *\/\r\n}\r\n\r\n\/* Make sure content is above overlay *\/\r\n.se-tour-content {\r\n    position: relative;\r\n    z-index: 2;\r\n}\r\n\r\n\/* Hero Section with background *\/\r\n.se-tour-hero {\r\n    position: relative;\r\n    min-height: 100vh;\r\n    display: flex;\r\n    flex-direction: column;\r\n    justify-content: flex-start;\r\n    align-items: center;\r\n    text-align: center;\r\n    background-size: cover;\r\n    background-position: center;\r\n    padding: 60px 16px 40px;\r\n    transition: background-image 0.5s ease-in-out;\r\n}\r\n\r\n\/* Overlay for dark effect *\/\r\n.se-tour-overlay {\r\n    position: absolute;\r\n    inset: 0;\r\n    background: rgba(0,0,0,0.5);\r\n    z-index: 1;\r\n}\r\n\r\n\/* Hero Content *\/\r\n.se-tour-content {\r\n    position: relative;\r\n    z-index: 2;\r\n    max-width: 1200px;\r\n    width: 100%;\r\n    display: flex;\r\n    flex-direction: column;\r\n    align-items: center;\r\n}\r\n\r\n\/* Menu *\/\r\n.se-tour-menu {\r\n    display: flex;\r\n    justify-content: center;\r\n    gap: 36px;\r\n    flex-wrap: wrap;\r\n    margin-bottom: 20px;\r\n    font-weight: 600;\r\n}\r\n\r\n.se-tour-menu-item {\r\n    cursor: pointer;\r\n    font-size: 20px;\r\n    text-transform: uppercase;\r\n    padding: 6px 12px;\r\n    border-bottom: 2px solid transparent;\r\n    transition: border 0.3s;\r\n}\r\n\r\n.se-tour-menu-item.active {\r\n    border-bottom: 2px solid #fff;\r\n}\r\n\r\n\/* Title & Description *\/\r\n.se-tour-title {\r\n    font-size: clamp(28px, 5vw, 64px);\r\n    font-weight: 700;\r\n    margin-bottom: 12px;\r\n    color: #fff;\r\n}\r\n\r\n.se-tour-desc {\r\n    font-size: clamp(16px, 2vw, 24px);\r\n    margin-bottom: 30px;\r\n    max-width: 800px;\r\n}\r\n\r\n\/* Cards inside hero block *\/\r\n.se-tour-cards {\r\n    display: flex;\r\n    justify-content: center;\r\n    gap: 24px;\r\n    flex-wrap: wrap;\r\n    margin-bottom: 40px;\r\n}\r\n\r\n.se-tour-card {\r\n    background: rgba(0,0,0,1);\r\n    border-radius: 10px;\r\n    overflow: hidden;\r\n    width: 300px;\r\n    transition: transform 0.3s, box-shadow 0.3s;\r\n}\r\n\r\n.se-tour-card:hover {\r\n    transform: scale(1.05);\r\n    box-shadow: 0 12px 24px rgba(0,0,0,0.6);\r\n}\r\n\r\n.se-tour-thumb {\r\n    width: 100%;\r\n    height: 180px;\r\n    background-size: cover;\r\n    background-position: center;\r\n}\r\n\r\n.se-tour-card-body {\r\n    padding: 14px 18px;\r\n    display: flex;\r\n    flex-direction: column;\r\n    gap: 6px;\r\n}\r\n\r\n.se-tour-card-title {\r\n    font-size: 18px;\r\n    font-weight: 600;\r\n    margin: 0;\r\n    color: #fff;\r\n}\r\n\r\n.se-tour-card-sub {\r\n    font-size: 14px;\r\n    color: rgba(255,255,255,0.85);\r\n}\r\n\r\n.se-tour-card-btn {\r\n    margin-top: 8px;\r\n    text-decoration: none;\r\n    font-size: 14px;\r\n    color: #fff;\r\n    border: 1.5px solid #fff;\r\n    padding: 6px 12px;\r\n    text-align: center;\r\n    border-radius: 4px;\r\n    transition: background 0.3s;\r\n    width: 50%;\r\n    margin-left: 30%;\r\n    margin-top: -10px;\r\n    margin-bottom: 10px;\r\n}\r\n\r\n.se-tour-card-btn:hover {\r\n    background: rgba(255,255,255,0.15);\r\n    color: #fff;\r\n}\r\n\r\n\/* Responsive adjustments *\/\r\n@media (max-width: 1024px) {\r\n    .se-tour-menu { gap: 24px; }\r\n    .se-tour-title { margin-bottom: 10px; }\r\n    .se-tour-desc { margin-bottom: 24px; }\r\n    .se-tour-cards { gap: 16px; }\r\n    .se-tour-card { width: 45%; }\r\n}\r\n\r\n@media (max-width: 768px) {\r\n    .se-tour-menu { gap: 12px; font-size: 18px; }\r\n    .se-tour-title { font-size: 24px; margin-bottom: 8px; }\r\n    .se-tour-desc { font-size: 14px; margin-bottom: 16px; }\r\n    .se-tour-card { width: 100%; }\r\n}\r\n<\/style>\r\n<\/head>\r\n<body>\r\n\r\n<div class=\"se-tour-container\">\r\n    <section class=\"se-tour-hero\" id=\"se-tour-hero\">\r\n        <div class=\"se-tour-overlay\"><\/div>\r\n        <div class=\"se-tour-content\">\r\n            <div class=\"se-tour-menu\" id=\"se-tour-menu\">\r\n                <div class=\"se-tour-menu-item active\" data-category=\"wildlife\">Wildlife<\/div>\r\n                <div class=\"se-tour-menu-item\" data-category=\"beaches\">Beaches<\/div>\r\n                <div class=\"se-tour-menu-item\" data-category=\"heritage\">Heritage<\/div>\r\n                <div class=\"se-tour-menu-item\" data-category=\"wellness\">Wellness<\/div>\r\n                <div class=\"se-tour-menu-item\" data-category=\"adventure\">Adventure<\/div>\r\n            <\/div>\r\n            <h1 class=\"se-tour-title\" id=\"se-tour-title\">Wildlife and Nature<\/h1>\r\n            <p class=\"se-tour-desc\" id=\"se-tour-desc\">Discover Sri Lanka\u2019s incredible biodiversity \u2014 from elephants to leopards.<\/p>\r\n            <div class=\"se-tour-cards\" id=\"se-tour-cards\"><\/div>\r\n        <\/div>\r\n    <\/section>\r\n<\/div>\r\n\r\n<script>\r\nconst seCategories = {\r\n    wildlife: {\r\n        bg: 'http:\/\/wiselanka.com\/wp-content\/uploads\/2023\/10\/wise_yala.jpg',\r\n        title: 'Wildlife and Nature',\r\n        desc: 'Discover Sri Lanka\u2019s incredible biodiversity \u2014 from elephants to leopards.',\r\n        cards: [\r\n            {img:'http:\/\/wiselanka.com\/wp-content\/uploads\/2025\/11\/Minneriya_National_Park_.jpg', title:'Minneriya National Park', sub:'Minneriya', link:'https:\/\/wiselanka.com\/?page_id=713'},\r\n            {img:'http:\/\/wiselanka.com\/wp-content\/uploads\/2025\/11\/Horton-Plains.jpg', title:'Horton Plains', sub:'Hill Country', link:'https:\/\/wiselanka.com\/?page_id=713'},\r\n            {img:'http:\/\/wiselanka.com\/wp-content\/uploads\/2025\/11\/Makandawa-Rain-Forest.jpg', title:'Makandawa Rain Forest', sub:'Kitulgala', link:'https:\/\/wiselanka.com\/?page_id=713'}\r\n        ]\r\n    },\r\n    beaches: {\r\n        bg: 'http:\/\/wiselanka.com\/wp-content\/uploads\/2025\/11\/Hiriketiya-Beach.jpg',\r\n        title: 'Tropical Beaches',\r\n        desc: 'Soak in sun, surf, and serenity along Sri Lanka\u2019s golden coastlines.',\r\n        cards: [\r\n            {img:'http:\/\/wiselanka.com\/wp-content\/uploads\/2025\/11\/Surfing-Time.jpg', title:'Weligama Surf', sub:'Weligama', link:'https:\/\/wiselanka.com\/?page_id=713'},\r\n            {img:'http:\/\/wiselanka.com\/wp-content\/uploads\/2025\/11\/Hiriketiya-Beach.jpg', title:'Hiriketiya', sub:'South Coast', link:'https:\/\/wiselanka.com\/?page_id=713'},\r\n            {img:'http:\/\/wiselanka.com\/wp-content\/uploads\/2025\/11\/Arugam-Bay-scaled.jpg', title:'Arugam Bay', sub:'South East Coast', link:'https:\/\/wiselanka.com\/?page_id=713'}\r\n        ]\r\n    },\r\n    heritage: {\r\n        bg: 'http:\/\/wiselanka.com\/wp-content\/uploads\/2025\/10\/Sigiriya-fortress.jpg',\r\n        title: 'Ancient Heritage',\r\n        desc: 'Walk through centuries of history and sacred monuments.',\r\n        cards: [\r\n            {img:'http:\/\/wiselanka.com\/wp-content\/uploads\/2025\/11\/Pidurangala-Rock.jpg', title:'Pidurangala', sub:'Sigiriya', link:'https:\/\/wiselanka.com\/?page_id=713'},\r\n            {img:'http:\/\/wiselanka.com\/wp-content\/uploads\/2025\/11\/Ruwanweli-Maha-Seya-scaled.jpg', title:'Stupa', sub:'Anuradhapura', link:'https:\/\/wiselanka.com\/?page_id=713'},\r\n            {img:'http:\/\/wiselanka.com\/wp-content\/uploads\/2025\/10\/Sigiriya-fortress.jpg', title:'Sigiriya', sub:'UNESCO', link:'https:\/\/wiselanka.com\/?page_id=713'}\r\n        ]\r\n    },\r\n    wellness: {\r\n        bg: 'http:\/\/wiselanka.com\/wp-content\/uploads\/2025\/12\/wellness-4.jpg',\r\n        title: 'Wellness Retreats',\r\n        desc: 'Nurture your body and soul at serene locations.',\r\n        cards: [\r\n            {img:'http:\/\/wiselanka.com\/wp-content\/uploads\/2025\/12\/well-7.jpg', title:'Nurture Your Soul', sub:'Nuwara Eliya', link:'https:\/\/wiselanka.com\/?page_id=713'},\r\n            {img:'http:\/\/wiselanka.com\/wp-content\/uploads\/2025\/11\/Lankan-Wellness-Luxury-Spas.jpg', title:'Wellness Centre', sub:'Sigiriya', link:'https:\/\/wiselanka.com\/?page_id=713'},\r\n            {img:'http:\/\/wiselanka.com\/wp-content\/uploads\/2025\/12\/well-5.jpg', title:'Soulful Escapes', sub:'Ella', link:'https:\/\/wiselanka.com\/?page_id=713'}\r\n        ]\r\n    },\r\n    adventure: {\r\n        bg: 'http:\/\/wiselanka.com\/wp-content\/uploads\/2023\/10\/dambulla-optimized_Wiselanka.png',\r\n        title: 'Island Adventures',\r\n        desc: 'Rafting, waterfalls, hot air balloons, kite surfing.',\r\n        cards: [\r\n            {img:'http:\/\/wiselanka.com\/wp-content\/uploads\/2025\/10\/kithulgala_1.jpg', title:'Rafting', sub:'Kitulgala', link:'https:\/\/wiselanka.com\/?page_id=713'},\r\n            {img:'http:\/\/wiselanka.com\/wp-content\/uploads\/2025\/10\/kite_1.jpg', title:'Kite Surfing', sub:'Kalpitiya', link:'https:\/\/wiselanka.com\/?page_id=713'},\r\n            {img:'http:\/\/wiselanka.com\/wp-content\/uploads\/2025\/10\/hot_air_ride.jpg', title:'Balloon Ride', sub:'Sigiriya Sky', link:'https:\/\/wiselanka.com\/?page_id=713'}\r\n        ]\r\n    }\r\n};\r\n\r\nconst seMenuItems = document.querySelectorAll('.se-tour-menu-item');\r\nconst seHero = document.getElementById('se-tour-hero');\r\nconst seTitle = document.getElementById('se-tour-title');\r\nconst seDesc = document.getElementById('se-tour-desc');\r\nconst seCards = document.getElementById('se-tour-cards');\r\n\r\nfunction renderSeCategory(cat) {\r\n    const data = seCategories[cat];\r\n    seHero.style.backgroundImage = `url(${data.bg})`;\r\n    seTitle.textContent = data.title;\r\n    seDesc.textContent = data.desc;\r\n\r\n    seCards.innerHTML = '';\r\n    data.cards.forEach(c => {\r\n        const card = document.createElement('div');\r\n        card.className = 'se-tour-card';\r\n        card.innerHTML = `\r\n            <div class=\"se-tour-thumb\" style=\"background-image:url('${c.img}')\"><\/div>\r\n            <div class=\"se-tour-card-body\">\r\n                <h3 class=\"se-tour-card-title\">${c.title}<\/h3>\r\n                <p class=\"se-tour-card-sub\">${c.sub}<\/p>\r\n                <a href=\"${c.link}\" class=\"se-tour-card-btn\">Explore<\/a>\r\n            <\/div>\r\n        `;\r\n        seCards.appendChild(card);\r\n    });\r\n}\r\n\r\n\/\/ Menu click\r\nseMenuItems.forEach(item => {\r\n    item.addEventListener('click', function() {\r\n        seMenuItems.forEach(i => i.classList.remove('active'));\r\n        this.classList.add('active');\r\n        renderSeCategory(this.dataset.category);\r\n    });\r\n});\r\n\r\n\/\/ Initial render\r\nrenderSeCategory('wildlife');\r\n<\/script>\r\n\r\n<\/body>\r\n<\/html>\r\n\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-50134f4 e-con-boxed e-con\" data-id=\"50134f4\" data-element_type=\"container\" data-settings=\"{&quot;content_width&quot;:&quot;boxed&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-1d64fb9 elementor-widget elementor-widget-html\" data-id=\"1d64fb9\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<section class=\"wlra-logos\">\r\n  <div class=\"wlra-container\">\r\n    <p class=\"wlra-subtitle\">Partnerships<\/p>\r\n    <h2 class=\"wlra-title\">OUR AFFILIATES<\/h2>\r\n\r\n    <div class=\"wlra-slider\">\r\n      <button class=\"wlra-arrow wlra-prev\" type=\"button\">&#10094;<\/button>\r\n      \r\n      <div class=\"wlra-track-wrapper\" id=\"swipeArea\">\r\n        <div class=\"wlra-track\" id=\"logoTrack\">\r\n          <div class=\"wlra-item\"><img decoding=\"async\" class=\"wlra-lg\" src=\"http:\/\/wiselanka.com\/wp-content\/uploads\/2026\/03\/edward-colection.png\"><\/div>\r\n          <div class=\"wlra-item\"><img decoding=\"async\" class=\"wlra-xl\" src=\"http:\/\/wiselanka.com\/wp-content\/uploads\/2026\/03\/Untitled-design-5.png\"><\/div>\r\n          <div class=\"wlra-item\"><img decoding=\"async\" class=\"wlra-lg\" src=\"http:\/\/wiselanka.com\/wp-content\/uploads\/2026\/03\/mariott.png\"><\/div>\r\n          <div class=\"wlra-item\"><img decoding=\"async\" class=\"wlra-lg\" src=\"http:\/\/wiselanka.com\/wp-content\/uploads\/2026\/03\/resplendent.png\"><\/div>\r\n          <div class=\"wlra-item\"><img decoding=\"async\" class=\"wlra-xl\" src=\"http:\/\/wiselanka.com\/wp-content\/uploads\/2026\/03\/santani-2-1.png\"><\/div>\r\n          <div class=\"wlra-item\"><img decoding=\"async\" class=\"wlra-shangri-aligned\" src=\"http:\/\/wiselanka.com\/wp-content\/uploads\/2026\/03\/shnagrila.png\"><\/div>\r\n          <div class=\"wlra-item\"><img decoding=\"async\" class=\"wlra-xl\" src=\"http:\/\/wiselanka.com\/wp-content\/uploads\/2026\/03\/uga-1.png\"><\/div>\r\n          <div class=\"wlra-item\"><img decoding=\"async\" src=\"http:\/\/wiselanka.com\/wp-content\/uploads\/2026\/03\/jetwing-2.png\"><\/div>\r\n          <div class=\"wlra-item\"><img decoding=\"async\" class=\"wlra-sm\" src=\"http:\/\/wiselanka.com\/wp-content\/uploads\/2026\/03\/aman.png\"><\/div>\r\n          <div class=\"wlra-item\"><img decoding=\"async\" class=\"wlra-lg\" src=\"http:\/\/wiselanka.com\/wp-content\/uploads\/2026\/03\/Image_20260324132119_255_1.png\"><\/div>\r\n          <div class=\"wlra-item\"><img decoding=\"async\" src=\"http:\/\/wiselanka.com\/wp-content\/uploads\/2026\/03\/cinnamon.png\"><\/div>\r\n          \r\n          <div class=\"wlra-item wlra-pull-in-wide\"><img decoding=\"async\" class=\"wlra-wide\" src=\"http:\/\/wiselanka.com\/wp-content\/uploads\/2026\/03\/atken-spencer.png\"><\/div>\r\n          <div class=\"wlra-item wlra-pull-in-tear\"><img decoding=\"async\" class=\"wlra-tear\" src=\"http:\/\/wiselanka.com\/wp-content\/uploads\/2026\/03\/Tear-Drop-2.png\"><\/div>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <button class=\"wlra-arrow wlra-next\" type=\"button\">&#10095;<\/button>\r\n    <\/div>\r\n  <\/div>\r\n<\/section>\r\n\r\n<style>\r\n@import url('https:\/\/fonts.googleapis.com\/css2?family=Merriweather:wght@300;400;700;900&display=swap');\r\n\r\n.wlra-logos { \r\n  background: #ffffff !important; \r\n  padding: 15px 0 5px 0; \r\n  overflow: hidden; \r\n  width: 100vw;\r\n  position: relative;\r\n  left: 50%;\r\n  right: 50%;\r\n  margin-left: -50vw;\r\n  margin-right: -50vw;\r\n  font-family: 'Merriweather', serif; \r\n  user-select: none;\r\n}\r\n\r\n.wlra-container { max-width: 1600px; margin: 0 auto; text-align: center; padding-top: 25px; }\r\n.wlra-subtitle { color: #003366; font-size: 11px; font-weight: 700; margin: 0 auto 2px auto; text-transform: uppercase; letter-spacing: 1.2px; line-height: 1; }\r\n.wlra-title { color: #1a1a1a; font-size: 24px; margin: 0 auto 10px auto; font-weight: 900; line-height: 1; }\r\n\r\n.wlra-slider { display: flex; align-items: center; width: 100%; }\r\n\r\n.wlra-track-wrapper { \r\n  overflow: hidden; \r\n  flex: 1; \r\n  position: relative; \r\n  padding: 5px 0; \r\n  touch-action: pan-y; \r\n  cursor: grab;\r\n}\r\n.wlra-track-wrapper:active { cursor: grabbing; }\r\n\r\n.wlra-track { \r\n  display: flex; \r\n  align-items: center; \r\n  width: max-content;\r\n  will-change: transform;\r\n  gap: 110px !important; \r\n}\r\n\r\n.wlra-item { display: flex; justify-content: center; align-items: center; flex-shrink: 0; pointer-events: none; }\r\n\r\n\/* Desktop Alignments *\/\r\n.wlra-pull-in-wide { margin-left: -50px; margin-right: -40px; }\r\n.wlra-pull-in-tear { margin-left: -70px; margin-right: -85px; }\r\n\r\n\/* Desktop Heights *\/\r\n.wlra-track img { height: 85px !important; width: auto !important; object-fit: contain; }\r\n.wlra-track img.wlra-sm { height: 60px !important; }\r\n.wlra-track img.wlra-lg { height: 110px !important; }\r\n.wlra-track img.wlra-xl { height: 140px !important; } \r\n.wlra-track img.wlra-wide { height: 90px !important; }\r\n.wlra-track img.wlra-tear { height: 185px !important; }\r\n.wlra-track img.wlra-shangri-aligned { height: 105px !important; transform: translateY(-10px); }\r\n\r\n.wlra-arrow { background: none !important; border: none !important; color: #003366; font-size: 32px; cursor: pointer; padding: 0 20px; opacity: 0.5; transition: 0.3s; z-index: 10; }\r\n.wlra-arrow:hover { opacity: 1; }\r\n.wlra-smooth { transition: transform 0.6s cubic-bezier(0.25, 1, 0.5, 1) !important; }\r\n\r\n@media(max-width:768px){ \r\n    .wlra-container { padding-top: 15px; }\r\n    .wlra-title { font-size: 20px; margin-bottom: 8px; }\r\n    .wlra-arrow { display: none; } \r\n    \r\n    .wlra-track { gap: 80px !important; }\r\n    .wlra-track img { height: 85px !important; } \r\n    .wlra-track img.wlra-xl { height: 140px !important; } \r\n    .wlra-track img.wlra-shangri-aligned { height: 105px !important; transform: translateY(-8px); }\r\n    .wlra-track img.wlra-tear { height: 160px !important; }\r\n    \r\n    .wlra-pull-in-wide { margin-left: -30px; margin-right: -20px; }\r\n    .wlra-pull-in-tear { margin-left: -40px; margin-right: -40px; }\r\n}\r\n<\/style>\r\n\r\n<script>\r\n(function() {\r\n    const track = document.getElementById('logoTrack');\r\n    const swipeArea = document.getElementById('swipeArea');\r\n    const nextBtn = document.querySelector('.wlra-next');\r\n    const prevBtn = document.querySelector('.wlra-prev');\r\n\r\n    let pos = 0;\r\n    let wlra_scroll_speed = 0.8; \/\/ RENAMED TO FIX CONFLICT\r\n    let isDragging = false;\r\n    let isAnimating = false;\r\n    let startX = 0;\r\n    let itemWidth = 0;\r\n\r\n    function setup() {\r\n        const originalContent = track.innerHTML;\r\n        track.innerHTML = originalContent + originalContent;\r\n        const images = track.querySelectorAll('img');\r\n        let loadedCount = 0;\r\n        const onImgLoad = () => {\r\n            loadedCount++;\r\n            if (loadedCount === images.length) updateWidths();\r\n        };\r\n        images.forEach(img => {\r\n            if (img.complete) onImgLoad();\r\n            else img.onload = onImgLoad;\r\n        });\r\n        render();\r\n    }\r\n\r\n    function updateWidths() {\r\n        const items = track.querySelectorAll('.wlra-item');\r\n        if (items.length > 0) {\r\n            let total = 0;\r\n            const gap = window.innerWidth <= 768 ? 80 : 110; \r\n            for(let i=0; i < items.length\/2; i++) {\r\n                const style = window.getComputedStyle(items[i]);\r\n                const marginLeft = parseFloat(style.marginLeft) || 0;\r\n                const marginRight = parseFloat(style.marginRight) || 0;\r\n                total += items[i].offsetWidth + gap + marginLeft + marginRight;\r\n            }\r\n            itemWidth = total;\r\n        }\r\n    }\r\n\r\n    function render() {\r\n        if (!isDragging && !isAnimating && itemWidth > 0) {\r\n            pos -= wlra_scroll_speed; \/\/ UPDATED VARIABLE\r\n            if (pos <= -itemWidth) pos += itemWidth;\r\n            track.style.transform = `translateX(${pos}px)`;\r\n        }\r\n        requestAnimationFrame(render);\r\n    }\r\n\r\n    function move(direction) {\r\n        if (isDragging || isAnimating || itemWidth === 0) return;\r\n        \r\n        isAnimating = true; \r\n        track.classList.add('wlra-smooth');\r\n        \r\n        pos -= 400 * direction;\r\n        track.style.transform = `translateX(${pos}px)`;\r\n        \r\n        setTimeout(() => {\r\n            track.classList.remove('wlra-smooth');\r\n            if (pos <= -itemWidth) pos += itemWidth;\r\n            if (pos > 0) pos -= itemWidth;\r\n            track.style.transform = `translateX(${pos}px)`;\r\n            isAnimating = false; \r\n        }, 600); \r\n    }\r\n\r\n    nextBtn.addEventListener('click', () => move(1));\r\n    prevBtn.addEventListener('click', () => move(-1));\r\n\r\n    const startDragging = (e) => {\r\n        if (isAnimating) return;\r\n        isDragging = true;\r\n        startX = (e.pageX || e.touches[0].pageX) - pos;\r\n        track.classList.remove('wlra-smooth');\r\n    };\r\n\r\n    const stopDragging = () => { isDragging = false; };\r\n\r\n    const dragging = (e) => {\r\n        if (!isDragging) return;\r\n        const x = e.pageX || e.touches[0].pageX;\r\n        pos = x - startX;\r\n        if (pos <= -itemWidth) pos += itemWidth;\r\n        if (pos > 0) pos -= itemWidth;\r\n        track.style.transform = `translateX(${pos}px)`;\r\n    };\r\n\r\n    swipeArea.addEventListener('mousedown', startDragging);\r\n    swipeArea.addEventListener('touchstart', startDragging, {passive: true});\r\n    window.addEventListener('mouseup', stopDragging);\r\n    window.addEventListener('touchend', stopDragging);\r\n    swipeArea.addEventListener('mousemove', dragging);\r\n    swipeArea.addEventListener('touchmove', dragging, {passive: false});\r\n\r\n    window.addEventListener('load', setup);\r\n    window.addEventListener('resize', updateWidths);\r\n})();\r\n<\/script>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>MOST WELCOMED DESTINATION Ranked as Top 10 friendliest countries in the world Explore More HIDDEN NATURE IS SECRET GOD Sri Lankan Nature is the greatest place to heal and recharge Explore More STUNNING WORLD HERITAGE Site of historical &#038; Archeological Significance Explore More SEA BREEZE, SANDY SHORES Soft golden sands, endless sunshine &#038; intimate coastal [&hellip;]<\/p>\n","protected":false},"author":4,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"open","template":"","meta":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO Premium plugin v18.9 (Yoast SEO v19.3) - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>Home - wiselanka<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/wiselanka.com\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Home\" \/>\n<meta property=\"og:description\" content=\"MOST WELCOMED DESTINATION Ranked as Top 10 friendliest countries in the world Explore More HIDDEN NATURE IS SECRET GOD Sri Lankan Nature is the greatest place to heal and recharge Explore More STUNNING WORLD HERITAGE Site of historical &#038; Archeological Significance Explore More SEA BREEZE, SANDY SHORES Soft golden sands, endless sunshine &#038; intimate coastal [&hellip;]\" \/>\n<meta property=\"og:url\" content=\"https:\/\/wiselanka.com\/\" \/>\n<meta property=\"og:site_name\" content=\"wiselanka\" \/>\n<meta property=\"article:modified_time\" content=\"2026-03-30T08:55:37+00:00\" \/>\n<meta property=\"og:image\" content=\"http:\/\/wiselanka.com\/wp-content\/uploads\/2025\/12\/Ahu_Bay_8.jpg\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data1\" content=\"30 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Organization\",\"@id\":\"https:\/\/wiselanka.com\/#organization\",\"name\":\"wiselanka\",\"url\":\"https:\/\/wiselanka.com\/\",\"sameAs\":[],\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/wiselanka.com\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/wiselanka.com\/wp-content\/uploads\/2022\/12\/wise-vector.svg\",\"contentUrl\":\"https:\/\/wiselanka.com\/wp-content\/uploads\/2022\/12\/wise-vector.svg\",\"width\":29,\"height\":9,\"caption\":\"wiselanka\"},\"image\":{\"@id\":\"https:\/\/wiselanka.com\/#\/schema\/logo\/image\/\"}},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/wiselanka.com\/#website\",\"url\":\"https:\/\/wiselanka.com\/\",\"name\":\"wiselanka\",\"description\":\"&quot;Travel Beyond Your DREAMS&quot;\",\"publisher\":{\"@id\":\"https:\/\/wiselanka.com\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/wiselanka.com\/?s={search_term_string}\"},\"query-input\":\"required name=search_term_string\"}],\"inLanguage\":\"en-US\"},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/wiselanka.com\/#primaryimage\",\"url\":\"https:\/\/wiselanka.com\/wp-content\/uploads\/2025\/12\/Ahu_Bay_8.jpg\",\"contentUrl\":\"https:\/\/wiselanka.com\/wp-content\/uploads\/2025\/12\/Ahu_Bay_8.jpg\",\"width\":617,\"height\":935},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/wiselanka.com\/\",\"url\":\"https:\/\/wiselanka.com\/\",\"name\":\"Home - wiselanka\",\"isPartOf\":{\"@id\":\"https:\/\/wiselanka.com\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/wiselanka.com\/#primaryimage\"},\"datePublished\":\"2022-12-26T05:13:55+00:00\",\"dateModified\":\"2026-03-30T08:55:37+00:00\",\"breadcrumb\":{\"@id\":\"https:\/\/wiselanka.com\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/wiselanka.com\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/wiselanka.com\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/wiselanka.com\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Home\"}]}]}<\/script>\n<!-- \/ Yoast SEO Premium plugin. -->","yoast_head_json":{"title":"Home - wiselanka","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/wiselanka.com\/","og_locale":"en_US","og_type":"article","og_title":"Home","og_description":"MOST WELCOMED DESTINATION Ranked as Top 10 friendliest countries in the world Explore More HIDDEN NATURE IS SECRET GOD Sri Lankan Nature is the greatest place to heal and recharge Explore More STUNNING WORLD HERITAGE Site of historical &#038; Archeological Significance Explore More SEA BREEZE, SANDY SHORES Soft golden sands, endless sunshine &#038; intimate coastal [&hellip;]","og_url":"https:\/\/wiselanka.com\/","og_site_name":"wiselanka","article_modified_time":"2026-03-30T08:55:37+00:00","og_image":[{"url":"http:\/\/wiselanka.com\/wp-content\/uploads\/2025\/12\/Ahu_Bay_8.jpg"}],"twitter_card":"summary_large_image","twitter_misc":{"Est. reading time":"30 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Organization","@id":"https:\/\/wiselanka.com\/#organization","name":"wiselanka","url":"https:\/\/wiselanka.com\/","sameAs":[],"logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/wiselanka.com\/#\/schema\/logo\/image\/","url":"https:\/\/wiselanka.com\/wp-content\/uploads\/2022\/12\/wise-vector.svg","contentUrl":"https:\/\/wiselanka.com\/wp-content\/uploads\/2022\/12\/wise-vector.svg","width":29,"height":9,"caption":"wiselanka"},"image":{"@id":"https:\/\/wiselanka.com\/#\/schema\/logo\/image\/"}},{"@type":"WebSite","@id":"https:\/\/wiselanka.com\/#website","url":"https:\/\/wiselanka.com\/","name":"wiselanka","description":"&quot;Travel Beyond Your DREAMS&quot;","publisher":{"@id":"https:\/\/wiselanka.com\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/wiselanka.com\/?s={search_term_string}"},"query-input":"required name=search_term_string"}],"inLanguage":"en-US"},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/wiselanka.com\/#primaryimage","url":"https:\/\/wiselanka.com\/wp-content\/uploads\/2025\/12\/Ahu_Bay_8.jpg","contentUrl":"https:\/\/wiselanka.com\/wp-content\/uploads\/2025\/12\/Ahu_Bay_8.jpg","width":617,"height":935},{"@type":"WebPage","@id":"https:\/\/wiselanka.com\/","url":"https:\/\/wiselanka.com\/","name":"Home - wiselanka","isPartOf":{"@id":"https:\/\/wiselanka.com\/#website"},"primaryImageOfPage":{"@id":"https:\/\/wiselanka.com\/#primaryimage"},"datePublished":"2022-12-26T05:13:55+00:00","dateModified":"2026-03-30T08:55:37+00:00","breadcrumb":{"@id":"https:\/\/wiselanka.com\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/wiselanka.com\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/wiselanka.com\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/wiselanka.com\/"},{"@type":"ListItem","position":2,"name":"Home"}]}]}},"_links":{"self":[{"href":"https:\/\/wiselanka.com\/index.php?rest_route=\/wp\/v2\/pages\/2"}],"collection":[{"href":"https:\/\/wiselanka.com\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/wiselanka.com\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/wiselanka.com\/index.php?rest_route=\/wp\/v2\/users\/4"}],"replies":[{"embeddable":true,"href":"https:\/\/wiselanka.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=2"}],"version-history":[{"count":3287,"href":"https:\/\/wiselanka.com\/index.php?rest_route=\/wp\/v2\/pages\/2\/revisions"}],"predecessor-version":[{"id":8278,"href":"https:\/\/wiselanka.com\/index.php?rest_route=\/wp\/v2\/pages\/2\/revisions\/8278"}],"wp:attachment":[{"href":"https:\/\/wiselanka.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=2"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}