{"id":7,"date":"2026-06-28T13:13:04","date_gmt":"2026-06-28T13:13:04","guid":{"rendered":"http:\/\/dana.mithunwimalasiri.com\/?page_id=7"},"modified":"2026-06-28T15:43:16","modified_gmt":"2026-06-28T15:43:16","slug":"home","status":"publish","type":"page","link":"https:\/\/dana.mithunwimalasiri.com\/","title":{"rendered":"Home"},"content":{"rendered":"\n<style>\n@import url('https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@300;400;600;700;900&display=swap');\n\n.cg-hero {\n  position: relative;\n  width: 100%;\n  min-height: 100vh;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  overflow: hidden;\n  font-family: 'Inter', sans-serif;\n  background: #0B1628;\n}\n\n.cg-video-bg {\n  position: absolute;\n  inset: 0;\n  z-index: 0;\n}\n.cg-video-bg video {\n  width: 100%;\n  height: 100%;\n  object-fit: cover;\n  display: block;\n}\n.cg-video-bg::after {\n  content: '';\n  position: absolute;\n  inset: 0;\n  background: rgba(11, 22, 40, 0.68);\n}\n\n.cg-center {\n  position: relative;\n  z-index: 2;\n  text-align: center;\n  padding: 40px 24px;\n  max-width: 720px;\n  margin: 0 auto;\n}\n\n\/* Badge *\/\n.cg-badge {\n  display: inline-flex;\n  align-items: center;\n  gap: 8px;\n  background: rgba(22,163,74,0.12);\n  border: 1px solid rgba(22,163,74,0.30);\n  border-radius: 40px;\n  padding: 7px 18px;\n  font-size: 12px;\n  font-weight: 600;\n  color: #4ade80;\n  letter-spacing: 0.4px;\n  margin-bottom: 28px;\n  opacity: 0;\n  animation: cgUp 0.7s ease forwards 0.1s;\n}\n.cg-dot {\n  width: 7px; height: 7px;\n  border-radius: 50%;\n  background: #22c55e;\n  animation: cgPulse 2s ease-in-out infinite;\n}\n@keyframes cgPulse {\n  0%,100%{opacity:1;transform:scale(1)}\n  50%{opacity:0.4;transform:scale(0.7)}\n}\n\n\/* Heading *\/\n.cg-h1 {\n  font-size: clamp(38px, 7vw, 68px);\n  font-weight: 900;\n  line-height: 1.05;\n  letter-spacing: -2.5px;\n  color: #ffffff;\n  margin-bottom: 18px;\n  opacity: 0;\n  animation: cgUp 0.8s ease forwards 0.25s;\n}\n.cg-h1 .green { color: #22c55e; }\n\n\/* Sub heading *\/\n.cg-sub {\n  font-size: 16px;\n  font-weight: 300;\n  line-height: 1.75;\n  color: rgba(255,255,255,0.55);\n  max-width: 500px;\n  margin: 0 auto 40px;\n  opacity: 0;\n  animation: cgUp 0.8s ease forwards 0.4s;\n}\n\n\/* Buttons *\/\n.cg-btns {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  gap: 14px;\n  flex-wrap: wrap;\n  opacity: 0;\n  animation: cgUp 0.8s ease forwards 0.55s;\n}\n\n.cg-btn-main {\n  position: relative;\n  display: inline-flex;\n  align-items: center;\n  gap: 8px;\n  padding: 14px 28px;\n  border-radius: 12px;\n  font-size: 14px;\n  font-weight: 700;\n  font-family: 'Inter', sans-serif;\n  text-decoration: none;\n  color: #fff;\n  background: #16a34a;\n  border: none;\n  cursor: pointer;\n  overflow: hidden;\n  transition: transform 0.2s, box-shadow 0.2s;\n  letter-spacing: 0.2px;\n}\n\na.cg-btn-main:hover{\ncolor:#F4B400\n!important}\na.cg-btn-glass:hover{\ncolor:#F4B400\n!important}\n\n.cg-btn-main::before {\n  content: '';\n  position: absolute;\n  top: -50%; left: -60%;\n  width: 40%; height: 200%;\n  background: rgba(255,255,255,0.18);\n  transform: skewX(-20deg);\n  animation: cgShine 3s ease-in-out infinite 1.2s;\n}\n@keyframes cgShine {\n  0%{left:-60%;opacity:0}\n  20%{opacity:1}\n  40%{left:130%;opacity:0}\n  100%{left:130%;opacity:0}\n}\n.cg-btn-main:hover { transform: translateY(-2px); box-shadow: 0 12px 32px rgba(22,163,74,0.35); }\n.cg-btn-main svg { width: 16px; height: 16px; fill: none; stroke: currentColor; stroke-width: 2.5; stroke-linecap: round; }\n\n\/* Glass button *\/\n.cg-btn-glass {\n  position: relative;\n  display: inline-flex;\n  align-items: center;\n  gap: 8px;\n  padding: 13px 26px;\n  border-radius: 12px;\n  font-size: 14px;\n  font-weight: 600;\n  font-family: 'Inter', sans-serif;\n  text-decoration: none;\n  color: #fff;\n  background: rgba(255,255,255,0.08);\n  border: 1px solid rgba(255,255,255,0.20);\n  cursor: pointer;\n  overflow: hidden;\n  transition: transform 0.2s, background 0.2s, border-color 0.2s;\n  backdrop-filter: blur(10px);\n  -webkit-backdrop-filter: blur(10px);\n  letter-spacing: 0.2px;\n}\n.cg-btn-glass::before {\n  content: '';\n  position: absolute;\n  top: 0; left: 0; right: 0;\n  height: 1px;\n  background: linear-gradient(90deg, transparent, rgba(255,255,255,0.4), transparent);\n}\n.cg-btn-glass::after {\n  content: '';\n  position: absolute;\n  top: -50%; left: -60%;\n  width: 40%; height: 200%;\n  background: rgba(255,255,255,0.10);\n  transform: skewX(-20deg);\n  animation: cgShine 3s ease-in-out infinite 1.8s;\n}\n.cg-btn-glass:hover { transform: translateY(-2px); background: rgba(255,255,255,0.14); border-color: rgba(255,255,255,0.35); }\n.cg-btn-glass svg { width: 16px; height: 16px; fill: none; stroke: currentColor; stroke-width: 2.5; stroke-linecap: round; }\n\n@keyframes cgUp {\n  from { opacity:0; transform: translateY(24px); }\n  to   { opacity:1; transform: translateY(0); }\n}\n\n@media (max-width: 600px) {\n  .cg-btns { flex-direction: column; align-items: stretch; }\n  .cg-btn-main, .cg-btn-glass { justify-content: center; }\n  .cg-h1 { letter-spacing: -1.5px; }\n}\n@media (prefers-reduced-motion: reduce) {\n  .cg-badge,.cg-h1,.cg-sub,.cg-btns { animation: none; opacity: 1; }\n  .cg-btn-main::before, .cg-btn-glass::after { animation: none; }\n}\n<\/style>\n\n<section class=\"cg-hero\">\n\n  <!-- Video background \u2014 replace src with your video URL from WordPress Media Library -->\n  <div class=\"cg-video-bg\">\n    <video autoplay=\"\" muted=\"\" loop=\"\" playsinline=\"\" poster=\"\">\n      <source src=\"http:\/\/dana.mithunwimalasiri.com\/wp-content\/uploads\/2026\/06\/Promotional_video_CeyGo_Lanka_Tr\u2026_2026062818591.mp4\" type=\"video\/mp4\">\n    <\/video>\n  <\/div>\n\n  <!-- Content -->\n  <div class=\"cg-center\">\n\n    <div class=\"cg-badge\">\n      <div class=\"cg-dot\"><\/div>\n      #1 Rated Travel Company in Kandy\n    <\/div>\n\n    <h1 class=\"cg-h1\">\n      Explore Sri Lanka<br>\n      <span class=\"green\">with Comfort<\/span>\n    <\/h1>\n\n    <p class=\"cg-sub\">\n      From the misty hills of Kandy to the golden shores of Mirissa \u2014 we take you there safely, comfortably, and with a smile.\n    <\/p>\n\n    <div class=\"cg-btns\">\n      <a href=\"\/booking\" class=\"cg-btn-main\">\n        <svg viewBox=\"0 0 24 24\"><path d=\"M5 12h14M12 5l7 7-7 7\"><\/path><\/svg>\n        Plan My Journey\n      <\/a>\n      <a href=\"\/services\" class=\"cg-btn-glass\">\n        <svg viewBox=\"0 0 24 24\"><circle cx=\"12\" cy=\"12\" r=\"10\"><\/circle><polygon points=\"10 8 16 12 10 16 10 8\"><\/polygon><\/svg>\n        See Our Services\n      <\/a>\n    <\/div>\n\n  <\/div>\n\n<\/section>\n\n\n\n<div class=\"wp-block-uagb-container uagb-block-673e17b8 alignwide uagb-is-root-container\">\n<style>\n@import url('https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@300;400;500;600;700;800&display=swap');\n\n.cg-why {\n  width: 100%;\n  background: #ffffff;\n  font-family: 'Inter', sans-serif;\n  padding: 80px 48px;\n  box-sizing: border-box;\n}\n\n.cg-why-inner {\n  max-width: 1100px;\n  margin: 0 auto;\n  display: grid;\n  grid-template-columns: 1fr 1fr;\n  gap: 72px;\n  align-items: center;\n}\n\n\/* \u2500\u2500 LEFT SIDE \u2500\u2500 *\/\n.cg-why-left {}\n\n.cg-why-rule {\n  width: 40px;\n  height: 3px;\n  background: #16a34a;\n  border-radius: 2px;\n  margin-bottom: 18px;\n}\n\n.cg-why-heading {\n  font-size: clamp(28px, 4vw, 38px);\n  font-weight: 800;\n  color: #0B1628;\n  letter-spacing: -1px;\n  line-height: 1.15;\n  margin-bottom: 8px;\n}\n\n.cg-why-subhead {\n  font-size: 14px;\n  color: #94a3b8;\n  font-weight: 400;\n  margin-bottom: 40px;\n  line-height: 1.6;\n}\n\n\/* Feature rows *\/\n.cg-why-divider {\n  width: 100%;\n  height: 1px;\n  background: #f1f5f9;\n  margin: 0;\n}\n\n.cg-why-item {\n  display: grid;\n  grid-template-columns: 180px 1fr;\n  gap: 24px;\n  align-items: start;\n  padding: 28px 0;\n  opacity: 0;\n  transform: translateY(20px);\n  transition: opacity 0.5s ease, transform 0.5s ease;\n}\n.cg-why-item.cg-visible {\n  opacity: 1;\n  transform: translateY(0);\n}\n.cg-why-item:hover .cg-why-item-title {\n  color: #16a34a;\n}\n\n.cg-why-item-title {\n  font-size: 16px;\n  font-weight: 700;\n  color: #0B1628;\n  letter-spacing: -0.3px;\n  line-height: 1.4;\n  transition: color 0.2s;\n  display: flex;\n  align-items: flex-start;\n  gap: 10px;\n  padding-top: 2px;\n}\n\n.cg-why-icon {\n  width: 32px;\n  height: 32px;\n  border-radius: 8px;\n  background: #f0fdf4;\n  border: 1px solid #bbf7d0;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  flex-shrink: 0;\n  margin-top: -2px;\n  transition: background 0.2s, border-color 0.2s;\n}\n.cg-why-item:hover .cg-why-icon {\n  background: #16a34a;\n  border-color: #16a34a;\n}\n.cg-why-icon svg {\n  width: 15px;\n  height: 15px;\n  fill: none;\n  stroke: #16a34a;\n  stroke-width: 2.2;\n  stroke-linecap: round;\n  stroke-linejoin: round;\n  transition: stroke 0.2s;\n}\n.cg-why-item:hover .cg-why-icon svg {\n  stroke: #ffffff;\n}\n\n.cg-why-item-desc {\n  font-size: 14px;\n  color: #64748b;\n  line-height: 1.75;\n  font-weight: 400;\n}\n.cg-why-item-desc strong {\n  color: #16a34a;\n  font-weight: 600;\n}\n\n\/* \u2500\u2500 RIGHT SIDE IMAGE \u2500\u2500 *\/\n.cg-why-right {\n  position: relative;\n}\n\n.cg-why-img-wrap {\n  position: relative;\n  border-radius: 20px;\n  overflow: hidden;\n  aspect-ratio: 4\/5;\n  background: #0B1628;\n}\n\n.cg-why-img-wrap img {\n  width: 100%;\n  height: 100%;\n  object-fit: cover;\n  display: block;\n  transition: transform 0.6s ease;\n}\n.cg-why-img-wrap:hover img {\n  transform: scale(1.04);\n}\n\n\/* Overlay card bottom *\/\n.cg-why-img-card {\n  position: absolute;\n  bottom: 20px;\n  left: 20px;\n  right: 20px;\n  background: rgba(11, 22, 40, 0.75);\n  backdrop-filter: blur(12px);\n  -webkit-backdrop-filter: blur(12px);\n  border: 1px solid rgba(255,255,255,0.10);\n  border-radius: 14px;\n  padding: 16px 20px;\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n}\n\n.cg-img-stat {\n  text-align: center;\n}\n.cg-img-stat .num {\n  font-size: 22px;\n  font-weight: 800;\n  color: #ffffff;\n  letter-spacing: -0.5px;\n  line-height: 1;\n}\n.cg-img-stat .lbl {\n  font-size: 10px;\n  color: rgba(255,255,255,0.45);\n  margin-top: 4px;\n  text-transform: uppercase;\n  letter-spacing: 0.8px;\n  font-weight: 500;\n}\n\n.cg-img-divider {\n  width: 1px;\n  height: 36px;\n  background: rgba(255,255,255,0.12);\n}\n\n\/* Floating badge top-left *\/\n.cg-why-badge {\n  position: absolute;\n  top: -16px;\n  left: -16px;\n  background: #16a34a;\n  color: #fff;\n  font-size: 11px;\n  font-weight: 700;\n  padding: 10px 16px;\n  border-radius: 12px;\n  display: flex;\n  align-items: center;\n  gap: 6px;\n  box-shadow: 0 8px 24px rgba(22,163,74,0.35);\n  z-index: 2;\n  letter-spacing: 0.2px;\n  animation: cgFloat 3s ease-in-out infinite;\n}\n.cg-why-badge svg {\n  width: 14px; height: 14px;\n  fill: none; stroke: #fff;\n  stroke-width: 2.5; stroke-linecap: round;\n}\n@keyframes cgFloat {\n  0%,100%{transform:translateY(0)}\n  50%{transform:translateY(-5px)}\n}\n\n\/* Responsive *\/\n@media (max-width: 900px) {\n  .cg-why { padding: 60px 24px; }\n  .cg-why-inner {\n    grid-template-columns: 1fr;\n    gap: 40px;\n  }\n  .cg-why-right { order: -1; }\n  .cg-why-img-wrap { aspect-ratio: 16\/9; }\n  .cg-why-badge { top: -12px; left: 12px; }\n}\n@media (max-width: 600px) {\n  .cg-why-item { grid-template-columns: 1fr; gap: 8px; }\n  .cg-why { padding: 48px 20px; }\n}\n@media (prefers-reduced-motion: reduce) {\n  .cg-why-item { opacity:1; transform:none; }\n  .cg-why-badge { animation: none; }\n}\n<\/style>\n\n<section class=\"cg-why\">\n  <div class=\"cg-why-inner\">\n\n    <!-- LEFT: text content -->\n    <div class=\"cg-why-left\">\n\n      <div class=\"cg-why-rule\"><\/div>\n      <h2 class=\"cg-why-heading\">Why Choose Us<\/h2>\n      <p class=\"cg-why-subhead\">We don&#8217;t just drive you from A to B \u2014 we make every mile memorable.<\/p>\n\n      <div class=\"cg-why-divider\"><\/div>\n\n      <!-- Item 1 -->\n      <div class=\"cg-why-item\">\n        <div class=\"cg-why-item-title\">\n          <div class=\"cg-why-icon\">\n            <svg viewBox=\"0 0 24 24\"><path d=\"M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10z\"\/><\/svg>\n          <\/div>\n          Safety First\n        <\/div>\n        <div class=\"cg-why-item-desc\">\n          All vehicles are <strong>regularly inspected<\/strong> and fully insured. Our licensed drivers put your safety above everything else \u2014 every single trip.\n        <\/div>\n      <\/div>\n      <div class=\"cg-why-divider\"><\/div>\n\n      <!-- Item 2 -->\n      <div class=\"cg-why-item\">\n        <div class=\"cg-why-item-title\">\n          <div class=\"cg-why-icon\">\n            <svg viewBox=\"0 0 24 24\"><circle cx=\"12\" cy=\"12\" r=\"10\"\/><polyline points=\"12 6 12 12 16 14\"\/><\/svg>\n          <\/div>\n          Always On Time\n        <\/div>\n        <div class=\"cg-why-item-desc\">\n          We track your flight and <strong>arrive before you do<\/strong>. No waiting around after a long journey \u2014 your driver is always ready and punctual.\n        <\/div>\n      <\/div>\n      <div class=\"cg-why-divider\"><\/div>\n\n      <!-- Item 3 -->\n      <div class=\"cg-why-item\">\n        <div class=\"cg-why-item-title\">\n          <div class=\"cg-why-icon\">\n            <svg 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>\n          <\/div>\n          Local Knowledge\n        <\/div>\n        <div class=\"cg-why-item-desc\">\n          Our drivers know Sri Lanka inside out. <strong>English-speaking, friendly guides<\/strong> who share hidden gems and local secrets along the way.\n        <\/div>\n      <\/div>\n      <div class=\"cg-why-divider\"><\/div>\n\n      <!-- Item 4 -->\n      <div class=\"cg-why-item\">\n        <div class=\"cg-why-item-title\">\n          <div class=\"cg-why-icon\">\n            <svg viewBox=\"0 0 24 24\"><line x1=\"12\" y1=\"1\" x2=\"12\" y2=\"23\"\/><path d=\"M17 5H9.5a3.5 3.5 0 0 0 0 7h5a3.5 3.5 0 0 1 0 7H6\"\/><\/svg>\n          <\/div>\n          No Hidden Charges\n        <\/div>\n        <div class=\"cg-why-item-desc\">\n          The price you see is <strong>exactly what you pay<\/strong>. Transparent, honest pricing with no surprise fees \u2014 ever.\n        <\/div>\n      <\/div>\n      <div class=\"cg-why-divider\"><\/div>\n\n    <\/div>\n\n    <!-- RIGHT: image -->\n    <div class=\"cg-why-right\">\n\n      <div class=\"cg-why-badge\">\n        <svg viewBox=\"0 0 24 24\"><polyline points=\"20 6 9 17 4 12\"\/><\/svg>\n        Trusted Since 2020\n      <\/div>\n\n      <div class=\"cg-why-img-wrap\">\n        <!--\n          Replace the src below with your own Sri Lanka travel image URL.\n          Upload to WordPress Media Library \u2192 copy URL \u2192 paste here.\n          Recommended: scenic landscape, vehicle, or destination photo.\n        -->\n        <img decoding=\"async\"\n          src=\"https:\/\/media.istockphoto.com\/id\/1211536621\/vector\/sri-lanka-map-vector-abstract-atlas-poster.jpg?s=612x612&#038;w=0&#038;k=20&#038;c=de7Gv5t-3GYk6gBN8_zrlKP2DjjH6NJPhlSQk2yJ2v8=\"\n          alt=\"Sri Lanka scenic travel \u2014 CeyGo Lanka Travels\"\n          loading=\"lazy\"\n        >\n\n        <!-- Stats overlay card -->\n        <div class=\"cg-why-img-card\">\n          <div class=\"cg-img-stat\">\n            <div class=\"num\">500+<\/div>\n            <div class=\"lbl\">Happy travelers<\/div>\n          <\/div>\n          <div class=\"cg-img-divider\"><\/div>\n          <div class=\"cg-img-stat\">\n            <div class=\"num\">4.9\u2605<\/div>\n            <div class=\"lbl\">Google rating<\/div>\n          <\/div>\n          <div class=\"cg-img-divider\"><\/div>\n          <div class=\"cg-img-stat\">\n            <div class=\"num\">50+<\/div>\n            <div class=\"lbl\">Destinations<\/div>\n          <\/div>\n        <\/div>\n      <\/div>\n\n    <\/div>\n  <\/div>\n<\/section>\n\n<script>\n(function(){\n  var items = document.querySelectorAll('.cg-why-item');\n  if(!items.length) return;\n  var observer = new IntersectionObserver(function(entries){\n    entries.forEach(function(entry, i){\n      if(entry.isIntersecting){\n        setTimeout(function(){\n          entry.target.classList.add('cg-visible');\n        }, i * 120);\n        observer.unobserve(entry.target);\n      }\n    });\n  }, { threshold: 0.15 });\n  items.forEach(function(el){ observer.observe(el); });\n})();\n<\/script>\n<\/div>\n\n\n\n<div class=\"wp-block-uagb-container uagb-block-7f67e240 alignwide uagb-is-root-container\">\n<style>\n@import url('https:\/\/fonts.googleapis.com\/css2?family=Inter:ital,wght@0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,300&display=swap');\n\n*, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }\n\n\/* \u2500\u2500 SECTION SHELL \u2500\u2500 *\/\n.cs-wrap {\n  width: 100%;\n  background: #f9fafb;\n  padding: 100px 48px 110px;\n  font-family: 'Inter', sans-serif;\n  overflow: hidden;\n  position: relative;\n}\n\n\/* subtle grid texture background *\/\n.cs-wrap::before {\n  content: '';\n  position: absolute;\n  inset: 0;\n  background-image:\n    linear-gradient(rgba(11,22,40,0.028) 1px, transparent 1px),\n    linear-gradient(90deg, rgba(11,22,40,0.028) 1px, transparent 1px);\n  background-size: 48px 48px;\n  pointer-events: none;\n}\n\n.cs-inner {\n  max-width: 1120px;\n  margin: 0 auto;\n  position: relative;\n}\n\n\/* \u2500\u2500 HEADER \u2500\u2500 *\/\n.cs-header {\n  display: flex;\n  align-items: flex-end;\n  justify-content: space-between;\n  gap: 32px;\n  margin-bottom: 60px;\n  opacity: 0;\n  transform: translateY(20px);\n  transition: opacity 0.7s ease, transform 0.7s ease;\n}\n.cs-header.cs-in { opacity: 1; transform: translateY(0); }\n\n.cs-eyebrow {\n  display: inline-flex;\n  align-items: center;\n  gap: 8px;\n  margin-bottom: 14px;\n}\n.cs-eyebrow-line {\n  width: 28px; height: 2px;\n  background: #16a34a;\n  border-radius: 2px;\n}\n.cs-eyebrow-text {\n  font-size: 11px;\n  font-weight: 700;\n  text-transform: uppercase;\n  letter-spacing: 2px;\n  color: #16a34a;\n}\n.cs-h2 {\n  font-size: clamp(30px, 4.5vw, 48px);\n  font-weight: 800;\n  color: #0B1628;\n  letter-spacing: -1.5px;\n  line-height: 1.08;\n}\n.cs-h2 em {\n  font-style: italic;\n  font-weight: 300;\n  color: #64748b;\n}\n.cs-header-right {\n  flex-shrink: 0;\n  max-width: 300px;\n}\n.cs-header-right p {\n  font-size: 14px;\n  color: #94a3b8;\n  line-height: 1.75;\n  text-align: right;\n}\n\n\/* \u2500\u2500 CARD GRID \u2500\u2500 *\/\n.cs-grid {\n  display: grid;\n  grid-template-columns: repeat(3, 1fr);\n  grid-template-rows: auto auto;\n  gap: 16px;\n}\n\n\/* \u2500\u2500 BASE CARD \u2500\u2500 *\/\n.cs-card {\n  position: relative;\n  border-radius: 24px;\n  padding: 36px 32px 32px;\n  cursor: pointer;\n  overflow: hidden;\n  border: 1.5px solid transparent;\n  transition:\n    transform 0.35s cubic-bezier(0.23, 1, 0.32, 1),\n    border-color 0.3s ease,\n    box-shadow 0.35s ease;\n  opacity: 0;\n  transform: translateY(32px);\n}\n.cs-card.cs-in {\n  opacity: 1;\n  transform: translateY(0);\n}\n.cs-card:hover {\n  transform: translateY(-6px) scale(1.01);\n  box-shadow: 0 24px 60px rgba(11,22,40,0.12);\n}\n\n\/* card bg layer that morphs on hover *\/\n.cs-card-bg {\n  position: absolute;\n  inset: 0;\n  border-radius: 24px;\n  transition: opacity 0.4s ease;\n  opacity: 0;\n  z-index: 0;\n}\n.cs-card:hover .cs-card-bg { opacity: 1; }\n\n\/* \u2500\u2500 CARD VARIANTS \u2500\u2500 *\/\n\n\/* Light cards (rows 1) *\/\n.cs-card-light {\n  background: #ffffff;\n  border-color: #e8edf3;\n}\n.cs-card-light:hover { border-color: #bbf7d0; }\n.cs-card-light .cs-card-bg {\n  background: linear-gradient(135deg, #f0fdf4 0%, #ffffff 60%);\n}\n\n\/* Dark card *\/\n.cs-card-dark {\n  background: #0B1628;\n  border-color: rgba(255,255,255,0.07);\n}\n.cs-card-dark:hover { border-color: rgba(22,163,74,0.4); }\n.cs-card-dark .cs-card-bg {\n  background: linear-gradient(135deg, #112240 0%, #0B1628 60%);\n}\n.cs-card-dark .cs-title { color: #ffffff; }\n.cs-card-dark .cs-desc { color: rgba(255,255,255,0.45); }\n.cs-card-dark .cs-link { color: #4ade80; }\n.cs-card-dark .cs-link-arrow { stroke: #4ade80; }\n.cs-card-dark .cs-num { color: rgba(255,255,255,0.06); }\n\n\/* Green card *\/\n.cs-card-green {\n  background: #16a34a;\n  border-color: transparent;\n}\n.cs-card-green:hover { box-shadow: 0 24px 60px rgba(22,163,74,0.35); }\n.cs-card-green .cs-card-bg {\n  background: linear-gradient(135deg, #15803d 0%, #16a34a 60%);\n}\n.cs-card-green .cs-title { color: #ffffff; }\n.cs-card-green .cs-desc { color: rgba(255,255,255,0.65); }\n.cs-card-green .cs-link { color: rgba(255,255,255,0.9); }\n.cs-card-green .cs-link-arrow { stroke: rgba(255,255,255,0.9); }\n.cs-card-green .cs-num { color: rgba(255,255,255,0.08); }\n.cs-card-green .cs-ic-wrap { background: rgba(255,255,255,0.15); }\n.cs-card-green .cs-ic-wrap svg { stroke: #ffffff; }\n.cs-card-green .cs-tag { background: rgba(255,255,255,0.15); color: rgba(255,255,255,0.8); }\n\n\/* \u2500\u2500 WIDE CARD (spans 2 cols) \u2500\u2500 *\/\n.cs-wide { grid-column: span 2; }\n.cs-wide .cs-inner-flex {\n  display: flex;\n  gap: 40px;\n  align-items: flex-start;\n}\n.cs-wide .cs-left { flex: 1; }\n.cs-wide .cs-right {\n  flex-shrink: 0;\n  width: 200px;\n  display: flex;\n  flex-direction: column;\n  gap: 12px;\n  padding-top: 8px;\n}\n.cs-mini-stat {\n  background: rgba(11,22,40,0.04);\n  border: 1px solid rgba(11,22,40,0.06);\n  border-radius: 14px;\n  padding: 14px 16px;\n}\n.cs-card-dark .cs-mini-stat {\n  background: rgba(255,255,255,0.04);\n  border-color: rgba(255,255,255,0.06);\n}\n.cs-mini-stat .msn {\n  font-size: 22px;\n  font-weight: 800;\n  color: #0B1628;\n  letter-spacing: -0.5px;\n}\n.cs-card-dark .cs-mini-stat .msn { color: #f59e0b; }\n.cs-mini-stat .msl {\n  font-size: 10px;\n  color: #94a3b8;\n  text-transform: uppercase;\n  letter-spacing: 0.8px;\n  font-weight: 600;\n  margin-top: 2px;\n}\n\n\/* \u2500\u2500 CARD INTERNALS \u2500\u2500 *\/\n.cs-card-content { position: relative; z-index: 1; }\n\n\/* Big decorative number *\/\n.cs-num {\n  position: absolute;\n  top: 20px; right: 24px;\n  font-size: 80px;\n  font-weight: 900;\n  color: rgba(11,22,40,0.04);\n  letter-spacing: -4px;\n  line-height: 1;\n  pointer-events: none;\n  z-index: 0;\n  transition: color 0.3s;\n}\n\n\/* Icon *\/\n.cs-ic-wrap {\n  width: 48px; height: 48px;\n  border-radius: 14px;\n  background: #f0fdf4;\n  display: flex; align-items: center; justify-content: center;\n  margin-bottom: 24px;\n  transition: transform 0.35s cubic-bezier(0.23,1,0.32,1), background 0.3s;\n}\n.cs-card:hover .cs-ic-wrap {\n  transform: rotate(-6deg) scale(1.12);\n}\n.cs-ic-wrap svg {\n  width: 22px; height: 22px;\n  fill: none;\n  stroke: #16a34a;\n  stroke-width: 2;\n  stroke-linecap: round;\n  stroke-linejoin: round;\n  transition: stroke 0.3s;\n}\n\n\/* Tag pill *\/\n.cs-tag {\n  display: inline-block;\n  background: #f0fdf4;\n  color: #16a34a;\n  font-size: 10px;\n  font-weight: 700;\n  letter-spacing: 0.5px;\n  text-transform: uppercase;\n  padding: 4px 10px;\n  border-radius: 20px;\n  margin-bottom: 14px;\n}\n\n\/* Title *\/\n.cs-title {\n  font-size: 20px;\n  font-weight: 700;\n  color: #0B1628;\n  letter-spacing: -0.5px;\n  line-height: 1.2;\n  margin-bottom: 10px;\n  transition: color 0.2s;\n}\n\n\/* Desc *\/\n.cs-desc {\n  font-size: 13px;\n  color: #64748b;\n  line-height: 1.8;\n  margin-bottom: 24px;\n  font-weight: 400;\n}\n\n\/* Link *\/\n.cs-link {\n  display: inline-flex;\n  align-items: center;\n  gap: 6px;\n  font-size: 12px;\n  font-weight: 700;\n  color: #16a34a;\n  text-decoration: none;\n  letter-spacing: 0.3px;\n  transition: gap 0.2s;\n}\n.cs-card:hover .cs-link { gap: 10px; }\n.cs-link-arrow {\n  width: 14px; height: 14px;\n  fill: none; stroke: #16a34a;\n  stroke-width: 2.5; stroke-linecap: round;\n  transition: transform 0.2s;\n}\n.cs-card:hover .cs-link-arrow { transform: translateX(3px); }\n\n\/* divider line in wide card *\/\n.cs-divider {\n  width: 100%;\n  height: 1px;\n  background: rgba(11,22,40,0.06);\n  margin: 20px 0;\n}\n.cs-card-dark .cs-divider { background: rgba(255,255,255,0.06); }\n\n\/* feature list *\/\n.cs-feats {\n  list-style: none;\n  display: flex;\n  flex-direction: column;\n  gap: 8px;\n}\n.cs-feats li {\n  display: flex;\n  align-items: center;\n  gap: 8px;\n  font-size: 12px;\n  color: #64748b;\n  font-weight: 500;\n}\n.cs-card-dark .cs-feats li { color: rgba(255,255,255,0.45); }\n.cs-feat-dot {\n  width: 5px; height: 5px;\n  border-radius: 50%;\n  background: #16a34a;\n  flex-shrink: 0;\n}\n.cs-card-dark .cs-feat-dot { background: #4ade80; }\n\n\/* \u2500\u2500 RESPONSIVE \u2500\u2500 *\/\n@media (max-width: 960px) {\n  .cs-wrap { padding: 72px 28px 80px; }\n  .cs-grid { grid-template-columns: 1fr 1fr; }\n  .cs-wide { grid-column: span 2; }\n  .cs-header { flex-direction: column; align-items: flex-start; gap: 12px; }\n  .cs-header-right { max-width: 100%; }\n  .cs-header-right p { text-align: left; }\n}\n@media (max-width: 620px) {\n  .cs-wrap { padding: 56px 20px 64px; }\n  .cs-grid { grid-template-columns: 1fr; }\n  .cs-wide { grid-column: span 1; }\n  .cs-wide .cs-inner-flex { flex-direction: column; }\n  .cs-wide .cs-right { width: 100%; flex-direction: row; }\n}\n@media (prefers-reduced-motion: reduce) {\n  .cs-header, .cs-card { transition: none; opacity: 1; transform: none; }\n}\n<\/style>\n\n<section class=\"cs-wrap\">\n  <div class=\"cs-inner\">\n\n    <!-- Header -->\n    <div class=\"cs-header\" id=\"cs-header\">\n      <div>\n        <div class=\"cs-eyebrow\">\n          <div class=\"cs-eyebrow-line\"><\/div>\n          <span class=\"cs-eyebrow-text\">What we offer<\/span>\n        <\/div>\n        <h2 class=\"cs-h2\">Our Services <em>for you<\/em><\/h2>\n      <\/div>\n      <div class=\"cs-header-right\">\n        <p>Everything you need for a perfect Sri Lanka experience \u2014 from airport pickup to island-wide adventure.<\/p>\n      <\/div>\n    <\/div>\n\n    <!-- Grid -->\n    <div class=\"cs-grid\">\n\n      <!-- 1. Airport Transfers \u2014 light -->\n      <div class=\"cs-card cs-card-light\" data-delay=\"0\">\n        <div class=\"cs-card-bg\"><\/div>\n        <div class=\"cs-num\">01<\/div>\n        <div class=\"cs-card-content\">\n          <div class=\"cs-ic-wrap\">\n            <svg viewBox=\"0 0 24 24\"><path d=\"M17.8 19.2L16 11l3.5-3.5C21 6 21 4 19.5 2.5S18 2 16.5 3.5L13 7 4.8 5.2l-1.4 1.4 5.7 2.9-2.6 2.6-1.7-.5-1 1L6 14l2.4 2.4 1-1-.5-1.7 2.6-2.6 2.9 5.7 1.4-1.4z\"\/><\/svg>\n          <\/div>\n          <div class=\"cs-tag\">Most Booked<\/div>\n          <div class=\"cs-title\">Airport Transfers<\/div>\n          <p class=\"cs-desc\">On-time pickup from Colombo, Mattala &#038; Ratmalana. We track your flight arrival \u2014 no waiting, no stress.<\/p>\n          <a href=\"\/booking\" class=\"cs-link\">Book a transfer <svg class=\"cs-link-arrow\" viewBox=\"0 0 24 24\"><path d=\"M5 12h14M12 5l7 7-7 7\"\/><\/svg><\/a>\n        <\/div>\n      <\/div>\n\n      <!-- 2. Private Tours \u2014 light -->\n      <div class=\"cs-card cs-card-light\" data-delay=\"1\">\n        <div class=\"cs-card-bg\"><\/div>\n        <div class=\"cs-num\">02<\/div>\n        <div class=\"cs-card-content\">\n          <div class=\"cs-ic-wrap\">\n            <svg viewBox=\"0 0 24 24\"><path d=\"M3 11l19-9-9 19-2-8-8-2z\"\/><\/svg>\n          <\/div>\n          <div class=\"cs-tag\">Personalized<\/div>\n          <div class=\"cs-title\">Private Tours<\/div>\n          <p class=\"cs-desc\">Your dream itinerary, your pace. We craft fully customised tours to Kandy, Ella, Sigiriya, Galle and beyond.<\/p>\n          <a href=\"\/tours\" class=\"cs-link\">Explore tours <svg class=\"cs-link-arrow\" viewBox=\"0 0 24 24\"><path d=\"M5 12h14M12 5l7 7-7 7\"\/><\/svg><\/a>\n        <\/div>\n      <\/div>\n\n      <!-- 3. Corporate \u2014 dark, wide -->\n      <div class=\"cs-card cs-card-dark cs-wide\" data-delay=\"2\">\n        <div class=\"cs-card-bg\"><\/div>\n        <div class=\"cs-num\">03<\/div>\n        <div class=\"cs-card-content\">\n          <div class=\"cs-inner-flex\">\n            <div class=\"cs-left\">\n              <div class=\"cs-ic-wrap\" style=\"background:rgba(255,255,255,0.08)\">\n                <svg viewBox=\"0 0 24 24\" style=\"stroke:#ffffff\"><rect x=\"2\" y=\"7\" width=\"20\" height=\"14\" rx=\"2\"\/><path d=\"M16 7V5a2 2 0 0 0-2-2h-4a2 2 0 0 0-2 2v2\"\/><\/svg>\n              <\/div>\n              <div class=\"cs-tag\" style=\"background:rgba(245,158,11,0.15);color:#fcd34d\">Corporate<\/div>\n              <div class=\"cs-title\">Corporate Travel<\/div>\n              <p class=\"cs-desc\">Punctual, professional travel for business meetings, events and executive transfers across the island. Invoicing &#038; long-term contracts available.<\/p>\n              <div class=\"cs-divider\"><\/div>\n              <ul class=\"cs-feats\">\n                <li><span class=\"cs-feat-dot\"><\/span>Dedicated account manager<\/li>\n                <li><span class=\"cs-feat-dot\"><\/span>Monthly invoicing available<\/li>\n                <li><span class=\"cs-feat-dot\"><\/span>Priority 24\/7 support<\/li>\n              <\/ul>\n            <\/div>\n            <div class=\"cs-right\">\n              <div class=\"cs-mini-stat\">\n                <div class=\"msn\">4+ yrs<\/div>\n                <div class=\"msl\">Experience<\/div>\n              <\/div>\n              <div class=\"cs-mini-stat\">\n                <div class=\"msn\">500+<\/div>\n                <div class=\"msl\">Trips done<\/div>\n              <\/div>\n              <div class=\"cs-mini-stat\">\n                <div class=\"msn\">4.9\u2605<\/div>\n                <div class=\"msl\">Rated<\/div>\n              <\/div>\n            <\/div>\n          <\/div>\n        <\/div>\n      <\/div>\n\n      <!-- 4. Group Tours \u2014 green -->\n      <div class=\"cs-card cs-card-green\" data-delay=\"3\">\n        <div class=\"cs-card-bg\"><\/div>\n        <div class=\"cs-num\">04<\/div>\n        <div class=\"cs-card-content\">\n          <div class=\"cs-ic-wrap\">\n            <svg viewBox=\"0 0 24 24\"><path d=\"M17 21v-2a4 4 0 0 0-4-4H5a4 4 0 0 0-4 4v2\"\/><circle cx=\"9\" cy=\"7\" r=\"4\"\/><path d=\"M23 21v-2a4 4 0 0 0-3-3.87\"\/><path d=\"M16 3.13a4 4 0 0 1 0 7.75\"\/><\/svg>\n          <\/div>\n          <div class=\"cs-tag\">Best Value<\/div>\n          <div class=\"cs-title\">Group Tours<\/div>\n          <p class=\"cs-desc\">Affordable and fun for families, school trips and friend groups. We handle everything \u2014 routing to refreshments.<\/p>\n          <a href=\"\/tours\" class=\"cs-link\">View packages <svg class=\"cs-link-arrow\" viewBox=\"0 0 24 24\"><path d=\"M5 12h14M12 5l7 7-7 7\"\/><\/svg><\/a>\n        <\/div>\n      <\/div>\n\n      <!-- 5. Vehicle Rentals \u2014 light -->\n      <div class=\"cs-card cs-card-light\" data-delay=\"4\">\n        <div class=\"cs-card-bg\"><\/div>\n        <div class=\"cs-num\">05<\/div>\n        <div class=\"cs-card-content\">\n          <div class=\"cs-ic-wrap\">\n            <svg viewBox=\"0 0 24 24\"><rect x=\"1\" y=\"3\" width=\"15\" height=\"13\" rx=\"2\"\/><path d=\"M16 8h4l3 3v5h-7V8z\"\/><circle cx=\"5.5\" cy=\"18.5\" r=\"2.5\"\/><circle cx=\"18.5\" cy=\"18.5\" r=\"2.5\"\/><\/svg>\n          <\/div>\n          <div class=\"cs-tag\">Flexible<\/div>\n          <div class=\"cs-title\">Vehicle Rentals<\/div>\n          <p class=\"cs-desc\">Choose from our modern AC fleet. With or without a driver \u2014 flexible daily and hourly rates, island-wide.<\/p>\n          <a href=\"\/fleet\" class=\"cs-link\">See our fleet <svg class=\"cs-link-arrow\" viewBox=\"0 0 24 24\"><path d=\"M5 12h14M12 5l7 7-7 7\"\/><\/svg><\/a>\n        <\/div>\n      <\/div>\n\n    <\/div>\n  <\/div>\n<\/section>\n\n<script>\n(function () {\n  \/* \u2500\u2500 Intersection Observer for scroll-in \u2500\u2500 *\/\n  var header = document.getElementById('cs-header');\n  var cards  = document.querySelectorAll('.cs-card');\n\n  var io = new IntersectionObserver(function (entries) {\n    entries.forEach(function (entry) {\n      if (!entry.isIntersecting) return;\n      var el    = entry.target;\n      var delay = el.dataset.delay ? parseInt(el.dataset.delay) * 110 : 0;\n      setTimeout(function () { el.classList.add('cs-in'); }, delay);\n      io.unobserve(el);\n    });\n  }, { threshold: 0.12 });\n\n  if (header) io.observe(header);\n  cards.forEach(function (c) { io.observe(c); });\n\n  \/* \u2500\u2500 Subtle tilt on mouse move \u2500\u2500 *\/\n  cards.forEach(function (card) {\n    card.addEventListener('mousemove', function (e) {\n      var r  = card.getBoundingClientRect();\n      var x  = (e.clientX - r.left) \/ r.width  - 0.5;\n      var y  = (e.clientY - r.top)  \/ r.height - 0.5;\n      card.style.transform =\n        'translateY(-6px) scale(1.01) rotateX(' + (-y * 5) + 'deg) rotateY(' + (x * 5) + 'deg)';\n    });\n    card.addEventListener('mouseleave', function () {\n      card.style.transform = '';\n    });\n  });\n})();\n<\/script>\n<\/div>\n\n\n\n<div class=\"wp-block-uagb-container uagb-block-3c100179 alignfull uagb-is-root-container\">\n<style>\n@import url('https:\/\/fonts.googleapis.com\/css2?family=Inter:ital,wght@0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,300&display=swap');\n*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}\n\n.cf-wrap{\n  width:100%;\n  background:#0B1628;\n  padding:100px 48px 110px;\n  font-family:'Inter',sans-serif;\n  position:relative;\n  overflow:hidden;\n}\n\n\/* Ambient glow blobs *\/\n.cf-blob{\n  position:absolute;\n  border-radius:50%;\n  pointer-events:none;\n  filter:blur(80px);\n  opacity:.18;\n}\n.cf-blob-1{width:500px;height:500px;background:#16a34a;top:-120px;right:-100px;}\n.cf-blob-2{width:400px;height:400px;background:#1d4ed8;bottom:-80px;left:-80px;}\n\n.cf-inner{max-width:1120px;margin:0 auto;position:relative;z-index:1;}\n\n\/* \u2500\u2500 HEADER \u2500\u2500 *\/\n.cf-header{\n  display:flex;\n  align-items:flex-end;\n  justify-content:space-between;\n  gap:32px;\n  margin-bottom:64px;\n  opacity:0;\n  transform:translateY(20px);\n  transition:opacity .7s ease,transform .7s ease;\n}\n.cf-header.cf-in{opacity:1;transform:translateY(0);}\n\n.cf-eyebrow{display:inline-flex;align-items:center;gap:8px;margin-bottom:14px;}\n.cf-eyebrow-line{width:28px;height:2px;background:#16a34a;border-radius:2px;}\n.cf-eyebrow-text{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:2px;color:#4ade80;}\n\n.cf-h2{\n  font-size:clamp(30px,4.5vw,48px);\n  font-weight:800;\n  color:#ffffff;\n  letter-spacing:-1.5px;\n  line-height:1.08;\n}\n.cf-h2 em{font-style:italic;font-weight:300;color:rgba(255,255,255,0.35);}\n\n.cf-header-right p{\n  font-size:14px;\n  color:rgba(255,255,255,0.38);\n  line-height:1.75;\n  text-align:right;\n  max-width:280px;\n}\n\n\/* \u2500\u2500 GRID \u2500\u2500 *\/\n.cf-grid{\n  display:grid;\n  grid-template-columns:repeat(3,1fr);\n  gap:16px;\n}\n\n\/* \u2500\u2500 CARD \u2500\u2500 *\/\n.cf-card{\n  background:rgba(255,255,255,0.04);\n  border:1px solid rgba(255,255,255,0.08);\n  border-radius:24px;\n  overflow:hidden;\n  cursor:pointer;\n  opacity:0;\n  transform:translateY(32px);\n  transition:\n    opacity .6s ease,\n    transform .6s cubic-bezier(.23,1,.32,1),\n    border-color .3s ease,\n    box-shadow .35s ease;\n  position:relative;\n}\n.cf-card.cf-in{opacity:1;transform:translateY(0);}\n.cf-card:hover{\n  border-color:rgba(22,163,74,.4);\n  box-shadow:0 24px 60px rgba(0,0,0,.35);\n  transform:translateY(-6px) scale(1.01);\n}\n\n\/* Featured card *\/\n.cf-card-featured{\n  border-color:rgba(22,163,74,.3);\n  background:rgba(22,163,74,.06);\n}\n.cf-card-featured:hover{\n  border-color:rgba(22,163,74,.6);\n  box-shadow:0 24px 60px rgba(22,163,74,.2);\n}\n\n\/* \u2500\u2500 VEHICLE ILLUSTRATION AREA \u2500\u2500 *\/\n.cf-viz{\n  height:160px;\n  display:flex;\n  align-items:center;\n  justify-content:center;\n  position:relative;\n  overflow:hidden;\n}\n.cf-viz-sedan {background:linear-gradient(135deg,#0f2a45 0%,#1a3a5c 100%);}\n.cf-viz-suv   {background:linear-gradient(135deg,#1a1040 0%,#2d1b60 100%);}\n.cf-viz-van   {background:linear-gradient(135deg,#0a2218 0%,#143525 100%);}\n.cf-viz-luxury{background:linear-gradient(135deg,#251808 0%,#3d2810 100%);}\n.cf-viz-mini  {background:linear-gradient(135deg,#0a1a2a 0%,#102540 100%);}\n.cf-viz-coach {background:linear-gradient(135deg,#0f1f0a 0%,#1a3210 100%);}\n\n\/* Road line *\/\n.cf-viz::after{\n  content:'';\n  position:absolute;\n  bottom:18px;left:10%;right:10%;\n  height:1px;\n  background:repeating-linear-gradient(90deg,rgba(255,255,255,.12) 0,rgba(255,255,255,.12) 12px,transparent 12px,transparent 24px);\n}\n\n\/* Floating badge *\/\n.cf-badge{\n  position:absolute;\n  top:12px;right:12px;\n  border-radius:20px;\n  padding:4px 10px;\n  font-size:10px;\n  font-weight:700;\n  letter-spacing:.3px;\n  z-index:2;\n}\n.cf-b-pop{background:rgba(245,158,11,.2);color:#fcd34d;border:1px solid rgba(245,158,11,.3);}\n.cf-b-new{background:rgba(22,163,74,.2);color:#4ade80;border:1px solid rgba(22,163,74,.3);}\n.cf-b-grp{background:rgba(99,102,241,.2);color:#a5b4fc;border:1px solid rgba(99,102,241,.3);}\n.cf-b-vip{background:rgba(245,158,11,.15);color:#fcd34d;border:1px solid rgba(245,158,11,.25);}\n\n\/* SVG vehicle *\/\n.cf-viz svg{\n  width:140px;height:80px;\n  fill:none;\n  stroke-linecap:round;\n  stroke-linejoin:round;\n  transition:transform .4s cubic-bezier(.23,1,.32,1);\n  position:relative;z-index:1;\n}\n.cf-card:hover .cf-viz svg{transform:translateX(6px);}\n\n\/* \u2500\u2500 CARD BODY \u2500\u2500 *\/\n.cf-body{padding:24px 24px 26px;}\n\n.cf-vehicle-name{\n  font-size:18px;\n  font-weight:700;\n  color:#ffffff;\n  letter-spacing:-.4px;\n  margin-bottom:5px;\n}\n.cf-pax{\n  display:inline-flex;\n  align-items:center;\n  gap:5px;\n  font-size:11px;\n  color:rgba(255,255,255,.38);\n  font-weight:500;\n  margin-bottom:16px;\n}\n.cf-pax svg{\n  width:13px;height:13px;\n  fill:none;stroke:rgba(255,255,255,.3);\n  stroke-width:2;stroke-linecap:round;\n}\n\n\/* Feature pills *\/\n.cf-pills{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:20px;}\n.cf-pill{\n  background:rgba(255,255,255,.05);\n  border:1px solid rgba(255,255,255,.08);\n  border-radius:20px;\n  padding:4px 10px;\n  font-size:10px;\n  font-weight:500;\n  color:rgba(255,255,255,.45);\n  transition:all .2s;\n}\n.cf-card:hover .cf-pill{\n  background:rgba(22,163,74,.1);\n  border-color:rgba(22,163,74,.25);\n  color:rgba(255,255,255,.65);\n}\n\n\/* Footer row *\/\n.cf-foot{\n  display:flex;\n  align-items:center;\n  justify-content:space-between;\n  padding-top:16px;\n  border-top:1px solid rgba(255,255,255,.06);\n}\n.cf-ideal{\n  font-size:11px;\n  color:rgba(255,255,255,.3);\n  font-weight:500;\n}\n.cf-ideal span{color:rgba(255,255,255,.6);font-weight:600;}\n\n.cf-btn{\n  display:inline-flex;\n  align-items:center;\n  gap:6px;\n  background:rgba(22,163,74,.14);\n  border:1px solid rgba(22,163,74,.28);\n  border-radius:10px;\n  padding:8px 16px;\n  font-size:12px;\n  font-weight:700;\n  color:#4ade80;\n  cursor:pointer;\n  font-family:'Inter',sans-serif;\n  text-decoration:none;\n  transition:all .22s;\n  white-space:nowrap;\n}\n.cf-btn svg{width:13px;height:13px;fill:none;stroke:currentColor;stroke-width:2.5;stroke-linecap:round;}\n.cf-btn:hover,.cf-card-featured .cf-btn{background:#16a34a;border-color:#16a34a;color:#fff;}\n\n\/* \u2500\u2500 BOTTOM CTA STRIP \u2500\u2500 *\/\n.cf-cta{\n  margin-top:44px;\n  border:1px solid rgba(255,255,255,.07);\n  border-radius:24px;\n  padding:32px 40px;\n  display:flex;\n  align-items:center;\n  justify-content:space-between;\n  gap:24px;\n  background:rgba(255,255,255,.03);\n  opacity:0;\n  transform:translateY(20px);\n  transition:opacity .7s ease .3s,transform .7s ease .3s;\n}\n.cf-cta.cf-in{opacity:1;transform:translateY(0);}\n\n.cf-cta-left h4{font-size:19px;font-weight:700;color:#fff;letter-spacing:-.4px;margin-bottom:5px;}\n.cf-cta-left p{font-size:13px;color:rgba(255,255,255,.38);}\n\n.cf-cta-btns{display:flex;gap:10px;flex-shrink:0;}\n.cf-cta-main{\n  display:inline-flex;align-items:center;gap:7px;\n  background:#16a34a;color:#fff;\n  border:none;border-radius:11px;\n  padding:13px 22px;font-size:13px;font-weight:700;\n  cursor:pointer;font-family:'Inter',sans-serif;\n  text-decoration:none;transition:background .2s;white-space:nowrap;\n}\n.cf-cta-main:hover{background:#15803d;}\n.cf-cta-main svg,.cf-cta-wa svg{width:15px;height:15px;fill:none;stroke:currentColor;stroke-width:2.5;stroke-linecap:round;}\n.cf-cta-wa{\n  display:inline-flex;align-items:center;gap:7px;\n  background:rgba(255,255,255,.06);color:#fff;\n  border:1px solid rgba(255,255,255,.13);border-radius:11px;\n  padding:13px 22px;font-size:13px;font-weight:600;\n  cursor:pointer;font-family:'Inter',sans-serif;\n  text-decoration:none;transition:background .2s;white-space:nowrap;\n}\n.cf-cta-wa:hover{background:rgba(255,255,255,.11);}\n\n\/* \u2500\u2500 RESPONSIVE \u2500\u2500 *\/\n@media(max-width:960px){\n  .cf-wrap{padding:72px 28px 80px;}\n  .cf-grid{grid-template-columns:1fr 1fr;}\n  .cf-header{flex-direction:column;align-items:flex-start;gap:12px;}\n  .cf-header-right p{text-align:left;}\n}\n@media(max-width:600px){\n  .cf-wrap{padding:56px 20px 64px;}\n  .cf-grid{grid-template-columns:1fr;}\n  .cf-cta{flex-direction:column;align-items:flex-start;}\n  .cf-cta-btns{flex-direction:column;width:100%;}\n  .cf-cta-main,.cf-cta-wa{justify-content:center;}\n}\n@media(prefers-reduced-motion:reduce){\n  .cf-header,.cf-card,.cf-cta{transition:none;opacity:1;transform:none;}\n}\n<\/style>\n\n<section class=\"cf-wrap\">\n  <!-- ambient blobs -->\n  <div class=\"cf-blob cf-blob-1\"><\/div>\n  <div class=\"cf-blob cf-blob-2\"><\/div>\n\n  <div class=\"cf-inner\">\n\n    <!-- Header -->\n    <div class=\"cf-header\" id=\"cf-header\">\n      <div>\n        <div class=\"cf-eyebrow\">\n          <div class=\"cf-eyebrow-line\"><\/div>\n          <span class=\"cf-eyebrow-text\">Our vehicles<\/span>\n        <\/div>\n        <h2 class=\"cf-h2\">Our Fleet <em>for every journey<\/em><\/h2>\n      <\/div>\n      <div class=\"cf-header-right\">\n        <p>Modern, air-conditioned vehicles maintained to the highest standard \u2014 for every group size and occasion.<\/p>\n      <\/div>\n    <\/div>\n\n    <!-- Cards -->\n    <div class=\"cf-grid\">\n\n      <!-- 1. AC Sedan -->\n      <div class=\"cf-card cf-card-featured\" data-delay=\"0\">\n        <div class=\"cf-viz cf-viz-sedan\">\n          <div class=\"cf-badge cf-b-pop\">\u2605 Most Popular<\/div>\n          <svg viewBox=\"0 0 140 80\" stroke-width=\"1.6\">\n            <rect x=\"14\" y=\"30\" width=\"112\" height=\"28\" rx=\"5\" stroke=\"#60a5fa\"><\/rect>\n            <path d=\"M24 30 Q36 12 58 12 H88 Q108 12 122 30\" stroke=\"#60a5fa\" fill=\"none\"><\/path>\n            <circle cx=\"36\" cy=\"60\" r=\"9\" stroke=\"#60a5fa\"><\/circle>\n            <circle cx=\"104\" cy=\"60\" r=\"9\" stroke=\"#60a5fa\"><\/circle>\n            <rect x=\"42\" y=\"16\" width=\"20\" height=\"14\" rx=\"2\" stroke=\"rgba(96,165,250,.45)\"><\/rect>\n            <rect x=\"68\" y=\"16\" width=\"20\" height=\"14\" rx=\"2\" stroke=\"rgba(96,165,250,.35)\"><\/rect>\n            <line x1=\"14\" y1=\"44\" x2=\"4\" y2=\"44\" stroke=\"rgba(96,165,250,.4)\"><\/line>\n            <line x1=\"126\" y1=\"44\" x2=\"136\" y2=\"44\" stroke=\"rgba(96,165,250,.4)\"><\/line>\n          <\/svg>\n        <\/div>\n        <div class=\"cf-body\">\n          <div class=\"cf-vehicle-name\">AC Sedan<\/div>\n          <div class=\"cf-pax\">\n            <svg viewBox=\"0 0 24 24\"><path d=\"M17 21v-2a4 4 0 0 0-4-4H5a4 4 0 0 0-4 4v2\"><\/path><circle cx=\"9\" cy=\"7\" r=\"4\"><\/circle><\/svg>\n            1 \u2013 3 Passengers\n          <\/div>\n          <div class=\"cf-pills\">\n            <span class=\"cf-pill\">Air Conditioned<\/span>\n            <span class=\"cf-pill\">Comfortable<\/span>\n            <span class=\"cf-pill\">City &amp; Highway<\/span>\n          <\/div>\n          <div class=\"cf-foot\">\n            <div class=\"cf-ideal\">Ideal for <span>Solo &amp; Couples<\/span><\/div>\n          <\/div>\n        <\/div>\n      <\/div>\n\n      <!-- 2. Premium SUV -->\n      <div class=\"cf-card\" data-delay=\"1\">\n        <div class=\"cf-viz cf-viz-suv\">\n          <div class=\"cf-badge cf-b-new\">New<\/div>\n          <svg viewBox=\"0 0 140 80\" stroke-width=\"1.6\">\n            <rect x=\"8\" y=\"26\" width=\"124\" height=\"30\" rx=\"6\" stroke=\"#a78bfa\"><\/rect>\n            <path d=\"M16 26 Q28 8 54 8 H90 Q116 8 128 26\" stroke=\"#a78bfa\" fill=\"none\"><\/path>\n            <circle cx=\"34\" cy=\"58\" r=\"10\" stroke=\"#a78bfa\"><\/circle>\n            <circle cx=\"106\" cy=\"58\" r=\"10\" stroke=\"#a78bfa\"><\/circle>\n            <rect x=\"36\" y=\"13\" width=\"22\" height=\"13\" rx=\"2\" stroke=\"rgba(167,139,250,.45)\"><\/rect>\n            <rect x=\"64\" y=\"13\" width=\"22\" height=\"13\" rx=\"2\" stroke=\"rgba(167,139,250,.35)\"><\/rect>\n            <rect x=\"6\" y=\"36\" width=\"8\" height=\"9\" rx=\"1\" stroke=\"rgba(167,139,250,.4)\"><\/rect>\n            <rect x=\"126\" y=\"36\" width=\"8\" height=\"9\" rx=\"1\" stroke=\"rgba(167,139,250,.4)\"><\/rect>\n          <\/svg>\n        <\/div>\n        <div class=\"cf-body\">\n          <div class=\"cf-vehicle-name\">Premium SUV<\/div>\n          <div class=\"cf-pax\">\n            <svg viewBox=\"0 0 24 24\"><path d=\"M17 21v-2a4 4 0 0 0-4-4H5a4 4 0 0 0-4 4v2\"><\/path><circle cx=\"9\" cy=\"7\" r=\"4\"><\/circle><\/svg>\n            1 \u2013 5 Passengers\n          <\/div>\n          <div class=\"cf-pills\">\n            <span class=\"cf-pill\">Air Conditioned<\/span>\n            <span class=\"cf-pill\">Spacious<\/span>\n            <span class=\"cf-pill\">Extra Luggage<\/span>\n          <\/div>\n          <div class=\"cf-foot\">\n            <div class=\"cf-ideal\">Ideal for <span>Small Families<\/span><\/div>\n          <\/div>\n        <\/div>\n      <\/div>\n\n      <!-- 3. Luxury -->\n      <div class=\"cf-card\" data-delay=\"2\">\n        <div class=\"cf-viz cf-viz-luxury\">\n          <div class=\"cf-badge cf-b-vip\">VIP<\/div>\n          <svg viewBox=\"0 0 140 80\" stroke-width=\"1.6\">\n            <rect x=\"12\" y=\"28\" width=\"116\" height=\"26\" rx=\"4\" stroke=\"#fcd34d\"><\/rect>\n            <path d=\"M22 28 Q34 10 56 10 H88 Q110 10 120 28\" stroke=\"#fcd34d\" fill=\"none\"><\/path>\n            <circle cx=\"34\" cy=\"56\" r=\"9\" stroke=\"#fcd34d\"><\/circle>\n            <circle cx=\"106\" cy=\"56\" r=\"9\" stroke=\"#fcd34d\"><\/circle>\n            <rect x=\"40\" y=\"14\" width=\"18\" height=\"14\" rx=\"2\" stroke=\"rgba(252,211,77,.45)\"><\/rect>\n            <rect x=\"64\" y=\"14\" width=\"18\" height=\"14\" rx=\"2\" stroke=\"rgba(252,211,77,.35)\"><\/rect>\n            <path d=\"M12 38 L4 38\" stroke=\"rgba(252,211,77,.45)\"><\/path>\n            <path d=\"M128 38 L136 38\" stroke=\"rgba(252,211,77,.45)\"><\/path>\n            <path d=\"M20 46 Q12 46 12 38\" stroke=\"rgba(252,211,77,.25)\" fill=\"none\"><\/path>\n          <\/svg>\n        <\/div>\n        <div class=\"cf-body\">\n          <div class=\"cf-vehicle-name\">Luxury Sedan<\/div>\n          <div class=\"cf-pax\">\n            <svg viewBox=\"0 0 24 24\"><path d=\"M17 21v-2a4 4 0 0 0-4-4H5a4 4 0 0 0-4 4v2\"><\/path><circle cx=\"9\" cy=\"7\" r=\"4\"><\/circle><\/svg>\n            1 \u2013 3 Passengers\n          <\/div>\n          <div class=\"cf-pills\">\n            <span class=\"cf-pill\">Premium Interior<\/span>\n            <span class=\"cf-pill\">WiFi<\/span>\n            <span class=\"cf-pill\">VIP Service<\/span>\n          <\/div>\n          <div class=\"cf-foot\">\n            <div class=\"cf-ideal\">Ideal for <span>Executives<\/span><\/div>\n          <\/div>\n        <\/div>\n      <\/div>\n\n      <!-- 4. AC Van -->\n      <div class=\"cf-card\" data-delay=\"3\">\n        <div class=\"cf-viz cf-viz-van\">\n          <svg viewBox=\"0 0 140 80\" stroke-width=\"1.6\">\n            <rect x=\"6\" y=\"20\" width=\"128\" height=\"36\" rx=\"5\" stroke=\"#4ade80\"><\/rect>\n            <rect x=\"6\" y=\"20\" width=\"26\" height=\"36\" rx=\"5\" stroke=\"#4ade80\"><\/rect>\n            <rect x=\"14\" y=\"26\" width=\"15\" height=\"12\" rx=\"2\" stroke=\"rgba(74,222,128,.5)\"><\/rect>\n            <rect x=\"42\" y=\"26\" width=\"18\" height=\"12\" rx=\"2\" stroke=\"rgba(74,222,128,.4)\"><\/rect>\n            <rect x=\"68\" y=\"26\" width=\"18\" height=\"12\" rx=\"2\" stroke=\"rgba(74,222,128,.4)\"><\/rect>\n            <rect x=\"94\" y=\"26\" width=\"18\" height=\"12\" rx=\"2\" stroke=\"rgba(74,222,128,.4)\"><\/rect>\n            <circle cx=\"28\" cy=\"58\" r=\"9\" stroke=\"#4ade80\"><\/circle>\n            <circle cx=\"110\" cy=\"58\" r=\"9\" stroke=\"#4ade80\"><\/circle>\n          <\/svg>\n        <\/div>\n        <div class=\"cf-body\">\n          <div class=\"cf-vehicle-name\">AC Van<\/div>\n          <div class=\"cf-pax\">\n            <svg viewBox=\"0 0 24 24\"><path d=\"M17 21v-2a4 4 0 0 0-4-4H5a4 4 0 0 0-4 4v2\"><\/path><circle cx=\"9\" cy=\"7\" r=\"4\"><\/circle><path d=\"M23 21v-2a4 4 0 0 0-3-3.87\"><\/path><path d=\"M16 3.13a4 4 0 0 1 0 7.75\"><\/path><\/svg>\n            4 \u2013 10 Passengers\n          <\/div>\n          <div class=\"cf-pills\">\n            <span class=\"cf-pill\">Air Conditioned<\/span>\n            <span class=\"cf-pill\">High Roof<\/span>\n            <span class=\"cf-pill\">Group Friendly<\/span>\n          <\/div>\n          <div class=\"cf-foot\">\n            <div class=\"cf-ideal\">Ideal for <span>Groups &amp; Tours<\/span><\/div>\n          <\/div>\n        <\/div>\n      <\/div>\n\n      <!-- 5. Mini Bus -->\n      <div class=\"cf-card\" data-delay=\"4\">\n        <div class=\"cf-viz cf-viz-mini\">\n          <div class=\"cf-badge cf-b-grp\">Groups<\/div>\n          <svg viewBox=\"0 0 140 80\" stroke-width=\"1.6\">\n            <rect x=\"4\" y=\"16\" width=\"132\" height=\"40\" rx=\"5\" stroke=\"#93c5fd\"><\/rect>\n            <rect x=\"4\" y=\"16\" width=\"22\" height=\"40\" rx=\"5\" stroke=\"#93c5fd\"><\/rect>\n            <rect x=\"10\" y=\"24\" width=\"14\" height=\"11\" rx=\"1\" stroke=\"rgba(147,197,253,.5)\"><\/rect>\n            <rect x=\"36\" y=\"24\" width=\"14\" height=\"11\" rx=\"1\" stroke=\"rgba(147,197,253,.4)\"><\/rect>\n            <rect x=\"58\" y=\"24\" width=\"14\" height=\"11\" rx=\"1\" stroke=\"rgba(147,197,253,.4)\"><\/rect>\n            <rect x=\"80\" y=\"24\" width=\"14\" height=\"11\" rx=\"1\" stroke=\"rgba(147,197,253,.4)\"><\/rect>\n            <rect x=\"102\" y=\"24\" width=\"14\" height=\"11\" rx=\"1\" stroke=\"rgba(147,197,253,.4)\"><\/rect>\n            <rect x=\"36\" y=\"38\" width=\"14\" height=\"11\" rx=\"1\" stroke=\"rgba(147,197,253,.3)\"><\/rect>\n            <rect x=\"58\" y=\"38\" width=\"14\" height=\"11\" rx=\"1\" stroke=\"rgba(147,197,253,.3)\"><\/rect>\n            <rect x=\"80\" y=\"38\" width=\"14\" height=\"11\" rx=\"1\" stroke=\"rgba(147,197,253,.3)\"><\/rect>\n            <rect x=\"102\" y=\"38\" width=\"14\" height=\"11\" rx=\"1\" stroke=\"rgba(147,197,253,.3)\"><\/rect>\n            <circle cx=\"24\" cy=\"58\" r=\"9\" stroke=\"#93c5fd\"><\/circle>\n            <circle cx=\"114\" cy=\"58\" r=\"9\" stroke=\"#93c5fd\"><\/circle>\n          <\/svg>\n        <\/div>\n        <div class=\"cf-body\">\n          <div class=\"cf-vehicle-name\">Mini Bus<\/div>\n          <div class=\"cf-pax\">\n            <svg viewBox=\"0 0 24 24\"><path d=\"M17 21v-2a4 4 0 0 0-4-4H5a4 4 0 0 0-4 4v2\"><\/path><circle cx=\"9\" cy=\"7\" r=\"4\"><\/circle><path d=\"M23 21v-2a4 4 0 0 0-3-3.87\"><\/path><path d=\"M16 3.13a4 4 0 0 1 0 7.75\"><\/path><\/svg>\n            10 \u2013 18 Passengers\n          <\/div>\n          <div class=\"cf-pills\">\n            <span class=\"cf-pill\">Air Conditioned<\/span>\n            <span class=\"cf-pill\">Reclining Seats<\/span>\n            <span class=\"cf-pill\">Luggage Bay<\/span>\n          <\/div>\n          <div class=\"cf-foot\">\n            <div class=\"cf-ideal\">Ideal for <span>Large Groups<\/span><\/div>\n          <\/div>\n        <\/div>\n      <\/div>\n\n      <!-- 6. Coach Bus -->\n      <div class=\"cf-card\" data-delay=\"5\">\n        <div class=\"cf-viz cf-viz-coach\">\n          <svg viewBox=\"0 0 140 80\" stroke-width=\"1.6\">\n            <rect x=\"3\" y=\"14\" width=\"134\" height=\"42\" rx=\"5\" stroke=\"#4ade80\"><\/rect>\n            <rect x=\"3\" y=\"14\" width=\"22\" height=\"42\" rx=\"5\" stroke=\"#4ade80\"><\/rect>\n            <rect x=\"9\" y=\"22\" width=\"13\" height=\"10\" rx=\"1\" stroke=\"rgba(74,222,128,.5)\"><\/rect>\n            <rect x=\"33\" y=\"22\" width=\"13\" height=\"10\" rx=\"1\" stroke=\"rgba(74,222,128,.4)\"><\/rect>\n            <rect x=\"52\" y=\"22\" width=\"13\" height=\"10\" rx=\"1\" stroke=\"rgba(74,222,128,.4)\"><\/rect>\n            <rect x=\"71\" y=\"22\" width=\"13\" height=\"10\" rx=\"1\" stroke=\"rgba(74,222,128,.4)\"><\/rect>\n            <rect x=\"90\" y=\"22\" width=\"13\" height=\"10\" rx=\"1\" stroke=\"rgba(74,222,128,.4)\"><\/rect>\n            <rect x=\"109\" y=\"22\" width=\"13\" height=\"10\" rx=\"1\" stroke=\"rgba(74,222,128,.4)\"><\/rect>\n            <rect x=\"33\" y=\"35\" width=\"13\" height=\"10\" rx=\"1\" stroke=\"rgba(74,222,128,.3)\"><\/rect>\n            <rect x=\"52\" y=\"35\" width=\"13\" height=\"10\" rx=\"1\" stroke=\"rgba(74,222,128,.3)\"><\/rect>\n            <rect x=\"71\" y=\"35\" width=\"13\" height=\"10\" rx=\"1\" stroke=\"rgba(74,222,128,.3)\"><\/rect>\n            <rect x=\"90\" y=\"35\" width=\"13\" height=\"10\" rx=\"1\" stroke=\"rgba(74,222,128,.3)\"><\/rect>\n            <rect x=\"109\" y=\"35\" width=\"13\" height=\"10\" rx=\"1\" stroke=\"rgba(74,222,128,.3)\"><\/rect>\n            <circle cx=\"24\" cy=\"58\" r=\"9\" stroke=\"#4ade80\"><\/circle>\n            <circle cx=\"116\" cy=\"58\" r=\"9\" stroke=\"#4ade80\"><\/circle>\n          <\/svg>\n        <\/div>\n        <div class=\"cf-body\">\n          <div class=\"cf-vehicle-name\">Coach Bus<\/div>\n          <div class=\"cf-pax\">\n            <svg viewBox=\"0 0 24 24\"><path d=\"M17 21v-2a4 4 0 0 0-4-4H5a4 4 0 0 0-4 4v2\"><\/path><circle cx=\"9\" cy=\"7\" r=\"4\"><\/circle><path d=\"M23 21v-2a4 4 0 0 0-3-3.87\"><\/path><path d=\"M16 3.13a4 4 0 0 1 0 7.75\"><\/path><\/svg>\n            20 \u2013 50 Passengers\n          <\/div>\n          <div class=\"cf-pills\">\n            <span class=\"cf-pill\">Air Conditioned<\/span>\n            <span class=\"cf-pill\">Entertainment<\/span>\n            <span class=\"cf-pill\">Large Groups<\/span>\n          <\/div>\n          <div class=\"cf-foot\">\n            <div class=\"cf-ideal\">Ideal for <span>Events &amp; Tours<\/span><\/div>\n          <\/div>\n        <\/div>\n      <\/div>\n\n    <\/div>\n\n    <!-- CTA strip -->\n    <div class=\"cf-cta\" id=\"cf-cta\">\n      <div class=\"cf-cta-left\">\n        <h4>Not sure which vehicle suits you?<\/h4>\n        <p>WhatsApp us \u2014 we&#8217;ll recommend the perfect option for your group and budget.<\/p>\n      <\/div>\n      <div class=\"cf-cta-btns\">\n        <a href=\"\/booking\" class=\"cf-cta-main\">\n          <svg viewBox=\"0 0 24 24\"><rect x=\"3\" y=\"4\" width=\"18\" height=\"18\" rx=\"2\"><\/rect><line x1=\"16\" y1=\"2\" x2=\"16\" y2=\"6\"><\/line><line x1=\"8\" y1=\"2\" x2=\"8\" y2=\"6\"><\/line><line x1=\"3\" y1=\"10\" x2=\"21\" y2=\"10\"><\/line><\/svg>\n          Call Us\n        <\/a>\n        <a href=\"https:\/\/wa.me\/94771234567\" class=\"cf-cta-wa\">\n          <svg viewBox=\"0 0 24 24\"><path d=\"M21 11.5a8.38 8.38 0 0 1-.9 3.8 8.5 8.5 0 0 1-7.6 4.7 8.38 8.38 0 0 1-3.8-.9L3 21l1.9-5.7a8.38 8.38 0 0 1-.9-3.8 8.5 8.5 0 0 1 4.7-7.6 8.38 8.38 0 0 1 3.8-.9h.5a8.48 8.48 0 0 1 8 8v.5z\"><\/path><\/svg>\n          WhatsApp Us\n        <\/a>\n      <\/div>\n    <\/div>\n\n  <\/div>\n<\/section>\n\n<script>\n(function(){\n  var els = document.querySelectorAll('.cf-card');\n  var header = document.getElementById('cf-header');\n  var cta = document.getElementById('cf-cta');\n\n  var io = new IntersectionObserver(function(entries){\n    entries.forEach(function(entry){\n      if(!entry.isIntersecting) return;\n      var el = entry.target;\n      var d  = el.dataset.delay ? parseInt(el.dataset.delay)*110 : 0;\n      setTimeout(function(){ el.classList.add('cf-in'); }, d);\n      io.unobserve(el);\n    });\n  },{threshold:0.1});\n\n  if(header) io.observe(header);\n  if(cta)    io.observe(cta);\n  els.forEach(function(c){ io.observe(c); });\n\n  \/* 3D tilt *\/\n  els.forEach(function(card){\n    card.addEventListener('mousemove',function(e){\n      var r = card.getBoundingClientRect();\n      var x = (e.clientX - r.left)\/r.width  - 0.5;\n      var y = (e.clientY - r.top) \/r.height - 0.5;\n      card.style.transform =\n        'translateY(-6px) scale(1.01) rotateX('+(-y*6)+'deg) rotateY('+(x*6)+'deg)';\n    });\n    card.addEventListener('mouseleave',function(){\n      card.style.transform='';\n    });\n  });\n})();\n<\/script>\n<\/div>\n","protected":false},"excerpt":{"rendered":"<p>#1 Rated Travel Company in Kandy Explore Sri Lanka with Comfort From the misty hills of Kandy to the golden [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_uag_custom_page_level_css":"","site-sidebar-layout":"no-sidebar","site-content-layout":"plain-container","ast-site-content-layout":"full-width-container","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"disabled","ast-breadcrumbs-content":"","ast-featured-img":"","footer-sml-layout":"","ast-disable-related-posts":"","theme-transparent-header-meta":"enabled","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"default","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"footnotes":""},"class_list":["post-7","page","type-page","status-publish","hentry"],"uagb_featured_image_src":{"full":false,"thumbnail":false,"medium":false,"medium_large":false,"large":false,"1536x1536":false,"2048x2048":false},"uagb_author_info":{"display_name":"admin","author_link":"https:\/\/dana.mithunwimalasiri.com\/index.php\/author\/admin\/"},"uagb_comment_info":0,"uagb_excerpt":"#1 Rated Travel Company in Kandy Explore Sri Lanka with Comfort From the misty hills of Kandy to the golden [&hellip;]","_links":{"self":[{"href":"https:\/\/dana.mithunwimalasiri.com\/index.php\/wp-json\/wp\/v2\/pages\/7","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/dana.mithunwimalasiri.com\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/dana.mithunwimalasiri.com\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/dana.mithunwimalasiri.com\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/dana.mithunwimalasiri.com\/index.php\/wp-json\/wp\/v2\/comments?post=7"}],"version-history":[{"count":16,"href":"https:\/\/dana.mithunwimalasiri.com\/index.php\/wp-json\/wp\/v2\/pages\/7\/revisions"}],"predecessor-version":[{"id":84,"href":"https:\/\/dana.mithunwimalasiri.com\/index.php\/wp-json\/wp\/v2\/pages\/7\/revisions\/84"}],"wp:attachment":[{"href":"https:\/\/dana.mithunwimalasiri.com\/index.php\/wp-json\/wp\/v2\/media?parent=7"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}