{"id":26,"date":"2026-02-15T11:29:51","date_gmt":"2026-02-15T11:29:51","guid":{"rendered":"https:\/\/tourvill.com\/?page_id=26"},"modified":"2026-05-21T06:27:31","modified_gmt":"2026-05-21T06:27:31","slug":"home","status":"publish","type":"page","link":"https:\/\/tourvill.com\/","title":{"rendered":"Home"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"26\" class=\"elementor elementor-26\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-a7d0a09 e-con-full e-flex e-con e-parent\" data-id=\"a7d0a09\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-26855b4 elementor-widget__width-inherit elementor-widget elementor-widget-html\" data-id=\"26855b4\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\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\"\/>\r\n<title>Tourvill Hero<\/title>\r\n<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\"\/>\r\n<link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin\/>\r\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Plus+Jakarta+Sans:wght@400;500;600;700;800&display=swap\" rel=\"stylesheet\"\/>\r\n<link rel=\"stylesheet\" href=\"https:\/\/cdn.jsdelivr.net\/npm\/@tabler\/icons-webfont@latest\/dist\/tabler-icons.min.css\"\/>\r\n<style>\r\n*{box-sizing:border-box;margin:0;padding:0}\r\n:root{\r\n  --blue:#1A6BCC;--blue-d:#1255A8;--blue-dd:#0a3d7a;\r\n  --blue-light:#eef4fd;--white:#fff;--border:#dde4f0;\r\n  --text:#1a2a4a;--muted:#6b7c99;--green:#16c98d;\r\n  --font:'Plus Jakarta Sans',sans-serif\r\n}\r\nbody{font-family:var(--font);background:#f0f4f8}\r\n\r\n\/* \u2500\u2500 HERO \u2500\u2500 *\/\r\n.tv-hero{position:relative;width:100%;min-height:560px;border-radius:24px;overflow:hidden;isolation:isolate}\r\n.tv-bg{position:absolute;inset:0;background:linear-gradient(150deg,#041840 0%,#0e3f8e 45%,#1A6BCC 80%,#2590e8 100%);z-index:0}\r\n.tv-circles{position:absolute;inset:0;z-index:1;overflow:hidden;pointer-events:none}\r\n.tv-circles::before{content:'';position:absolute;width:500px;height:500px;border-radius:50%;background:radial-gradient(circle,rgba(255,255,255,.06) 0%,transparent 70%);top:-150px;right:-100px}\r\n.tv-circles::after{content:'';position:absolute;width:320px;height:320px;border-radius:50%;background:radial-gradient(circle,rgba(255,255,255,.05) 0%,transparent 70%);bottom:-100px;left:-80px}\r\n.tv-video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:2;opacity:0;transition:opacity 1.4s ease}\r\n@media(max-width:768px){.tv-video{display:none}}\r\n.tv-overlay{position:absolute;inset:0;background:linear-gradient(to bottom,rgba(4,24,64,.62) 0%,rgba(4,24,64,.70) 100%);z-index:3}\r\n.tv-inner{position:relative;z-index:4;display:flex;flex-direction:column;align-items:center;padding:48px 20px 36px}\r\n\r\n.tv-badge{display:inline-flex;align-items:center;gap:7px;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.18);color:rgba(255,255,255,.92);font-size:11px;font-weight:700;letter-spacing:.7px;text-transform:uppercase;padding:6px 16px;border-radius:30px;margin-bottom:16px}\r\n.tv-badge-dot{width:7px;height:7px;border-radius:50%;background:var(--green);box-shadow:0 0 0 3px rgba(22,201,141,.25);flex-shrink:0}\r\n.tv-inner h1{color:#fff;font-size:clamp(22px,4.5vw,40px);font-weight:800;text-align:center;line-height:1.18;letter-spacing:-.6px;margin-bottom:8px}\r\n.tv-inner h1 em{font-style:normal;background:linear-gradient(90deg,#60c6ff,#a5e3ff);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}\r\n.tv-inner > p{color:rgba(255,255,255,.68);font-size:14px;text-align:center;line-height:1.6;margin-bottom:24px;white-space:nowrap}\r\n@media(max-width:560px){.tv-inner > p{white-space:normal;max-width:280px}}\r\n\r\n\/* \u2500\u2500 SEARCH CARD \u2500\u2500 *\/\r\n.tv-card{background:#fff;border-radius:14px;width:100%;max-width:900px;overflow:hidden;box-shadow:0 24px 80px rgba(0,0,0,.28),0 4px 16px rgba(0,0,0,.12)}\r\n\r\n\/* tabs *\/\r\n.tv-tabs{display:flex;background:#f4f7fb;border-bottom:1.5px solid var(--border);overflow-x:auto;scrollbar-width:none}\r\n.tv-tabs::-webkit-scrollbar{display:none}\r\n.tv-tab{flex:1;min-width:72px;padding:13px 6px;display:flex;flex-direction:column;align-items:center;gap:4px;cursor:pointer;font-size:11px;font-weight:700;color:var(--muted);text-transform:uppercase;letter-spacing:.3px;border-bottom:2.5px solid transparent;margin-bottom:-1.5px;transition:color .2s,background .2s,border-color .2s;-webkit-tap-highlight-color:transparent}\r\n.tv-tab i{font-size:20px;transition:transform .2s}\r\n.tv-tab .tv-lbl{display:flex;align-items:center;gap:3px}\r\n.tv-new{font-size:8px;font-weight:800;color:#fff;background:var(--blue);padding:2px 5px;border-radius:6px;line-height:1.4}\r\n.tv-tab.active{color:var(--blue);border-bottom-color:var(--blue);background:#fff}\r\n.tv-tab.active i{transform:scale(1.1)}\r\n.tv-tab:hover:not(.active){color:var(--blue);background:#eef4fd}\r\n@media(max-width:480px){\r\n  .tv-tab{min-width:58px;font-size:9px;padding:10px 3px;letter-spacing:0}\r\n  .tv-tab i{font-size:17px}\r\n  .tv-new{display:none}\r\n}\r\n\r\n\/* panels *\/\r\n.tv-panel{display:none;padding:18px 18px 0}\r\n.tv-panel.active{display:block}\r\n\r\n\/* \u2500\u2500 AI PANEL \u2500\u2500 *\/\r\n.tv-ai-panel{padding:20px 18px}\r\n.tv-ai-intro{display:flex;align-items:flex-start;gap:12px;margin-bottom:18px}\r\n.tv-ai-intro-icon{width:44px;height:44px;border-radius:13px;background:var(--blue);display:flex;align-items:center;justify-content:center;flex-shrink:0;box-shadow:0 6px 18px rgba(26,107,204,.28)}\r\n.tv-ai-intro-icon i{font-size:24px;color:#fff}\r\n.tv-ai-intro-text h3{font-size:15px;font-weight:800;color:var(--text);margin-bottom:3px}\r\n.tv-ai-intro-text p{font-size:12px;color:var(--muted);line-height:1.5}\r\n\r\n\/* chat area inside card *\/\r\n.tv-ai-msgs{\r\n  background:#f7f9fd;border:1.5px solid var(--border);border-radius:10px;\r\n  padding:14px;margin-bottom:12px;\r\n  min-height:80px;max-height:160px;overflow-y:auto;\r\n  display:flex;flex-direction:column;gap:8px;\r\n}\r\n.tv-ai-msg{max-width:86%;padding:9px 12px;border-radius:12px;font-size:12px;line-height:1.55}\r\n.tv-ai-msg.bot{background:#fff;border:1px solid var(--border);color:#2c3d58;border-top-left-radius:3px;align-self:flex-start}\r\n.tv-ai-msg.user{background:var(--blue);color:#fff;border-top-right-radius:3px;align-self:flex-end}\r\n\r\n\/* chips *\/\r\n.tv-ai-chips{display:flex;gap:7px;flex-wrap:wrap;margin-bottom:14px}\r\n.tv-ai-chip{font-size:11px;font-weight:700;color:var(--blue);background:var(--blue-light);border:1px solid #c8dcf7;padding:6px 12px;border-radius:20px;cursor:pointer;transition:background .15s;white-space:nowrap;font-family:var(--font)}\r\n.tv-ai-chip:hover{background:#dbeafd}\r\n\r\n\/* inline input *\/\r\n.tv-ai-compose{display:flex;gap:8px;align-items:center;border:1.5px solid var(--border);border-radius:11px;padding:8px 8px 8px 14px;background:#fff;transition:border-color .2s,box-shadow .2s}\r\n.tv-ai-compose:focus-within{border-color:#c8dcf7;box-shadow:0 0 0 3px rgba(26,107,204,.1)}\r\n.tv-ai-compose input{border:none;outline:none;flex:1;min-width:0;font-family:var(--font);font-size:13px;color:var(--text)}\r\n.tv-ai-compose input::placeholder{color:#aab8cc}\r\n.tv-ai-send-btn{width:38px;height:38px;border-radius:9px;border:none;background:var(--blue);color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;flex-shrink:0;transition:background .15s}\r\n.tv-ai-send-btn:hover{background:var(--blue-d)}\r\n.tv-ai-send-btn i{font-size:17px}\r\n\r\n\/* panel footer *\/\r\n.tv-foot{display:flex;justify-content:space-between;align-items:center;padding:13px 18px;background:#f7f9fd;border-top:1px solid var(--border);margin-top:18px;gap:10px;flex-wrap:wrap}\r\n.tv-qtags{display:flex;gap:6px;flex-wrap:wrap}\r\n.tv-qt{font-size:11px;font-weight:700;color:var(--blue);background:#eef4fd;border:1px solid #c8dcf7;padding:5px 12px;border-radius:20px;cursor:pointer;transition:background .15s;white-space:nowrap}\r\n.tv-qt:hover{background:#dbeafd}\r\n\r\n\/* buttons *\/\r\n.tv-btn{background:var(--blue);color:#fff;border:none;border-radius:9px;padding:12px 22px;font-size:13px;font-weight:700;font-family:var(--font);cursor:pointer;display:inline-flex;align-items:center;gap:7px;white-space:nowrap;transition:background .18s,transform .1s;text-decoration:none;flex-shrink:0}\r\n.tv-btn:hover{background:var(--blue-d)}\r\n.tv-btn:active{transform:scale(.97)}\r\n.tv-btn i{font-size:15px}\r\n\r\n\/* hotel fields *\/\r\n.tv-frow{display:flex;flex-wrap:nowrap;border:1.5px solid var(--border);border-radius:10px;overflow:hidden}\r\n.tv-f{display:flex;flex-direction:column;flex:1;min-width:0;padding:11px 14px;border-right:1px solid var(--border);background:#fff;transition:background .15s}\r\n.tv-f:last-child{border-right:none}\r\n.tv-f:focus-within{background:#f7faff}\r\n.tv-f label{font-size:10px;font-weight:700;color:var(--blue);text-transform:uppercase;letter-spacing:.6px;margin-bottom:5px;white-space:nowrap;display:flex;align-items:center;gap:4px}\r\n.tv-f label i{font-size:12px}\r\n.tv-f input,.tv-f select{border:none;outline:none;font-size:13px;font-weight:500;color:var(--text);background:transparent;width:100%;font-family:var(--font)}\r\n.tv-f input::placeholder{color:#b8c5d8;font-weight:400}\r\n.tv-f select{color:#b8c5d8}\r\n.tv-f select.picked{color:var(--text)}\r\n\r\n\/* flight *\/\r\n.tv-flight-card{border:1.5px solid var(--border);border-radius:10px;padding:20px;background:#f7faff;display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap}\r\n.tv-flight-card-left h3{font-size:15px;font-weight:800;color:var(--text);margin-bottom:4px}\r\n.tv-flight-card-left p{font-size:12px;color:var(--muted);line-height:1.5}\r\n.tv-flight-routes{display:flex;gap:6px;flex-wrap:wrap;margin-top:10px}\r\n.tv-route{font-size:11px;font-weight:700;color:var(--blue);background:#eef4fd;border:1px solid #c8dcf7;padding:5px 11px;border-radius:20px;white-space:nowrap}\r\n\r\n\/* houseboat *\/\r\n.tv-hb-banner{background:linear-gradient(135deg,#eef4fd,#dbeafd);border:1.5px solid #c8dcf7;border-radius:10px;padding:13px 15px;display:flex;gap:11px;align-items:flex-start;margin-bottom:13px}\r\n.tv-hb-banner i{font-size:18px;color:var(--blue);flex-shrink:0;margin-top:1px}\r\n.tv-hb-banner-text h4{font-size:13px;font-weight:800;color:var(--text);margin-bottom:2px}\r\n.tv-hb-banner-text p{font-size:12px;color:#2a4a7a;line-height:1.5}\r\n.tv-hb-boats{display:grid;grid-template-columns:repeat(5,1fr);gap:7px;margin-bottom:13px}\r\n.tv-hb-boat{border:1.5px solid var(--border);border-radius:9px;padding:11px 6px;text-align:center;cursor:pointer;background:#fff;transition:all .18s;-webkit-tap-highlight-color:transparent}\r\n.tv-hb-boat:hover,.tv-hb-boat.sel{background:#eef4fd;border-color:var(--blue)}\r\n.tv-hb-boat i{font-size:19px;color:var(--blue)}\r\n.tv-hb-boat .bn{font-size:10px;font-weight:700;color:var(--text);margin-top:4px;line-height:1.3}\r\n.tv-hb-boat .bc{font-size:9px;color:var(--muted);margin-top:1px}\r\n\r\n\/* package *\/\r\n.tv-pk-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-bottom:13px}\r\n.tv-pk-card{border:1.5px solid var(--border);border-radius:9px;padding:13px 8px;text-align:center;cursor:pointer;background:#fff;transition:all .18s;-webkit-tap-highlight-color:transparent}\r\n.tv-pk-card:hover,.tv-pk-card.sel{background:#eef4fd;border-color:var(--blue)}\r\n.tv-pk-card i{font-size:22px;color:var(--blue)}\r\n.tv-pk-card .pt{font-size:12px;font-weight:800;color:var(--text);margin-top:5px}\r\n.tv-pk-card .ps{font-size:11px;color:var(--muted);margin-top:2px}\r\n\r\n\/* dest tags *\/\r\n.tv-dtags{display:flex;gap:8px;flex-wrap:wrap;justify-content:center;margin-top:20px}\r\n.tv-dtag{background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.2);color:rgba(255,255,255,.88);font-size:11px;font-weight:600;padding:6px 14px;border-radius:20px;cursor:pointer;transition:background .18s;-webkit-tap-highlight-color:transparent}\r\n.tv-dtag:hover{background:rgba(255,255,255,.22)}\r\n\r\n\/* \u2500\u2500 AI FULL POPUP \u2500\u2500 *\/\r\n.tv-ai-backdrop{position:fixed;inset:0;background:rgba(4,24,64,.4);z-index:90;opacity:0;pointer-events:none;transition:opacity .22s}\r\n.tv-ai-backdrop.open{opacity:1;pointer-events:auto}\r\n.tv-ai-popup{\r\n  position:fixed;top:18px;right:18px;bottom:18px;\r\n  width:min(400px,calc(100vw - 36px));\r\n  background:#fff;border-radius:20px;\r\n  box-shadow:0 32px 100px rgba(0,0,0,.32),0 8px 24px rgba(0,0,0,.1);\r\n  z-index:91;display:flex;flex-direction:column;overflow:hidden;\r\n  opacity:0;pointer-events:none;\r\n  transform:translateX(30px) scale(.97);\r\n  transition:opacity .24s ease,transform .24s ease;\r\n}\r\n.tv-ai-popup.open{opacity:1;pointer-events:auto;transform:translateX(0) scale(1)}\r\n\r\n\/* popup header *\/\r\n.tv-pop-head{\r\n  padding:15px 16px;\r\n  background:linear-gradient(135deg,#041840,var(--blue));\r\n  display:flex;align-items:center;justify-content:space-between;gap:10px;\r\n}\r\n.tv-pop-brand{display:flex;align-items:center;gap:10px}\r\n.tv-pop-avatar{width:40px;height:40px;border-radius:12px;background:rgba(255,255,255,.16);border:1px solid rgba(255,255,255,.22);display:flex;align-items:center;justify-content:center;flex-shrink:0}\r\n.tv-pop-avatar i{font-size:22px;color:#fff}\r\n.tv-pop-info h3{font-size:14px;font-weight:800;color:#fff;margin-bottom:2px}\r\n.tv-pop-info span{font-size:11px;font-weight:600;color:rgba(255,255,255,.8);display:flex;align-items:center;gap:5px}\r\n.tv-pop-info span::before{content:'';width:6px;height:6px;border-radius:50%;background:#38d9a9;display:inline-block}\r\n.tv-pop-close{width:34px;height:34px;border-radius:10px;background:rgba(255,255,255,.14);border:1px solid rgba(255,255,255,.2);color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .15s;flex-shrink:0}\r\n.tv-pop-close:hover{background:rgba(255,255,255,.26)}\r\n.tv-pop-close i{font-size:18px}\r\n\r\n\/* popup body *\/\r\n.tv-pop-body{flex:1;padding:14px;background:#f7f9fd;overflow-y:auto;display:flex;flex-direction:column;gap:8px}\r\n.tv-pop-msg{max-width:88%;padding:10px 13px;border-radius:13px;font-size:12px;line-height:1.55}\r\n.tv-pop-msg.bot{background:#fff;border:1px solid var(--border);color:#2c3d58;border-top-left-radius:3px;align-self:flex-start}\r\n.tv-pop-msg.user{background:var(--blue);color:#fff;border-top-right-radius:3px;align-self:flex-end}\r\n.tv-pop-suggestions{display:flex;flex-wrap:wrap;gap:7px;margin-top:4px}\r\n.tv-pop-sug{border:1px solid #c8dcf7;background:#fff;color:var(--blue);border-radius:18px;padding:7px 11px;font-size:11px;font-weight:700;font-family:var(--font);cursor:pointer;transition:background .15s}\r\n.tv-pop-sug:hover{background:var(--blue-light)}\r\n\r\n\/* popup footer *\/\r\n.tv-pop-foot{padding:12px;border-top:1px solid var(--border);background:#fff}\r\n.tv-pop-compose{display:flex;gap:8px;align-items:center;border:1.5px solid var(--border);border-radius:12px;padding:8px 8px 8px 14px;transition:border-color .2s,box-shadow .2s}\r\n.tv-pop-compose:focus-within{border-color:#c8dcf7;box-shadow:0 0 0 3px rgba(26,107,204,.1)}\r\n.tv-pop-compose input{border:none;outline:none;flex:1;min-width:0;font-family:var(--font);font-size:13px;color:var(--text)}\r\n.tv-pop-compose input::placeholder{color:#aab8cc}\r\n.tv-pop-send{width:38px;height:38px;border-radius:9px;border:none;background:var(--blue);color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;flex-shrink:0;transition:background .15s}\r\n.tv-pop-send:hover{background:var(--blue-d)}\r\n.tv-pop-send i{font-size:17px}\r\n\r\n\/* close button at bottom of popup *\/\r\n.tv-pop-close-btn{\r\n  width:100%;padding:10px;margin-top:8px;\r\n  background:#f4f7fb;border:1.5px solid var(--border);\r\n  border-radius:9px;color:var(--muted);\r\n  font-size:12px;font-weight:700;font-family:var(--font);\r\n  cursor:pointer;display:flex;align-items:center;justify-content:center;gap:6px;\r\n  transition:background .15s,color .15s;\r\n}\r\n.tv-pop-close-btn:hover{background:#fce8e8;border-color:#f5c6c6;color:#c0392b}\r\n.tv-pop-close-btn i{font-size:14px}\r\n\r\n\/* \u2500\u2500 RESPONSIVE \u2500\u2500 *\/\r\n@media(max-width:768px){\r\n  .tv-inner{padding:34px 14px 24px}\r\n  .tv-frow{flex-wrap:wrap}\r\n  .tv-f{flex:none;width:50%;border-right:none;border-bottom:1px solid var(--border)}\r\n  .tv-f:nth-child(odd){border-right:1px solid var(--border)}\r\n  .tv-f:last-child{border-bottom:none}\r\n  .tv-f:nth-last-child(2):nth-child(odd){border-bottom:none}\r\n  .tv-hb-boats{grid-template-columns:repeat(3,1fr)}\r\n  .tv-pk-grid{grid-template-columns:repeat(2,1fr)}\r\n  .tv-foot{flex-direction:column;align-items:stretch}\r\n  .tv-btn{width:100%;justify-content:center}\r\n  .tv-qtags{display:none}\r\n  .tv-flight-card{flex-direction:column}\r\n  \/* popup: bottom sheet *\/\r\n  .tv-ai-popup{top:auto;right:0;bottom:0;left:0;width:100%;max-height:92vh;border-radius:20px 20px 0 0;transform:translateY(40px)}\r\n  .tv-ai-popup.open{transform:translateY(0)}\r\n}\r\n@media(max-width:480px){\r\n  .tv-f{width:100%;border-right:none !important}\r\n  .tv-hb-boats{grid-template-columns:repeat(2,1fr)}\r\n  .tv-hb-boat .bc{display:none}\r\n  .tv-panel{padding:13px 13px 0}\r\n  .tv-foot{padding:11px 13px}\r\n  .tv-ai-panel{padding:16px 13px}\r\n}\r\n<\/style>\r\n<\/head>\r\n<body>\r\n\r\n<div class=\"tv-hero\">\r\n  <div class=\"tv-bg\"><\/div>\r\n  <div class=\"tv-circles\"><\/div>\r\n  <video class=\"tv-video\" id=\"tv-bgvid\" muted loop playsinline preload=\"none\">\r\n    <source data-src=\"https:\/\/tourvill.com\/wp-content\/uploads\/2026\/05\/From-KlickPin-CF-Need-fresh-inspiration_-Build-these-simple-fresh-manicure-ideas-to-make-your-next-project-easier-and-prettier-with-smart-steps-cute-details-and-Pin-807340670732001038-1.mp4\" type=\"video\/mp4\">\r\n  <\/video>\r\n  <div class=\"tv-overlay\"><\/div>\r\n\r\n  <div class=\"tv-inner\">\r\n    <div class=\"\"><span class=\"\"><\/span><\/div>\r\n    <h1>Make Your Travel<br><em> Easier With AI <\/em><\/h1>\r\n    <p>Hotels, Flights, Houseboats & Holiday Packages \u2014 all in one place<\/p>\r\n\r\n    <div class=\"tv-card\">\r\n      <!-- TABS -->\r\n      <div class=\"tv-tabs\">\r\n        <div class=\"tv-tab active\" data-tab=\"ai\">\r\n          <i class=\"ti ti-message-chatbot\"><\/i>\r\n          <span class=\"tv-lbl\">AI <span class=\"tv-new\">NEW<\/span><\/span>\r\n        <\/div>\r\n        <div class=\"tv-tab\" data-tab=\"hotel\">\r\n          <i class=\"ti ti-building\"><\/i>Hotels\r\n        <\/div>\r\n        <div class=\"tv-tab\" data-tab=\"flight\">\r\n          <i class=\"ti ti-plane\"><\/i>Flights\r\n        <\/div>\r\n        <div class=\"tv-tab\" data-tab=\"houseboat\">\r\n          <i class=\"ti ti-sailboat\"><\/i>Houseboat\r\n        <\/div>\r\n        <div class=\"tv-tab\" data-tab=\"package\">\r\n          <i class=\"ti ti-briefcase\"><\/i>Packages\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <!-- AI PANEL -->\r\n      <div class=\"tv-panel active tv-ai-panel\" id=\"tv-panel-ai\">\r\n        <div class=\"tv-ai-intro\">\r\n          <div class=\"tv-ai-intro-icon\"><i class=\"ti ti-message-chatbot\"><\/i><\/div>\r\n          <div class=\"tv-ai-intro-text\">\r\n            <h3>Tourvill AI Travel Assistant<\/h3>\r\n            <p>Destination, date, budget \u09b2\u09bf\u0996\u09c1\u09a8 \u2014 \u09aa\u09c1\u09b0\u09cb trip plan \u09aa\u09be\u09ac\u09c7\u09a8 \u09ac\u09be\u0982\u09b2\u09be \u09ac\u09be English-\u098f\u0964<\/p>\r\n          <\/div>\r\n        <\/div>\r\n        <div class=\"tv-ai-msgs\" id=\"tv-ai-msgs-inline\">\r\n          <div class=\"tv-ai-msg bot\">\ud83d\udc4b \u0986\u09ae\u09be\u0995\u09c7 \u09ac\u09b2\u09c1\u09a8 \u0995\u09cb\u09a5\u09be\u09af\u09bc \u09af\u09c7\u09a4\u09c7 \u099a\u09be\u09a8, \u0995\u09ac\u09c7, \u0995\u09a4\u099c\u09a8 \u2014 \u0986\u09ae\u09bf plan \u0995\u09b0\u09c7 \u09a6\u09c7\u09ac\u09cb!<\/div>\r\n        <\/div>\r\n        <div class=\"tv-ai-chips\">\r\n          <button class=\"tv-ai-chip\" onclick=\"tvChipClick('Cox\\'s Bazar 3 \u09a6\u09bf\u09a8\u09c7\u09b0 tour plan \u0995\u09b0\u09cb')\">\ud83c\udfd6\ufe0f Cox's Bazar Plan<\/button>\r\n          <button class=\"tv-ai-chip\" onclick=\"tvChipClick('Family package under 50000 BDT suggest \u0995\u09b0\u09cb')\">\ud83d\udc68\u200d\ud83d\udc69\u200d\ud83d\udc67 Family Package<\/button>\r\n          <button class=\"tv-ai-chip\" onclick=\"tvChipClick('Tanguar Haor houseboat info \u09a6\u09be\u0993')\">\ud83d\udea2 Houseboat Info<\/button>\r\n          <button class=\"tv-ai-chip\" onclick=\"tvChipClick('Sajek weekend trip plan \u0995\u09b0\u09cb')\">\u26f0\ufe0f Sajek Trip<\/button>\r\n        <\/div>\r\n        <div class=\"tv-ai-compose\" id=\"tv-ai-compose-inline\">\r\n          <input type=\"text\" id=\"tv-ai-input-inline\" placeholder=\"Destination, date, budget \u09b2\u09bf\u0996\u09c1\u09a8...\" onkeydown=\"if(event.key==='Enter')tvInlineSend()\"\/>\r\n          <button class=\"tv-ai-send-btn\" onclick=\"tvInlineSend()\"><i class=\"ti ti-send\"><\/i><\/button>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <!-- HOTEL PANEL -->\r\n      <div class=\"tv-panel\" id=\"tv-panel-hotel\">\r\n        <div class=\"tv-frow\">\r\n          <div class=\"tv-f\" style=\"flex:1.8\">\r\n            <label><i class=\"ti ti-map-pin\"><\/i>Destination<\/label>\r\n            <input type=\"text\" placeholder=\"City, hotel or resort...\" id=\"tv-h-dest\"\/>\r\n          <\/div>\r\n          <div class=\"tv-f\" style=\"max-width:155px\">\r\n            <label><i class=\"ti ti-calendar\"><\/i>Check In<\/label>\r\n            <input type=\"date\" id=\"tv-h-in\"\/>\r\n          <\/div>\r\n          <div class=\"tv-f\" style=\"max-width:155px\">\r\n            <label><i class=\"ti ti-calendar-check\"><\/i>Check Out<\/label>\r\n            <input type=\"date\" id=\"tv-h-out\"\/>\r\n          <\/div>\r\n          <div class=\"tv-f\" style=\"max-width:155px\">\r\n            <label><i class=\"ti ti-users\"><\/i>Guests & Rooms<\/label>\r\n            <input type=\"text\" placeholder=\"2 Guests, 1 Room\" readonly style=\"cursor:pointer\"\/>\r\n          <\/div>\r\n        <\/div>\r\n        <div class=\"tv-foot\">\r\n          <div class=\"tv-qtags\">\r\n            <span class=\"tv-qt\" onclick=\"tvSetDest(this)\">Cox's Bazar<\/span>\r\n            <span class=\"tv-qt\" onclick=\"tvSetDest(this)\">Sylhet<\/span>\r\n            <span class=\"tv-qt\" onclick=\"tvSetDest(this)\">Bandarban<\/span>\r\n            <span class=\"tv-qt\" onclick=\"tvSetDest(this)\">Sreemangal<\/span>\r\n            <span class=\"tv-qt\" onclick=\"tvSetDest(this)\">Saint Martin<\/span>\r\n          <\/div>\r\n          <button class=\"tv-btn\" onclick=\"tvSearchHotel()\"><i class=\"ti ti-search\"><\/i>Search Hotels<\/button>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <!-- FLIGHT PANEL -->\r\n      <div class=\"tv-panel\" id=\"tv-panel-flight\">\r\n        <div class=\"tv-flight-card\">\r\n          <div class=\"tv-flight-card-left\">\r\n            <h3>\u2708\ufe0f Search Flights<\/h3>\r\n            <p>Real-time results from US-Bangla, Novo Air, Air Astra & more.<\/p>\r\n            <div class=\"tv-flight-routes\">\r\n              <span class=\"tv-route\">DAC \u2192 CXB<\/span>\r\n              <span class=\"tv-route\">DAC \u2192 ZYL<\/span>\r\n              <span class=\"tv-route\">DAC \u2192 CGP<\/span>\r\n              <span class=\"tv-route\">CXB \u2192 DAC<\/span>\r\n              <span class=\"tv-route\">DAC \u2192 JSR<\/span>\r\n            <\/div>\r\n          <\/div>\r\n          <a class=\"tv-btn\" href=\"https:\/\/tourvill.com\/index.php\/flight\/\" target=\"_blank\"><i class=\"ti ti-plane\"><\/i>Search Flights<\/a>\r\n        <\/div>\r\n        <div class=\"tv-foot\" style=\"margin-top:14px\">\r\n          <span style=\"font-size:12px;color:var(--muted);display:flex;align-items:center;gap:5px\">\r\n            <i class=\"ti ti-shield-check\" style=\"font-size:15px;color:var(--green)\"><\/i>Secure booking \u00b7 Best fare guarantee\r\n          <\/span>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <!-- HOUSEBOAT PANEL -->\r\n      <div class=\"tv-panel\" id=\"tv-panel-houseboat\">\r\n        <div class=\"tv-hb-banner\">\r\n          <i class=\"ti ti-anchor\"><\/i>\r\n          <div class=\"tv-hb-banner-text\">\r\n            <h4>Tanguar Haor Houseboat \u2014 \u09b8\u09c1\u09a8\u09be\u09ae\u0997\u099e\u09cd\u099c<\/h4>\r\n            <p>\u09eb\u099f\u09bf \u09aa\u09cd\u09b0\u09bf\u09ae\u09bf\u09af\u09bc\u09be\u09ae \u09ac\u09cb\u099f \u00b7 \u09ea\u09ec\u099f\u09bf \u0995\u09c7\u09ac\u09bf\u09a8 \u00b7 \u099c\u09a8\u09aa\u09cd\u09b0\u09a4\u09bf \u09ae\u09be\u09a4\u09cd\u09b0 \u09f3\u09eb,\u09e6\u09e6\u09e6 \u09a5\u09c7\u0995\u09c7<\/p>\r\n          <\/div>\r\n        <\/div>\r\n        <div class=\"tv-hb-boats\">\r\n          <div class=\"tv-hb-boat sel\"><i class=\"ti ti-sailboat\"><\/i><div class=\"bn\">\u09b8\u09c1\u09b2\u09a4\u09be\u09a8 \u09aa\u09cd\u09b0\u09bf\u09ae\u09bf\u09af\u09bc\u09be\u09ae<\/div><div class=\"bc\">\u09ee \u0995\u09c7\u09ac\u09bf\u09a8<\/div><\/div>\r\n          <div class=\"tv-hb-boat\"><i class=\"ti ti-sailboat\"><\/i><div class=\"bn\">\u09b2\u09be\u0995\u09cd\u09b8\u09be\u09b0\u09bf \u09e8.\u09e6<\/div><div class=\"bc\">\u09e7\u09e6 \u0995\u09c7\u09ac\u09bf\u09a8<\/div><\/div>\r\n          <div class=\"tv-hb-boat\"><i class=\"ti ti-sailboat\"><\/i><div class=\"bn\">\u098f\u09b2\u09bf\u0997\u09cd\u09af\u09be\u09a8\u09cd\u099f \u09e9.\u09e6<\/div><div class=\"bc\">\u09e7\u09e6 \u0995\u09c7\u09ac\u09bf\u09a8<\/div><\/div>\r\n          <div class=\"tv-hb-boat\"><i class=\"ti ti-sailboat\"><\/i><div class=\"bn\">\u09b0\u09af\u09bc\u09cd\u09af\u09be\u09b2 \u09ea.\u09e6<\/div><div class=\"bc\">\u09e7\u09e8 \u0995\u09c7\u09ac\u09bf\u09a8<\/div><\/div>\r\n          <div class=\"tv-hb-boat\"><i class=\"ti ti-sailboat\"><\/i><div class=\"bn\">\u0997\u09b2\u09cd\u09aa\u09a4\u09b0\u09c0<\/div><div class=\"bc\">\u09ec \u0995\u09c7\u09ac\u09bf\u09a8<\/div><\/div>\r\n        <\/div>\r\n        <div class=\"tv-foot\" style=\"margin-top:0\">\r\n          <span style=\"font-size:12px;color:var(--muted);display:flex;align-items:center;gap:5px\">\r\n            <i class=\"ti ti-clock\" style=\"font-size:14px\"><\/i>\u09b8\u0995\u09be\u09b2 \u09ee\u099f\u09be \u2013 \u09b0\u09be\u09a4 \u09e7\u09e6\u099f\u09be \u00b7 01914449448\r\n          <\/span>\r\n          <a class=\"tv-btn\" href=\"https:\/\/tourvill.com\/index.php\/tanguar-haor-houseboat\/\" target=\"_blank\"><i class=\"ti ti-anchor\"><\/i>\u09ac\u09cb\u099f \u09ac\u09c1\u0995 \u0995\u09b0\u09c1\u09a8<\/a>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <!-- PACKAGE PANEL -->\r\n      <div class=\"tv-panel\" id=\"tv-panel-package\">\r\n        <div class=\"tv-pk-grid\">\r\n          <div class=\"tv-pk-card sel\" onclick=\"tvSelPk(this)\"><i class=\"ti ti-beach\"><\/i><div class=\"pt\">Cox's Bazar<\/div><div class=\"ps\">Beach packages<\/div><\/div>\r\n          <div class=\"tv-pk-card\" onclick=\"tvSelPk(this)\"><i class=\"ti ti-mountain\"><\/i><div class=\"pt\">Hill Tracks<\/div><div class=\"ps\">Bandarban, Sajek<\/div><\/div>\r\n          <div class=\"tv-pk-card\" onclick=\"tvSelPk(this)\"><i class=\"ti ti-trees\"><\/i><div class=\"pt\">Sylhet<\/div><div class=\"ps\">Tea & nature<\/div><\/div>\r\n          <div class=\"tv-pk-card\" onclick=\"tvSelPk(this)\"><i class=\"ti ti-world\"><\/i><div class=\"pt\">International<\/div><div class=\"ps\">Thailand, Dubai...<\/div><\/div>\r\n        <\/div>\r\n        <div class=\"tv-foot\" style=\"margin-top:0\">\r\n          <span style=\"font-size:12px;color:var(--muted);display:flex;align-items:center;gap:5px\">\r\n            <i class=\"ti ti-check\" style=\"font-size:15px;color:var(--green)\"><\/i>Best price guaranteed\r\n          <\/span>\r\n          <a class=\"tv-btn\" href=\"https:\/\/tourvill.com\/index.php\/all-tour-package\/\" target=\"_blank\"><i class=\"ti ti-layout-grid\"><\/i>Browse Packages<\/a>\r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n\r\n    <div class=\"tv-dtags\">\r\n      <div class=\"tv-dtag\" onclick=\"tvTagClick(this)\">Cox's Bazar<\/div>\r\n      <div class=\"tv-dtag\" onclick=\"tvTagClick(this)\">Sylhet<\/div>\r\n      <div class=\"tv-dtag\" onclick=\"tvTagClick(this)\">Bandarban<\/div>\r\n      <div class=\"tv-dtag\" onclick=\"tvTagClick(this)\">Tanguar Haor<\/div>\r\n      <div class=\"tv-dtag\" onclick=\"tvTagClick(this)\">Sajek<\/div>\r\n      <div class=\"tv-dtag\" onclick=\"tvTagClick(this)\">Saint Martin<\/div>\r\n      <div class=\"tv-dtag\" onclick=\"tvTagClick(this)\">Sreemangal<\/div>\r\n    <\/div>\r\n  <\/div>\r\n<\/div>\r\n\r\n<!-- AI FULL POPUP -->\r\n<div class=\"tv-ai-backdrop\" id=\"tv-ai-backdrop\" onclick=\"tvClosePopup()\"><\/div>\r\n<aside class=\"tv-ai-popup\" id=\"tv-ai-popup\" role=\"dialog\" aria-modal=\"true\">\r\n  <div class=\"tv-pop-head\">\r\n    <div class=\"tv-pop-brand\">\r\n      <div class=\"tv-pop-avatar\"><i class=\"ti ti-message-chatbot\"><\/i><\/div>\r\n      <div class=\"tv-pop-info\">\r\n        <h3>Tourvill AI Assistant<\/h3>\r\n        <span>Online now<\/span>\r\n      <\/div>\r\n    <\/div>\r\n    <button class=\"tv-pop-close\" onclick=\"tvClosePopup()\"><i class=\"ti ti-x\"><\/i><\/button>\r\n  <\/div>\r\n  <div class=\"tv-pop-body\" id=\"tv-pop-body\">\r\n    <div class=\"tv-pop-msg bot\">\ud83d\udc4b Assalamu Alaikum! \u0986\u09ae\u09bf Tourvill AI Assistant\u0964<br><br>\u0986\u09aa\u09a8\u09be\u09b0 <strong>destination, date, budget<\/strong> \u098f\u09ac\u0982 \u0995\u09a4\u099c\u09a8 \u09af\u09be\u09ac\u09c7\u09a8 \u09ac\u09b2\u09c1\u09a8 \u2014 \u09aa\u09c1\u09b0\u09cb trip plan \u0995\u09b0\u09c7 \u09a6\u09c7\u09ac\u09cb! \ud83d\uddfa\ufe0f<\/div>\r\n    <div class=\"tv-pop-suggestions\">\r\n      <button class=\"tv-pop-sug\" onclick=\"tvPopFill('Cox\\'s Bazar 3 \u09a6\u09bf\u09a8\u09c7\u09b0 plan')\">\ud83c\udfd6\ufe0f Cox's Bazar<\/button>\r\n      <button class=\"tv-pop-sug\" onclick=\"tvPopFill('Family package 50000 BDT')\">\ud83d\udc68\u200d\ud83d\udc69\u200d\ud83d\udc67 Family Trip<\/button>\r\n      <button class=\"tv-pop-sug\" onclick=\"tvPopFill('Sajek weekend trip')\">\u26f0\ufe0f Sajek<\/button>\r\n      <button class=\"tv-pop-sug\" onclick=\"tvPopFill('Houseboat Tanguar Haor')\">\ud83d\udea2 Houseboat<\/button>\r\n    <\/div>\r\n  <\/div>\r\n  <div class=\"tv-pop-foot\">\r\n    <div class=\"tv-pop-compose\">\r\n      <input type=\"text\" id=\"tv-pop-input\" placeholder=\"\u09b2\u09bf\u0996\u09c1\u09a8 \u098f\u09ac\u0982 \u09aa\u09be\u09a0\u09be\u09a8...\" onkeydown=\"if(event.key==='Enter')tvPopSend()\"\/>\r\n      <button class=\"tv-pop-send\" onclick=\"tvPopSend()\"><i class=\"ti ti-send\"><\/i><\/button>\r\n    <\/div>\r\n    <button class=\"tv-pop-close-btn\" onclick=\"tvClosePopup()\"><i class=\"ti ti-x\"><\/i>Chat \u09ac\u09a8\u09cd\u09a7 \u0995\u09b0\u09c1\u09a8<\/button>\r\n  <\/div>\r\n<\/aside>\r\n\r\n<script>\r\n\/\/ \u2500\u2500 Tab switching \u2500\u2500\r\ndocument.querySelectorAll('.tv-tab').forEach(function(t){\r\n  t.addEventListener('click',function(){\r\n    document.querySelectorAll('.tv-tab').forEach(function(x){x.classList.remove('active')});\r\n    document.querySelectorAll('.tv-panel').forEach(function(x){x.classList.remove('active')});\r\n    t.classList.add('active');\r\n    document.getElementById('tv-panel-'+t.dataset.tab).classList.add('active');\r\n  });\r\n});\r\n\r\ndocument.querySelectorAll('.tv-hb-boat').forEach(function(b){\r\n  b.addEventListener('click',function(){\r\n    document.querySelectorAll('.tv-hb-boat').forEach(function(x){x.classList.remove('sel')});\r\n    b.classList.add('sel');\r\n  });\r\n});\r\n\r\nfunction tvSetDest(el){ document.getElementById('tv-h-dest').value = el.textContent; }\r\nfunction tvSelPk(el){ document.querySelectorAll('.tv-pk-card').forEach(function(x){x.classList.remove('sel')}); el.classList.add('sel'); }\r\n\r\nfunction tvTagClick(el){\r\n  document.querySelectorAll('.tv-tab').forEach(function(x){x.classList.remove('active')});\r\n  document.querySelectorAll('.tv-panel').forEach(function(x){x.classList.remove('active')});\r\n  document.querySelector('[data-tab=\"hotel\"]').classList.add('active');\r\n  document.getElementById('tv-panel-hotel').classList.add('active');\r\n  document.getElementById('tv-h-dest').value = el.textContent;\r\n}\r\n\r\nfunction tvSearchHotel(){\r\n  var dest = document.getElementById('tv-h-dest').value.trim();\r\n  if(!dest){ document.getElementById('tv-h-dest').focus(); return; }\r\n  var url = '\/hotel-results\/?dest='+encodeURIComponent(dest);\r\n  var cin = document.getElementById('tv-h-in').value;\r\n  var cout = document.getElementById('tv-h-out').value;\r\n  if(cin) url += '&checkin='+cin;\r\n  if(cout) url += '&checkout='+cout;\r\n  window.location.href = url;\r\n}\r\n\r\n\/\/ \u2500\u2500 AI inline \u2500\u2500\r\nfunction tvChipClick(text){\r\n  document.getElementById('tv-ai-input-inline').value = text;\r\n  document.getElementById('tv-ai-input-inline').focus();\r\n}\r\n\r\nfunction tvInlineSend(){\r\n  var input = document.getElementById('tv-ai-input-inline');\r\n  var text = input.value.trim();\r\n  if(!text){ input.focus(); return; }\r\n\r\n  \/\/ show user msg in inline chat\r\n  var msgs = document.getElementById('tv-ai-msgs-inline');\r\n  var uMsg = document.createElement('div');\r\n  uMsg.className = 'tv-ai-msg user';\r\n  uMsg.textContent = text;\r\n  msgs.appendChild(uMsg);\r\n  msgs.scrollTop = msgs.scrollHeight;\r\n  input.value = '';\r\n\r\n  \/\/ open popup with that message after short delay\r\n  setTimeout(function(){\r\n    tvOpenPopup(text);\r\n  }, 400);\r\n}\r\n\r\n\/\/ \u2500\u2500 Popup \u2500\u2500\r\nfunction tvOpenPopup(firstMsg){\r\n  var popup = document.getElementById('tv-ai-popup');\r\n  var backdrop = document.getElementById('tv-ai-backdrop');\r\n\r\n  \/\/ if there's a first message, add it to popup body\r\n  if(firstMsg){\r\n    var body = document.getElementById('tv-pop-body');\r\n    var uMsg = document.createElement('div');\r\n    uMsg.className = 'tv-pop-msg user';\r\n    uMsg.textContent = firstMsg;\r\n    body.appendChild(uMsg);\r\n    var bMsg = document.createElement('div');\r\n    bMsg.className = 'tv-pop-msg bot';\r\n    bMsg.textContent = '\u23f3 AI backend connect \u09b9\u09b2\u09c7 \u098f\u0996\u09be\u09a8\u09c7 live answer \u0986\u09b8\u09ac\u09c7\u0964';\r\n    body.appendChild(bMsg);\r\n    body.scrollTop = body.scrollHeight;\r\n  }\r\n\r\n  popup.classList.add('open');\r\n  backdrop.classList.add('open');\r\n  setTimeout(function(){ document.getElementById('tv-pop-input').focus(); }, 150);\r\n}\r\n\r\nfunction tvClosePopup(){\r\n  document.getElementById('tv-ai-popup').classList.remove('open');\r\n  document.getElementById('tv-ai-backdrop').classList.remove('open');\r\n}\r\n\r\nfunction tvPopFill(text){\r\n  document.getElementById('tv-pop-input').value = text;\r\n  document.getElementById('tv-pop-input').focus();\r\n}\r\n\r\nfunction tvPopSend(){\r\n  var input = document.getElementById('tv-pop-input');\r\n  var text = input.value.trim();\r\n  if(!text){ input.focus(); return; }\r\n  var body = document.getElementById('tv-pop-body');\r\n  var uMsg = document.createElement('div'); uMsg.className='tv-pop-msg user'; uMsg.textContent=text; body.appendChild(uMsg);\r\n  var bMsg = document.createElement('div'); bMsg.className='tv-pop-msg bot'; bMsg.textContent='\u23f3 AI backend connect \u09b9\u09b2\u09c7 live answer \u0986\u09b8\u09ac\u09c7\u0964'; body.appendChild(bMsg);\r\n  input.value = '';\r\n  body.scrollTop = body.scrollHeight;\r\n}\r\n\r\ndocument.addEventListener('keydown',function(e){ if(e.key==='Escape') tvClosePopup(); });\r\n\r\n\/\/ \u2500\u2500 Lazy video \u2500\u2500\r\nvar vid = document.getElementById('tv-bgvid');\r\nfunction tvLoadVideo(){\r\n  if(window.matchMedia('(max-width:768px)').matches) return;\r\n  var src = vid.querySelector('source[data-src]');\r\n  if(src){ src.src = src.getAttribute('data-src'); src.removeAttribute('data-src'); }\r\n  vid.preload='auto'; vid.load();\r\n  vid.addEventListener('canplay',function(){ vid.style.opacity='1'; vid.play().catch(function(){}); },{once:true});\r\n}\r\nif('requestIdleCallback' in window) requestIdleCallback(function(){ setTimeout(tvLoadVideo,800); },{timeout:3000});\r\nelse setTimeout(tvLoadVideo,2000);\r\n<\/script>\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-cf47143 e-con-full e-flex e-con e-parent\" data-id=\"cf47143\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-a18d133 elementor-widget elementor-widget-html\" data-id=\"a18d133\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\r\n@import url('https:\/\/fonts.googleapis.com\/css2?family=Plus+Jakarta+Sans:wght@400;500;600;700;800&display=swap');\r\n.tv-wrap{font-family:'Plus Jakarta Sans',sans-serif;background:#fff;padding:48px 0}\r\n.tv-container{max-width:1200px;margin:0 auto;padding:0 20px}\r\n.tv-sec{margin-bottom:56px}\r\n.tv-sec-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:24px;flex-wrap:wrap;gap:10px}\r\n.tv-sec-title{font-size:22px;font-weight:800;color:#0f172a;letter-spacing:-.3px}\r\n.tv-sec-title span{color:#1a56db}\r\n.tv-badge{padding:4px 12px;border-radius:20px;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.5px}\r\n.tv-badge-b{background:#e8f0fe;color:#1a56db}\r\n.tv-badge-y{background:#fffbeb;color:#d97706}\r\n.tv-badge-r{background:#fef2f2;color:#dc2626}\r\n.tv-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}\r\n.tv-card{background:#fff;border:1px solid #e2e8f0;border-radius:14px;overflow:hidden;transition:box-shadow .2s,transform .2s}\r\n.tv-card:hover{box-shadow:0 8px 28px rgba(26,86,219,.12);transform:translateY(-2px)}\r\n.tv-card-img-wrap{position:relative;width:100%;height:185px;overflow:hidden;background:#e8f0fe}\r\n.tv-card-img-wrap img{width:100%;height:100%;object-fit:cover;display:block}\r\n.tv-card-ph{width:100%;height:185px;background:linear-gradient(135deg,#e8f0fe,#c7d9fc);display:flex;align-items:center;justify-content:center;font-size:40px}\r\n.tv-card-body{padding:16px 18px 18px}\r\n.tv-card-name{font-size:15px;font-weight:700;color:#0f172a;margin-bottom:5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}\r\n.tv-card-loc{font-size:12px;color:#64748b;margin-bottom:14px;display:flex;align-items:center;gap:4px}\r\n.tv-card-btns{display:grid;grid-template-columns:1fr 1fr;gap:9px}\r\n.tv-btn{padding:10px 0;border-radius:9px;font-size:13px;font-weight:700;text-align:center;text-decoration:none;cursor:pointer;border:none;font-family:inherit;transition:all .15s;display:block;line-height:1.3}\r\n.tv-btn-p{background:#1a56db;color:#fff}\r\n.tv-btn-p:hover{background:#1342b0;color:#fff}\r\n.tv-btn-o{background:transparent;color:#1a56db;border:1.5px solid #1a56db}\r\n.tv-btn-o:hover{background:#e8f0fe}\r\n.tv-divider{border:none;border-top:1.5px solid #f1f5f9;margin:0 0 56px}\r\n.tv-empty{grid-column:1\/-1;text-align:center;padding:40px;color:#94a3b8;font-size:14px}\r\n.tv-loading{grid-column:1\/-1;text-align:center;padding:40px;color:#94a3b8;font-size:14px}\r\n.tv-spinner{width:26px;height:26px;border:3px solid #e2e8f0;border-top-color:#1a56db;border-radius:50%;animation:tvspin .7s linear infinite;margin:0 auto 10px}\r\n@keyframes tvspin{to{transform:rotate(360deg)}}\r\n\r\n\/* MOBILE *\/\r\n@media(max-width:900px){.tv-grid{grid-template-columns:repeat(2,1fr)}}\r\n@media(max-width:580px){\r\n  .tv-wrap{padding:32px 0}\r\n  .tv-grid{grid-template-columns:1fr;gap:14px}\r\n  .tv-sec{margin-bottom:40px}\r\n  .tv-sec-title{font-size:19px}\r\n  .tv-card-img-wrap,.tv-card-ph{height:200px}\r\n  .tv-card-body{padding:14px 14px 16px}\r\n  .tv-card-name{font-size:14px}\r\n  .tv-btn{padding:11px 0;font-size:13px}\r\n  .tv-divider{margin:0 0 40px}\r\n}\r\n<\/style>\r\n\r\n<!-- OUR PROPERTY -->\r\n<div class=\"tv-wrap\">\r\n<div class=\"tv-container\">\r\n\r\n<div class=\"tv-sec\">\r\n  <div class=\"tv-sec-head\">\r\n    <div class=\"tv-sec-title\">Our <span>Property<\/span><\/div>\r\n    <span class=\"tv-badge tv-badge-b\"> Tourvill Exclusive<\/span>\r\n  <\/div>\r\n  <div class=\"tv-grid\" id=\"tv-our\"><\/div>\r\n<\/div>\r\n\r\n<hr class=\"tv-divider\">\r\n\r\n<div class=\"tv-sec\">\r\n  <div class=\"tv-sec-head\">\r\n    <div class=\"tv-sec-title\"><span>Popular<\/span> Picks<\/div>\r\n    <span class=\"tv-badge tv-badge-y\">Most Loved<\/span>\r\n  <\/div>\r\n  <div class=\"tv-grid\" id=\"tv-popular\"><\/div>\r\n<\/div>\r\n\r\n<hr class=\"tv-divider\">\r\n\r\n<div class=\"tv-sec\">\r\n  <div class=\"tv-sec-head\">\r\n    <div class=\"tv-sec-title\"> <span>Hot<\/span> Deals<\/div>\r\n    <span class=\"tv-badge tv-badge-r\">Limited Time<\/span>\r\n  <\/div>\r\n  <div class=\"tv-grid\" id=\"tv-hot\"><\/div>\r\n<\/div>\r\n\r\n<\/div>\r\n<\/div>\r\n\r\n<script>\r\n(function(){\r\nvar API=\"https:\/\/script.google.com\/macros\/s\/AKfycbzJB0prAF2to6k6xzTtMcKDAhG7YpyPR-Za6ovs3GdUvv5R9Xzi3DQzM_kyF2MEVof6\/exec\";\r\n\r\n\/\/ Show loading\r\n['tv-our','tv-popular','tv-hot'].forEach(function(id){\r\n  var el=document.getElementById(id);\r\n  if(el) el.innerHTML='<div class=\"tv-loading\"><div class=\"tv-spinner\"><\/div>Loading...<\/div>';\r\n});\r\n\r\nfunction jsonp(params){\r\n  return new Promise(function(res,rej){\r\n    var cb='tvcb_'+Date.now()+'_'+Math.floor(Math.random()*99999);\r\n    var url=API+'?'+new URLSearchParams(params).toString()+'&callback='+cb;\r\n    var t=setTimeout(function(){delete window[cb];rej(new Error('Timeout'));},15000);\r\n    window[cb]=function(d){clearTimeout(t);res(d);delete window[cb];var e=document.getElementById(cb);if(e)e.remove();};\r\n    var s=document.createElement('script');\r\n    s.id=cb;s.src=url;\r\n    s.onerror=function(){clearTimeout(t);delete window[cb];rej(new Error('Error'));};\r\n    document.head.appendChild(s);\r\n  });\r\n}\r\n\r\nfunction card(p){\r\n  var img = p.Image_URL\r\n    ? '<div class=\"tv-card-img-wrap\"><img decoding=\"async\" src=\"'+p.Image_URL+'\" alt=\"'+p.Name+'\" loading=\"lazy\" onerror=\"this.parentElement.outerHTML=\\'<div class=tv-card-ph>\ud83c\udfe0<\/div>\\'\"><\/div>'\r\n    : '<div class=\"tv-card-ph\">\ud83c\udfe0<\/div>';\r\n  var wa='https:\/\/wa.me\/8801891120929?text='+encodeURIComponent('I want to book: '+(p.Name||''));\r\n  var booking='<a class=\"tv-btn tv-btn-p\" href=\"'+wa+'\" target=\"_blank\">\ud83d\udcf2 Book Now<\/a>';\r\n  var info = p.Info_Link\r\n    ? '<a class=\"tv-btn tv-btn-o\" href=\"'+p.Info_Link+'\" target=\"_blank\">View Info<\/a>'\r\n    : '<span class=\"tv-btn tv-btn-o\" style=\"opacity:.4;cursor:default\">View Info<\/span>';\r\n  return '<div class=\"tv-card\">'+img+'<div class=\"tv-card-body\"><div class=\"tv-card-name\">'+(p.Name||'\u2014')+'<\/div><div class=\"tv-card-loc\">\ud83d\udccd '+(p.Location||'\u2014')+'<\/div><div class=\"tv-card-btns\">'+booking+info+'<\/div><\/div><\/div>';\r\n}\r\n\r\nfunction render(id,items){\r\n  var el=document.getElementById(id);\r\n  if(!el)return;\r\n  if(!items||!items.length){el.innerHTML='<div class=\"tv-empty\">No properties available yet.<\/div>';return;}\r\n  el.innerHTML=items.map(card).join('');\r\n}\r\n\r\njsonp({action:'getAll'}).then(function(r){\r\n  var data=r.data||[];\r\n  render('tv-our',    data.filter(function(p){return p.Category&&p.Category.indexOf('Our Property')!==-1;}));\r\n  render('tv-popular',data.filter(function(p){return p.Category&&p.Category.indexOf('Popular')!==-1;}));\r\n  render('tv-hot',    data.filter(function(p){return p.Category&&p.Category.indexOf('Hot')!==-1;}));\r\n}).catch(function(){\r\n  ['tv-our','tv-popular','tv-hot'].forEach(function(id){\r\n    var el=document.getElementById(id);\r\n    if(el)el.innerHTML='<div class=\"tv-empty\">Could not load properties.<\/div>';\r\n  });\r\n});\r\n})();\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-25c06f1 e-flex e-con-boxed e-con e-parent\" data-id=\"25c06f1\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-15f8e99 elementor-widget elementor-widget-html\" data-id=\"15f8e99\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\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>TourVill \u2013 Properties<\/title>\r\n<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\r\n<link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\r\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=DM+Sans:wght@400;500;600&display=swap\" rel=\"stylesheet\">\r\n<style>\r\n*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}\r\n:root{\r\n  --blue:#2563EB;--blue-d:#1D4ED8;--blue-l:#EFF6FF;--blue-b:#BFDBFE;\r\n  --white:#fff;--g50:#F8FAFC;--g100:#F1F5F9;--g200:#E2E8F0;\r\n  --g400:#94A3B8;--g600:#475569;--g800:#1E293B;--g900:#0F172A;\r\n  --r:12px;\r\n}\r\nbody{font-family:'DM Sans',sans-serif;background:var(--g50);color:var(--g800);-webkit-font-smoothing:antialiased}\r\n\r\n\/* \u2500\u2500 TABS \u2500\u2500 *\/\r\n.tabs-wrap{background:var(--white);border-bottom:1px solid var(--g200);position:sticky;top:0;z-index:50}\r\n.tabs-inner{display:flex;overflow-x:auto;scrollbar-width:none;padding:0 12px}\r\n.tabs-inner::-webkit-scrollbar{display:none}\r\n.tab-btn{\r\n  flex-shrink:0;display:inline-flex;align-items:center;gap:5px;\r\n  font-family:'DM Sans',sans-serif;font-size:13px;font-weight:500;\r\n  color:var(--g600);padding:13px 11px;border:none;background:transparent;\r\n  cursor:pointer;border-bottom:2.5px solid transparent;white-space:nowrap;\r\n  transition:color .15s,border-color .15s;\r\n}\r\n.tab-btn:hover{color:var(--blue)}\r\n.tab-btn.active{color:var(--blue-d);border-bottom-color:var(--blue);font-weight:600}\r\n.tab-cnt{font-size:10px;font-weight:600;padding:2px 6px;border-radius:99px;background:var(--g100);color:var(--g400)}\r\n.tab-btn.active .tab-cnt{background:var(--blue-l);color:var(--blue)}\r\n\r\n\/* \u2500\u2500 PAGE HEADER \u2500\u2500 *\/\r\n.page-head{padding:18px 14px 0}\r\n.head-row{display:flex;align-items:flex-start;justify-content:space-between;gap:10px;margin-bottom:14px;flex-wrap:wrap}\r\n.head-label{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.07em;color:var(--blue);margin-bottom:3px}\r\n.head-title{font-size:19px;font-weight:600;color:var(--g900);line-height:1.2}\r\n.head-count{font-size:12px;color:var(--g400);margin-top:2px}\r\n.search-box{display:flex;align-items:center;gap:7px;background:var(--white);border:1.5px solid var(--g200);border-radius:10px;padding:8px 11px;flex:1;max-width:260px;min-width:140px}\r\n.search-box svg{flex-shrink:0}\r\n.search-box input{border:none;outline:none;font-family:'DM Sans',sans-serif;font-size:13px;color:var(--g800);background:transparent;width:100%}\r\n.search-box input::placeholder{color:var(--g400)}\r\n\r\n\/* \u2500\u2500 GRID \u2500\u2500 *\/\r\n.grid{\r\n  display:grid;\r\n  grid-template-columns:repeat(2,1fr);\r\n  gap:11px;\r\n  padding:0 14px 80px;\r\n  margin-top:12px;\r\n}\r\n\r\n\/* \u2500\u2500 CARD \u2014 uniform size is the key \u2500\u2500 *\/\r\n.card{\r\n  background:var(--white);border:1px solid var(--g200);border-radius:var(--r);\r\n  overflow:hidden;\r\n  \/* fixed height so every card is identical *\/\r\n  display:grid;\r\n  grid-template-rows:160px 1fr auto auto;\r\n  transition:box-shadow .18s,transform .18s;\r\n  animation:up .28s ease both;\r\n}\r\n.card:hover{box-shadow:0 6px 20px rgba(37,99,235,.09);transform:translateY(-2px)}\r\n@keyframes up{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}\r\n\r\n\/* IMAGE ROW \u2014 always 160px, never shrinks\/grows *\/\r\n.img-wrap{position:relative;width:100%;height:160px;overflow:hidden}\r\n.card-img{\r\n  width:100%;height:100%;\r\n  object-fit:cover;object-position:center;\r\n  display:block;\r\n}\r\n.card-img-fb{\r\n  width:100%;height:100%;\r\n  display:none;align-items:center;justify-content:center;\r\n  font-size:36px;background:var(--blue-l);\r\n}\r\n\r\n.cat-badge{\r\n  position:absolute;top:8px;left:8px;\r\n  font-size:9px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;\r\n  padding:3px 7px;border-radius:99px;backdrop-filter:blur(6px);\r\n}\r\n.pop-star{\r\n  position:absolute;top:8px;right:8px;\r\n  background:#F59E0B;color:#fff;\r\n  font-size:9px;font-weight:700;padding:3px 6px;border-radius:99px;\r\n}\r\n.c-bandarban{background:rgba(124,58,237,.85);color:#fff}\r\n.c-sajek    {background:rgba(5,150,105,.85);color:#fff}\r\n.c-stmartin {background:rgba(217,119,6,.85);color:#fff}\r\n.c-sundarban{background:rgba(4,120,87,.85);color:#fff}\r\n.c-haor     {background:rgba(8,145,178,.85);color:#fff}\r\n.c-coxs     {background:rgba(37,99,235,.85);color:#fff}\r\n.c-sreemangal{background:rgba(16,185,129,.85);color:#fff}\r\n\r\n\/* BODY ROW \u2014 flex so name always fills available space *\/\r\n.card-body{padding:9px 10px 0;overflow:hidden}\r\n.card-name{\r\n  font-size:13px;font-weight:600;color:var(--g900);\r\n  line-height:1.35;\r\n  \/* clamp to 2 lines so no card stretches *\/\r\n  display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;\r\n  margin-bottom:4px;\r\n}\r\n.card-loc{font-size:11px;color:var(--g400);display:flex;align-items:center;gap:3px;padding-bottom:9px}\r\n\r\nhr.d{border:none;border-top:1px solid var(--g100)}\r\n\r\n\/* FOOTER ROW *\/\r\n.card-foot{padding:8px 10px;display:flex;gap:6px}\r\n.btn-v{\r\n  flex:1;font-family:'DM Sans',sans-serif;font-size:11px;font-weight:500;\r\n  color:var(--blue);background:var(--blue-l);border:1.5px solid var(--blue-b);\r\n  border-radius:7px;padding:7px 4px;cursor:pointer;text-align:center;\r\n  text-decoration:none;display:flex;align-items:center;justify-content:center;\r\n  transition:background .15s;white-space:nowrap;\r\n}\r\n.btn-v:hover{background:#DBEAFE}\r\n.btn-b{\r\n  flex:1;font-family:'DM Sans',sans-serif;font-size:11px;font-weight:600;\r\n  color:#fff;background:var(--blue);border:none;\r\n  border-radius:7px;padding:7px 4px;cursor:pointer;text-align:center;\r\n  text-decoration:none;display:flex;align-items:center;justify-content:center;\r\n  transition:background .15s,transform .1s;white-space:nowrap;\r\n}\r\n.btn-b:hover{background:var(--blue-d)}\r\n.btn-b:active{transform:scale(.97)}\r\n\r\n\/* empty *\/\r\n.empty{text-align:center;padding:4rem 2rem;color:var(--g400);display:none}\r\n.empty .emo{font-size:36px;margin-bottom:8px}\r\n.empty p{font-size:14px}\r\n\r\n\/* WA float *\/\r\n.wa{position:fixed;bottom:18px;right:14px;width:48px;height:48px;\r\n  background:#25D366;border-radius:50%;display:flex;align-items:center;\r\n  justify-content:center;box-shadow:0 4px 14px rgba(37,211,102,.35);\r\n  z-index:999;text-decoration:none;transition:transform .2s}\r\n.wa:hover{transform:scale(1.08)}\r\n.wa svg{width:22px;height:22px;fill:#fff}\r\n\r\n\/* \u2500\u2500 TABLET \u2500\u2500 *\/\r\n@media(min-width:600px){\r\n  .grid{grid-template-columns:repeat(3,1fr);gap:14px;padding:0 18px 80px}\r\n  .card{grid-template-rows:170px 1fr auto auto}\r\n  .img-wrap{height:170px}\r\n  .card-img-fb{height:170px}\r\n  .card-name{font-size:14px}\r\n  .btn-v,.btn-b{font-size:12px;padding:8px 6px}\r\n}\r\n\r\n\/* \u2500\u2500 DESKTOP \u2500\u2500 *\/\r\n@media(min-width:1024px){\r\n  .tabs-inner{padding:0 32px}\r\n  .tab-btn{font-size:14px;padding:16px 14px}\r\n  .page-head{padding:28px 32px 0}\r\n  .grid{grid-template-columns:repeat(4,1fr);gap:18px;padding:0 32px 80px;margin-top:20px}\r\n  .card{grid-template-rows:195px 1fr auto auto}\r\n  .img-wrap{height:195px}\r\n  .card-img-fb{height:195px}\r\n  .card-name{font-size:15px}\r\n  .card-loc{font-size:12px}\r\n  .btn-v,.btn-b{font-size:13px;padding:9px 8px}\r\n  .head-title{font-size:22px}\r\n  .wa{width:52px;height:52px;bottom:24px;right:24px}\r\n  .wa svg{width:24px;height:24px}\r\n}\r\n@media(min-width:1360px){\r\n  .tabs-inner,.page-head,.grid{max-width:1300px;margin-left:auto;margin-right:auto}\r\n  .grid{padding-left:0;padding-right:0}\r\n}\r\n<\/style>\r\n<\/head>\r\n<body>\r\n\r\n<!-- TABS -->\r\n<div class=\"tabs-wrap\">\r\n  <div class=\"tabs-inner\">\r\n    <button class=\"tab-btn active\" onclick=\"go('popular',this)\">\u2b50 Popular <span class=\"tab-cnt\" id=\"cnt-popular\"><\/span><\/button>\r\n    <button class=\"tab-btn\" onclick=\"go('bandarban',this)\">\ud83c\udfd4\ufe0f Bandarban <span class=\"tab-cnt\" id=\"cnt-bandarban\"><\/span><\/button>\r\n    <button class=\"tab-btn\" onclick=\"go('sajek',this)\">\u26f0\ufe0f Sajek <span class=\"tab-cnt\" id=\"cnt-sajek\"><\/span><\/button>\r\n    <button class=\"tab-btn\" onclick=\"go('stmartin',this)\">\ud83e\udeb8 Saint Martin <span class=\"tab-cnt\" id=\"cnt-stmartin\"><\/span><\/button>\r\n    <button class=\"tab-btn\" onclick=\"go('sundarban',this)\">\ud83c\udf3f Sundarban <span class=\"tab-cnt\" id=\"cnt-sundarban\"><\/span><\/button>\r\n    <button class=\"tab-btn\" onclick=\"go('haor',this)\">\ud83d\udea4 Haor <span class=\"tab-cnt\" id=\"cnt-haor\"><\/span><\/button>\r\n    <button class=\"tab-btn\" onclick=\"go('coxs',this)\">\ud83c\udfd6\ufe0f Cox's Bazar <span class=\"tab-cnt\" id=\"cnt-coxs\"><\/span><\/button>\r\n    <button class=\"tab-btn\" onclick=\"go('sreemangal',this)\">\ud83c\udf43 Sreemangal <span class=\"tab-cnt\" id=\"cnt-sreemangal\"><\/span><\/button>\r\n  <\/div>\r\n<\/div>\r\n\r\n<!-- PAGE HEADER -->\r\n<div class=\"page-head\">\r\n  <div class=\"head-row\">\r\n    <div>\r\n      <div class=\"head-label\" id=\"headLabel\">\u2b50 Popular<\/div>\r\n      <div class=\"head-title\" id=\"headTitle\">Popular Properties<\/div>\r\n      <div class=\"head-count\" id=\"headCount\"><\/div>\r\n    <\/div>\r\n    <div class=\"search-box\">\r\n      <svg width=\"13\" height=\"13\" fill=\"none\" stroke=\"#94A3B8\" stroke-width=\"2\" viewBox=\"0 0 24 24\"><circle cx=\"11\" cy=\"11\" r=\"8\"\/><path d=\"m21 21-4.35-4.35\"\/><\/svg>\r\n      <input type=\"text\" id=\"search\" placeholder=\"Search\u2026\" oninput=\"render()\">\r\n    <\/div>\r\n  <\/div>\r\n<\/div>\r\n\r\n<!-- GRID -->\r\n<div class=\"grid\" id=\"grid\"><\/div>\r\n<div class=\"empty\" id=\"empty\"><div class=\"emo\">\ud83d\udd0d<\/div><p>No properties found.<\/p><\/div>\r\n\r\n<!-- WA -->\r\n<a href=\"https:\/\/wa.me\/8801891120929\" class=\"wa\" target=\"_blank\" aria-label=\"WhatsApp\" rel=\"noopener\">\r\n  <svg viewBox=\"0 0 24 24\"><path d=\"M17.472 14.382c-.297-.149-1.758-.867-2.03-.967-.273-.099-.471-.148-.67.15-.197.297-.767.966-.94 1.164-.173.199-.347.223-.644.075-.297-.15-1.255-.463-2.39-1.475-.883-.788-1.48-1.761-1.653-2.059-.173-.297-.018-.458.13-.606.134-.133.298-.347.446-.52.149-.174.198-.298.298-.497.099-.198.05-.371-.025-.52-.075-.149-.669-1.612-.916-2.207-.242-.579-.487-.5-.669-.51-.173-.008-.371-.01-.57-.01-.198 0-.52.074-.792.372-.272.297-1.04 1.016-1.04 2.479 0 1.462 1.065 2.875 1.213 3.074.149.198 2.096 3.2 5.077 4.487.709.306 1.262.489 1.694.625.712.227 1.36.195 1.871.118.571-.085 1.758-.719 2.006-1.413.248-.694.248-1.289.173-1.413-.074-.124-.272-.198-.57-.347m-5.421 7.403h-.004a9.87 9.87 0 0 1-5.031-1.378l-.361-.214-3.741.982.998-3.648-.235-.374a9.86 9.86 0 0 1-1.51-5.26c.001-5.45 4.436-9.884 9.888-9.884 2.64 0 5.122 1.03 6.988 2.898a9.825 9.825 0 0 1 2.893 6.994c-.003 5.45-4.437 9.884-9.885 9.884m8.413-18.297A11.815 11.815 0 0 0 12.05 0C5.495 0 .16 5.335.157 11.892c0 2.096.547 4.142 1.588 5.945L.057 24l6.305-1.654a11.882 11.882 0 0 0 5.683 1.448h.005c6.554 0 11.89-5.335 11.893-11.893a11.821 11.821 0 0 0-3.48-8.413z\"\/><\/svg>\r\n<\/a>\r\n\r\n<script>\r\nconst DATA=[\r\n  {id:1, name:\"Josna Valley Eco Resort\",        cat:\"bandarban\", popular:true,  loc:\"Bandarban\",    img:\"https:\/\/tourvill.com\/wp-content\/uploads\/2026\/03\/Josna-valley-5.jpg\"},\r\n  {id:2, name:\"Banabash Eco Village\",           cat:\"sundarban\", popular:true,  loc:\"Sundarban\",    img:\"https:\/\/image2url.com\/r2\/default\/images\/1771997602893-47aff348-1e90-42f2-9462-c36b9cbb664d.png\"},\r\n  {id:3, name:\"Megh Pahar Eco Resort\",          cat:\"sajek\",     popular:true,  loc:\"Sajek\",        img:\"https:\/\/image2url.com\/r2\/default\/images\/1771997428783-cdda4889-d763-4bb8-868b-ee7596b985ee.png\"},\r\n  {id:4, name:\"Gospel Resort\",                  cat:\"sajek\",     popular:false, loc:\"Sajek\",        img:\"https:\/\/image2url.com\/r2\/default\/images\/1771995851315-1298d526-5352-4915-99a4-c6b9cf8b72fb.png\"},\r\n  {id:5, name:\"Cander Pahar\",                   cat:\"bandarban\", popular:true,  loc:\"Bandarban\",    img:\"https:\/\/image2url.com\/r2\/default\/images\/1771996268038-0b12977b-72e4-45c9-9bd7-dff2e804b629.png\"},\r\n  {id:6, name:\"Honeymoon Eco Resort\",           cat:\"stmartin\",  popular:true,  loc:\"Saint Martin\", img:\"https:\/\/image2url.com\/r2\/default\/images\/1771996658653-de2bab8e-7808-42a9-a11c-6abcaf3cc30b.png\"},\r\n  {id:7, name:\"Sun and Sand Twin Beach Resort\", cat:\"stmartin\",  popular:true,  loc:\"Saint Martin\", img:\"https:\/\/image2url.com\/r2\/default\/images\/1771999698780-996c7c4d-3dfa-43d7-949e-1d11c74c342e.png\"},\r\n  {id:8, name:\"Opshora Eco Resort\",             cat:\"sajek\",     popular:true,  loc:\"Sajek Valley\", img:\"https:\/\/image2url.com\/r2\/default\/images\/1772266014763-8334493b-e30c-4744-b9e6-357cbf3b4e61.png\"},\r\n  {id:9, name:\"Kadamboni Eco Resort\",           cat:\"sajek\",     popular:false, loc:\"Sajek\",        img:\"https:\/\/image2url.com\/r2\/default\/images\/1772266632081-d6200e86-ea6b-444b-8e22-143ab0079879.png\"},\r\n  {id:10,name:\"Tilagaon Eco Village\",           cat:\"sreemangal\",popular:true,  loc:\"Sreemangal\",   img:\"https:\/\/image2url.com\/r2\/default\/images\/1772266748739-bbf7a2f5-a7d0-474a-b992-dd1302eb08be.png\"},\r\n  {id:11,name:\"Ambaroad Resort\",                cat:\"sreemangal\",popular:false, loc:\"Sreemangal\",   img:\"https:\/\/image2url.com\/r2\/default\/images\/1772267825880-fe314621-cca2-4e83-9134-db0e922c429a.png\"},\r\n  {id:12,name:\"Devine Eco Resort\",              cat:\"coxs\",      popular:true,  loc:\"Cox's Bazar\",  img:\"https:\/\/image2url.com\/r2\/default\/images\/1772268435720-a5949a95-b669-4c0b-826d-ec9bdfe70733.png\"},\r\n  {id:13,name:\"Sailor Eco Resort\",              cat:\"stmartin\",  popular:false, loc:\"Saint Martin\", img:\"https:\/\/image2url.com\/r2\/default\/images\/1772268520854-088d06e3-9408-4658-a660-ffd3e17e6398.png\"},\r\n  {id:14,name:\"Haorer Sultan Premium\",          cat:\"haor\",      popular:true,  loc:\"Haor\",         img:\"https:\/\/tourvill.com\/wp-content\/uploads\/2026\/05\/Sultan-premium-monpura-6.jpeg\"},\r\n  {id:15,name:\"Haorer Sultan 2.0\",              cat:\"haor\",      popular:false, loc:\"Haor\",         img:\"https:\/\/tourvill.com\/wp-content\/uploads\/2026\/05\/golpotori-3.jpeg\"},\r\n  {id:16,name:\"Haorer Sultan 3.0\",              cat:\"haor\",      popular:false, loc:\"Haor\",         img:\"https:\/\/tourvill.com\/wp-content\/uploads\/2026\/05\/Sultan-4-3.jpeg\"},\r\n  {id:17,name:\"Haorer Sultan 4.0\",              cat:\"haor\",      popular:false, loc:\"Haor\",         img:\"https:\/\/tourvill.com\/wp-content\/uploads\/2026\/05\/Sultan-4-3.jpeg\"},\r\n  {id:18,name:\"Hotel Praasad Paradise\",         cat:\"coxs\",      popular:false, loc:\"Cox's Bazar\",  img:\"https:\/\/praasadparadise.com.bd\/images\/categories\/tower_rooms_31324d520e84a6b5e01f15a91625a031.jpg\"},\r\n];\r\n\r\nconst META={\r\n  popular:   {label:\"\u2b50 Popular\",      title:\"Popular Properties\"},\r\n  bandarban: {label:\"\ud83c\udfd4\ufe0f Bandarban\",    title:\"Bandarban Properties\"},\r\n  sajek:     {label:\"\u26f0\ufe0f Sajek\",        title:\"Sajek Properties\"},\r\n  stmartin:  {label:\"\ud83e\udeb8 Saint Martin\", title:\"Saint Martin Properties\"},\r\n  sundarban: {label:\"\ud83c\udf3f Sundarban\",    title:\"Sundarban Properties\"},\r\n  haor:      {label:\"\ud83d\udea4 Haor\",         title:\"Haor Properties\"},\r\n  coxs:      {label:\"\ud83c\udfd6\ufe0f Cox's Bazar\",  title:\"Cox's Bazar Properties\"},\r\n  sreemangal:{label:\"\ud83c\udf43 Sreemangal\",   title:\"Sreemangal Properties\"},\r\n};\r\nconst CAT_LABELS={\r\n  bandarban:\"Bandarban\",sajek:\"Sajek\",stmartin:\"St. Martin\",\r\n  sundarban:\"Sundarban\",haor:\"Haor\",coxs:\"Cox's Bazar\",sreemangal:\"Sreemangal\"\r\n};\r\nconst CAT_CLS={\r\n  bandarban:\"c-bandarban\",sajek:\"c-sajek\",stmartin:\"c-stmartin\",\r\n  sundarban:\"c-sundarban\",haor:\"c-haor\",coxs:\"c-coxs\",sreemangal:\"c-sreemangal\"\r\n};\r\n\r\nlet tab=\"popular\";\r\n\r\nfunction render(){\r\n  const q=document.getElementById(\"search\").value.toLowerCase().trim();\r\n  let items=tab===\"popular\"?DATA.filter(p=>p.popular):DATA.filter(p=>p.cat===tab);\r\n  if(q)items=items.filter(p=>p.name.toLowerCase().includes(q)||p.loc.toLowerCase().includes(q));\r\n\r\n  const m=META[tab];\r\n  document.getElementById(\"headLabel\").textContent=m.label;\r\n  document.getElementById(\"headTitle\").textContent=m.title;\r\n  document.getElementById(\"headCount\").textContent=items.length+\" properties\";\r\n\r\n  const grid=document.getElementById(\"grid\");\r\n  const empty=document.getElementById(\"empty\");\r\n  if(!items.length){grid.innerHTML=\"\";empty.style.display=\"block\";return;}\r\n  empty.style.display=\"none\";\r\n\r\n  grid.innerHTML=items.map((p,i)=>{\r\n    const wa=encodeURIComponent(\"I'm interested in \"+p.name+\" \u2014 \"+p.loc);\r\n    return`<div class=\"card\" style=\"animation-delay:${Math.min(i,9)*.04}s\">\r\n  <div class=\"img-wrap\">\r\n    <img decoding=\"async\" class=\"card-img\" src=\"${p.img}\" alt=\"${p.name}\" loading=\"lazy\"\r\n      onerror=\"this.style.display='none';this.nextElementSibling.style.display='flex'\">\r\n    <div class=\"card-img-fb\">\ud83c\udfe8<\/div>\r\n    <span class=\"cat-badge ${CAT_CLS[p.cat]||''}\">${CAT_LABELS[p.cat]||p.cat}<\/span>\r\n    ${p.popular?'<span class=\"pop-star\">\u2605 Popular<\/span>':''}\r\n  <\/div>\r\n  <div class=\"card-body\">\r\n    <div class=\"card-name\">${p.name}<\/div>\r\n    <div class=\"card-loc\">\r\n      <svg width=\"10\" height=\"10\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" viewBox=\"0 0 24 24\"><path d=\"M21 10c0 7-9 13-9 13s-9-6-9-13a9 9 0 0 1 18 0z\"\/><circle cx=\"12\" cy=\"10\" r=\"3\"\/><\/svg>\r\n      ${p.loc}\r\n    <\/div>\r\n  <\/div>\r\n  <hr class=\"d\">\r\n  <div class=\"card-foot\">\r\n    <a href=\"#\" class=\"btn-v\">View Info<\/a>\r\n    <a href=\"https:\/\/wa.me\/8801891120929?text=${wa}\" class=\"btn-b\" target=\"_blank\">Book Now<\/a>\r\n  <\/div>\r\n<\/div>`;\r\n  }).join(\"\");\r\n}\r\n\r\nfunction go(t,btn){\r\n  tab=t;\r\n  document.getElementById(\"search\").value=\"\";\r\n  document.querySelectorAll(\".tab-btn\").forEach(b=>b.classList.remove(\"active\"));\r\n  btn.classList.add(\"active\");\r\n  render();\r\n}\r\n\r\n\/\/ counts\r\n[\"popular\",\"bandarban\",\"sajek\",\"stmartin\",\"sundarban\",\"haor\",\"coxs\",\"sreemangal\"].forEach(c=>{\r\n  const n=c===\"popular\"?DATA.filter(p=>p.popular).length:DATA.filter(p=>p.cat===c).length;\r\n  document.getElementById(\"cnt-\"+c).textContent=n;\r\n});\r\n\r\nrender();\r\n<\/script>\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-0d8c0e0 e-con-full e-flex e-con e-parent\" data-id=\"0d8c0e0\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-90e19a3 elementor-widget elementor-widget-html\" data-id=\"90e19a3\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<div style=\"text-align: center; padding: 70px 20px 30px; font-family: 'Plus Jakarta Sans', sans-serif;\">\r\n    <div style=\"display: inline-block; background: #eff6ff; color: #2563eb; padding: 6px 20px; border-radius: 50px; font-weight: 700; font-size: 12px; text-transform: uppercase; margin-bottom: 15px;\">\r\n        Tourist Favorites\r\n    <\/div>\r\n    <h2 style=\"font-size: 38px; font-weight: 800; color: #1e293b; margin: 0;\">Our Tour Packages<\/h2>\r\n<\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-38cd1a0 e-grid e-con-boxed e-con e-parent\" data-id=\"38cd1a0\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-e386481 elementor-widget elementor-widget-html\" data-id=\"e386481\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\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    <script src=\"https:\/\/cdn.tailwindcss.com\"><\/script>\r\n    <link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.0.0\/css\/all.min.css\">\r\n    <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Plus+Jakarta+Sans:wght@300;400;600;700&display=swap\" rel=\"stylesheet\">\r\n    <style>\r\n        body { font-family: 'Plus Jakarta Sans', sans-serif; }\r\n    <\/style>\r\n<\/head>\r\n<body class=\"bg-gray-100 flex justify-center items-center min-h-screen p-4\">\r\n\r\n    <!-- Main Card Container -->\r\n    <div class=\"max-w-[400px] w-full bg-white rounded-3xl overflow-hidden shadow-2xl shadow-blue-100\/50 transition-all hover:scale-[1.01]\">\r\n        \r\n        <!-- Image & Top Overlay -->\r\n        <div class=\"relative h-64\">\r\n            <img decoding=\"async\" data-src=\"https:\/\/media.assettype.com\/outlooktraveller%2F2023-08%2Fb985dd3c-622c-4a74-882d-c63ba7ea1253%2Fshutterstock_2302348291.jpg?w=480&auto=format%2Ccompress&fit=max\" \r\n                 alt=\"Tanguar Haor\" \r\n                 class=\"w-full h-full object-cover lazyload\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\">\r\n            \r\n            <!-- Elegant Top Gradient Overlay -->\r\n            <div class=\"absolute inset-0 bg-gradient-to-b from-blue-900\/80 via-transparent to-transparent p-6\">\r\n                <p class=\"text-blue-200 text-[10px] uppercase tracking-[0.2em] font-bold\">Bangladesh's Largest Haor<\/p>\r\n                <h3 class=\"text-white text-xl font-bold leading-tight\">TANGUAR HAOR <br>EXCLUSIVE<\/h3>\r\n            <\/div>\r\n            \r\n            <!-- Floating Badge -->\r\n            <div class=\"absolute bottom-4 left-4 bg-white\/90 backdrop-blur-md px-3 py-1 rounded-full shadow-sm\">\r\n                <p class=\"text-[10px] text-blue-800 font-bold tracking-tighter italic uppercase\">www.tourvillbd.com<\/p>\r\n            <\/div>\r\n        <\/div>\r\n\r\n        <!-- Content Section -->\r\n        <div class=\"p-6 text-center\">\r\n            <h5 class=\"text-xl font-bold text-gray-800 mb-2\">Tanguar Haor Tour Package<\/h5>\r\n            <p class=\"text-gray-400 text-sm mb-6\">Explore the serene beauty of Sunamganj<\/p>\r\n\r\n            <!-- Amenities Icons -->\r\n            <div class=\"flex justify-between items-center bg-gray-50 rounded-2xl p-4 mb-6\">\r\n                <div class=\"flex flex-col items-center gap-1\">\r\n                    <i class=\"fas fa-car text-blue-600 text-lg\"><\/i>\r\n                    <span class=\"text-[10px] text-gray-500 uppercase\">Transport<\/span>\r\n                <\/div>\r\n                <div class=\"flex flex-col items-center gap-1\">\r\n                    <i class=\"fas fa-hotel text-blue-600 text-lg\"><\/i>\r\n                    <span class=\"text-[10px] text-gray-500 uppercase\">Hotel<\/span>\r\n                <\/div>\r\n                <div class=\"flex flex-col items-center gap-1\">\r\n                    <i class=\"fas fa-utensils text-blue-600 text-lg\"><\/i>\r\n                    <span class=\"text-[10px] text-gray-500 uppercase\">Meals<\/span>\r\n                <\/div>\r\n                <div class=\"flex flex-col items-center gap-1\">\r\n                    <i class=\"fas fa-binoculars text-blue-600 text-lg\"><\/i>\r\n                    <span class=\"text-[10px] text-gray-500 uppercase\">Sightseeing<\/span>\r\n                <\/div>\r\n            <\/div>\r\n\r\n            <!-- Pricing & Duration -->\r\n            <div class=\"flex items-center justify-between mb-8 px-2\">\r\n                <div class=\"text-left\">\r\n                    <span class=\"text-gray-400 text-xs block\">Starting from<\/span>\r\n                    <span class=\"text-2xl font-extrabold text-blue-600\">\u09f3 5,000<\/span>\r\n                <\/div>\r\n                <div class=\"text-right\">\r\n                    <span class=\"bg-blue-50 text-blue-700 px-3 py-1 rounded-lg text-xs font-bold whitespace-nowrap\">\r\n                        <i class=\"far fa-clock mr-1\"><\/i> 2D \/ 3N\r\n                    <\/span>\r\n                <\/div>\r\n            <\/div>\r\n\r\n            <!-- Action Button -->\r\n            <a href=\"https:\/\/tourvill.com\/index.php\/tanguar-haor-package\/\" class=\"block w-full bg-blue-600 hover:bg-blue-700 text-white font-bold py-4 rounded-2xl transition-all shadow-lg shadow-blue-200 hover:shadow-blue-300\">\r\n                VIEW DETAILS\r\n            <\/a>\r\n        <\/div>\r\n    <\/div>\r\n\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-7db4c09 elementor-widget elementor-widget-html\" data-id=\"7db4c09\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\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    <script src=\"https:\/\/cdn.tailwindcss.com\"><\/script>\r\n    <link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.0.0\/css\/all.min.css\">\r\n    <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Plus+Jakarta+Sans:wght@300;400;600;700&display=swap\" rel=\"stylesheet\">\r\n    <style>\r\n        body { font-family: 'Plus Jakarta Sans', sans-serif; }\r\n    <\/style>\r\n<\/head>\r\n<body class=\"bg-gray-100 flex justify-center items-center min-h-screen p-4\">\r\n\r\n    <!-- Main Card Container -->\r\n    <div class=\"max-w-[400px] w-full bg-white rounded-3xl overflow-hidden shadow-2xl shadow-blue-100\/50 transition-all hover:scale-[1.01]\">\r\n        \r\n        <!-- Image & Top Overlay -->\r\n        <div class=\"relative h-64\">\r\n            <img decoding=\"async\" data-src=\"https:\/\/i.pinimg.com\/736x\/3f\/31\/60\/3f31601947c498388838683c88aad8c4.jpg\" \r\n                 alt=\"Cox's Bazar\" \r\n                 class=\"w-full h-full object-cover lazyload\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\">\r\n            \r\n            <!-- Elegant Top Gradient Overlay -->\r\n            <div class=\"absolute inset-0 bg-gradient-to-b from-blue-900\/80 via-transparent to-transparent p-6\">\r\n                <p class=\"text-blue-200 text-[10px] uppercase tracking-[0.2em] font-bold\">World's Longest Sea Beach<\/p>\r\n                <h3 class=\"text-white text-xl font-bold leading-tight\">COX'S BAZAR <br>PREMIUM<\/h3>\r\n            <\/div>\r\n            \r\n            <!-- Floating Badge -->\r\n            <div class=\"absolute bottom-4 left-4 bg-white\/90 backdrop-blur-md px-3 py-1 rounded-full shadow-sm\">\r\n                <p class=\"text-[10px] text-blue-800 font-bold tracking-tighter italic uppercase\">www.tourvillbd.com<\/p>\r\n            <\/div>\r\n        <\/div>\r\n\r\n        <!-- Content Section -->\r\n        <div class=\"p-6 text-center\">\r\n            <h5 class=\"text-xl font-bold text-gray-800 mb-2\">Cox's Bazar Tour Package<\/h5>\r\n            <p class=\"text-gray-400 text-sm mb-6\">Experience the waves and sunset<\/p>\r\n\r\n            <!-- Amenities Icons -->\r\n            <div class=\"flex justify-between items-center bg-gray-50 rounded-2xl p-4 mb-6\">\r\n                <div class=\"flex flex-col items-center gap-1\">\r\n                    <i class=\"fas fa-car text-blue-600 text-lg\"><\/i>\r\n                    <span class=\"text-[10px] text-gray-500 uppercase\">Transport<\/span>\r\n                <\/div>\r\n                <div class=\"flex flex-col items-center gap-1\">\r\n                    <i class=\"fas fa-hotel text-blue-600 text-lg\"><\/i>\r\n                    <span class=\"text-[10px] text-gray-500 uppercase\">Hotel<\/span>\r\n                <\/div>\r\n                <div class=\"flex flex-col items-center gap-1\">\r\n                    <i class=\"fas fa-utensils text-blue-600 text-lg\"><\/i>\r\n                    <span class=\"text-[10px] text-gray-500 uppercase\">Meals<\/span>\r\n                <\/div>\r\n                <div class=\"flex flex-col items-center gap-1\">\r\n                    <i class=\"fas fa-binoculars text-blue-600 text-lg\"><\/i>\r\n                    <span class=\"text-[10px] text-gray-500 uppercase\">Sightseeing<\/span>\r\n                <\/div>\r\n            <\/div>\r\n\r\n            <!-- Pricing & Duration -->\r\n            <div class=\"flex items-center justify-between mb-8 px-2\">\r\n                <div class=\"text-left\">\r\n                    <span class=\"text-gray-400 text-xs block\">Starting from<\/span>\r\n                    <span class=\"text-2xl font-extrabold text-blue-600\">\u09f3 7,800<\/span>\r\n                <\/div>\r\n                <div class=\"text-right\">\r\n                    <span class=\"bg-blue-50 text-blue-700 px-3 py-1 rounded-lg text-xs font-bold whitespace-nowrap\">\r\n                        <i class=\"far fa-clock mr-1\"><\/i> 3D \/ 2N\r\n                    <\/span>\r\n                <\/div>\r\n            <\/div>\r\n\r\n            <!-- Action Button -->\r\n            <a href=\"https:\/\/tourvill.com\/index.php\/coxs-bazar-tour-package\/\" class=\"block w-full bg-blue-600 hover:bg-blue-700 text-white font-bold py-4 rounded-2xl transition-all shadow-lg shadow-blue-200 hover:shadow-blue-300\">\r\n                VIEW DETAILS\r\n            <\/a>\r\n        <\/div>\r\n    <\/div>\r\n\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-2615f8e elementor-widget elementor-widget-html\" data-id=\"2615f8e\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\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    <script src=\"https:\/\/cdn.tailwindcss.com\"><\/script>\r\n    <link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.0.0\/css\/all.min.css\">\r\n    <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Plus+Jakarta+Sans:wght@300;400;600;700&display=swap\" rel=\"stylesheet\">\r\n    <style>\r\n        body { font-family: 'Plus Jakarta Sans', sans-serif; }\r\n    <\/style>\r\n<\/head>\r\n<body class=\"bg-gray-100 flex justify-center items-center min-h-screen p-4\">\r\n\r\n    <!-- Main Card Container -->\r\n    <div class=\"max-w-[400px] w-full bg-white rounded-3xl overflow-hidden shadow-2xl shadow-blue-100\/50 transition-all hover:scale-[1.01]\">\r\n        \r\n        <!-- Image & Top Overlay -->\r\n        <div class=\"relative h-64\">\r\n            <img decoding=\"async\" data-src=\"https:\/\/i.pinimg.com\/1200x\/9d\/ab\/77\/9dab77d1e528ad366601344f96752134.jpg\" \r\n                 alt=\"Sajek Valley\" \r\n                 class=\"w-full h-full object-cover lazyload\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\">\r\n            \r\n            <!-- Elegant Top Gradient Overlay -->\r\n            <div class=\"absolute inset-0 bg-gradient-to-b from-blue-900\/80 via-transparent to-transparent p-6\">\r\n                <p class=\"text-blue-200 text-[10px] uppercase tracking-[0.2em] font-bold\">The Cloud Kingdom<\/p>\r\n                <h3 class=\"text-white text-xl font-bold leading-tight\">SAJEK VALLEY <br>EXCLUSIVE<\/h3>\r\n            <\/div>\r\n            \r\n            <!-- Floating Badge -->\r\n            <div class=\"absolute bottom-4 left-4 bg-white\/90 backdrop-blur-md px-3 py-1 rounded-full shadow-sm\">\r\n                <p class=\"text-[10px] text-blue-800 font-bold tracking-tighter italic uppercase\">www.tourvillbd.com<\/p>\r\n            <\/div>\r\n        <\/div>\r\n\r\n        <!-- Content Section -->\r\n        <div class=\"p-6 text-center\">\r\n            <h5 class=\"text-xl font-bold text-gray-800 mb-2\">Sajek Valley Tour Package<\/h5>\r\n            <p class=\"text-gray-400 text-sm mb-6\">Wander where the clouds meet the mountains<\/p>\r\n\r\n            <!-- Amenities Icons -->\r\n            <div class=\"flex justify-between items-center bg-gray-50 rounded-2xl p-4 mb-6\">\r\n                <div class=\"flex flex-col items-center gap-1\">\r\n                    <i class=\"fas fa-car text-blue-600 text-lg\"><\/i>\r\n                    <span class=\"text-[10px] text-gray-500 uppercase\">Transport<\/span>\r\n                <\/div>\r\n                <div class=\"flex flex-col items-center gap-1\">\r\n                    <i class=\"fas fa-hotel text-blue-600 text-lg\"><\/i>\r\n                    <span class=\"text-[10px] text-gray-500 uppercase\">Resort<\/span>\r\n                <\/div>\r\n                <div class=\"flex flex-col items-center gap-1\">\r\n                    <i class=\"fas fa-utensils text-blue-600 text-lg\"><\/i>\r\n                    <span class=\"text-[10px] text-gray-500 uppercase\">Meals<\/span>\r\n                <\/div>\r\n                <div class=\"flex flex-col items-center gap-1\">\r\n                    <i class=\"fas fa-binoculars text-blue-600 text-lg\"><\/i>\r\n                    <span class=\"text-[10px] text-gray-500 uppercase\">Sightseeing<\/span>\r\n                <\/div>\r\n            <\/div>\r\n\r\n            <!-- Pricing & Duration -->\r\n            <div class=\"flex items-center justify-between mb-8 px-2\">\r\n                <div class=\"text-left\">\r\n                    <span class=\"text-gray-400 text-xs block\">Starting from<\/span>\r\n                    <span class=\"text-2xl font-extrabold text-blue-600\">\u09f3 8,500<\/span>\r\n                <\/div>\r\n                <div class=\"text-right\">\r\n                    <span class=\"bg-blue-50 text-blue-700 px-3 py-1 rounded-lg text-xs font-bold whitespace-nowrap\">\r\n                        <i class=\"far fa-clock mr-1\"><\/i> 3D \/ 2N\r\n                    <\/span>\r\n                <\/div>\r\n            <\/div>\r\n\r\n            <!-- Action Button -->\r\n            <a href=\"https:\/\/tourvill.com\/index.php\/sajek-tour-package\/\" class=\"block w-full bg-blue-600 hover:bg-blue-700 text-white font-bold py-4 rounded-2xl transition-all shadow-lg shadow-blue-200 hover:shadow-blue-300\">\r\n                VIEW DETAILS\r\n            <\/a>\r\n        <\/div>\r\n    <\/div>\r\n\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-7bc89b2 elementor-widget elementor-widget-html\" data-id=\"7bc89b2\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\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    <script src=\"https:\/\/cdn.tailwindcss.com\"><\/script>\r\n    <link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.0.0\/css\/all.min.css\">\r\n    <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Plus+Jakarta+Sans:wght@300;400;600;700&display=swap\" rel=\"stylesheet\">\r\n    <style>\r\n        body { font-family: 'Plus Jakarta Sans', sans-serif; }\r\n    <\/style>\r\n<\/head>\r\n<body class=\"bg-gray-100 flex justify-center items-center min-h-screen p-4\">\r\n\r\n    <!-- Main Card Container -->\r\n    <div class=\"max-w-[400px] w-full bg-white rounded-3xl overflow-hidden shadow-2xl shadow-blue-100\/50 transition-all hover:scale-[1.01]\">\r\n        \r\n        <!-- Image & Top Overlay -->\r\n        <div class=\"relative h-64\">\r\n            <img decoding=\"async\" data-src=\"https:\/\/i.pinimg.com\/736x\/ef\/c4\/5a\/efc45a5b048e5da2a0ebe328d03c6471.jpg\" \r\n                 alt=\"Bandarban\" \r\n                 class=\"w-full h-full object-cover lazyload\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\">\r\n            \r\n            <!-- Elegant Top Gradient Overlay -->\r\n            <div class=\"absolute inset-0 bg-gradient-to-b from-blue-900\/80 via-transparent to-transparent p-6\">\r\n                <p class=\"text-blue-200 text-[10px] uppercase tracking-[0.2em] font-bold\">The Roof of Bengal<\/p>\r\n                <h3 class=\"text-white text-xl font-bold leading-tight\">BANDARBAN <br>HILL TRACKS<\/h3>\r\n            <\/div>\r\n            \r\n            <!-- Floating Badge -->\r\n            <div class=\"absolute bottom-4 left-4 bg-white\/90 backdrop-blur-md px-3 py-1 rounded-full shadow-sm\">\r\n                <p class=\"text-[10px] text-blue-800 font-bold tracking-tighter italic uppercase\">www.tourvillbd.com<\/p>\r\n            <\/div>\r\n        <\/div>\r\n\r\n        <!-- Content Section -->\r\n        <div class=\"p-6 text-center\">\r\n            <h5 class=\"text-xl font-bold text-gray-800 mb-2\">Bandarban Tour Package<\/h5>\r\n            <p class=\"text-gray-400 text-sm mb-6\">Explore the highest peaks and waterfalls<\/p>\r\n\r\n            <!-- Amenities Icons -->\r\n            <div class=\"flex justify-between items-center bg-gray-50 rounded-2xl p-4 mb-6\">\r\n                <div class=\"flex flex-col items-center gap-1\">\r\n                    <i class=\"fas fa-car text-blue-600 text-lg\"><\/i>\r\n                    <span class=\"text-[10px] text-gray-500 uppercase\">Transport<\/span>\r\n                <\/div>\r\n                <div class=\"flex flex-col items-center gap-1\">\r\n                    <i class=\"fas fa-hotel text-blue-600 text-lg\"><\/i>\r\n                    <span class=\"text-[10px] text-gray-500 uppercase\">Hotels<\/span>\r\n                <\/div>\r\n                <div class=\"flex flex-col items-center gap-1\">\r\n                    <i class=\"fas fa-utensils text-blue-600 text-lg\"><\/i>\r\n                    <span class=\"text-[10px] text-gray-500 uppercase\">Meals<\/span>\r\n                <\/div>\r\n                <div class=\"flex flex-col items-center gap-1\">\r\n                    <i class=\"fas fa-binoculars text-blue-600 text-lg\"><\/i>\r\n                    <span class=\"text-[10px] text-gray-500 uppercase\">Tours<\/span>\r\n                <\/div>\r\n            <\/div>\r\n\r\n            <!-- Pricing & Duration -->\r\n            <div class=\"flex items-center justify-between mb-8 px-2\">\r\n                <div class=\"text-left\">\r\n                    <span class=\"text-gray-400 text-xs block\">Starting from<\/span>\r\n                    <span class=\"text-2xl font-extrabold text-blue-600\">\u09f3 6,500<\/span>\r\n                <\/div>\r\n                <div class=\"text-right\">\r\n                    <span class=\"bg-blue-50 text-blue-700 px-3 py-1 rounded-lg text-xs font-bold whitespace-nowrap\">\r\n                        <i class=\"far fa-clock mr-1\"><\/i> 3D \/ 2N\r\n                    <\/span>\r\n                <\/div>\r\n            <\/div>\r\n\r\n            <!-- Action Button -->\r\n            <a href=\"https:\/\/tourvill.com\/index.php\/bandarban-tour-package\/\" class=\"block w-full bg-blue-600 hover:bg-blue-700 text-white font-bold py-4 rounded-2xl transition-all shadow-lg shadow-blue-200 hover:shadow-blue-300\">\r\n                VIEW DETAILS\r\n            <\/a>\r\n        <\/div>\r\n    <\/div>\r\n\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-230026e elementor-widget elementor-widget-html\" data-id=\"230026e\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\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    <script src=\"https:\/\/cdn.tailwindcss.com\"><\/script>\r\n    <link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.0.0\/css\/all.min.css\">\r\n    <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Plus+Jakarta+Sans:wght@300;400;600;700&display=swap\" rel=\"stylesheet\">\r\n    <style>\r\n        body { font-family: 'Plus Jakarta Sans', sans-serif; }\r\n    <\/style>\r\n<\/head>\r\n<body class=\"bg-gray-100 flex justify-center items-center min-h-screen p-4\">\r\n\r\n    <!-- Main Card Container -->\r\n    <div class=\"max-w-[400px] w-full bg-white rounded-3xl overflow-hidden shadow-2xl shadow-blue-100\/50 transition-all hover:scale-[1.01]\">\r\n        \r\n        <!-- Image & Top Overlay -->\r\n        <div class=\"relative h-64\">\r\n            <img decoding=\"async\" data-src=\"https:\/\/i.pinimg.com\/1200x\/a0\/61\/fa\/a061fa144924f1855ff04e06f72c9d3d.jpg\" \r\n                 alt=\"Sundarban\" \r\n                 class=\"w-full h-full object-cover lazyload\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\">\r\n            \r\n            <!-- Elegant Top Gradient Overlay -->\r\n            <div class=\"absolute inset-0 bg-gradient-to-b from-blue-900\/80 via-transparent to-transparent p-6\">\r\n                <p class=\"text-blue-200 text-[10px] uppercase tracking-[0.2em] font-bold\">World's Largest Mangrove<\/p>\r\n                <h3 class=\"text-white text-xl font-bold leading-tight\">SUNDARBAN <br>FOREST CRUISE<\/h3>\r\n            <\/div>\r\n            \r\n            <!-- Floating Badge -->\r\n            <div class=\"absolute bottom-4 left-4 bg-white\/90 backdrop-blur-md px-3 py-1 rounded-full shadow-sm\">\r\n                <p class=\"text-[10px] text-blue-800 font-bold tracking-tighter italic uppercase\">www.tourvillbd.com<\/p>\r\n            <\/div>\r\n        <\/div>\r\n\r\n        <!-- Content Section -->\r\n        <div class=\"p-6 text-center\">\r\n            <h5 class=\"text-xl font-bold text-gray-800 mb-2\">Sundarban Tour Package<\/h5>\r\n            <p class=\"text-gray-400 text-sm mb-6\">Wilderness of mangroves and majestic tigers<\/p>\r\n\r\n            <!-- Amenities Icons -->\r\n            <div class=\"flex justify-between items-center bg-gray-50 rounded-2xl p-4 mb-6\">\r\n                <div class=\"flex flex-col items-center gap-1\">\r\n                    <i class=\"fas fa-ship text-blue-600 text-lg\"><\/i>\r\n                    <span class=\"text-[10px] text-gray-500 uppercase\">Cruise<\/span>\r\n                <\/div>\r\n                <div class=\"flex flex-col items-center gap-1\">\r\n                    <i class=\"fas fa-bed text-blue-600 text-lg\"><\/i>\r\n                    <span class=\"text-[10px] text-gray-500 uppercase\">Cabin<\/span>\r\n                <\/div>\r\n                <div class=\"flex flex-col items-center gap-1\">\r\n                    <i class=\"fas fa-utensils text-blue-600 text-lg\"><\/i>\r\n                    <span class=\"text-[10px] text-gray-500 uppercase\">Meals<\/span>\r\n                <\/div>\r\n                <div class=\"flex flex-col items-center gap-1\">\r\n                    <i class=\"fas fa-shield-alt text-blue-600 text-lg\"><\/i>\r\n                    <span class=\"text-[10px] text-gray-500 uppercase\">Safety<\/span>\r\n                <\/div>\r\n            <\/div>\r\n\r\n            <!-- Pricing & Duration -->\r\n            <div class=\"flex items-center justify-between mb-8 px-2\">\r\n                <div class=\"text-left\">\r\n                    <span class=\"text-gray-400 text-xs block\">Starting from<\/span>\r\n                    <span class=\"text-2xl font-extrabold text-blue-600\">\u09f3 12,000<\/span>\r\n                <\/div>\r\n                <div class=\"text-right\">\r\n                    <span class=\"bg-blue-50 text-blue-700 px-3 py-1 rounded-lg text-xs font-bold whitespace-nowrap\">\r\n                        <i class=\"far fa-clock mr-1\"><\/i> 3D \/ 2N\r\n                    <\/span>\r\n                <\/div>\r\n            <\/div>\r\n\r\n            <!-- Action Button -->\r\n            <a href=\"https:\/\/tourvill.com\/index.php\/sundarban-tour-package\/\" class=\"block w-full bg-blue-600 hover:bg-blue-700 text-white font-bold py-4 rounded-2xl transition-all shadow-lg shadow-blue-200 hover:shadow-blue-300\">\r\n                VIEW DETAILS\r\n            <\/a>\r\n        <\/div>\r\n    <\/div>\r\n\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-416cc48 elementor-widget elementor-widget-html\" data-id=\"416cc48\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\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    <script src=\"https:\/\/cdn.tailwindcss.com\"><\/script>\r\n    <link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.0.0\/css\/all.min.css\">\r\n    <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Plus+Jakarta+Sans:wght@300;400;600;700&display=swap\" rel=\"stylesheet\">\r\n    <style>\r\n        body { font-family: 'Plus Jakarta Sans', sans-serif; }\r\n    <\/style>\r\n<\/head>\r\n<body class=\"bg-gray-100 flex justify-center items-center min-h-screen p-4\">\r\n\r\n    <!-- Main Card Container -->\r\n    <div class=\"max-w-[400px] w-full bg-white rounded-3xl overflow-hidden shadow-2xl shadow-blue-100\/50 transition-all hover:scale-[1.01]\">\r\n        \r\n        <!-- Image & Top Overlay -->\r\n        <div class=\"relative h-64\">\r\n            <img decoding=\"async\" data-src=\"https:\/\/i.pinimg.com\/1200x\/93\/29\/98\/93299833e3513ba423743c1fe89b9165.jpg\" \r\n                 alt=\"Saint Martin\" \r\n                 class=\"w-full h-full object-cover lazyload\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\">\r\n            \r\n            <!-- Elegant Top Gradient Overlay -->\r\n            <div class=\"absolute inset-0 bg-gradient-to-b from-blue-900\/80 via-transparent to-transparent p-6\">\r\n                <p class=\"text-blue-200 text-[10px] uppercase tracking-[0.2em] font-bold\">The Only Coral Island<\/p>\r\n                <h3 class=\"text-white text-xl font-bold leading-tight\">SAINT MARTIN <br>BLUE MARINE<\/h3>\r\n            <\/div>\r\n            \r\n            <!-- Floating Badge -->\r\n            <div class=\"absolute bottom-4 left-4 bg-white\/90 backdrop-blur-md px-3 py-1 rounded-full shadow-sm\">\r\n                <p class=\"text-[10px] text-blue-800 font-bold tracking-tighter italic uppercase\">www.tourvillbd.com<\/p>\r\n            <\/div>\r\n        <\/div>\r\n\r\n        <!-- Content Section -->\r\n        <div class=\"p-6 text-center\">\r\n            <h5 class=\"text-xl font-bold text-gray-800 mb-2\">Saint Martin Tour Package<\/h5>\r\n            <p class=\"text-gray-400 text-sm mb-6\">Crystal clear water and coral serenity<\/p>\r\n\r\n            <!-- Amenities Icons -->\r\n            <div class=\"flex justify-between items-center bg-gray-50 rounded-2xl p-4 mb-6\">\r\n                <div class=\"flex flex-col items-center gap-1\">\r\n                    <i class=\"fas fa-ship text-blue-600 text-lg\"><\/i>\r\n                    <span class=\"text-[10px] text-gray-500 uppercase\">Ship<\/span>\r\n                <\/div>\r\n                <div class=\"flex flex-col items-center gap-1\">\r\n                    <i class=\"fas fa-hotel text-blue-600 text-lg\"><\/i>\r\n                    <span class=\"text-[10px] text-gray-500 uppercase\">Resort<\/span>\r\n                <\/div>\r\n                <div class=\"flex flex-col items-center gap-1\">\r\n                    <i class=\"fas fa-utensils text-blue-600 text-lg\"><\/i>\r\n                    <span class=\"text-[10px] text-gray-500 uppercase\">Meals<\/span>\r\n                <\/div>\r\n                <div class=\"flex flex-col items-center gap-1\">\r\n                    <i class=\"fas fa-umbrella-beach text-blue-600 text-lg\"><\/i>\r\n                    <span class=\"text-[10px] text-gray-500 uppercase\">Beach<\/span>\r\n                <\/div>\r\n            <\/div>\r\n\r\n            <!-- Pricing & Duration -->\r\n            <div class=\"flex items-center justify-between mb-8 px-2\">\r\n                <div class=\"text-left\">\r\n                    <span class=\"text-gray-400 text-xs block\">Starting from<\/span>\r\n                    <span class=\"text-2xl font-extrabold text-blue-600\">\u09f3 9,500<\/span>\r\n                <\/div>\r\n                <div class=\"text-right\">\r\n                    <span class=\"bg-blue-50 text-blue-700 px-3 py-1 rounded-lg text-xs font-bold whitespace-nowrap\">\r\n                        <i class=\"far fa-clock mr-1\"><\/i> 2D \/ 1N\r\n                    <\/span>\r\n                <\/div>\r\n            <\/div>\r\n\r\n            <!-- Action Button -->\r\n            <a href=\"https:\/\/tourvill.com\/index.php\/saint-martin-tour-package\/\" class=\"block w-full bg-blue-600 hover:bg-blue-700 text-white font-bold py-4 rounded-2xl transition-all shadow-lg shadow-blue-200 hover:shadow-blue-300\">\r\n                VIEW DETAILS\r\n            <\/a>\r\n        <\/div>\r\n    <\/div>\r\n\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-b1e9443 e-flex e-con-boxed e-con e-parent\" data-id=\"b1e9443\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-ad6377d elementor-widget elementor-widget-html\" data-id=\"ad6377d\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\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    <script src=\"https:\/\/cdn.tailwindcss.com\"><\/script>\r\n    <link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.0.0\/css\/all.min.css\">\r\n    <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Plus+Jakarta+Sans:wght@400;600;700&display=swap\" rel=\"stylesheet\">\r\n    <style>\r\n        body { font-family: 'Plus Jakarta Sans', sans-serif; }\r\n        .testimonial-card:hover { transform: translateY(-5px); }\r\n    <\/style>\r\n<\/head>\r\n<body class=\"bg-slate-50\">\r\n\r\n<section class=\"py-20 px-6\">\r\n    <div class=\"max-w-7xl mx-auto\">\r\n        \r\n        <!-- Section Header -->\r\n        <div class=\"text-center mb-16\">\r\n            <span class=\"text-blue-600 font-bold uppercase tracking-widest text-xs\"><\/span>\r\n            <h2 class=\"text-4xl md:text-5xl font-bold text-slate-900 mt-3 mb-5\">Happy Travelers<\/h2>\r\n            <p class=\"text-slate-500 max-w-2xl mx-auto text-lg leading-relaxed\">\r\n                See what our guests say about their Bangladesh journey with Tourvill. From families to international explorers \u2013 everyone loves their experience.\r\n            <\/p>\r\n        <\/div>\r\n\r\n        <!-- Review Grid -->\r\n        <div class=\"grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-8\">\r\n            \r\n            <!-- Review 1: Rahima Begum -->\r\n            <div class=\"testimonial-card bg-white p-8 rounded-[2rem] shadow-xl shadow-blue-900\/5 transition-all duration-300 border border-slate-50 flex flex-col justify-between\">\r\n                <div>\r\n                    <div class=\"flex text-amber-400 mb-4 space-x-1\">\r\n                        <i class=\"fas fa-star text-sm\"><\/i><i class=\"fas fa-star text-sm\"><\/i><i class=\"fas fa-star text-sm\"><\/i><i class=\"fas fa-star text-sm\"><\/i><i class=\"fas fa-star text-sm\"><\/i>\r\n                    <\/div>\r\n                    <p class=\"text-slate-600 leading-relaxed italic mb-6\">\r\n                        \"\u0986\u09ae\u09b0\u09be \u09ab\u09cd\u09af\u09be\u09ae\u09bf\u09b2\u09bf \u09a8\u09bf\u09af\u09bc\u09c7 Sajek \u0997\u09bf\u09af\u09bc\u09c7\u099b\u09bf\u09b2\u09be\u09ae\u0964 \u09b8\u09ac\u0995\u09bf\u099b\u09c1 \u09aa\u09be\u09b0\u09ab\u09c7\u0995\u09cd\u099f \u099b\u09bf\u09b2 \u2013 \u0997\u09be\u0987\u09a1, \u0996\u09be\u09ac\u09be\u09b0, \u09b9\u09cb\u099f\u09c7\u09b2\u0964 \u09ac\u09be\u099a\u09cd\u099a\u09be\u09b0\u09be\u0993 \u0996\u09c1\u09ac \u098f\u09a8\u099c\u09af\u09bc \u0995\u09b0\u09c7\u099b\u09c7\u0964 \u09a7\u09a8\u09cd\u09af\u09ac\u09be\u09a6 Tourvill!\"\r\n                    <\/p>\r\n                <\/div>\r\n                <div class=\"flex items-center gap-4\">\r\n                    <div class=\"w-12 h-12 bg-blue-100 rounded-full flex items-center justify-center text-blue-600 font-bold\">RB<\/div>\r\n                    <div>\r\n                        <h4 class=\"font-bold text-slate-900 text-sm\">- Rahima Begum, Dhaka<\/h4>\r\n                        <span class=\"text-[11px] text-blue-500 font-medium uppercase tracking-wider\">Family Trip to Sajek<\/span>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n\r\n            <!-- Review 2: Anna & James -->\r\n            <div class=\"testimonial-card bg-white p-8 rounded-[2rem] shadow-xl shadow-blue-900\/5 transition-all duration-300 border border-slate-50 flex flex-col justify-between\">\r\n                <div>\r\n                    <div class=\"flex text-amber-400 mb-4 space-x-1\">\r\n                        <i class=\"fas fa-star text-sm\"><\/i><i class=\"fas fa-star text-sm\"><\/i><i class=\"fas fa-star text-sm\"><\/i><i class=\"fas fa-star text-sm\"><\/i><i class=\"fas fa-star text-sm\"><\/i>\r\n                    <\/div>\r\n                    <p class=\"text-slate-600 leading-relaxed italic mb-6\">\r\n                        \"Our first time in Bangladesh and it was magical! The Sundarban cruise was unforgettable. Highly recommend Tourvill!\"\r\n                    <\/p>\r\n                <\/div>\r\n                <div class=\"flex items-center gap-4\">\r\n                    <div class=\"w-12 h-12 bg-blue-100 rounded-full flex items-center justify-center text-blue-600 font-bold\">AJ<\/div>\r\n                    <div>\r\n                        <h4 class=\"font-bold text-slate-900 text-sm\">- Anna & James, UK<\/h4>\r\n                        <span class=\"text-[11px] text-blue-500 font-medium uppercase tracking-wider\">Couple Trip to Sundarban<\/span>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n\r\n            <!-- Review 3: Rakib & Friends -->\r\n            <div class=\"testimonial-card bg-white p-8 rounded-[2rem] shadow-xl shadow-blue-900\/5 transition-all duration-300 border border-slate-50 flex flex-col justify-between\">\r\n                <div>\r\n                    <div class=\"flex text-amber-400 mb-4 space-x-1\">\r\n                        <i class=\"fas fa-star text-sm\"><\/i><i class=\"fas fa-star text-sm\"><\/i><i class=\"fas fa-star text-sm\"><\/i><i class=\"fas fa-star text-sm\"><\/i><i class=\"fas fa-star text-sm\"><\/i>\r\n                    <\/div>\r\n                    <p class=\"text-slate-600 leading-relaxed italic mb-6\">\r\n                        \"Bandarban trek \u099b\u09bf\u09b2 \u09a6\u09be\u09b0\u09c1\u09a3! \u0997\u09be\u0987\u09a1\u09b0\u09be \u09b8\u09ac\u09b8\u09ae\u09af\u09bc \u09b8\u09be\u09a5\u09c7 \u099b\u09bf\u09b2, \u0996\u09be\u09ac\u09be\u09b0 \u0985\u09b8\u09be\u09a7\u09be\u09b0\u09a3\u0964 \u09a6\u09be\u09ae\u09c7\u09b0 \u09a4\u09c1\u09b2\u09a8\u09be\u09af\u09bc \u0985\u09a8\u09c7\u0995 \u09ad\u09cd\u09af\u09be\u09b2\u09c1 \u09aa\u09c7\u09af\u09bc\u09c7\u099b\u09bf\u0964\"\r\n                    <\/p>\r\n                <\/div>\r\n                <div class=\"flex items-center gap-4\">\r\n                    <div class=\"w-12 h-12 bg-blue-100 rounded-full flex items-center justify-center text-blue-600 font-bold\">RF<\/div>\r\n                    <div>\r\n                        <h4 class=\"font-bold text-slate-900 text-sm\">- Rakib & Friends, Ctg<\/h4>\r\n                        <span class=\"text-[11px] text-blue-500 font-medium uppercase tracking-wider\">Group Trip to Bandarban<\/span>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n\r\n            <!-- Review 4: Sarah Lee -->\r\n            <div class=\"testimonial-card bg-white p-8 rounded-[2rem] shadow-xl shadow-blue-900\/5 transition-all duration-300 border border-slate-50 flex flex-col justify-between\">\r\n                <div>\r\n                    <div class=\"flex text-amber-400 mb-4 space-x-1\">\r\n                        <i class=\"fas fa-star text-sm\"><\/i><i class=\"fas fa-star text-sm\"><\/i><i class=\"fas fa-star text-sm\"><\/i><i class=\"fas fa-star text-sm\"><\/i><i class=\"fas fa-star text-sm\"><\/i>\r\n                    <\/div>\r\n                    <p class=\"text-slate-600 leading-relaxed italic mb-6\">\r\n                        \"Felt completely safe as a solo female traveler. Guides were respectful and helpful. Saint Martin was paradise.\"\r\n                    <\/p>\r\n                <\/div>\r\n                <div class=\"flex items-center gap-4\">\r\n                    <div class=\"w-12 h-12 bg-blue-100 rounded-full flex items-center justify-center text-blue-600 font-bold\">SL<\/div>\r\n                    <div>\r\n                        <h4 class=\"font-bold text-slate-900 text-sm\">- Sarah Lee, Australia<\/h4>\r\n                        <span class=\"text-[11px] text-blue-500 font-medium uppercase tracking-wider\">Solo Trip to Saint Martin<\/span>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n\r\n            <!-- Review 5: Sumaiya & Rashed -->\r\n            <div class=\"testimonial-card bg-white p-8 rounded-[2rem] shadow-xl shadow-blue-900\/5 transition-all duration-300 border border-slate-50 flex flex-col justify-between\">\r\n                <div>\r\n                    <div class=\"flex text-amber-400 mb-4 space-x-1\">\r\n                        <i class=\"fas fa-star text-sm\"><\/i><i class=\"fas fa-star text-sm\"><\/i><i class=\"fas fa-star text-sm\"><\/i><i class=\"fas fa-star text-sm\"><\/i><i class=\"fas fa-star text-sm\"><\/i>\r\n                    <\/div>\r\n                    <p class=\"text-slate-600 leading-relaxed italic mb-6\">\r\n                        \"\u09b9\u09be\u09a8\u09bf\u09ae\u09c1\u09a8\u09c7 Cox's Bazar \u0997\u09bf\u09af\u09bc\u09c7\u099b\u09bf\u09b2\u09be\u09ae\u0964 \u09b8\u09ac\u0995\u09bf\u099b\u09c1 \u09b0\u09cb\u09ae\u09be\u09a8\u09cd\u099f\u09bf\u0995 \u0986\u09b0 \u0995\u09ae\u09ab\u09b0\u09cd\u099f\u09c7\u09ac\u09b2 \u099b\u09bf\u09b2\u0964 Thank you Tourvill!\"\r\n                    <\/p>\r\n                <\/div>\r\n                <div class=\"flex items-center gap-4\">\r\n                    <div class=\"w-12 h-12 bg-blue-100 rounded-full flex items-center justify-center text-blue-600 font-bold\">SR<\/div>\r\n                    <div>\r\n                        <h4 class=\"font-bold text-slate-900 text-sm\">- Sumaiya & Rashed<\/h4>\r\n                        <span class=\"text-[11px] text-blue-500 font-medium uppercase tracking-wider\">Couple Trip to Cox's Bazar<\/span>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n\r\n            <!-- Review 6: Mark & Family -->\r\n            <div class=\"testimonial-card bg-white p-8 rounded-[2rem] shadow-xl shadow-blue-900\/5 transition-all duration-300 border border-slate-50 flex flex-col justify-between\">\r\n                <div>\r\n                    <div class=\"flex text-amber-400 mb-4 space-x-1\">\r\n                        <i class=\"fas fa-star text-sm\"><\/i><i class=\"fas fa-star text-sm\"><\/i><i class=\"fas fa-star text-sm\"><\/i><i class=\"fas fa-star text-sm\"><\/i><i class=\"fas fa-star text-sm\"><\/i>\r\n                    <\/div>\r\n                    <p class=\"text-slate-600 leading-relaxed italic mb-6\">\r\n                        \"Brought our kids to Bangladesh \u2013 they loved the boat ride! Everything was organized perfectly.\"\r\n                    <\/p>\r\n                <\/div>\r\n                <div class=\"flex items-center gap-4\">\r\n                    <div class=\"w-12 h-12 bg-blue-100 rounded-full flex items-center justify-center text-blue-600 font-bold\">MF<\/div>\r\n                    <div>\r\n                        <h4 class=\"font-bold text-slate-900 text-sm\">- Mark & Family, Canada<\/h4>\r\n                        <span class=\"text-[11px] text-blue-500 font-medium uppercase tracking-wider\">Family Trip to Tanguar Haor<\/span>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n\r\n        <\/div>\r\n    <\/div>\r\n<\/section>\r\n\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-5c08fb3 e-con-full e-flex elementor-invisible e-con e-parent\" data-id=\"5c08fb3\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;animation&quot;:&quot;fadeIn&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-0c84b5e elementor-widget elementor-widget-html\" data-id=\"0c84b5e\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- Partners \/ Affiliations Logos Section - Full Color -->\r\n<section style=\"padding:80px 20px; background:#fff; text-align:center; font-family:'Segoe UI', Arial, sans-serif;\">\r\n  <div style=\"max-width:1200px; margin:0 auto;\">\r\n    <h2 style=\"font-size:2.8rem; color:#004aad; margin-bottom:1.5rem; font-weight:bold;\">Our Partners & Affiliations<\/h2>\r\n    <p style=\"font-size:1.2rem; color:#555; margin-bottom:50px; max-width:800px; margin-left:auto; margin-right:auto;\">\r\n      We collaborate with trusted organizations to ensure safe, reliable, and high-quality tours for all our guests.\r\n    <\/p>\r\n\r\n    <div style=\"display:flex; flex-wrap:wrap; justify-content:center; align-items:center; gap:50px 80px;\">\r\n      \r\n      <!-- Bangladesh Tourism Board -->\r\n      <img decoding=\"async\" data-src=\"https:\/\/toab.org\/wp-content\/uploads\/2025\/08\/logo.png\" alt=\"Bangladesh Tourism Board\" style=\"height:80px; object-fit:contain; transition:0.3s;\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" class=\"lazyload\">\r\n      \r\n      <!-- TOAB -->\r\n      <img decoding=\"async\" data-src=\"https:\/\/btbregistration.gov.bd\/assets\/images\/btb-logo.png\" alt=\"TOAB\" style=\"height:80px; object-fit:contain; transition:0.3s;\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" class=\"lazyload\">\r\n      \r\n      <!-- IATA -->\r\n      <img decoding=\"async\" src=\"http:\/\/encrypted-tbn0.gstatic.com\/images?q=tbn:ANd9GcS7HhvaKVJuB8om_UL-S3BqxJfJxX01lX-NLw&s\" alt=\"IATA\" style=\"height:80px; object-fit:contain; transition:0.3s;\">\r\n      \r\n      <!-- bKash -->\r\n      <img decoding=\"async\" data-src=\"https:\/\/breakbite.com\/wp-content\/uploads\/2024\/09\/breakbite-ventures-logo-1.webp\" alt=\"bKash\" style=\"height:60px; object-fit:contain; transition:0.3s;\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" class=\"lazyload\">\r\n      \r\n      <!-- Nagad -->\r\n      <img decoding=\"async\" data-src=\"https:\/\/www.worldbank.org\/ext\/en\/media_1b9d836624bdfd028dfbe9f018f3f12e52326504c.svg?width=2000&format=webply&optimize=medium\" alt=\"Nagad\" style=\"height:60px; object-fit:contain; transition:0.3s;\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" class=\"lazyload\">\r\n      \r\n      <!-- Visa -->\r\n      <img decoding=\"async\" data-src=\"https:\/\/breakbite.com\/wp-content\/uploads\/2025\/12\/unwomen_logo-png.webp\" alt=\"Visa\" style=\"height:60px; object-fit:contain; transition:0.3s;\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" class=\"lazyload\">\r\n      \r\n      <!-- Mastercard -->\r\n      <img decoding=\"async\" data-src=\"https:\/\/upload.wikimedia.org\/wikipedia\/commons\/thumb\/2\/2a\/Mastercard-logo.svg\/512px-Mastercard-logo.svg.png\" alt=\"Mastercard\" style=\"height:60px; object-fit:contain; transition:0.3s;\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" class=\"lazyload\">\r\n    <\/div>\r\n\r\n    <p style=\"font-size:1.1rem; color:#777; margin-top:40px;\">\r\n      We are proud to work with these trusted partners for seamless travel experiences.\r\n    <\/p>\r\n  <\/div>\r\n<\/section>\r\n\r\n<!-- Hover Effect (no grayscale, only scale & shadow) -->\r\n<style>\r\n  img {\r\n    transition: all 0.3s ease;\r\n  }\r\n  img:hover {\r\n    transform: scale(1.15);\r\n    box-shadow: 0 10px 20px rgba(0,0,0,0.15);\r\n  }\r\n<\/style>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Tourvill Hero Make Your Travel Easier With AI Hotels, Flights, Houseboats &#038; Holiday Packages \u2014 all in one place AI NEW Hotels Flights Houseboat Packages Tourvill AI Travel Assistant Destination, date, budget \u09b2\u09bf\u0996\u09c1\u09a8 \u2014 \u09aa\u09c1\u09b0\u09cb trip plan \u09aa\u09be\u09ac\u09c7\u09a8 \u09ac\u09be\u0982\u09b2\u09be \u09ac\u09be English-\u098f\u0964 \ud83d\udc4b \u0986\u09ae\u09be\u0995\u09c7 \u09ac\u09b2\u09c1\u09a8 \u0995\u09cb\u09a5\u09be\u09af\u09bc \u09af\u09c7\u09a4\u09c7 \u099a\u09be\u09a8, \u0995\u09ac\u09c7, \u0995\u09a4\u099c\u09a8 \u2014 \u0986\u09ae\u09bf plan \u0995\u09b0\u09c7 \u09a6\u09c7\u09ac\u09cb! \ud83c\udfd6\ufe0f [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-26","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/tourvill.com\/index.php\/wp-json\/wp\/v2\/pages\/26","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/tourvill.com\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/tourvill.com\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/tourvill.com\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/tourvill.com\/index.php\/wp-json\/wp\/v2\/comments?post=26"}],"version-history":[{"count":250,"href":"https:\/\/tourvill.com\/index.php\/wp-json\/wp\/v2\/pages\/26\/revisions"}],"predecessor-version":[{"id":1454,"href":"https:\/\/tourvill.com\/index.php\/wp-json\/wp\/v2\/pages\/26\/revisions\/1454"}],"wp:attachment":[{"href":"https:\/\/tourvill.com\/index.php\/wp-json\/wp\/v2\/media?parent=26"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}