{"id":237,"date":"2026-04-10T03:00:21","date_gmt":"2026-04-10T03:00:21","guid":{"rendered":"https:\/\/sntraders.us.cc\/?page_id=237"},"modified":"2026-04-16T04:04:58","modified_gmt":"2026-04-16T04:04:58","slug":"services","status":"publish","type":"page","link":"https:\/\/sntraders.us.cc\/index.php\/services\/","title":{"rendered":"Services"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"237\" class=\"elementor elementor-237\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-cbed94d e-con-full e-flex e-con e-parent\" data-id=\"cbed94d\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-74c9489 elementor-widget elementor-widget-html\" data-id=\"74c9489\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<div id=\"dm-agency-services\">\r\n  <style>\r\n    #dm-agency-services {\r\n      font-family: inherit; \/* Inherits your WordPress theme's font *\/\r\n      padding: 60px 20px;\r\n      background-color: #ffffff;\r\n      text-align: center;\r\n      color: #333333;\r\n    }\r\n    \r\n    #dm-agency-services .section-header {\r\n      max-width: 700px;\r\n      margin: 0 auto 50px auto;\r\n    }\r\n\r\n    #dm-agency-services h2 {\r\n      font-size: 2.5rem;\r\n      font-weight: 700;\r\n      margin-bottom: 15px;\r\n      color: #1a1a1a;\r\n    }\r\n\r\n    #dm-agency-services .section-subtitle {\r\n      font-size: 1.1rem;\r\n      line-height: 1.6;\r\n      color: #555555;\r\n    }\r\n\r\n    \/* CSS Grid automatically handles mobile responsiveness *\/\r\n    .dm-services-grid {\r\n      display: grid;\r\n      grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));\r\n      gap: 30px;\r\n      max-width: 1200px;\r\n      margin: 0 auto;\r\n    }\r\n\r\n    .dm-service-card {\r\n      background: #f8fafc;\r\n      padding: 40px 30px;\r\n      border-radius: 12px;\r\n      border: 1px solid #eaeaea;\r\n      border-top: 5px solid #2563eb; \/* Primary Accent Color *\/\r\n      box-shadow: 0 4px 6px rgba(0,0,0,0.02);\r\n      transition: transform 0.3s ease, box-shadow 0.3s ease;\r\n      text-align: left;\r\n      display: flex;\r\n      flex-direction: column;\r\n    }\r\n\r\n    .dm-service-card:hover {\r\n      transform: translateY(-8px);\r\n      box-shadow: 0 15px 30px rgba(0,0,0,0.08);\r\n    }\r\n\r\n    .dm-icon {\r\n      font-size: 3rem;\r\n      margin-bottom: 20px;\r\n      line-height: 1;\r\n    }\r\n\r\n    .dm-service-card h3 {\r\n      font-size: 1.4rem;\r\n      font-weight: 600;\r\n      margin-bottom: 15px;\r\n      color: #f0f9ff;\r\n    }\r\n\r\n    .dm-service-card p {\r\n      font-size: 1rem;\r\n      line-height: 1.6;\r\n      color: #f0f9ff;\r\n      margin-bottom: 20px;\r\n      flex-grow: 1;\r\n    }\r\n\r\n    \/* Hidden expanded text for JavaScript interaction *\/\r\n    .dm-expanded-details {\r\n      display: none;\r\n      margin-bottom: 20px;\r\n      padding-top: 15px;\r\n      border-top: 1px dashed #cccccc;\r\n      font-size: 0.95rem;\r\n      color: #444444;\r\n      line-height: 1.5;\r\n    }\r\n\r\n    .dm-btn-inline {\r\n      background-color: transparent;\r\n      color: #2563eb;\r\n      border: 2px solid #2563eb;\r\n      padding: 10px 20px;\r\n      border-radius: 6px;\r\n      font-size: 0.95rem;\r\n      font-weight: 600;\r\n      cursor: pointer;\r\n      transition: all 0.3s ease;\r\n      align-self: flex-start;\r\n    }\r\n\r\n    .dm-btn-inline:hover {\r\n      background-color:  #22c55e;\r\n      color:#f8fafc;\r\n    }\r\n\r\n    \/* Mobile adjustments *\/\r\n    @media (max-width: 768px) {\r\n      #dm-agency-services { padding: 40px 15px; }\r\n      #dm-agency-services h2 { font-size: 2rem; }\r\n    }\r\n  <\/style>\r\n\r\n  <section aria-labelledby=\"services-title\">\r\n    <div class=\"section-header\">\r\n      <h2 id=\"services-title\">Data-Driven Digital Marketing Services<\/h2>\r\n      <p class=\"section-subtitle\">We build scalable growth engines for modern brands. Choose the strategies that align with your business goals to increase traffic, leads, and revenue.<\/p>\r\n    <\/div>\r\n\r\n    <div class=\"dm-services-grid\">\r\n      \r\n      <article class=\"dm-service-card\">\r\n        <div class=\"dm-icon\" aria-hidden=\"true\">\ud83d\ude80<\/div>\r\n        <h3>Search Engine Optimization<\/h3>\r\n        <p>Dominate search results and drive high-intent organic traffic to your website with our comprehensive technical and content-focused SEO campaigns.<\/p>\r\n        <div id=\"details-seo\" class=\"dm-expanded-details\">\r\n          <strong>Includes:<\/strong> Keyword Research, On-Page SEO Optimization, High-Quality Link Building, and Technical Site Audits.\r\n        <\/div>\r\n        <button class=\"dm-btn-inline\" onclick=\"toggleServiceDetails('details-seo', this)\">Learn More<\/button>\r\n      <\/article>\r\n\r\n      <article class=\"dm-service-card\">\r\n        <div class=\"dm-icon\" aria-hidden=\"true\">\ud83d\udcc8<\/div>\r\n        <h3>Pay-Per-Click Advertising<\/h3>\r\n        <p>Maximize your ROI with highly targeted Google and Bing Ad campaigns. We place your brand directly in front of customers ready to buy.<\/p>\r\n        <div id=\"details-ppc\" class=\"dm-expanded-details\">\r\n          <strong>Includes:<\/strong> Search & Display Ads, Ad Copywriting, A\/B Testing, Bid Management, and Conversion Tracking.\r\n        <\/div>\r\n        <button class=\"dm-btn-inline\" onclick=\"toggleServiceDetails('details-ppc', this)\">Learn More<\/button>\r\n      <\/article>\r\n\r\n      <article class=\"dm-service-card\">\r\n        <div class=\"dm-icon\" aria-hidden=\"true\">\ud83d\udcac<\/div>\r\n        <h3>Social Media Marketing<\/h3>\r\n        <p>Build a loyal community and amplify your brand voice across platforms like Instagram, LinkedIn, Facebook, and TikTok.<\/p>\r\n        <div id=\"details-social\" class=\"dm-expanded-details\">\r\n          <strong>Includes:<\/strong> Content Creation, Audience Engagement, Paid Social Campaigns, and Competitor Analysis.\r\n        <\/div>\r\n        <button class=\"dm-btn-inline\" onclick=\"toggleServiceDetails('details-social', this)\">Learn More<\/button>\r\n      <\/article>\r\n\r\n    <\/div>\r\n  <\/section>\r\n\r\n  <script>\r\n    function toggleServiceDetails(elementId, buttonElement) {\r\n      \/\/ Find the specific details section\r\n      var details = document.getElementById(elementId);\r\n      \r\n      \/\/ Toggle visibility and update button text\r\n      if (details.style.display === \"block\") {\r\n        details.style.display = \"none\";\r\n        buttonElement.innerHTML = \"Learn More\";\r\n      } else {\r\n        details.style.display = \"block\";\r\n        buttonElement.innerHTML = \"Show Less\";\r\n      }\r\n    }\r\n  <\/script>\r\n<\/div>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-973f59e elementor-widget elementor-widget-html\" data-id=\"973f59e\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<div id=\"dm-agency-services\">\r\n  <style>\r\n    #dm-agency-services {\r\n      font-family: inherit;\r\n      padding: 70px 20px;\r\n      background: linear-gradient(135deg, #0ea5e9, #6366f1, #8b5cf6);\r\n      text-align: center;\r\n      color: #ffffff;\r\n    }\r\n\r\n    #dm-agency-services .section-header {\r\n      max-width: 700px;\r\n      margin: 0 auto 50px auto;\r\n    }\r\n\r\n    #dm-agency-services h2 {\r\n      font-size: 2.5rem;\r\n      font-weight: 700;\r\n      margin-bottom: 15px;\r\n    }\r\n\r\n    #dm-agency-services .section-subtitle {\r\n      font-size: 1.1rem;\r\n      opacity: 0.9;\r\n      line-height: 1.6;\r\n    }\r\n\r\n    .dm-services-grid {\r\n      display: grid;\r\n      grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));\r\n      gap: 25px;\r\n      max-width: 1200px;\r\n      margin: 0 auto;\r\n    }\r\n\r\n    .dm-service-card {\r\n      background: rgba(255,255,255,0.1);\r\n      backdrop-filter: blur(12px);\r\n      -webkit-backdrop-filter: blur(12px);\r\n      padding: 30px;\r\n      border-radius: 16px;\r\n      border: 1px solid rgba(255,255,255,0.2);\r\n      transition: all 0.35s ease;\r\n      text-align: left;\r\n      display: flex;\r\n      flex-direction: column;\r\n      position: relative;\r\n      overflow: hidden;\r\n    }\r\n\r\n    .dm-service-card:hover {\r\n      transform: translateY(-10px) scale(1.02);\r\n      box-shadow: 0 20px 40px rgba(0,0,0,0.2);\r\n    }\r\n\r\n    .dm-icon {\r\n      font-size: 2.5rem;\r\n      margin-bottom: 15px;\r\n    }\r\n\r\n    .dm-service-card h3 {\r\n      font-size: 1.4rem;\r\n      margin-bottom: 10px;\r\n    }\r\n\r\n    .dm-service-card p {\r\n      font-size: 1rem;\r\n      opacity: 0.9;\r\n      margin-bottom: 15px;\r\n      flex-grow: 1;\r\n    }\r\n\r\n    .dm-expanded-details {\r\n      display: none;\r\n      font-size: 0.9rem;\r\n      margin-bottom: 15px;\r\n      border-top: 1px dashed rgba(255,255,255,0.3);\r\n      padding-top: 10px;\r\n    }\r\n\r\n    .dm-btn-inline {\r\n      background: linear-gradient(135deg,#f0f9ff,#e0f2fe);\r\n      color: #1e293b;\r\n      border: none;\r\n      padding: 10px 18px;\r\n      border-radius: 8px;\r\n      font-weight: 600;\r\n      cursor: pointer;\r\n      transition: all 0.3s ease;\r\n      align-self: flex-start;\r\n    }\r\n\r\n    .dm-btn-inline:hover {\r\n      transform: scale(1.05);\r\n      box-shadow: 0 8px 20px rgba(0,0,0,0.2);\r\n    }\r\n\r\n    @media (max-width: 768px) {\r\n      #dm-agency-services h2 {\r\n        font-size: 2rem;\r\n      }\r\n    }\r\n  <\/style>\r\n\r\n  <section>\r\n    <div class=\"section-header\">\r\n      <h2>Modern Digital Marketing Services<\/h2>\r\n      <p class=\"section-subtitle\">High-performance strategies powered by creativity, data, and cutting-edge technology.<\/p>\r\n    <\/div>\r\n\r\n    <div class=\"dm-services-grid\">\r\n\r\n      <article class=\"dm-service-card\">\r\n        <div class=\"dm-icon\">\ud83d\ude80<\/div>\r\n        <h3>SEO Optimization<\/h3>\r\n        <p>Boost rankings and drive organic traffic with powerful SEO strategies.<\/p>\r\n        <div id=\"d1\" class=\"dm-expanded-details\">Keyword research, backlinks, audits, and technical SEO.<\/div>\r\n        <button class=\"dm-btn-inline\" onclick=\"toggleServiceDetails('d1', this)\">Learn More<\/button>\r\n      <\/article>\r\n\r\n      <article class=\"dm-service-card\">\r\n        <div class=\"dm-icon\">\ud83d\udcc8<\/div>\r\n        <h3>PPC Advertising<\/h3>\r\n        <p>Generate instant traffic with optimized paid campaigns.<\/p>\r\n        <div id=\"d2\" class=\"dm-expanded-details\">Google Ads, A\/B testing, targeting & ROI tracking.<\/div>\r\n        <button class=\"dm-btn-inline\" onclick=\"toggleServiceDetails('d2', this)\">Learn More<\/button>\r\n      <\/article>\r\n\r\n      <article class=\"dm-service-card\">\r\n        <div class=\"dm-icon\">\ud83d\udcac<\/div>\r\n        <h3>Social Media<\/h3>\r\n        <p>Engage your audience and grow your brand presence.<\/p>\r\n        <div id=\"d3\" class=\"dm-expanded-details\">Content creation, engagement & paid promotions.<\/div>\r\n        <button class=\"dm-btn-inline\" onclick=\"toggleServiceDetails('d3', this)\">Learn More<\/button>\r\n      <\/article>\r\n\r\n      <article class=\"dm-service-card\">\r\n        <div class=\"dm-icon\">\u270d\ufe0f<\/div>\r\n        <h3>Content Marketing<\/h3>\r\n        <p>Create compelling content that converts visitors into customers.<\/p>\r\n        <div id=\"d4\" class=\"dm-expanded-details\">Blogs, SEO content, storytelling & strategy.<\/div>\r\n        <button class=\"dm-btn-inline\" onclick=\"toggleServiceDetails('d4', this)\">Learn More<\/button>\r\n      <\/article>\r\n\r\n      <article class=\"dm-service-card\">\r\n        <div class=\"dm-icon\">\ud83d\udce7<\/div>\r\n        <h3>Email Marketing<\/h3>\r\n        <p>Convert leads into loyal customers through automation.<\/p>\r\n        <div id=\"d5\" class=\"dm-expanded-details\">Funnels, automation & personalization.<\/div>\r\n        <button class=\"dm-btn-inline\" onclick=\"toggleServiceDetails('d5', this)\">Learn More<\/button>\r\n      <\/article>\r\n\r\n    <\/div>\r\n  <\/section>\r\n\r\n  <script>\r\n    function toggleServiceDetails(id, btn) {\r\n      var el = document.getElementById(id);\r\n      if (el.style.display === \"block\") {\r\n        el.style.display = \"none\";\r\n        btn.innerHTML = \"Learn More\";\r\n      } else {\r\n        el.style.display = \"block\";\r\n        btn.innerHTML = \"Show Less\";\r\n      }\r\n    }\r\n  <\/script>\r\n<\/div>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-e1e6531 elementor-widget elementor-widget-html\" data-id=\"e1e6531\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- ============================================================\r\n     DIGITAL MARKETING AGENCY \u2014 SERVICES PAGE\r\n     WordPress-ready | Inline CSS + JS | SEO Optimised | Mobile Friendly\r\n     Copy & paste into WordPress Custom HTML block or page builder\r\n     ============================================================ -->\r\n\r\n<!-- GOOGLE FONTS -->\r\n<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\r\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Syne:wght@400;600;700;800&family=DM+Sans:wght@300;400;500&display=swap\" rel=\"stylesheet\">\r\n\r\n<style>\r\n  *, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }\r\n  :root {\r\n    --orange: #FF5C1A;\r\n    --orange-light: #FF7B42;\r\n    --dark: #0D0D0D;\r\n    --dark2: #141414;\r\n    --dark3: #1C1C1C;\r\n    --dark4: #242424;\r\n    --text: #F0EDE8;\r\n    --muted: #9A9490;\r\n    --border: rgba(255,255,255,0.07);\r\n    --font-head: 'Syne', sans-serif;\r\n    --font-body: 'DM Sans', sans-serif;\r\n  }\r\n  .dm-wrap { font-family: var(--font-body); background: var(--dark); color: var(--text); overflow-x: hidden; line-height: 1.6; }\r\n  .dm-wrap a { color: var(--orange); text-decoration: none; }\r\n  .dm-wrap img { max-width: 100%; height: auto; }\r\n\r\n  \/* \u2500\u2500 HERO \u2500\u2500 *\/\r\n  .dm-hero {\r\n    position: relative;\r\n    background: var(--dark);\r\n    padding: 100px 24px 80px;\r\n    text-align: center;\r\n    overflow: hidden;\r\n  }\r\n  .dm-hero::before {\r\n    content: '';\r\n    position: absolute;\r\n    top: -180px; left: 50%; transform: translateX(-50%);\r\n    width: 700px; height: 700px;\r\n    background: radial-gradient(circle, rgba(255,92,26,0.18) 0%, transparent 70%);\r\n    pointer-events: none;\r\n  }\r\n  .dm-hero-badge {\r\n    display: inline-block;\r\n    font-family: var(--font-body);\r\n    font-size: 12px;\r\n    font-weight: 500;\r\n    letter-spacing: 2px;\r\n    text-transform: uppercase;\r\n    color: var(--orange);\r\n    border: 1px solid rgba(255,92,26,0.35);\r\n    border-radius: 100px;\r\n    padding: 6px 18px;\r\n    margin-bottom: 28px;\r\n  }\r\n  .dm-hero h1 {\r\n    font-family: var(--font-head);\r\n    font-size: clamp(38px, 6vw, 72px);\r\n    font-weight: 800;\r\n    line-height: 1.05;\r\n    letter-spacing: -1.5px;\r\n    max-width: 820px;\r\n    margin: 0 auto 24px;\r\n  }\r\n  .dm-hero h1 span { color: var(--orange); }\r\n  .dm-hero p {\r\n    font-size: clamp(16px, 2vw, 18px);\r\n    color: var(--muted);\r\n    max-width: 560px;\r\n    margin: 0 auto 40px;\r\n    line-height: 1.75;\r\n  }\r\n  .dm-hero-btns { display: flex; gap: 14px; justify-content: center; flex-wrap: wrap; }\r\n  .dm-btn-primary {\r\n    display: inline-flex; align-items: center; gap: 8px;\r\n    background: var(--orange);\r\n    color: #fff;\r\n    font-family: var(--font-head);\r\n    font-size: 15px;\r\n    font-weight: 600;\r\n    padding: 14px 30px;\r\n    border-radius: 6px;\r\n    border: none;\r\n    cursor: pointer;\r\n    transition: background 0.2s, transform 0.15s;\r\n  }\r\n  .dm-btn-primary:hover { background: var(--orange-light); transform: translateY(-2px); color: #fff; }\r\n  .dm-btn-secondary {\r\n    display: inline-flex; align-items: center; gap: 8px;\r\n    background: transparent;\r\n    color: var(--text);\r\n    font-family: var(--font-head);\r\n    font-size: 15px;\r\n    font-weight: 600;\r\n    padding: 13px 30px;\r\n    border-radius: 6px;\r\n    border: 1px solid var(--border);\r\n    cursor: pointer;\r\n    transition: border-color 0.2s, transform 0.15s;\r\n  }\r\n  .dm-btn-secondary:hover { border-color: rgba(255,255,255,0.25); transform: translateY(-2px); color: var(--text); }\r\n\r\n  \/* \u2500\u2500 STATS BAR \u2500\u2500 *\/\r\n  .dm-stats {\r\n    background: var(--dark3);\r\n    border-top: 1px solid var(--border);\r\n    border-bottom: 1px solid var(--border);\r\n    padding: 32px 24px;\r\n  }\r\n  .dm-stats-inner {\r\n    max-width: 1100px;\r\n    margin: 0 auto;\r\n    display: grid;\r\n    grid-template-columns: repeat(auto-fit, minmax(140px, 1fr));\r\n    gap: 24px;\r\n    text-align: center;\r\n  }\r\n  .dm-stat-num {\r\n    font-family: var(--font-head);\r\n    font-size: 36px;\r\n    font-weight: 800;\r\n    color: var(--orange);\r\n    line-height: 1;\r\n    display: block;\r\n  }\r\n  .dm-stat-label {\r\n    font-size: 13px;\r\n    color: var(--muted);\r\n    margin-top: 6px;\r\n    display: block;\r\n  }\r\n\r\n  \/* \u2500\u2500 SECTION COMMON \u2500\u2500 *\/\r\n  .dm-section { padding: 90px 24px; }\r\n  .dm-section-inner { max-width: 1100px; margin: 0 auto; }\r\n  .dm-section-label {\r\n    font-size: 11px;\r\n    font-weight: 600;\r\n    letter-spacing: 3px;\r\n    text-transform: uppercase;\r\n    color: var(--orange);\r\n    margin-bottom: 14px;\r\n    display: block;\r\n  }\r\n  .dm-section-title {\r\n    font-family: var(--font-head);\r\n    font-size: clamp(30px, 4vw, 48px);\r\n    font-weight: 800;\r\n    letter-spacing: -1px;\r\n    line-height: 1.1;\r\n    margin-bottom: 16px;\r\n  }\r\n  .dm-section-subtitle {\r\n    font-size: 16px;\r\n    color: var(--muted);\r\n    max-width: 520px;\r\n    line-height: 1.75;\r\n    margin-bottom: 56px;\r\n  }\r\n\r\n  \/* \u2500\u2500 SERVICES GRID \u2500\u2500 *\/\r\n  .dm-services-bg { background: var(--dark2); }\r\n  .dm-services-grid {\r\n    display: grid;\r\n    grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));\r\n    gap: 1px;\r\n    background: var(--border);\r\n    border: 1px solid var(--border);\r\n    border-radius: 12px;\r\n    overflow: hidden;\r\n  }\r\n  .dm-service-card {\r\n    background: var(--dark2);\r\n    padding: 36px 32px;\r\n    transition: background 0.25s;\r\n    position: relative;\r\n    overflow: hidden;\r\n  }\r\n  .dm-service-card::after {\r\n    content: '';\r\n    position: absolute;\r\n    bottom: 0; left: 0;\r\n    width: 0; height: 2px;\r\n    background: var(--orange);\r\n    transition: width 0.35s ease;\r\n  }\r\n  .dm-service-card:hover { background: var(--dark3); }\r\n  .dm-service-card:hover::after { width: 100%; }\r\n  .dm-service-icon {\r\n    width: 48px; height: 48px;\r\n    background: rgba(255,92,26,0.12);\r\n    border-radius: 10px;\r\n    display: flex; align-items: center; justify-content: center;\r\n    margin-bottom: 22px;\r\n    font-size: 22px;\r\n  }\r\n  .dm-service-card h3 {\r\n    font-family: var(--font-head);\r\n    font-size: 20px;\r\n    font-weight: 700;\r\n    margin-bottom: 12px;\r\n    line-height: 1.2;\r\n  }\r\n  .dm-service-card p {\r\n    font-size: 14px;\r\n    color: var(--muted);\r\n    line-height: 1.75;\r\n    margin-bottom: 20px;\r\n  }\r\n  .dm-service-tags { display: flex; flex-wrap: wrap; gap: 6px; }\r\n  .dm-tag {\r\n    font-size: 11px;\r\n    font-weight: 500;\r\n    color: var(--orange);\r\n    background: rgba(255,92,26,0.1);\r\n    border: 1px solid rgba(255,92,26,0.2);\r\n    border-radius: 100px;\r\n    padding: 3px 10px;\r\n  }\r\n\r\n  \/* \u2500\u2500 WHY CHOOSE US \u2500\u2500 *\/\r\n  .dm-why-grid {\r\n    display: grid;\r\n    grid-template-columns: 1fr 1fr;\r\n    gap: 60px;\r\n    align-items: center;\r\n  }\r\n  @media(max-width:768px){ .dm-why-grid { grid-template-columns: 1fr; gap: 40px; } }\r\n  .dm-why-list { list-style: none; display: flex; flex-direction: column; gap: 20px; margin-top: 36px; }\r\n  .dm-why-item { display: flex; gap: 16px; align-items: flex-start; }\r\n  .dm-why-num {\r\n    flex-shrink: 0;\r\n    width: 36px; height: 36px;\r\n    background: rgba(255,92,26,0.12);\r\n    border: 1px solid rgba(255,92,26,0.25);\r\n    border-radius: 8px;\r\n    display: flex; align-items: center; justify-content: center;\r\n    font-family: var(--font-head);\r\n    font-size: 13px;\r\n    font-weight: 700;\r\n    color: var(--orange);\r\n  }\r\n  .dm-why-item h4 {\r\n    font-family: var(--font-head);\r\n    font-size: 16px;\r\n    font-weight: 700;\r\n    margin-bottom: 4px;\r\n  }\r\n  .dm-why-item p { font-size: 14px; color: var(--muted); line-height: 1.65; }\r\n  .dm-why-visual {\r\n    background: var(--dark3);\r\n    border: 1px solid var(--border);\r\n    border-radius: 16px;\r\n    padding: 40px 32px;\r\n  }\r\n  .dm-metric-row { display: flex; flex-direction: column; gap: 20px; }\r\n  .dm-metric { }\r\n  .dm-metric-top { display: flex; justify-content: space-between; align-items: baseline; margin-bottom: 8px; }\r\n  .dm-metric-name { font-size: 13px; color: var(--muted); }\r\n  .dm-metric-val { font-family: var(--font-head); font-size: 14px; font-weight: 700; color: var(--text); }\r\n  .dm-metric-bar { height: 6px; background: var(--dark4); border-radius: 100px; overflow: hidden; }\r\n  .dm-metric-fill { height: 100%; background: var(--orange); border-radius: 100px; width: 0; transition: width 1.2s ease; }\r\n\r\n  \/* \u2500\u2500 PROCESS \u2500\u2500 *\/\r\n  .dm-process-bg { background: var(--dark3); }\r\n  .dm-process-steps {\r\n    display: grid;\r\n    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));\r\n    gap: 2px;\r\n    position: relative;\r\n  }\r\n  .dm-process-step {\r\n    background: var(--dark3);\r\n    padding: 36px 28px;\r\n    position: relative;\r\n  }\r\n  .dm-step-num {\r\n    font-family: var(--font-head);\r\n    font-size: 56px;\r\n    font-weight: 800;\r\n    color: rgba(255,92,26,0.12);\r\n    line-height: 1;\r\n    margin-bottom: 16px;\r\n    display: block;\r\n  }\r\n  .dm-process-step h3 {\r\n    font-family: var(--font-head);\r\n    font-size: 18px;\r\n    font-weight: 700;\r\n    margin-bottom: 10px;\r\n  }\r\n  .dm-process-step p { font-size: 14px; color: var(--muted); line-height: 1.7; }\r\n\r\n  \/* \u2500\u2500 TESTIMONIAL \u2500\u2500 *\/\r\n  .dm-testimonials-grid {\r\n    display: grid;\r\n    grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));\r\n    gap: 16px;\r\n    margin-top: 0;\r\n  }\r\n  .dm-testi {\r\n    background: var(--dark3);\r\n    border: 1px solid var(--border);\r\n    border-radius: 12px;\r\n    padding: 30px 28px;\r\n    transition: border-color 0.25s;\r\n  }\r\n  .dm-testi:hover { border-color: rgba(255,92,26,0.3); }\r\n  .dm-stars { color: var(--orange); font-size: 14px; letter-spacing: 2px; margin-bottom: 14px; }\r\n  .dm-testi-text { font-size: 15px; color: var(--text); line-height: 1.75; margin-bottom: 22px; font-style: italic; }\r\n  .dm-testi-author { display: flex; align-items: center; gap: 12px; }\r\n  .dm-avatar {\r\n    width: 40px; height: 40px; border-radius: 50%;\r\n    background: var(--orange);\r\n    display: flex; align-items: center; justify-content: center;\r\n    font-family: var(--font-head);\r\n    font-size: 14px;\r\n    font-weight: 700;\r\n    color: #fff;\r\n    flex-shrink: 0;\r\n  }\r\n  .dm-author-name { font-family: var(--font-head); font-size: 14px; font-weight: 700; }\r\n  .dm-author-role { font-size: 12px; color: var(--muted); }\r\n\r\n  \/* \u2500\u2500 CTA \u2500\u2500 *\/\r\n  .dm-cta {\r\n    background: var(--dark);\r\n    padding: 100px 24px;\r\n    text-align: center;\r\n    position: relative;\r\n    overflow: hidden;\r\n  }\r\n  .dm-cta::before {\r\n    content: '';\r\n    position: absolute;\r\n    bottom: -200px; left: 50%; transform: translateX(-50%);\r\n    width: 600px; height: 600px;\r\n    background: radial-gradient(circle, rgba(255,92,26,0.15) 0%, transparent 65%);\r\n    pointer-events: none;\r\n  }\r\n  .dm-cta h2 {\r\n    font-family: var(--font-head);\r\n    font-size: clamp(32px, 5vw, 58px);\r\n    font-weight: 800;\r\n    letter-spacing: -1.5px;\r\n    max-width: 700px;\r\n    margin: 0 auto 20px;\r\n    line-height: 1.05;\r\n  }\r\n  .dm-cta h2 span { color: var(--orange); }\r\n  .dm-cta p { font-size: 16px; color: var(--muted); max-width: 440px; margin: 0 auto 40px; line-height: 1.75; }\r\n\r\n  \/* \u2500\u2500 ANIMATIONS \u2500\u2500 *\/\r\n  .dm-fade-up {\r\n    opacity: 0;\r\n    transform: translateY(28px);\r\n    transition: opacity 0.65s ease, transform 0.65s ease;\r\n  }\r\n  .dm-fade-up.dm-visible { opacity: 1; transform: none; }\r\n  @media(prefers-reduced-motion:reduce){ .dm-fade-up { opacity:1; transform:none; } }\r\n<\/style>\r\n\r\n<!-- ============================================================\r\n     MAIN WRAPPER \u2014 all sections inside\r\n     ============================================================ -->\r\n<div class=\"dm-wrap\" itemscope itemtype=\"https:\/\/schema.org\/ProfessionalService\">\r\n\r\n  <!-- \u2500\u2500 1. HERO \u2500\u2500 -->\r\n  <header class=\"dm-hero\" role=\"banner\">\r\n    <div class=\"dm-hero-badge\" aria-label=\"Category\">Digital Marketing Agency<\/div>\r\n    <h1 itemprop=\"name\">\r\n      We Grow Brands<br><span>That Mean Business<\/span>\r\n    <\/h1>\r\n    <p itemprop=\"description\">\r\n      Data-driven digital marketing strategies that generate real leads, real revenue, and real results \u2014 not just vanity metrics.\r\n    <\/p>\r\n    <div class=\"dm-hero-btns\">\r\n      <a href=\"#contact\" class=\"dm-btn-primary\" aria-label=\"Get a free strategy call\">\r\n        Get Free Strategy Call\r\n        <svg width=\"14\" height=\"14\" viewBox=\"0 0 14 14\" fill=\"none\" aria-hidden=\"true\"><path d=\"M3 7h8M7 3l4 4-4 4\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><\/svg>\r\n      <\/a>\r\n      <a href=\"#services\" class=\"dm-btn-secondary\" aria-label=\"View our services\">Explore Services<\/a>\r\n    <\/div>\r\n  <\/header>\r\n\r\n  <!-- \u2500\u2500 2. STATS \u2500\u2500 -->\r\n  <section class=\"dm-stats\" aria-label=\"Key statistics\">\r\n    <div class=\"dm-stats-inner\">\r\n      <div class=\"dm-fade-up\" style=\"transition-delay:0s\">\r\n        <strong class=\"dm-stat-num dm-count\" data-target=\"500\">0<\/strong>\r\n        <span class=\"dm-stat-label\">Clients Served Globally<\/span>\r\n      <\/div>\r\n      <div class=\"dm-fade-up\" style=\"transition-delay:0.1s\">\r\n        <strong class=\"dm-stat-num dm-count\" data-target=\"12\">0<\/strong>\r\n        <span class=\"dm-stat-label\">Years of Experience<\/span>\r\n      <\/div>\r\n      <div class=\"dm-fade-up\" style=\"transition-delay:0.2s\">\r\n        <strong class=\"dm-stat-num dm-count\" data-target=\"98\">0<\/strong>\r\n        <span class=\"dm-stat-label\">% Client Retention Rate<\/span>\r\n      <\/div>\r\n      <div class=\"dm-fade-up\" style=\"transition-delay:0.3s\">\r\n        <strong class=\"dm-stat-num dm-count\" data-target=\"3\">0<\/strong>\r\n        <span class=\"dm-stat-label\">\u00d7 Average ROI Delivered<\/span>\r\n      <\/div>\r\n    <\/div>\r\n  <\/section>\r\n\r\n  <!-- \u2500\u2500 3. SERVICES \u2500\u2500 -->\r\n  <section class=\"dm-section dm-services-bg\" id=\"services\" aria-labelledby=\"services-heading\">\r\n    <div class=\"dm-section-inner\">\r\n      <span class=\"dm-section-label dm-fade-up\">What We Do<\/span>\r\n      <h2 class=\"dm-section-title dm-fade-up\" id=\"services-heading\">\r\n        Full-Spectrum<br>Digital Marketing Services\r\n      <\/h2>\r\n      <p class=\"dm-section-subtitle dm-fade-up\">\r\n        From search visibility to paid acquisition, we cover every channel that moves the needle for your business.\r\n      <\/p>\r\n\r\n      <div class=\"dm-services-grid\" role=\"list\">\r\n\r\n        <article class=\"dm-service-card dm-fade-up\" role=\"listitem\" itemscope itemtype=\"https:\/\/schema.org\/Service\">\r\n          <div class=\"dm-service-icon\" aria-hidden=\"true\">\ud83d\udd0d<\/div>\r\n          <h3 itemprop=\"name\">Search Engine Optimisation<\/h3>\r\n          <p itemprop=\"description\">Rank higher on Google with technical SEO, content strategy, and high-authority link building that drives sustainable organic traffic.<\/p>\r\n          <div class=\"dm-service-tags\" aria-label=\"SEO services\">\r\n            <span class=\"dm-tag\">Technical SEO<\/span>\r\n            <span class=\"dm-tag\">Link Building<\/span>\r\n            <span class=\"dm-tag\">Local SEO<\/span>\r\n            <span class=\"dm-tag\">Content Strategy<\/span>\r\n          <\/div>\r\n        <\/article>\r\n\r\n        <article class=\"dm-service-card dm-fade-up\" role=\"listitem\" itemscope itemtype=\"https:\/\/schema.org\/Service\">\r\n          <div class=\"dm-service-icon\" aria-hidden=\"true\">\ud83d\udcc8<\/div>\r\n          <h3 itemprop=\"name\">Pay-Per-Click Advertising<\/h3>\r\n          <p itemprop=\"description\">High-ROI paid campaigns on Google, Meta, LinkedIn and more \u2014 laser-targeted, A\/B tested and continuously optimised for maximum conversions.<\/p>\r\n          <div class=\"dm-service-tags\" aria-label=\"PPC services\">\r\n            <span class=\"dm-tag\">Google Ads<\/span>\r\n            <span class=\"dm-tag\">Meta Ads<\/span>\r\n            <span class=\"dm-tag\">Retargeting<\/span>\r\n            <span class=\"dm-tag\">Shopping Ads<\/span>\r\n          <\/div>\r\n        <\/article>\r\n\r\n        <article class=\"dm-service-card dm-fade-up\" role=\"listitem\" itemscope itemtype=\"https:\/\/schema.org\/Service\">\r\n          <div class=\"dm-service-icon\" aria-hidden=\"true\">\ud83d\udcf1<\/div>\r\n          <h3 itemprop=\"name\">Social Media Marketing<\/h3>\r\n          <p itemprop=\"description\">Build a loyal community and drive engagement across Instagram, LinkedIn, X, and YouTube with compelling content and smart paid amplification.<\/p>\r\n          <div class=\"dm-service-tags\" aria-label=\"Social media services\">\r\n            <span class=\"dm-tag\">Content Creation<\/span>\r\n            <span class=\"dm-tag\">Community Mgmt<\/span>\r\n            <span class=\"dm-tag\">Influencer Marketing<\/span>\r\n          <\/div>\r\n        <\/article>\r\n\r\n        <article class=\"dm-service-card dm-fade-up\" role=\"listitem\" itemscope itemtype=\"https:\/\/schema.org\/Service\">\r\n          <div class=\"dm-service-icon\" aria-hidden=\"true\">\u2709\ufe0f<\/div>\r\n          <h3 itemprop=\"name\">Email Marketing & Automation<\/h3>\r\n          <p itemprop=\"description\">Convert leads and retain customers with personalised email journeys, drip campaigns, and marketing automation that works 24\/7 for your brand.<\/p>\r\n          <div class=\"dm-service-tags\" aria-label=\"Email marketing services\">\r\n            <span class=\"dm-tag\">Drip Campaigns<\/span>\r\n            <span class=\"dm-tag\">Lead Nurturing<\/span>\r\n            <span class=\"dm-tag\">CRM Integration<\/span>\r\n          <\/div>\r\n        <\/article>\r\n\r\n        <article class=\"dm-service-card dm-fade-up\" role=\"listitem\" itemscope itemtype=\"https:\/\/schema.org\/Service\">\r\n          <div class=\"dm-service-icon\" aria-hidden=\"true\">\u270d\ufe0f<\/div>\r\n          <h3 itemprop=\"name\">Content Marketing<\/h3>\r\n          <p itemprop=\"description\">Attract and educate your ideal audience with SEO-optimised blogs, whitepapers, videos, and landing pages that establish authority and generate leads.<\/p>\r\n          <div class=\"dm-service-tags\" aria-label=\"Content marketing services\">\r\n            <span class=\"dm-tag\">Blog Writing<\/span>\r\n            <span class=\"dm-tag\">Video Scripts<\/span>\r\n            <span class=\"dm-tag\">Landing Pages<\/span>\r\n          <\/div>\r\n        <\/article>\r\n\r\n        <article class=\"dm-service-card dm-fade-up\" role=\"listitem\" itemscope itemtype=\"https:\/\/schema.org\/Service\">\r\n          <div class=\"dm-service-icon\" aria-hidden=\"true\">\ud83d\udcca<\/div>\r\n          <h3 itemprop=\"name\">Analytics & Conversion Optimisation<\/h3>\r\n          <p itemprop=\"description\">Turn traffic into customers with advanced analytics, heatmaps, and CRO testing that uncovers exactly what drives conversions on your website.<\/p>\r\n          <div class=\"dm-service-tags\" aria-label=\"Analytics services\">\r\n            <span class=\"dm-tag\">GA4 Setup<\/span>\r\n            <span class=\"dm-tag\">A\/B Testing<\/span>\r\n            <span class=\"dm-tag\">CRO Audits<\/span>\r\n          <\/div>\r\n        <\/article>\r\n\r\n      <\/div><!-- \/grid -->\r\n    <\/div>\r\n  <\/section>\r\n\r\n  <!-- \u2500\u2500 4. WHY CHOOSE US \u2500\u2500 -->\r\n  <section class=\"dm-section\" id=\"why-us\" aria-labelledby=\"why-heading\">\r\n    <div class=\"dm-section-inner\">\r\n      <div class=\"dm-why-grid\">\r\n        <div>\r\n          <span class=\"dm-section-label dm-fade-up\">Why Choose Us<\/span>\r\n          <h2 class=\"dm-section-title dm-fade-up\" id=\"why-heading\">Results-First.<br>Always.<\/h2>\r\n          <ul class=\"dm-why-list\" role=\"list\">\r\n            <li class=\"dm-why-item dm-fade-up\">\r\n              <span class=\"dm-why-num\" aria-hidden=\"true\">01<\/span>\r\n              <div>\r\n                <h4>Strategy Before Tactics<\/h4>\r\n                <p>We start with deep business analysis \u2014 understanding your goals, audience, and competition before recommending any channel or tactic.<\/p>\r\n              <\/div>\r\n            <\/li>\r\n            <li class=\"dm-why-item dm-fade-up\">\r\n              <span class=\"dm-why-num\" aria-hidden=\"true\">02<\/span>\r\n              <div>\r\n                <h4>Dedicated Account Team<\/h4>\r\n                <p>You get a dedicated strategist, not a revolving door of account managers. One point of contact who knows your business inside out.<\/p>\r\n              <\/div>\r\n            <\/li>\r\n            <li class=\"dm-why-item dm-fade-up\">\r\n              <span class=\"dm-why-num\" aria-hidden=\"true\">03<\/span>\r\n              <div>\r\n                <h4>Full Transparency, Always<\/h4>\r\n                <p>Real-time dashboards, monthly reporting calls, and zero hidden fees. You always know exactly where your budget is going and what it's returning.<\/p>\r\n              <\/div>\r\n            <\/li>\r\n            <li class=\"dm-why-item dm-fade-up\">\r\n              <span class=\"dm-why-num\" aria-hidden=\"true\">04<\/span>\r\n              <div>\r\n                <h4>Proven Track Record<\/h4>\r\n                <p>500+ successful campaigns across e-commerce, SaaS, healthcare, real estate, and more. We've seen what works \u2014 and we apply it to your brand.<\/p>\r\n              <\/div>\r\n            <\/li>\r\n          <\/ul>\r\n        <\/div>\r\n        <div class=\"dm-why-visual dm-fade-up\" aria-label=\"Performance metrics\">\r\n          <p style=\"font-family:'Syne',sans-serif;font-size:15px;font-weight:700;margin-bottom:28px;color:var(--text)\">Average Client Performance Lift<\/p>\r\n          <div class=\"dm-metric-row\">\r\n            <div class=\"dm-metric\">\r\n              <div class=\"dm-metric-top\"><span class=\"dm-metric-name\">Organic Traffic<\/span><span class=\"dm-metric-val\">+320%<\/span><\/div>\r\n              <div class=\"dm-metric-bar\"><div class=\"dm-metric-fill\" data-width=\"82\"><\/div><\/div>\r\n            <\/div>\r\n            <div class=\"dm-metric\">\r\n              <div class=\"dm-metric-top\"><span class=\"dm-metric-name\">Lead Generation<\/span><span class=\"dm-metric-val\">+240%<\/span><\/div>\r\n              <div class=\"dm-metric-bar\"><div class=\"dm-metric-fill\" data-width=\"65\"><\/div><\/div>\r\n            <\/div>\r\n            <div class=\"dm-metric\">\r\n              <div class=\"dm-metric-top\"><span class=\"dm-metric-name\">Conversion Rate<\/span><span class=\"dm-metric-val\">+180%<\/span><\/div>\r\n              <div class=\"dm-metric-bar\"><div class=\"dm-metric-fill\" data-width=\"50\"><\/div><\/div>\r\n            <\/div>\r\n            <div class=\"dm-metric\">\r\n              <div class=\"dm-metric-top\"><span class=\"dm-metric-name\">Paid Ads ROAS<\/span><span class=\"dm-metric-val\">4.2\u00d7<\/span><\/div>\r\n              <div class=\"dm-metric-bar\"><div class=\"dm-metric-fill\" data-width=\"90\"><\/div><\/div>\r\n            <\/div>\r\n            <div class=\"dm-metric\">\r\n              <div class=\"dm-metric-top\"><span class=\"dm-metric-name\">Email Open Rate<\/span><span class=\"dm-metric-val\">+55%<\/span><\/div>\r\n              <div class=\"dm-metric-bar\"><div class=\"dm-metric-fill\" data-width=\"42\"><\/div><\/div>\r\n            <\/div>\r\n          <\/div>\r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n  <\/section>\r\n\r\n  <!-- \u2500\u2500 5. PROCESS \u2500\u2500 -->\r\n  <section class=\"dm-section dm-process-bg\" id=\"process\" aria-labelledby=\"process-heading\">\r\n    <div class=\"dm-section-inner\">\r\n      <span class=\"dm-section-label dm-fade-up\">How We Work<\/span>\r\n      <h2 class=\"dm-section-title dm-fade-up\" id=\"process-heading\">Our Proven 4-Step Process<\/h2>\r\n      <p class=\"dm-section-subtitle dm-fade-up\">A structured approach that eliminates guesswork and delivers consistent, compounding growth.<\/p>\r\n\r\n      <div class=\"dm-process-steps\" role=\"list\">\r\n        <div class=\"dm-process-step dm-fade-up\" role=\"listitem\">\r\n          <span class=\"dm-step-num\" aria-hidden=\"true\">01<\/span>\r\n          <h3>Audit & Discover<\/h3>\r\n          <p>We analyse your current digital footprint, competitors, and target audience to identify the biggest growth opportunities for your brand.<\/p>\r\n        <\/div>\r\n        <div class=\"dm-process-step dm-fade-up\" role=\"listitem\">\r\n          <span class=\"dm-step-num\" aria-hidden=\"true\">02<\/span>\r\n          <h3>Strategy & Plan<\/h3>\r\n          <p>We build a custom, channel-specific marketing roadmap with clear KPIs, budget allocation, and a 90-day quick-win action plan.<\/p>\r\n        <\/div>\r\n        <div class=\"dm-process-step dm-fade-up\" role=\"listitem\">\r\n          <span class=\"dm-step-num\" aria-hidden=\"true\">03<\/span>\r\n          <h3>Execute & Optimise<\/h3>\r\n          <p>Our specialists launch campaigns across channels, continuously A\/B testing, optimising, and scaling what works fastest for maximum ROI.<\/p>\r\n        <\/div>\r\n        <div class=\"dm-process-step dm-fade-up\" role=\"listitem\">\r\n          <span class=\"dm-step-num\" aria-hidden=\"true\">04<\/span>\r\n          <h3>Report & Scale<\/h3>\r\n          <p>Monthly performance reviews with real data. We reinvest winning strategies and scale budgets where results are strongest.<\/p>\r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n  <\/section>\r\n\r\n  <!-- \u2500\u2500 6. TESTIMONIALS \u2500\u2500 -->\r\n  <section class=\"dm-section\" id=\"testimonials\" aria-labelledby=\"testi-heading\">\r\n    <div class=\"dm-section-inner\">\r\n      <span class=\"dm-section-label dm-fade-up\">Client Stories<\/span>\r\n      <h2 class=\"dm-section-title dm-fade-up\" id=\"testi-heading\">What Our Clients Say<\/h2>\r\n      <p class=\"dm-section-subtitle dm-fade-up\">Don't take our word for it \u2014 here's what real clients achieved working with us.<\/p>\r\n\r\n      <div class=\"dm-testimonials-grid\" role=\"list\">\r\n        <blockquote class=\"dm-testi dm-fade-up\" role=\"listitem\" itemscope itemtype=\"https:\/\/schema.org\/Review\">\r\n          <div class=\"dm-stars\" aria-label=\"5 out of 5 stars\">\u2605\u2605\u2605\u2605\u2605<\/div>\r\n          <p class=\"dm-testi-text\" itemprop=\"reviewBody\">\"Our organic traffic tripled in 8 months and our cost per lead dropped by 60%. The team genuinely understood our market and delivered beyond expectations.\"<\/p>\r\n          <footer class=\"dm-testi-author\" itemprop=\"author\" itemscope itemtype=\"https:\/\/schema.org\/Person\">\r\n            <div class=\"dm-avatar\" aria-hidden=\"true\">RK<\/div>\r\n            <div>\r\n              <p class=\"dm-author-name\" itemprop=\"name\">Rahul Khanna<\/p>\r\n              <p class=\"dm-author-role\">CEO, TechNova Solutions<\/p>\r\n            <\/div>\r\n          <\/footer>\r\n        <\/blockquote>\r\n\r\n        <blockquote class=\"dm-testi dm-fade-up\" role=\"listitem\" itemscope itemtype=\"https:\/\/schema.org\/Review\">\r\n          <div class=\"dm-stars\" aria-label=\"5 out of 5 stars\">\u2605\u2605\u2605\u2605\u2605<\/div>\r\n          <p class=\"dm-testi-text\" itemprop=\"reviewBody\">\"We went from barely visible on Google to ranking page one for our top 20 keywords. Sales from organic search now account for 40% of our total revenue.\"<\/p>\r\n          <footer class=\"dm-testi-author\" itemprop=\"author\" itemscope itemtype=\"https:\/\/schema.org\/Person\">\r\n            <div class=\"dm-avatar\" aria-hidden=\"true\">PS<\/div>\r\n            <div>\r\n              <p class=\"dm-author-name\" itemprop=\"name\">Priya Sharma<\/p>\r\n              <p class=\"dm-author-role\">Founder, StyleHaus India<\/p>\r\n            <\/div>\r\n          <\/footer>\r\n        <\/blockquote>\r\n\r\n        <blockquote class=\"dm-testi dm-fade-up\" role=\"listitem\" itemscope itemtype=\"https:\/\/schema.org\/Review\">\r\n          <div class=\"dm-stars\" aria-label=\"5 out of 5 stars\">\u2605\u2605\u2605\u2605\u2605<\/div>\r\n          <p class=\"dm-testi-text\" itemprop=\"reviewBody\">\"Best ROI we've ever seen from a marketing agency. Our Meta Ads ROAS hit 5.8\u00d7 within the first quarter. Transparent, proactive, and genuinely results-focused.\"<\/p>\r\n          <footer class=\"dm-testi-author\" itemprop=\"author\" itemscope itemtype=\"https:\/\/schema.org\/Person\">\r\n            <div class=\"dm-avatar\" aria-hidden=\"true\">AM<\/div>\r\n            <div>\r\n              <p class=\"dm-author-name\" itemprop=\"name\">Aditya Mehta<\/p>\r\n              <p class=\"dm-author-role\">Director, UrbanNest Realty<\/p>\r\n            <\/div>\r\n          <\/footer>\r\n        <\/blockquote>\r\n      <\/div>\r\n    <\/div>\r\n  <\/section>\r\n\r\n  <!-- \u2500\u2500 7. CTA \u2500\u2500 -->\r\n  <section class=\"dm-cta\" id=\"contact\" aria-labelledby=\"cta-heading\">\r\n    <span class=\"dm-section-label dm-fade-up\" style=\"display:block;margin-bottom:16px\">Ready to Grow?<\/span>\r\n    <h2 class=\"dm-fade-up\" id=\"cta-heading\">\r\n      Let's Build Your<br><span>Growth Engine<\/span>\r\n    <\/h2>\r\n    <p class=\"dm-fade-up\">Book a free 30-minute strategy session. No pressure, no pitch \u2014 just a clear picture of how we can grow your business.<\/p>\r\n    <div class=\"dm-fade-up\" style=\"display:flex;gap:14px;justify-content:center;flex-wrap:wrap\">\r\n      <a href=\"#contact-form\" class=\"dm-btn-primary\" aria-label=\"Book a free strategy session\">\r\n        Book Free Strategy Session\r\n        <svg width=\"14\" height=\"14\" viewBox=\"0 0 14 14\" fill=\"none\" aria-hidden=\"true\"><path d=\"M3 7h8M7 3l4 4-4 4\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><\/svg>\r\n      <\/a>\r\n    <\/div>\r\n  <\/section>\r\n\r\n<\/div><!-- \/dm-wrap -->\r\n\r\n<!-- ============================================================\r\n     INLINE JAVASCRIPT \u2014 Scroll animations + counter + bars\r\n     ============================================================ -->\r\n<script>\r\n(function(){\r\n  'use strict';\r\n\r\n  \/* \u2500\u2500 Intersection Observer for fade-up \u2500\u2500 *\/\r\n  var fadeEls = document.querySelectorAll('.dm-fade-up');\r\n  var observer = new IntersectionObserver(function(entries){\r\n    entries.forEach(function(e){\r\n      if(e.isIntersecting){\r\n        e.target.classList.add('dm-visible');\r\n        observer.unobserve(e.target);\r\n      }\r\n    });\r\n  }, { threshold: 0.12 });\r\n  fadeEls.forEach(function(el){ observer.observe(el); });\r\n\r\n  \/* \u2500\u2500 Animated counters \u2500\u2500 *\/\r\n  var counters = document.querySelectorAll('.dm-count');\r\n  var countObserver = new IntersectionObserver(function(entries){\r\n    entries.forEach(function(e){\r\n      if(e.isIntersecting){\r\n        var el = e.target;\r\n        var target = parseInt(el.getAttribute('data-target'), 10);\r\n        var start = 0;\r\n        var duration = 1800;\r\n        var step = function(ts){\r\n          if(!start) start = ts;\r\n          var progress = Math.min((ts - start) \/ duration, 1);\r\n          var eased = 1 - Math.pow(1 - progress, 3);\r\n          el.textContent = Math.floor(eased * target);\r\n          if(progress < 1){ requestAnimationFrame(step); }\r\n          else { el.textContent = target; }\r\n        };\r\n        requestAnimationFrame(step);\r\n        countObserver.unobserve(el);\r\n      }\r\n    });\r\n  }, { threshold: 0.5 });\r\n  counters.forEach(function(el){ countObserver.observe(el); });\r\n\r\n  \/* \u2500\u2500 Progress bar animations \u2500\u2500 *\/\r\n  var bars = document.querySelectorAll('.dm-metric-fill');\r\n  var barObserver = new IntersectionObserver(function(entries){\r\n    entries.forEach(function(e){\r\n      if(e.isIntersecting){\r\n        var el = e.target;\r\n        var w = el.getAttribute('data-width');\r\n        setTimeout(function(){ el.style.width = w + '%'; }, 200);\r\n        barObserver.unobserve(el);\r\n      }\r\n    });\r\n  }, { threshold: 0.3 });\r\n  bars.forEach(function(el){ barObserver.observe(el); });\r\n\r\n  \/* \u2500\u2500 Smooth scroll for anchor links \u2500\u2500 *\/\r\n  document.querySelectorAll('a[href^=\"#\"]').forEach(function(a){\r\n    a.addEventListener('click', function(e){\r\n      var id = this.getAttribute('href').slice(1);\r\n      var target = document.getElementById(id);\r\n      if(target){\r\n        e.preventDefault();\r\n        target.scrollIntoView({ behavior: 'smooth', block: 'start' });\r\n      }\r\n    });\r\n  });\r\n\r\n})();\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-5bc4236 elementor-widget elementor-widget-html\" data-id=\"5bc4236\" 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:ital,wght@0,400;0,500;0,600;0,700;0,800;1,400&display=swap');\r\n#dms2-root{font-family:'Plus Jakarta Sans',system-ui,sans-serif;background:#0B0B14;margin:0;padding:0;width:100%;display:block;overflow-x:hidden}\r\n#dms2-root *{box-sizing:border-box;margin:0;padding:0}\r\n#dms2-root a{text-decoration:none}\r\n#dms2-section{background:#0B0B14;padding:96px 0;width:100%;position:relative;overflow:hidden}\r\n#dms2-section::before{content:'';position:absolute;top:-220px;left:50%;transform:translateX(-50%);width:900px;height:900px;background:radial-gradient(circle,rgba(99,85,255,.18) 0%,transparent 68%);pointer-events:none;z-index:0}\r\n#dms2-section::after{content:'';position:absolute;bottom:-180px;right:-100px;width:600px;height:600px;background:radial-gradient(circle,rgba(155,93,229,.12) 0%,transparent 65%);pointer-events:none;z-index:0}\r\n.dms2-inner{max-width:1180px;margin:0 auto;padding:0 24px;position:relative;z-index:1}\r\n.dms2-header{text-align:center;margin-bottom:64px}\r\n.dms2-eyebrow{display:inline-flex;align-items:center;gap:8px;font-size:11px;font-weight:700;letter-spacing:3px;text-transform:uppercase;color:#A594FF;background:rgba(99,85,255,.12);border:1px solid rgba(99,85,255,.25);border-radius:100px;padding:7px 18px;margin-bottom:22px}\r\n.dms2-dot{width:6px;height:6px;border-radius:50%;background:#A594FF;display:inline-block;animation:dms2pulse 2s ease-in-out infinite}\r\n@keyframes dms2pulse{0%,100%{opacity:1;transform:scale(1)}50%{opacity:.4;transform:scale(1.5)}}\r\n.dms2-h2{font-size:clamp(34px,5vw,56px);font-weight:800;color:#FFFFFF;line-height:1.07;letter-spacing:-1.4px;margin-bottom:18px}\r\n.dms2-h2 em{font-style:normal;background:linear-gradient(135deg,#A594FF 0%,#CF9EFF 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}\r\n.dms2-lead{font-size:17px;color:#8B8BA0;max-width:540px;margin:0 auto;line-height:1.8}\r\n.dms2-grid{display:grid;grid-template-columns:repeat(12,1fr);gap:20px}\r\n.dms2-card-wide{grid-column:span 7}\r\n.dms2-card-std{grid-column:span 5}\r\n.dms2-card-third{grid-column:span 4}\r\n@media(max-width:1024px){.dms2-card-wide,.dms2-card-std{grid-column:span 12}.dms2-card-third{grid-column:span 6}}\r\n@media(max-width:640px){.dms2-card-wide,.dms2-card-std,.dms2-card-third{grid-column:span 12}}\r\n.dms2-card{background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.08);border-radius:20px;padding:36px 32px;display:flex;flex-direction:column;gap:18px;position:relative;overflow:hidden;cursor:default;transition:transform .35s cubic-bezier(.34,1.56,.64,1),border-color .3s ease,background .3s ease;opacity:0;transform:translateY(36px)}\r\n.dms2-card.dms2-in{opacity:1;transform:translateY(0)}\r\n.dms2-card::before{content:'';position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,rgba(165,148,255,.4),transparent);opacity:0;transition:opacity .3s ease}\r\n.dms2-card:hover{transform:translateY(-6px);background:rgba(255,255,255,.07);border-color:rgba(165,148,255,.3)}\r\n.dms2-card:hover::before{opacity:1}\r\n.dms2-card-wide{flex-direction:row;align-items:flex-start;gap:36px}\r\n@media(max-width:640px){.dms2-card-wide{flex-direction:column;gap:24px}}\r\n.dms2-card-wide .dms2-card-left{flex:0 0 auto;max-width:260px}\r\n@media(max-width:640px){.dms2-card-wide .dms2-card-left{max-width:100%}}\r\n.dms2-card-wide .dms2-card-right{flex:1;border-left:1px solid rgba(255,255,255,.08);padding-left:36px;display:flex;flex-direction:column;gap:14px}\r\n@media(max-width:640px){.dms2-card-wide .dms2-card-right{border-left:none;border-top:1px solid rgba(255,255,255,.08);padding-left:0;padding-top:24px}}\r\n.dms2-icon-wrap{width:52px;height:52px;border-radius:14px;display:flex;align-items:center;justify-content:center;flex-shrink:0;margin-bottom:6px;transition:transform .3s cubic-bezier(.34,1.56,.64,1)}\r\n.dms2-card:hover .dms2-icon-wrap{transform:scale(1.1) rotate(-5deg)}\r\n.dms2-ic-purple{background:rgba(99,85,255,.18);border:1px solid rgba(99,85,255,.25)}\r\n.dms2-ic-pink{background:rgba(220,60,140,.15);border:1px solid rgba(220,60,140,.2)}\r\n.dms2-ic-teal{background:rgba(20,200,160,.12);border:1px solid rgba(20,200,160,.18)}\r\n.dms2-ic-amber{background:rgba(240,160,30,.12);border:1px solid rgba(240,160,30,.18)}\r\n.dms2-ic-sky{background:rgba(30,160,230,.12);border:1px solid rgba(30,160,230,.18)}\r\n.dms2-label{font-size:10px;font-weight:700;letter-spacing:2px;text-transform:uppercase;color:#A594FF;margin-bottom:6px;display:block}\r\n.dms2-h3{font-size:clamp(18px,2.2vw,22px);font-weight:700;color:#FFFFFF;line-height:1.25;letter-spacing:-.4px}\r\n.dms2-desc{font-size:14px;color:#8B8BA0;line-height:1.8}\r\n.dms2-tags{display:flex;flex-wrap:wrap;gap:7px;margin-top:4px}\r\n.dms2-tag{font-size:11px;font-weight:600;letter-spacing:.4px;border-radius:100px;padding:4px 11px}\r\n.dms2-tag-p{color:#A594FF;background:rgba(99,85,255,.15);border:1px solid rgba(99,85,255,.2)}\r\n.dms2-tag-pk{color:#F472B6;background:rgba(220,60,140,.12);border:1px solid rgba(220,60,140,.18)}\r\n.dms2-tag-t{color:#34D399;background:rgba(20,200,160,.1);border:1px solid rgba(20,200,160,.16)}\r\n.dms2-tag-a{color:#FBB040;background:rgba(240,160,30,.1);border:1px solid rgba(240,160,30,.16)}\r\n.dms2-tag-s{color:#38BDF8;background:rgba(30,160,230,.1);border:1px solid rgba(30,160,230,.16)}\r\n.dms2-btn{display:inline-flex;align-items:center;gap:7px;font-family:'Plus Jakarta Sans',system-ui,sans-serif;font-size:13px;font-weight:700;color:#A594FF;background:rgba(99,85,255,.12);border:1px solid rgba(99,85,255,.25);border-radius:8px;padding:10px 18px;cursor:pointer;transition:background .2s,color .2s,gap .2s,border-color .2s;letter-spacing:.2px;margin-top:auto;align-self:flex-start;text-decoration:none}\r\n.dms2-btn:hover{background:#6355FF;color:#fff;border-color:#6355FF;gap:11px}\r\n.dms2-btn svg{transition:transform .2s}\r\n.dms2-btn:hover svg{transform:translateX(3px)}\r\n.dms2-stat-row{display:flex;flex-direction:column;gap:14px;margin-top:8px}\r\n.dms2-stat{display:flex;flex-direction:column;gap:5px}\r\n.dms2-stat-top{display:flex;justify-content:space-between;align-items:center}\r\n.dms2-stat-name{font-size:12px;color:#8B8BA0;font-weight:500}\r\n.dms2-stat-val{font-size:13px;font-weight:700;color:#A594FF;font-variant-numeric:tabular-nums}\r\n.dms2-bar-track{height:4px;background:rgba(255,255,255,.07);border-radius:100px;overflow:hidden}\r\n.dms2-bar-fill{height:100%;border-radius:100px;background:linear-gradient(90deg,#6355FF,#A594FF);width:0;transition:width 1.3s cubic-bezier(.4,0,.2,1)}\r\n.dms2-divider{width:1px;background:rgba(255,255,255,.08);align-self:stretch;flex-shrink:0}\r\n@media(max-width:640px){.dms2-divider{display:none}}\r\n.dms2-bottom{text-align:center;margin-top:56px;opacity:0;transform:translateY(20px);transition:opacity .6s ease,transform .6s ease}\r\n.dms2-bottom.dms2-in{opacity:1;transform:none}\r\n.dms2-bottom-text{font-size:15px;color:#8B8BA0;margin-bottom:22px;line-height:1.7}\r\n.dms2-bottom-text strong{color:#FFFFFF;font-weight:700}\r\n.dms2-cta{display:inline-flex;align-items:center;gap:10px;font-family:'Plus Jakarta Sans',system-ui,sans-serif;font-size:15px;font-weight:700;color:#fff;background:linear-gradient(135deg,#6355FF 0%,#9B5DE5 100%);border:none;border-radius:10px;padding:15px 34px;cursor:pointer;box-shadow:0 8px 32px -4px rgba(99,85,255,.4);transition:transform .25s cubic-bezier(.34,1.56,.64,1),box-shadow .25s ease;text-decoration:none}\r\n.dms2-cta:hover{transform:translateY(-3px) scale(1.02);box-shadow:0 16px 48px -6px rgba(99,85,255,.55);color:#fff}\r\n<\/style>\r\n\r\n<div id=\"dms2-root\">\r\n  <section id=\"dms2-section\" aria-labelledby=\"dms2-heading\" itemscope itemtype=\"https:\/\/schema.org\/ItemList\">\r\n    <div class=\"dms2-inner\">\r\n\r\n      <header class=\"dms2-header\">\r\n        <div class=\"dms2-eyebrow\" aria-hidden=\"true\"><span class=\"dms2-dot\"><\/span>Our Services<\/div>\r\n        <h2 class=\"dms2-h2\" id=\"dms2-heading\" itemprop=\"name\">\r\n          <em>Digital Marketing Services<\/em><br>That Deliver Real Results\r\n        <\/h2>\r\n        <p class=\"dms2-lead\">End-to-end digital marketing solutions engineered to grow your brand, attract qualified leads, and maximise your return on every rupee spent.<\/p>\r\n      <\/header>\r\n\r\n      <div class=\"dms2-grid\" role=\"list\">\r\n\r\n        <!-- Card 1: SEO \u2014 Wide featured -->\r\n        <article class=\"dms2-card dms2-card-wide\" role=\"listitem\" itemprop=\"itemListElement\" itemscope itemtype=\"https:\/\/schema.org\/Service\" style=\"transition-delay:.05s\">\r\n          <div class=\"dms2-card-left\">\r\n            <div class=\"dms2-icon-wrap dms2-ic-purple\" aria-hidden=\"true\">\r\n              <svg width=\"26\" height=\"26\" viewBox=\"0 0 26 26\" fill=\"none\"><circle cx=\"11.5\" cy=\"11.5\" r=\"7\" stroke=\"#A594FF\" stroke-width=\"2\"\/><path d=\"M17 17l5 5\" stroke=\"#A594FF\" stroke-width=\"2.2\" stroke-linecap=\"round\"\/><path d=\"M9 11.5h5M11.5 9v5\" stroke=\"#A594FF\" stroke-width=\"1.8\" stroke-linecap=\"round\"\/><\/svg>\r\n            <\/div>\r\n            <span class=\"dms2-label\">Most Impactful<\/span>\r\n            <h3 class=\"dms2-h3\" itemprop=\"name\">SEO Optimisation<\/h3>\r\n            <p class=\"dms2-desc\" style=\"margin-top:10px\" itemprop=\"description\">Dominate Google rankings with technical SEO audits, authoritative link building, on-page optimisation, and local SEO strategies that generate sustainable organic traffic and long-term revenue growth for your business.<\/p>\r\n            <div class=\"dms2-tags\" style=\"margin-top:16px\">\r\n              <span class=\"dms2-tag dms2-tag-p\">Technical SEO<\/span>\r\n              <span class=\"dms2-tag dms2-tag-p\">Link Building<\/span>\r\n              <span class=\"dms2-tag dms2-tag-p\">Local SEO<\/span>\r\n            <\/div>\r\n            <a href=\"#seo\" class=\"dms2-btn\" style=\"margin-top:22px\" aria-label=\"Get started with SEO Optimisation\">\r\n              Get Started\r\n              <svg width=\"13\" height=\"13\" viewBox=\"0 0 13 13\" fill=\"none\"><path d=\"M2.5 6.5h8M7 3l3.5 3.5L7 10\" stroke=\"currentColor\" stroke-width=\"1.6\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><\/svg>\r\n            <\/a>\r\n          <\/div>\r\n          <div class=\"dms2-divider\" aria-hidden=\"true\"><\/div>\r\n          <div class=\"dms2-card-right\">\r\n            <p style=\"font-size:12px;font-weight:700;letter-spacing:2px;text-transform:uppercase;color:#8B8BA0;margin-bottom:4px\">Average Client Lift<\/p>\r\n            <div class=\"dms2-stat-row\">\r\n              <div class=\"dms2-stat\">\r\n                <div class=\"dms2-stat-top\"><span class=\"dms2-stat-name\">Organic Traffic<\/span><span class=\"dms2-stat-val\">+320%<\/span><\/div>\r\n                <div class=\"dms2-bar-track\"><div class=\"dms2-bar-fill\" data-w=\"82\"><\/div><\/div>\r\n              <\/div>\r\n              <div class=\"dms2-stat\">\r\n                <div class=\"dms2-stat-top\"><span class=\"dms2-stat-name\">Keyword Rankings<\/span><span class=\"dms2-stat-val\">+190%<\/span><\/div>\r\n                <div class=\"dms2-bar-track\"><div class=\"dms2-bar-fill\" data-w=\"65\"><\/div><\/div>\r\n              <\/div>\r\n              <div class=\"dms2-stat\">\r\n                <div class=\"dms2-stat-top\"><span class=\"dms2-stat-name\">Domain Authority<\/span><span class=\"dms2-stat-val\">+55pts<\/span><\/div>\r\n                <div class=\"dms2-bar-track\"><div class=\"dms2-bar-fill\" data-w=\"50\"><\/div><\/div>\r\n              <\/div>\r\n              <div class=\"dms2-stat\">\r\n                <div class=\"dms2-stat-top\"><span class=\"dms2-stat-name\">Lead Gen from SEO<\/span><span class=\"dms2-stat-val\">+240%<\/span><\/div>\r\n                <div class=\"dms2-bar-track\"><div class=\"dms2-bar-fill\" data-w=\"73\"><\/div><\/div>\r\n              <\/div>\r\n            <\/div>\r\n          <\/div>\r\n        <\/article>\r\n\r\n        <!-- Card 2: PPC -->\r\n        <article class=\"dms2-card dms2-card-std\" role=\"listitem\" itemprop=\"itemListElement\" itemscope itemtype=\"https:\/\/schema.org\/Service\" style=\"transition-delay:.12s\">\r\n          <div class=\"dms2-icon-wrap dms2-ic-pink\" aria-hidden=\"true\">\r\n            <svg width=\"26\" height=\"26\" viewBox=\"0 0 26 26\" fill=\"none\"><rect x=\"3\" y=\"14\" width=\"4\" height=\"8\" rx=\"2\" fill=\"#F472B6\"\/><rect x=\"11\" y=\"9\" width=\"4\" height=\"13\" rx=\"2\" fill=\"#F472B6\"\/><rect x=\"19\" y=\"4\" width=\"4\" height=\"18\" rx=\"2\" fill=\"#F472B6\"\/><path d=\"M5 10L11 7L19 4\" stroke=\"#F472B6\" stroke-width=\"1.6\" stroke-linecap=\"round\" stroke-dasharray=\"1.5 2.5\"\/><\/svg>\r\n          <\/div>\r\n          <span class=\"dms2-label\" style=\"color:#F472B6\">High ROI<\/span>\r\n          <h3 class=\"dms2-h3\" itemprop=\"name\">PPC Advertising<\/h3>\r\n          <p class=\"dms2-desc\" itemprop=\"description\">Maximise ad spend with precision-targeted Google Ads and Meta campaigns. Certified PPC specialists deliver high-converting ads with continuous A\/B testing to lower cost-per-acquisition and scale your qualified leads fast.<\/p>\r\n          <div class=\"dms2-tags\">\r\n            <span class=\"dms2-tag dms2-tag-pk\">Google Ads<\/span>\r\n            <span class=\"dms2-tag dms2-tag-pk\">Meta Ads<\/span>\r\n            <span class=\"dms2-tag dms2-tag-pk\">Retargeting<\/span>\r\n          <\/div>\r\n          <a href=\"#ppc\" class=\"dms2-btn\" style=\"border-color:rgba(220,60,140,.25);color:#F472B6;background:rgba(220,60,140,.1)\" aria-label=\"Learn more about PPC Advertising\">\r\n            Learn More\r\n            <svg width=\"13\" height=\"13\" viewBox=\"0 0 13 13\" fill=\"none\"><path d=\"M2.5 6.5h8M7 3l3.5 3.5L7 10\" stroke=\"currentColor\" stroke-width=\"1.6\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><\/svg>\r\n          <\/a>\r\n        <\/article>\r\n\r\n        <!-- Card 3: Social Media -->\r\n        <article class=\"dms2-card dms2-card-third\" role=\"listitem\" itemprop=\"itemListElement\" itemscope itemtype=\"https:\/\/schema.org\/Service\" style=\"transition-delay:.18s\">\r\n          <div class=\"dms2-icon-wrap dms2-ic-teal\" aria-hidden=\"true\">\r\n            <svg width=\"26\" height=\"26\" viewBox=\"0 0 26 26\" fill=\"none\"><circle cx=\"13\" cy=\"8\" r=\"3.5\" stroke=\"#34D399\" stroke-width=\"1.9\"\/><circle cx=\"5\" cy=\"14\" r=\"2.8\" stroke=\"#34D399\" stroke-width=\"1.7\"\/><circle cx=\"21\" cy=\"14\" r=\"2.8\" stroke=\"#34D399\" stroke-width=\"1.7\"\/><path d=\"M9.5 8.8C9.5 8.8 8 10 5 10.4M16.5 8.8C16.5 8.8 18 10 21 10.4\" stroke=\"#34D399\" stroke-width=\"1.5\" stroke-linecap=\"round\"\/><path d=\"M2 22c0-2.5 1.2-4 3-4.5M24 22c0-2.5-1.2-4-3-4.5M8 22c0-3 2.2-5 5-5s5 2 5 5\" stroke=\"#34D399\" stroke-width=\"1.8\" stroke-linecap=\"round\"\/><\/svg>\r\n          <\/div>\r\n          <span class=\"dms2-label\" style=\"color:#34D399\">Brand Growth<\/span>\r\n          <h3 class=\"dms2-h3\" itemprop=\"name\">Social Media Marketing<\/h3>\r\n          <p class=\"dms2-desc\" itemprop=\"description\">Build a powerful social presence across Instagram, LinkedIn, and YouTube. Engaging content strategies and targeted paid campaigns that grow communities and convert followers into customers.<\/p>\r\n          <div class=\"dms2-tags\">\r\n            <span class=\"dms2-tag dms2-tag-t\">Content<\/span>\r\n            <span class=\"dms2-tag dms2-tag-t\">Community<\/span>\r\n            <span class=\"dms2-tag dms2-tag-t\">Influencer<\/span>\r\n          <\/div>\r\n          <a href=\"#social\" class=\"dms2-btn\" style=\"border-color:rgba(20,200,160,.2);color:#34D399;background:rgba(20,200,160,.08)\" aria-label=\"Learn more about Social Media Marketing\">\r\n            Learn More\r\n            <svg width=\"13\" height=\"13\" viewBox=\"0 0 13 13\" fill=\"none\"><path d=\"M2.5 6.5h8M7 3l3.5 3.5L7 10\" stroke=\"currentColor\" stroke-width=\"1.6\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><\/svg>\r\n          <\/a>\r\n        <\/article>\r\n\r\n        <!-- Card 4: Content Marketing -->\r\n        <article class=\"dms2-card dms2-card-third\" role=\"listitem\" itemprop=\"itemListElement\" itemscope itemtype=\"https:\/\/schema.org\/Service\" style=\"transition-delay:.24s\">\r\n          <div class=\"dms2-icon-wrap dms2-ic-amber\" aria-hidden=\"true\">\r\n            <svg width=\"26\" height=\"26\" viewBox=\"0 0 26 26\" fill=\"none\"><rect x=\"4\" y=\"3\" width=\"18\" height=\"20\" rx=\"3\" stroke=\"#FBB040\" stroke-width=\"2\"\/><path d=\"M8 9h10M8 13h7M8 17h5\" stroke=\"#FBB040\" stroke-width=\"1.8\" stroke-linecap=\"round\"\/><circle cx=\"20\" cy=\"4\" r=\"3.5\" fill=\"#FBB040\"\/><path d=\"M19 4h2M20 3v2\" stroke=\"#0B0B14\" stroke-width=\"1.4\" stroke-linecap=\"round\"\/><\/svg>\r\n          <\/div>\r\n          <span class=\"dms2-label\" style=\"color:#FBB040\">Authority Building<\/span>\r\n          <h3 class=\"dms2-h3\" itemprop=\"name\">Content Marketing<\/h3>\r\n          <p class=\"dms2-desc\" itemprop=\"description\">Attract and convert your ideal audience with SEO-optimised blogs, whitepapers, and video scripts that establish thought leadership and generate inbound leads at scale.<\/p>\r\n          <div class=\"dms2-tags\">\r\n            <span class=\"dms2-tag dms2-tag-a\">Blogs<\/span>\r\n            <span class=\"dms2-tag dms2-tag-a\">Whitepapers<\/span>\r\n            <span class=\"dms2-tag dms2-tag-a\">Video Scripts<\/span>\r\n          <\/div>\r\n          <a href=\"#content\" class=\"dms2-btn\" style=\"border-color:rgba(240,160,30,.2);color:#FBB040;background:rgba(240,160,30,.08)\" aria-label=\"Learn more about Content Marketing\">\r\n            Learn More\r\n            <svg width=\"13\" height=\"13\" viewBox=\"0 0 13 13\" fill=\"none\"><path d=\"M2.5 6.5h8M7 3l3.5 3.5L7 10\" stroke=\"currentColor\" stroke-width=\"1.6\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><\/svg>\r\n          <\/a>\r\n        <\/article>\r\n\r\n        <!-- Card 5: Email Marketing -->\r\n        <article class=\"dms2-card dms2-card-third\" role=\"listitem\" itemprop=\"itemListElement\" itemscope itemtype=\"https:\/\/schema.org\/Service\" style=\"transition-delay:.30s\">\r\n          <div class=\"dms2-icon-wrap dms2-ic-sky\" aria-hidden=\"true\">\r\n            <svg width=\"26\" height=\"26\" viewBox=\"0 0 26 26\" fill=\"none\"><rect x=\"3\" y=\"6\" width=\"20\" height=\"14\" rx=\"3\" stroke=\"#38BDF8\" stroke-width=\"2\"\/><path d=\"M3 10l9 5.5a2 2 0 002 0L23 10\" stroke=\"#38BDF8\" stroke-width=\"1.8\" stroke-linecap=\"round\"\/><circle cx=\"20\" cy=\"18\" r=\"4.5\" fill=\"#0B0B14\" stroke=\"#38BDF8\" stroke-width=\"1.6\"\/><path d=\"M18.5 18l1 1.2 2.2-2.2\" stroke=\"#38BDF8\" stroke-width=\"1.4\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><\/svg>\r\n          <\/div>\r\n          <span class=\"dms2-label\" style=\"color:#38BDF8\">Lead Nurturing<\/span>\r\n          <h3 class=\"dms2-h3\" itemprop=\"name\">Email Marketing<\/h3>\r\n          <p class=\"dms2-desc\" itemprop=\"description\">Nurture leads and retain customers with personalised email automation, drip sequences, and CRM-integrated campaigns that drive repeat purchases and measurable lifetime value growth.<\/p>\r\n          <div class=\"dms2-tags\">\r\n            <span class=\"dms2-tag dms2-tag-s\">Drip Campaigns<\/span>\r\n            <span class=\"dms2-tag dms2-tag-s\">Automation<\/span>\r\n            <span class=\"dms2-tag dms2-tag-s\">CRM<\/span>\r\n          <\/div>\r\n          <a href=\"#email\" class=\"dms2-btn\" style=\"border-color:rgba(30,160,230,.2);color:#38BDF8;background:rgba(30,160,230,.08)\" aria-label=\"Learn more about Email Marketing\">\r\n            Learn More\r\n            <svg width=\"13\" height=\"13\" viewBox=\"0 0 13 13\" fill=\"none\"><path d=\"M2.5 6.5h8M7 3l3.5 3.5L7 10\" stroke=\"currentColor\" stroke-width=\"1.6\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><\/svg>\r\n          <\/a>\r\n        <\/article>\r\n\r\n      <\/div>\r\n\r\n      <div class=\"dms2-bottom\" id=\"dms2-cta\">\r\n        <p class=\"dms2-bottom-text\">Not sure where to start? <strong>Book a free 30-minute strategy call<\/strong> \u2014 zero commitment, pure value.<\/p>\r\n        <a href=\"#contact\" class=\"dms2-cta\" aria-label=\"Book a free digital marketing strategy session\">\r\n          <svg width=\"16\" height=\"16\" viewBox=\"0 0 16 16\" fill=\"none\" aria-hidden=\"true\"><rect x=\"2\" y=\"3\" width=\"12\" height=\"11\" rx=\"2\" stroke=\"white\" stroke-width=\"1.6\"\/><path d=\"M5 2v2M11 2v2M2 7h12\" stroke=\"white\" stroke-width=\"1.6\" stroke-linecap=\"round\"\/><\/svg>\r\n          Book Free Strategy Session\r\n        <\/a>\r\n      <\/div>\r\n\r\n    <\/div>\r\n  <\/section>\r\n<\/div>\r\n\r\n<script>\r\n(function(){\r\n  var allCards=document.querySelectorAll('#dms2-root .dms2-card');\r\n  var cta=document.getElementById('dms2-cta');\r\n  var bars=document.querySelectorAll('#dms2-root .dms2-bar-fill');\r\n  var barsTriggered=false;\r\n  if(!('IntersectionObserver' in window)){\r\n    allCards.forEach(function(c){c.style.opacity='1';c.style.transform='none'});\r\n    bars.forEach(function(b){b.style.width=b.getAttribute('data-w')+'%'});\r\n    if(cta){cta.style.opacity='1';cta.style.transform='none'}\r\n    return;\r\n  }\r\n  var cardObs=new IntersectionObserver(function(entries){\r\n    entries.forEach(function(e){\r\n      if(e.isIntersecting){e.target.classList.add('dms2-in');cardObs.unobserve(e.target)}\r\n    });\r\n  },{threshold:0.08});\r\n  allCards.forEach(function(c){\r\n    var d=c.style.transitionDelay||'0s';\r\n    c.style.transition='opacity .6s ease '+d+', transform .6s cubic-bezier(.34,1.56,.64,1) '+d+', border-color .3s ease, background .3s ease';\r\n    cardObs.observe(c);\r\n  });\r\n  var barObs=new IntersectionObserver(function(entries){\r\n    entries.forEach(function(e){\r\n      if(e.isIntersecting&&!barsTriggered){\r\n        barsTriggered=true;\r\n        bars.forEach(function(b,i){\r\n          setTimeout(function(){b.style.width=b.getAttribute('data-w')+'%'},i*120+300);\r\n        });\r\n        barObs.disconnect();\r\n      }\r\n    });\r\n  },{threshold:0.2});\r\n  if(bars.length){barObs.observe(bars[0].closest('.dms2-card'))}\r\n  if(cta){\r\n    var ctaObs=new IntersectionObserver(function(entries){\r\n      entries.forEach(function(e){\r\n        if(e.isIntersecting){cta.classList.add('dms2-in');ctaObs.unobserve(e.target)}\r\n      });\r\n    },{threshold:0.2});\r\n    ctaObs.observe(cta);\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-149dfd7 e-flex e-con-boxed e-con e-parent\" data-id=\"149dfd7\" 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-c6e86af elementor-widget elementor-widget-html\" data-id=\"c6e86af\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\n  \/* Base Reset and Container Scoping *\/\n  #everest-hero-section {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    background: linear-gradient(135deg, #B91C1C 0%, #991B1B 100%); \/* Deep Indian Spice Red *\/\n    padding: 5rem 3rem;\n    border-radius: 12px;\n    font-family: -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif;\n    color: #FFFFFF;\n    box-sizing: border-box;\n    overflow: hidden;\n    position: relative;\n    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.1);\n  }\n\n  \/* Decorative Background Element *\/\n  #everest-hero-section::before {\n    content: '';\n    position: absolute;\n    top: -50px;\n    right: -50px;\n    width: 200px;\n    height: 200px;\n    background: radial-gradient(circle, rgba(251, 191, 36, 0.2) 0%, rgba(251, 191, 36, 0) 70%);\n    border-radius: 50%;\n  }\n\n  \/* Content Area Styling *\/\n  .everest-hero-content {\n    flex: 1;\n    max-width: 50%;\n    padding-right: 2rem;\n    z-index: 2;\n  }\n\n  \/* SEO-Optimized Heading Hierarchy *\/\n  .everest-hero-content h1 {\n    font-size: 3.2rem;\n    font-weight: 800;\n    margin: 0 0 1.2rem 0;\n    color: #FBBF24; \/* Turmeric Yellow *\/\n    line-height: 1.1;\n    letter-spacing: -0.02em;\n  }\n\n  .everest-hero-content p {\n    font-size: 1.25rem;\n    font-weight: 400;\n    margin: 0 0 2.5rem 0;\n    color: #FEF3C7; \/* Soft yellow-white for readability *\/\n    line-height: 1.6;\n  }\n\n  \/* Call-to-Action Button *\/\n  .everest-cta-btn {\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    background-color: #FBBF24;\n    color: #7F1D1D; \/* Dark red text for contrast *\/\n    padding: 1rem 2.5rem;\n    font-size: 1.125rem;\n    font-weight: 700;\n    text-decoration: none;\n    border-radius: 50px;\n    transition: all 0.3s ease;\n    box-shadow: 0 4px 15px rgba(251, 191, 36, 0.3);\n    cursor: pointer;\n    border: none;\n  }\n\n  .everest-cta-btn:hover {\n    background-color: #FDE68A;\n    transform: translateY(-3px);\n    box-shadow: 0 6px 20px rgba(251, 191, 36, 0.4);\n  }\n\n  \/* Image Area Styling *\/\n  .everest-hero-image-wrapper {\n    flex: 1;\n    max-width: 45%;\n    text-align: center;\n    z-index: 2;\n  }\n\n  .everest-hero-image-wrapper img {\n    max-width: 100%;\n    height: auto;\n    border-radius: 16px;\n    box-shadow: 0 20px 40px rgba(0, 0, 0, 0.25);\n    transition: transform 0.4s ease;\n    \/* Optional: subtle border simulating packaging outline *\/\n    border: 4px solid #F87171; \n  }\n\n  .everest-hero-image-wrapper img:hover {\n    transform: scale(1.03) rotate(-1deg);\n  }\n\n  \/* Mobile Responsiveness *\/\n  @media (max-width: 992px) {\n    #everest-hero-section {\n      padding: 4rem 2rem;\n    }\n    .everest-hero-content h1 {\n      font-size: 2.5rem;\n    }\n  }\n\n  @media (max-width: 768px) {\n    #everest-hero-section {\n      flex-direction: column;\n      text-align: center;\n      padding: 3rem 1.5rem;\n    }\n    .everest-hero-content {\n      max-width: 100%;\n      padding-right: 0;\n      margin-bottom: 3rem;\n    }\n    .everest-hero-image-wrapper {\n      max-width: 90%;\n    }\n  }\n<\/style>\n\n<section id=\"everest-hero-section\" aria-labelledby=\"everest-main-heading\">\n  \n  <div class=\"everest-hero-content\">\n    <h1 id=\"everest-main-heading\">Taste the Purity of Authentic Spices<\/h1>\n    <p>Elevate your Taste everyday cooking with India's finest blends. Carefully sourced, perfectly roasted, and packed with aroma that brings every recipe to life.<\/p>\n    \n    <button class=\"everest-cta-btn\" onclick=\"handleEverestClick(event)\">\n      Explore Our Collection\n    <\/button>\n  <\/div>\n\n  <div class=\"various-herbs-spices-on-dark-600w-499646857.jpg\">\n    <img loading=\"lazy\" decoding=\"async\" \n      src=\"https:\/\/media.istockphoto.com\/id\/900758180\/photo\/indian-spice-mix-or-garam-masala-powder.jpg?s=1024x1024&w=is&k=20&c=v6q6UO8vwa4SbrYlAMyUFrpKBlIuP00Y1exub9x6PmI=\" \n      alt=\"Vibrant array of traditional Indian spices including turmeric, chili powder, and garam masala\" \n      loading=\"lazy\"\n      width=\"800\"\n      height=\"533\"\n    \/>\n  <\/div>\n\n<\/section>\n\n<script>\n  \/**\n   * Simple interaction script for the CTA button.\n   * Provides immediate visual feedback before routing.\n   *\/\n  function handleEverestClick(event) {\n    event.preventDefault();\n    const btn = event.currentTarget;\n    \n    \/\/ Quick scale down animation for tactile feedback\n    btn.style.transform = 'scale(0.95)';\n    btn.style.backgroundColor = '#F59E0B'; \/\/ Darken slightly on click\n    \n    \/\/ Revert animation and simulate navigation (Replace with actual href logic)\n    setTimeout(() => {\n      btn.style.transform = 'scale(1)';\n      btn.style.backgroundColor = '';\n      \n      \/\/ Example routing logic:\n      \/\/ window.location.href = '\/shop';\n      console.log('Redirecting to Everest Masala product catalog...');\n    }, 150);\n  }\n<\/script>\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-93a69be e-flex e-con-boxed e-con e-parent\" data-id=\"93a69be\" 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-b565435 elementor-widget elementor-widget-html\" data-id=\"b565435\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\r\n  \/* Base Reset and Container Scoping *\/\r\n  #everest-hero-section {\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: space-between;\r\n    background: linear-gradient(135deg, #B91C1C 0%, #991B1B 100%); \/* Deep Indian Spice Red *\/\r\n    padding: 5rem 3rem;\r\n    border-radius: 12px;\r\n    font-family: -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif;\r\n    color: #FFFFFF;\r\n    box-sizing: border-box;\r\n    overflow: hidden;\r\n    position: relative;\r\n    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.1);\r\n  }\r\n\r\n  \/* Decorative Background Element *\/\r\n  #everest-hero-section::before {\r\n    content: '';\r\n    position: absolute;\r\n    top: -50px;\r\n    right: -50px;\r\n    width: 200px;\r\n    height: 200px;\r\n    background: radial-gradient(circle, rgba(251, 191, 36, 0.2) 0%, rgba(251, 191, 36, 0) 70%);\r\n    border-radius: 50%;\r\n  }\r\n\r\n  \/* Content Area Styling *\/\r\n  .everest-hero-content {\r\n    flex: 1;\r\n    max-width: 50%;\r\n    padding-right: 2rem;\r\n    z-index: 2;\r\n  }\r\n\r\n  \/* SEO-Optimized Heading Hierarchy *\/\r\n  .everest-hero-content h1 {\r\n    font-size: 3.2rem;\r\n    font-weight: 800;\r\n    margin: 0 0 1.2rem 0;\r\n    color: #FBBF24; \/* Turmeric Yellow *\/\r\n    line-height: 1.1;\r\n    letter-spacing: -0.02em;\r\n  }\r\n\r\n  .everest-hero-content p {\r\n    font-size: 1.25rem;\r\n    font-weight: 400;\r\n    margin: 0 0 2.5rem 0;\r\n    color: #FEF3C7; \/* Soft yellow-white for readability *\/\r\n    line-height: 1.6;\r\n  }\r\n\r\n  \/* Call-to-Action Button *\/\r\n  .everest-cta-btn {\r\n    display: inline-flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    background-color: #FBBF24;\r\n    color: #7F1D1D; \/* Dark red text for contrast *\/\r\n    padding: 1rem 2.5rem;\r\n    font-size: 1.125rem;\r\n    font-weight: 700;\r\n    text-decoration: none;\r\n    border-radius: 50px;\r\n    transition: all 0.3s ease;\r\n    box-shadow: 0 4px 15px rgba(251, 191, 36, 0.3);\r\n    cursor: pointer;\r\n    border: none;\r\n  }\r\n\r\n  .everest-cta-btn:hover {\r\n    background-color: #FDE68A;\r\n    transform: translateY(-3px);\r\n    box-shadow: 0 6px 20px rgba(251, 191, 36, 0.4);\r\n  }\r\n\r\n  \/* Image Area Styling *\/\r\n  .everest-hero-image-wrapper {\r\n    flex: 1;\r\n    max-width: 45%;\r\n    text-align: center;\r\n    z-index: 2;\r\n  }\r\n\r\n  .everest-hero-image-wrapper img {\r\n    max-width: 100%;\r\n    height: auto;\r\n    border-radius: 16px;\r\n    box-shadow: 0 20px 40px rgba(0, 0, 0, 0.25);\r\n    transition: transform 0.4s ease;\r\n    \/* Optional: subtle border simulating packaging outline *\/\r\n    border: 4px solid #F87171; \r\n  }\r\n\r\n  .everest-hero-image-wrapper img:hover {\r\n    transform: scale(1.03) rotate(-1deg);\r\n  }\r\n\r\n  \/* Mobile Responsiveness *\/\r\n  @media (max-width: 992px) {\r\n    #everest-hero-section {\r\n      padding: 4rem 2rem;\r\n    }\r\n    .everest-hero-content h1 {\r\n      font-size: 2.5rem;\r\n    }\r\n  }\r\n\r\n  @media (max-width: 768px) {\r\n    #everest-hero-section {\r\n      flex-direction: column;\r\n      text-align: center;\r\n      padding: 3rem 1.5rem;\r\n    }\r\n    .everest-hero-content {\r\n      max-width: 100%;\r\n      padding-right: 0;\r\n      margin-bottom: 3rem;\r\n    }\r\n    .everest-hero-image-wrapper {\r\n      max-width: 90%;\r\n    }\r\n  }\r\n<\/style>\r\n\r\n<section id=\"everest-hero-section\" aria-labelledby=\"everest-main-heading\">\r\n  \r\n  <div class=\"everest-hero-content\">\r\n    <h1 id=\"everest-main-heading\">Taste the Purity of Authentic Spices<\/h1>\r\n    <p>Elevate your everyday cooking with India's finest blends. Carefully sourced, perfectly roasted, and packed with aroma that brings every recipe to life.<\/p>\r\n    \r\n    <button class=\"everest-cta-btn\" onclick=\"handleEverestClick(event)\">\r\n      Explore Our Collection\r\n    <\/button>\r\n  <\/div>\r\n\r\n  <div class=\"everest-hero-image-wrapper\">\r\n    <img loading=\"lazy\" decoding=\"async\" \r\n      src=\"https:\/\/images.unsplash.com\/photo-1596040033229-a9821ebd058d?ixlib=rb-4.0.3&auto=format&fit=crop&w=800&q=80\" \r\n      alt=\"Vibrant array of traditional Indian spices including turmeric, chili powder, and garam masala\" \r\n      loading=\"lazy\"\r\n      width=\"800\"\r\n      height=\"533\"\r\n    \/>\r\n  <\/div>\r\n\r\n<\/section>\r\n\r\n<script>\r\n  \/**\r\n   * Simple interaction script for the CTA button.\r\n   * Provides immediate visual feedback before routing.\r\n   *\/\r\n  function handleEverestClick(event) {\r\n    event.preventDefault();\r\n    const btn = event.currentTarget;\r\n    \r\n    \/\/ Quick scale down animation for tactile feedback\r\n    btn.style.transform = 'scale(0.95)';\r\n    btn.style.backgroundColor = '#F59E0B'; \/\/ Darken slightly on click\r\n    \r\n    \/\/ Revert animation and simulate navigation (Replace with actual href logic)\r\n    setTimeout(() => {\r\n      btn.style.transform = 'scale(1)';\r\n      btn.style.backgroundColor = '';\r\n      \r\n      \/\/ Example routing logic:\r\n      \/\/ window.location.href = '\/shop';\r\n      console.log('Redirecting to Everest Masala product catalog...');\r\n    }, 150);\r\n  }\r\n<\/script>\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-829351e e-flex e-con-boxed e-con e-parent\" data-id=\"829351e\" 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-41f4cdc elementor-widget elementor-widget-html\" data-id=\"41f4cdc\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\n  \/* Base Reset and Container Scoping *\/\n  #everest-hero-section {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    background: linear-gradient(135deg, #B91C1C 0%, #991B1B 100%); \/* Deep Indian Spice Red *\/\n    padding: 5rem 3rem;\n    border-radius: 12px;\n    font-family: -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif;\n    color: #FFFFFF;\n    box-sizing: border-box;\n    overflow: hidden;\n    position: relative;\n    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.1);\n  }\n\n  \/* Decorative Background Element *\/\n  #everest-hero-section::before {\n    content: '';\n    position: absolute;\n    top: -50px;\n    right: -50px;\n    width: 200px;\n    height: 200px;\n    background: radial-gradient(circle, rgba(251, 191, 36, 0.2) 0%, rgba(251, 191, 36, 0) 70%);\n    border-radius: 50%;\n  }\n\n  \/* Content Area Styling *\/\n  .everest-hero-content {\n    flex: 1;\n    max-width: 50%;\n    padding-right: 2rem;\n    z-index: 2;\n  }\n\n  \/* SEO-Optimized Heading Hierarchy *\/\n  .everest-hero-content h1 {\n    font-size: 3.2rem;\n    font-weight: 800;\n    margin: 0 0 1.2rem 0;\n    color: #FBBF24; \/* Turmeric Yellow *\/\n    line-height: 1.1;\n    letter-spacing: -0.02em;\n  }\n\n  .everest-hero-content p {\n    font-size: 1.25rem;\n    font-weight: 400;\n    margin: 0 0 2.5rem 0;\n    color: #FEF3C7; \/* Soft yellow-white for readability *\/\n    line-height: 1.6;\n  }\n\n  \/* Call-to-Action Button *\/\n  .everest-cta-btn {\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    background-color: #FBBF24;\n    color: #7F1D1D; \/* Dark red text for contrast *\/\n    padding: 1rem 2.5rem;\n    font-size: 1.125rem;\n    font-weight: 700;\n    text-decoration: none;\n    border-radius: 50px;\n    transition: all 0.3s ease;\n    box-shadow: 0 4px 15px rgba(251, 191, 36, 0.3);\n    cursor: pointer;\n    border: none;\n  }\n\n  .everest-cta-btn:hover {\n    background-color: #FDE68A;\n    transform: translateY(-3px);\n    box-shadow: 0 6px 20px rgba(251, 191, 36, 0.4);\n  }\n\n  \/* Image Area Styling *\/\n  .everest-hero-image-wrapper {\n    flex: 1;\n    max-width: 45%;\n    text-align: center;\n    z-index: 2;\n  }\n\n  .everest-hero-image-wrapper img {\n    max-width: 100%;\n    height: auto;\n    border-radius: 16px;\n    box-shadow: 0 20px 40px rgba(0, 0, 0, 0.25);\n    transition: transform 0.4s ease;\n    \/* Optional: subtle border simulating packaging outline *\/\n    border: 4px solid #F87171; \n  }\n\n  .everest-hero-image-wrapper img:hover {\n    transform: scale(1.03) rotate(-1deg);\n  }\n\n  \/* Mobile Responsiveness *\/\n  @media (max-width: 992px) {\n    #everest-hero-section {\n      padding: 4rem 2rem;\n    }\n    .everest-hero-content h1 {\n      font-size: 2.5rem;\n    }\n  }\n\n  @media (max-width: 768px) {\n    #everest-hero-section {\n      flex-direction: column;\n      text-align: center;\n      padding: 3rem 1.5rem;\n    }\n    .everest-hero-content {\n      max-width: 100%;\n      padding-right: 0;\n      margin-bottom: 3rem;\n    }\n    .everest-hero-image-wrapper {\n      max-width: 90%;\n    }\n  }\n<\/style>\n\n<section id=\"everest-hero-section\" aria-labelledby=\"everest-main-heading\">\n  \n  <div class=\"everest-hero-content\">\n    <h1 id=\"everest-main-heading\">Taste the Purity of Authentic Spices<\/h1>\n    <p>Elevate your Taste everyday cooking with India's finest blends. Carefully sourced, perfectly roasted, and packed with aroma that brings every recipe to life.<\/p>\n    \n    <button class=\"everest-cta-btn\" onclick=\"handleEverestClick(event)\">\n      Explore Our Collection\n    <\/button>\n  <\/div>\n\n  <div class=\"various-herbs-spices-on-dark-600w-499646857.jpg\">\n    <img loading=\"lazy\" decoding=\"async\" \n      src=\"https:\/\/media.istockphoto.com\/id\/900758180\/photo\/indian-spice-mix-or-garam-masala-powder.jpg?s=1024x1024&w=is&k=20&c=v6q6UO8vwa4SbrYlAMyUFrpKBlIuP00Y1exub9x6PmI=\" \n      alt=\"Vibrant array of traditional Indian spices including turmeric, chili powder, and garam masala\" \n      loading=\"lazy\"\n      width=\"400\"\n      height=\"266\"\n    \/>\n  <\/div>\n\n<\/section>\n\n<script>\n  \/**\n   * Simple interaction script for the CTA button.\n   * Provides immediate visual feedback before routing.\n   *\/\n  function handleEverestClick(event) {\n    event.preventDefault();\n    const btn = event.currentTarget;\n    \n    \/\/ Quick scale down animation for tactile feedback\n    btn.style.transform = 'scale(0.95)';\n    btn.style.backgroundColor = '#F59E0B'; \/\/ Darken slightly on click\n    \n    \/\/ Revert animation and simulate navigation (Replace with actual href logic)\n    setTimeout(() => {\n      btn.style.transform = 'scale(1)';\n      btn.style.backgroundColor = '';\n      \n      \/\/ Example routing logic:\n      \/\/ window.location.href = '\/shop';\n      console.log('Redirecting to Everest Masala product catalog...');\n    }, 150);\n  }\n<\/script>\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-d800b9c e-flex e-con-boxed e-con e-parent\" data-id=\"d800b9c\" 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-28353d4 elementor-widget elementor-widget-html\" data-id=\"28353d4\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<div id=\"gta6-hero-container\">\r\n  <section class=\"gta6-hero\" aria-label=\"Grand Theft Auto VI Hero Section\">\r\n    \r\n    <div class=\"gta6-bg-overlay\"><\/div>\r\n\r\n    <div class=\"gta6-content\">\r\n      <header>\r\n        <p class=\"gta6-tagline\">Coming 2025<\/p>\r\n        <h1 class=\"gta6-title\">Grand Theft Auto <span class=\"roman-numeral\">VI<\/span><\/h1>\r\n      <\/header>\r\n      \r\n      <p class=\"gta6-description\">\r\n        Grand Theft Auto VI heads to the state of Leonida, home to the neon-soaked streets of Vice City and beyond in the biggest, most immersive evolution of the Grand Theft Auto series yet.\r\n      <\/p>\r\n\r\n      <div class=\"gta6-btn-group\">\r\n        <button class=\"gta-btn btn-primary\" onclick=\"gtaAction('trailer')\">\r\n          <span class=\"btn-text\">Watch Trailer 1<\/span>\r\n          <div class=\"btn-glitch\"><\/div>\r\n        <\/button>\r\n        <button class=\"gta-btn btn-secondary\" onclick=\"gtaAction('preorder')\">\r\n          <span class=\"btn-text\">Latest News<\/span>\r\n        <\/button>\r\n      <\/div>\r\n    <\/div>\r\n\r\n    <div class=\"gta6-badge\" aria-hidden=\"true\">R<span>&#9733;<\/span><\/div>\r\n  <\/section>\r\n\r\n  <style>\r\n    \/* Scope all styles to avoid WordPress theme bleeding *\/\r\n    #gta6-hero-container {\r\n      --gta-pink: #ff00ff;\r\n      --gta-purple: #7000ff;\r\n      --gta-orange: #ff8c00;\r\n      --gta-yellow: #fde047;\r\n      --bg-dark: #0a0a0a;\r\n      width: 100%;\r\n      margin: 20px 0;\r\n      overflow: hidden;\r\n      border-radius: 8px;\r\n    }\r\n\r\n    .gta6-hero {\r\n      position: relative;\r\n      min-height: 80vh;\r\n      display: flex;\r\n      align-items: center;\r\n      justify-content: center;\r\n      padding: 5% 10%;\r\n      background-color: var(--bg-dark);\r\n      \/* Using a high-quality stock sunset\/city placeholder *\/\r\n      background-image: url('https:\/\/images.unsplash.com\/photo-1614850523296-d8c1af93d400?q=80&w=2070&auto=format&fit=crop');\r\n      background-size: cover;\r\n      background-position: center;\r\n      color: #ffffff;\r\n      font-family: 'Inter', -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, sans-serif;\r\n      text-align: center;\r\n    }\r\n\r\n    .gta6-bg-overlay {\r\n      position: absolute;\r\n      top: 0; left: 0; right: 0; bottom: 0;\r\n      background: linear-gradient(180deg, rgba(10,10,10,0.4) 0%, rgba(10,10,10,0.9) 100%);\r\n      z-index: 1;\r\n    }\r\n\r\n    .gta6-content {\r\n      position: relative;\r\n      z-index: 2;\r\n      max-width: 900px;\r\n      opacity: 0;\r\n      transform: translateY(30px);\r\n      animation: gtaFadeUp 1s cubic-bezier(0.2, 0.8, 0.2, 1) forwards;\r\n    }\r\n\r\n    \/* Typography *\/\r\n    .gta6-tagline {\r\n      font-weight: 800;\r\n      text-transform: uppercase;\r\n      letter-spacing: 0.3em;\r\n      color: var(--gta-yellow);\r\n      margin-bottom: 10px;\r\n      font-size: 0.9rem;\r\n      text-shadow: 0 0 10px rgba(253, 224, 71, 0.5);\r\n    }\r\n\r\n    .gta6-title {\r\n      font-size: clamp(3rem, 8vw, 6rem);\r\n      font-weight: 900;\r\n      text-transform: uppercase;\r\n      line-height: 0.9;\r\n      margin: 0 0 20px 0;\r\n      background: linear-gradient(to bottom, #fff 40%, var(--gta-pink) 100%);\r\n      -webkit-background-clip: text;\r\n      -webkit-text-fill-color: transparent;\r\n      filter: drop-shadow(0 0 15px rgba(255, 0, 255, 0.3));\r\n    }\r\n\r\n    .roman-numeral {\r\n      color: #fff;\r\n      -webkit-text-fill-color: #fff;\r\n    }\r\n\r\n    .gta6-description {\r\n      font-size: clamp(1rem, 2vw, 1.25rem);\r\n      color: #cccccc;\r\n      line-height: 1.6;\r\n      margin-bottom: 40px;\r\n      max-width: 700px;\r\n      margin-left: auto;\r\n      margin-right: auto;\r\n    }\r\n\r\n    \/* Buttons *\/\r\n    .gta6-btn-group {\r\n      display: flex;\r\n      gap: 20px;\r\n      justify-content: center;\r\n      flex-wrap: wrap;\r\n    }\r\n\r\n    .gta-btn {\r\n      position: relative;\r\n      padding: 18px 40px;\r\n      font-size: 1rem;\r\n      font-weight: 800;\r\n      text-transform: uppercase;\r\n      letter-spacing: 0.1em;\r\n      border: none;\r\n      cursor: pointer;\r\n      transition: all 0.3s ease;\r\n      clip-path: polygon(10% 0, 100% 0, 90% 100%, 0% 100%);\r\n    }\r\n\r\n    .btn-primary {\r\n      background: var(--gta-pink);\r\n      color: white;\r\n    }\r\n\r\n    .btn-secondary {\r\n      background: transparent;\r\n      color: white;\r\n      border: 2px solid white;\r\n      clip-path: polygon(10% 0, 100% 0, 90% 100%, 0% 100%);\r\n    }\r\n\r\n    .gta-btn:hover {\r\n      transform: scale(1.05) skewX(-2deg);\r\n      filter: brightness(1.2);\r\n      box-shadow: 0 0 20px var(--gta-pink);\r\n    }\r\n\r\n    \/* Decorative Rockstar Badge *\/\r\n    .gta6-badge {\r\n      position: absolute;\r\n      bottom: 40px;\r\n      right: 40px;\r\n      width: 60px;\r\n      height: 60px;\r\n      background: #fff;\r\n      color: #000;\r\n      display: flex;\r\n      align-items: center;\r\n      justify-content: center;\r\n      font-weight: 900;\r\n      font-size: 1.5rem;\r\n      border-radius: 4px;\r\n      z-index: 2;\r\n      box-shadow: 0 0 20px rgba(255,255,255,0.2);\r\n    }\r\n    .gta6-badge span { color: #f00; margin-left: 2px; }\r\n\r\n    \/* Animations *\/\r\n    @keyframes gtaFadeUp {\r\n      to { opacity: 1; transform: translateY(0); }\r\n    }\r\n\r\n    \/* Responsive adjustments *\/\r\n    @media (max-width: 768px) {\r\n      .gta6-hero { padding: 60px 20px; min-height: 600px; }\r\n      .gta6-btn-group { flex-direction: column; width: 100%; align-items: center; }\r\n      .gta-btn { width: 280px; }\r\n      .gta6-badge { display: none; }\r\n    }\r\n  <\/style>\r\n\r\n  <script>\r\n    function gtaAction(type) {\r\n      \/\/ Button Feedback Effect\r\n      const effect = type === 'trailer' ? 'Playing Trailer...' : 'Loading News...';\r\n      console.log('GTA VI Action Triggered:', type);\r\n      \r\n      \/\/ Visual feedback via alert or simple console log for WP stability\r\n      \/\/ You can replace this with a lightbox trigger or URL redirect\r\n      if(type === 'trailer') {\r\n        window.open('https:\/\/www.youtube.com\/watch?v=QdBZY2fkU-0', '_blank');\r\n      } else {\r\n        alert('Check the Rockstar Games Newswire for updates!');\r\n      }\r\n    }\r\n\r\n    \/\/ Intersection Observer for Scroll Animation re-triggering (optional)\r\n    document.addEventListener('DOMContentLoaded', () => {\r\n      const content = document.querySelector('.gta6-content');\r\n      const observer = new IntersectionObserver((entries) => {\r\n        entries.forEach(entry => {\r\n          if (entry.isIntersecting) {\r\n            entry.target.style.animation = 'none';\r\n            entry.target.offsetHeight; \/* trigger reflow *\/\r\n            entry.target.style.animation = null;\r\n          }\r\n        });\r\n      });\r\n      observer.observe(content);\r\n    });\r\n  <\/script>\r\n<\/div>\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-dbb5ea2 e-flex e-con-boxed e-con e-parent\" data-id=\"dbb5ea2\" 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-ded4ad7 elementor-widget elementor-widget-html\" data-id=\"ded4ad7\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<header style=\"position: sticky; top: 0; z-index: 1000; background: rgba(255, 255, 255, 0.95); backdrop-filter: blur(10px); box-shadow: 0 2px 10px rgba(0,0,0,0.1); padding: 15px 5%;\">\r\n    <nav style=\"display: flex; justify-content: space-between; align-items: center; max-width: 1200px; margin: 0 auto;\">\r\n        <div style=\"font-size: 24px; font-weight: 800; color: #0077be;\">SKY<span style=\"color: #5dade2;\">BOUND<\/span><\/div>\r\n        <ul style=\"display: flex; list-style: none; margin: 0; padding: 0; gap: 25px;\">\r\n            <li><a href=\"#hero\" style=\"text-decoration: none; color: #333; font-weight: 600; font-size: 14px; text-transform: uppercase;\">Home<\/a><\/li>\r\n            <li><a href=\"#destinations\" style=\"text-decoration: none; color: #333; font-weight: 600; font-size: 14px; text-transform: uppercase;\">Destinations<\/a><\/li>\r\n            <li><a href=\"#pricing\" style=\"text-decoration: none; color: #333; font-weight: 600; font-size: 14px; text-transform: uppercase;\">Pricing<\/a><\/li>\r\n            <li><a href=\"#booking\" style=\"text-decoration: none; background: #0077be; color: white; padding: 8px 20px; border-radius: 50px; font-weight: 600; font-size: 14px; transition: 0.3s;\">Book Now<\/a><\/li>\r\n        <\/ul>\r\n    <\/nav>\r\n<\/header>\r\n\r\n<section id=\"hero\" style=\"position: relative; height: 85vh; display: flex; align-items: center; justify-content: center; color: white; text-align: center; background: linear-gradient(rgba(0,0,0,0.3), rgba(0,0,0,0.3)), url('[https:\/\/images.unsplash.com\/photo-1476514525535-07fb3b4ae5f1?auto=format&fit=crop&w=1920&q=80](https:\/\/images.unsplash.com\/photo-1476514525535-07fb3b4ae5f1?auto=format&fit=crop&w=1920&q=80)') center\/cover no-repeat;\">\r\n    <div style=\"max-width: 800px; padding: 20px;\">\r\n        <h1 style=\"font-size: clamp(2.5rem, 8vw, 4rem); margin-bottom: 20px; text-shadow: 2px 2px 10px rgba(0,0,0,0.5);\">Your Journey Begins Above the Clouds<\/h1>\r\n        <p style=\"font-size: 1.2rem; margin-bottom: 30px; opacity: 0.9;\">Discover hand-picked destinations from snowy peaks to crystal clear shores.<\/p>\r\n        <a href=\"#booking\" style=\"display: inline-block; padding: 18px 40px; background: #5dade2; color: white; text-decoration: none; border-radius: 5px; font-weight: bold; text-transform: uppercase; box-shadow: 0 4px 15px rgba(0,0,0,0.2);\">Start Exploring<\/a>\r\n    <\/div>\r\n<\/section>\r\n\r\n<section id=\"stats\" style=\"padding: 60px 5%; background: white;\">\r\n    <div style=\"display: flex; flex-wrap: wrap; justify-content: center; gap: 40px; max-width: 1200px; margin: 0 auto; text-align: center;\">\r\n        <div style=\"flex: 1; min-width: 200px;\">\r\n            <div class=\"counter\" data-target=\"15000\" style=\"font-size: 40px; font-weight: 800; color: #0077be;\">0<\/div>\r\n            <div style=\"color: #666; font-weight: 600;\">Happy Travelers<\/div>\r\n        <\/div>\r\n        <div style=\"flex: 1; min-width: 200px;\">\r\n            <div class=\"counter\" data-target=\"120\" style=\"font-size: 40px; font-weight: 800; color: #0077be;\">0<\/div>\r\n            <div style=\"color: #666; font-weight: 600;\">Destinations<\/div>\r\n        <\/div>\r\n        <div style=\"flex: 1; min-width: 200px;\">\r\n            <div class=\"counter\" data-target=\"2500\" style=\"font-size: 40px; font-weight: 800; color: #0077be;\">0<\/div>\r\n            <div style=\"color: #666; font-weight: 600;\">Hotels Booked<\/div>\r\n        <\/div>\r\n        <div style=\"flex: 1; min-width: 200px;\">\r\n            <div class=\"counter\" data-target=\"450\" style=\"font-size: 40px; font-weight: 800; color: #0077be;\">0<\/div>\r\n            <div style=\"color: #666; font-weight: 600;\">Tour Guides<\/div>\r\n        <\/div>\r\n    <\/div>\r\n<\/section>\r\n\r\n<section id=\"destinations\" style=\"padding: 80px 5%;\">\r\n    <h2 style=\"text-align: center; color: #0077be; font-size: 2.5rem; margin-bottom: 10px;\">Popular Destinations<\/h2>\r\n    <p style=\"text-align: center; color: #666; margin-bottom: 50px;\">Choose your vibe: High Altitudes or Shoreline Solitude<\/p>\r\n    \r\n    <div style=\"display: grid; grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)); gap: 30px; max-width: 1200px; margin: 0 auto;\">\r\n        <div style=\"background: white; border-radius: 15px; overflow: hidden; box-shadow: 0 10px 30px rgba(0,0,0,0.05); transition: 0.3s;\" onmouseover=\"this.style.transform='translateY(-10px)'\" onmouseout=\"this.style.transform='translateY(0)'\">\r\n            <img decoding=\"async\" src=\"[https:\/\/images.unsplash.com\/photo-1464822759023-fed622ff2c3b?auto=format&fit=crop&w=600&q=80](https:\/\/images.unsplash.com\/photo-1464822759023-fed622ff2c3b?auto=format&fit=crop&w=600&q=80)\" alt=\"Swiss Alps Mountain View\" style=\"width: 100%; height: 250px; object-fit: cover;\">\r\n            <div style=\"padding: 25px;\">\r\n                <span style=\"background: #e1f5fe; color: #0288d1; padding: 5px 12px; border-radius: 20px; font-size: 12px; font-weight: bold; text-transform: uppercase;\">Mountain Escape<\/span>\r\n                <h3 style=\"margin: 15px 0 10px;\">Swiss Alps, Switzerland<\/h3>\r\n                <p style=\"color: #777; font-size: 14px;\">Experience the majestic peaks and cozy chalets of the world's most famous range.<\/p>\r\n            <\/div>\r\n        <\/div>\r\n        <div style=\"background: white; border-radius: 15px; overflow: hidden; box-shadow: 0 10px 30px rgba(0,0,0,0.05); transition: 0.3s;\" onmouseover=\"this.style.transform='translateY(-10px)'\" onmouseout=\"this.style.transform='translateY(0)'\">\r\n            <img decoding=\"async\" src=\"[https:\/\/images.unsplash.com\/photo-1507525428034-b723cf961d3e?auto=format&fit=crop&w=600&q=80](https:\/\/images.unsplash.com\/photo-1507525428034-b723cf961d3e?auto=format&fit=crop&w=600&q=80)\" alt=\"Maldives Tropical Beach\" style=\"width: 100%; height: 250px; object-fit: cover;\">\r\n            <div style=\"padding: 25px;\">\r\n                <span style=\"background: #e0f2f1; color: #00897b; padding: 5px 12px; border-radius: 20px; font-size: 12px; font-weight: bold; text-transform: uppercase;\">Beach Paradise<\/span>\r\n                <h3 style=\"margin: 15px 0 10px;\">Mal\u00e9, Maldives<\/h3>\r\n                <p style=\"color: #777; font-size: 14px;\">Turquoise waters and white sands await you in this tropical getaway.<\/p>\r\n            <\/div>\r\n        <\/div>\r\n        <div style=\"background: white; border-radius: 15px; overflow: hidden; box-shadow: 0 10px 30px rgba(0,0,0,0.05); transition: 0.3s;\" onmouseover=\"this.style.transform='translateY(-10px)'\" onmouseout=\"this.style.transform='translateY(0)'\">\r\n            <img decoding=\"async\" src=\"[https:\/\/images.unsplash.com\/photo-1519681393784-d120267933ba?auto=format&fit=crop&w=600&q=80](https:\/\/images.unsplash.com\/photo-1519681393784-d120267933ba?auto=format&fit=crop&w=600&q=80)\" alt=\"Banff National Park Mountains\" style=\"width: 100%; height: 250px; object-fit: cover;\">\r\n            <div style=\"padding: 25px;\">\r\n                <span style=\"background: #e1f5fe; color: #0288d1; padding: 5px 12px; border-radius: 20px; font-size: 12px; font-weight: bold; text-transform: uppercase;\">Mountain Escape<\/span>\r\n                <h3 style=\"margin: 15px 0 10px;\">Banff, Canada<\/h3>\r\n                <p style=\"color: #777; font-size: 14px;\">Stunning emerald lakes and rugged peaks for the ultimate adventurer.<\/p>\r\n            <\/div>\r\n        <\/div>\r\n    <\/div>\r\n<\/section>\r\n\r\n<section style=\"padding: 60px 5%; background: #e3f2fd;\">\r\n    <h2 style=\"text-align: center; color: #0077be; margin-bottom: 40px;\">Recent Travelers<\/h2>\r\n    <div style=\"display: flex; overflow-x: auto; gap: 20px; padding-bottom: 20px; scrollbar-width: none;\">\r\n        <img decoding=\"async\" src=\"[https:\/\/i.pravatar.cc\/150?u=1](https:\/\/i.pravatar.cc\/150?u=1)\" alt=\"Traveler 1\" style=\"width: 100px; height: 100px; border-radius: 50%; border: 4px solid white; box-shadow: 0 5px 15px rgba(0,0,0,0.1);\">\r\n        <img decoding=\"async\" src=\"[https:\/\/i.pravatar.cc\/150?u=2](https:\/\/i.pravatar.cc\/150?u=2)\" alt=\"Traveler 2\" style=\"width: 100px; height: 100px; border-radius: 50%; border: 4px solid white; box-shadow: 0 5px 15px rgba(0,0,0,0.1);\">\r\n        <img decoding=\"async\" src=\"[https:\/\/i.pravatar.cc\/150?u=3](https:\/\/i.pravatar.cc\/150?u=3)\" alt=\"Traveler 3\" style=\"width: 100px; height: 100px; border-radius: 50%; border: 4px solid white; box-shadow: 0 5px 15px rgba(0,0,0,0.1);\">\r\n        <img decoding=\"async\" src=\"[https:\/\/i.pravatar.cc\/150?u=4](https:\/\/i.pravatar.cc\/150?u=4)\" alt=\"Traveler 4\" style=\"width: 100px; height: 100px; border-radius: 50%; border: 4px solid white; box-shadow: 0 5px 15px rgba(0,0,0,0.1);\">\r\n        <img decoding=\"async\" src=\"[https:\/\/i.pravatar.cc\/150?u=5](https:\/\/i.pravatar.cc\/150?u=5)\" alt=\"Traveler 5\" style=\"width: 100px; height: 100px; border-radius: 50%; border: 4px solid white; box-shadow: 0 5px 15px rgba(0,0,0,0.1);\">\r\n        <img decoding=\"async\" src=\"[https:\/\/i.pravatar.cc\/150?u=6](https:\/\/i.pravatar.cc\/150?u=6)\" alt=\"Traveler 6\" style=\"width: 100px; height: 100px; border-radius: 50%; border: 4px solid white; box-shadow: 0 5px 15px rgba(0,0,0,0.1);\">\r\n        <img decoding=\"async\" src=\"[https:\/\/i.pravatar.cc\/150?u=7](https:\/\/i.pravatar.cc\/150?u=7)\" alt=\"Traveler 7\" style=\"width: 100px; height: 100px; border-radius: 50%; border: 4px solid white; box-shadow: 0 5px 15px rgba(0,0,0,0.1);\">\r\n        <img decoding=\"async\" src=\"[https:\/\/i.pravatar.cc\/150?u=8](https:\/\/i.pravatar.cc\/150?u=8)\" alt=\"Traveler 8\" style=\"width: 100px; height: 100px; border-radius: 50%; border: 4px solid white; box-shadow: 0 5px 15px rgba(0,0,0,0.1);\">\r\n    <\/div>\r\n<\/section>\r\n\r\n<section style=\"padding: 80px 5%; max-width: 1200px; margin: 0 auto; display: grid; grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)); gap: 50px; align-items: center;\">\r\n    <div>\r\n        <h2 style=\"color: #0077be; font-size: 2rem; margin-bottom: 20px;\">The Experience of a Lifetime<\/h2>\r\n        <p style=\"color: #555; margin-bottom: 20px;\">We don't just book trips; we craft stories. Every itinerary is vetted by our local experts to ensure authenticity, luxury, and comfort.<\/p>\r\n        <ul style=\"list-style: none; padding: 0;\">\r\n            <li style=\"margin-bottom: 10px; display: flex; align-items: center;\"><span style=\"color: #0077be; margin-right: 10px;\">\u2713<\/span> 24\/7 Concierge Support<\/li>\r\n            <li style=\"margin-bottom: 10px; display: flex; align-items: center;\"><span style=\"color: #0077be; margin-right: 10px;\">\u2713<\/span> Exclusive Cultural Access<\/li>\r\n            <li style=\"margin-bottom: 10px; display: flex; align-items: center;\"><span style=\"color: #0077be; margin-right: 10px;\">\u2713<\/span> Hand-picked Accommodations<\/li>\r\n        <\/ul>\r\n    <\/div>\r\n    <div style=\"background: url('[https:\/\/images.unsplash.com\/photo-1527631746610-bca00a040d60?auto=format&fit=crop&w=600&q=80](https:\/\/images.unsplash.com\/photo-1527631746610-bca00a040d60?auto=format&fit=crop&w=600&q=80)') center\/cover; height: 400px; border-radius: 20px; box-shadow: 20px 20px 0 #5dade2;\"><\/div>\r\n<\/section>\r\n\r\n<section id=\"pricing\" style=\"padding: 80px 5%; background: #f9f9f9;\">\r\n    <h2 style=\"text-align: center; color: #0077be; margin-bottom: 50px;\">Starter Budget Plans<\/h2>\r\n    <div style=\"display: flex; flex-wrap: wrap; justify-content: center; gap: 30px; max-width: 1100px; margin: 0 auto;\">\r\n        <div style=\"flex: 1; min-width: 280px; background: white; padding: 40px; border-radius: 10px; text-align: center; border: 1px solid #eee;\">\r\n            <h3 style=\"margin-top: 0;\">Solo Explorer<\/h3>\r\n            <div style=\"font-size: 36px; font-weight: 800; margin: 20px 0;\">$499<span style=\"font-size: 16px; color: #999;\">\/trip<\/span><\/div>\r\n            <p style=\"color: #777;\">Perfect for those finding themselves.<\/p>\r\n            <ul style=\"list-style: none; padding: 0; margin: 30px 0; color: #555; text-align: left;\">\r\n                <li style=\"margin-bottom: 10px;\">\u2022 3 Nights Stay<\/li>\r\n                <li style=\"margin-bottom: 10px;\">\u2022 Breakfast Included<\/li>\r\n                <li style=\"margin-bottom: 10px;\">\u2022 Local Transit Pass<\/li>\r\n            <\/ul>\r\n            <a href=\"#booking\" style=\"display: block; padding: 12px; border: 2px solid #0077be; color: #0077be; text-decoration: none; border-radius: 5px; font-weight: bold;\">Select Plan<\/a>\r\n        <\/div>\r\n        <div style=\"flex: 1; min-width: 280px; background: #0077be; color: white; padding: 40px; border-radius: 10px; text-align: center; transform: scale(1.05); box-shadow: 0 20px 40px rgba(0,119,190,0.2);\">\r\n            <h3 style=\"margin-top: 0;\">Duo Discovery<\/h3>\r\n            <div style=\"font-size: 42px; font-weight: 800; margin: 20px 0;\">$899<span style=\"font-size: 16px; opacity: 0.8;\">\/trip<\/span><\/div>\r\n            <p style=\"opacity: 0.9;\">Our most popular package for couples.<\/p>\r\n            <ul style=\"list-style: none; padding: 0; margin: 30px 0; text-align: left;\">\r\n                <li style=\"margin-bottom: 10px;\">\u2022 5 Nights Luxury Stay<\/li>\r\n                <li style=\"margin-bottom: 10px;\">\u2022 All Meals Included<\/li>\r\n                <li style=\"margin-bottom: 10px;\">\u2022 Private Guided Tour<\/li>\r\n            <\/ul>\r\n            <a href=\"#booking\" style=\"display: block; padding: 12px; background: white; color: #0077be; text-decoration: none; border-radius: 5px; font-weight: bold;\">Book Popular<\/a>\r\n        <\/div>\r\n        <div style=\"flex: 1; min-width: 280px; background: white; padding: 40px; border-radius: 10px; text-align: center; border: 1px solid #eee;\">\r\n            <h3 style=\"margin-top: 0;\">Family Fun<\/h3>\r\n            <div style=\"font-size: 36px; font-weight: 800; margin: 20px 0;\">$1499<span style=\"font-size: 16px; color: #999;\">\/trip<\/span><\/div>\r\n            <p style=\"color: #777;\">Group activities and spacious suites.<\/p>\r\n            <ul style=\"list-style: none; padding: 0; margin: 30px 0; color: #555; text-align: left;\">\r\n                <li style=\"margin-bottom: 10px;\">\u2022 7 Nights Family Suite<\/li>\r\n                <li style=\"margin-bottom: 10px;\">\u2022 Kids Activities<\/li>\r\n                <li style=\"margin-bottom: 10px;\">\u2022 Group Excursions<\/li>\r\n            <\/ul>\r\n            <a href=\"#booking\" style=\"display: block; padding: 12px; border: 2px solid #0077be; color: #0077be; text-decoration: none; border-radius: 5px; font-weight: bold;\">Select Plan<\/a>\r\n        <\/div>\r\n    <\/div>\r\n<\/section>\r\n\r\n<section id=\"booking\" style=\"padding: 100px 5%; background: linear-gradient(135deg, #0077be, #5dade2); color: white;\">\r\n    <div style=\"max-width: 600px; margin: 0 auto; background: white; color: #333; padding: 40px; border-radius: 20px; box-shadow: 0 20px 50px rgba(0,0,0,0.2);\">\r\n        <h2 style=\"text-align: center; color: #0077be; margin-bottom: 30px;\">Reserve Your Spot<\/h2>\r\n        <form id=\"bookingForm\" onsubmit=\"return validateForm(event)\">\r\n            <div style=\"margin-bottom: 20px;\">\r\n                <label style=\"display: block; margin-bottom: 8px; font-weight: 600;\">Full Name<\/label>\r\n                <input type=\"text\" id=\"name\" placeholder=\"John Doe\" style=\"width: 100%; padding: 12px; border: 1px solid #ddd; border-radius: 5px; box-sizing: border-box;\">\r\n            <\/div>\r\n            \r\n            <div style=\"display: grid; grid-template-columns: 1fr 1fr; gap: 20px; margin-bottom: 20px;\">\r\n                <div>\r\n                    <label style=\"display: block; margin-bottom: 8px; font-weight: 600;\">Preferred Date<\/label>\r\n                    <input type=\"date\" id=\"date\" style=\"width: 100%; padding: 12px; border: 1px solid #ddd; border-radius: 5px; box-sizing: border-box;\">\r\n                <\/div>\r\n                <div>\r\n                    <label style=\"display: block; margin-bottom: 8px; font-weight: 600;\">Vibe<\/label>\r\n                    <select id=\"type\" style=\"width: 100%; padding: 12px; border: 1px solid #ddd; border-radius: 5px; box-sizing: border-box; background: white;\">\r\n                        <option value=\"mountains\">Mountains<\/option>\r\n                        <option value=\"beach\">Beach<\/option>\r\n                    <\/select>\r\n                <\/div>\r\n            <\/div>\r\n\r\n            <div style=\"margin-bottom: 20px;\">\r\n                <label style=\"display: block; margin-bottom: 8px; font-weight: 600;\">Budget Range ($)<\/label>\r\n                <input type=\"range\" id=\"budget\" min=\"500\" max=\"5000\" step=\"100\" value=\"1500\" style=\"width: 100%; cursor: pointer;\" oninput=\"updateBudgetText(this.value)\">\r\n                <div style=\"text-align: center; font-weight: bold; color: #0077be; margin-top: 10px;\">Max Budget: $<span id=\"budgetValue\">1500<\/span><\/div>\r\n            <\/div>\r\n\r\n            <button type=\"submit\" style=\"width: 100%; padding: 15px; background: #0077be; color: white; border: none; border-radius: 5px; font-size: 16px; font-weight: bold; cursor: pointer; transition: 0.3s;\" onmouseover=\"this.style.background='#005fa3'\" onmouseout=\"this.style.background='#0077be'\">Confirm Booking<\/button>\r\n            <div id=\"formMsg\" style=\"margin-top: 15px; text-align: center; font-weight: bold; display: none;\"><\/div>\r\n        <\/form>\r\n    <\/div>\r\n<\/section>\r\n\r\n<footer style=\"background: #1a1a1a; color: white; padding: 60px 5% 20px;\">\r\n    <div style=\"max-width: 1200px; margin: 0 auto; display: grid; grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)); gap: 40px; margin-bottom: 40px;\">\r\n        <div>\r\n            <h4 style=\"font-size: 20px; color: #5dade2; margin-bottom: 20px;\">SKYBOUND<\/h4>\r\n            <p style=\"color: #999; font-size: 14px;\">We provide world-class travel experiences across the globe. Luxury meets adventure in every package.<\/p>\r\n        <\/div>\r\n        <div>\r\n            <h4 style=\"margin-bottom: 20px;\">Quick Links<\/h4>\r\n            <ul style=\"list-style: none; padding: 0; color: #999; font-size: 14px; line-height: 2;\">\r\n                <li><a href=\"#\" style=\"color: #999; text-decoration: none;\">About Us<\/a><\/li>\r\n                <li><a href=\"#\" style=\"color: #999; text-decoration: none;\">Privacy Policy<\/a><\/li>\r\n                <li><a href=\"#\" style=\"color: #999; text-decoration: none;\">Terms of Service<\/a><\/li>\r\n            <\/ul>\r\n        <\/div>\r\n        <div>\r\n            <h4 style=\"margin-bottom: 20px;\">Contact<\/h4>\r\n            <p style=\"color: #999; font-size: 14px;\">Email: hello@skybound.com<\/p>\r\n            <p style=\"color: #999; font-size: 14px;\">Phone: +1 234 567 890<\/p>\r\n            <p style=\"color: #999; font-size: 14px;\">123 Aviation Way, Sky City<\/p>\r\n        <\/div>\r\n        <div>\r\n            <h4 style=\"margin-bottom: 20px;\">Newsletter<\/h4>\r\n            <div style=\"display: flex;\">\r\n                <input type=\"email\" placeholder=\"Email\" style=\"padding: 10px; border-radius: 5px 0 0 5px; border: none; flex: 1;\">\r\n                <button style=\"padding: 10px; background: #0077be; color: white; border: none; border-radius: 0 5px 5px 0; cursor: pointer;\">Go<\/button>\r\n            <\/div>\r\n        <\/div>\r\n    <\/div>\r\n    <hr style=\"border: 0; border-top: 1px solid #333;\">\r\n    <p style=\"text-align: center; color: #666; font-size: 12px; margin-top: 20px;\">\u00a9 2026 SkyBound Travels. All rights reserved.<\/p>\r\n<\/footer>\r\n\r\n<script>\r\n    \/\/ Counter Animation Logic\r\n    function animateCounters() {\r\n        const counters = document.querySelectorAll('.counter');\r\n        const speed = 200;\r\n\r\n        counters.forEach(counter => {\r\n            const updateCount = () => {\r\n                const target = +counter.getAttribute('data-target');\r\n                const count = +counter.innerText;\r\n                const inc = target \/ speed;\r\n\r\n                if (count < target) {\r\n                    counter.innerText = Math.ceil(count + inc);\r\n                    setTimeout(updateCount, 10);\r\n                } else {\r\n                    counter.innerText = target + (target > 100 ? '+' : '');\r\n                }\r\n            };\r\n            updateCount();\r\n        });\r\n    }\r\n\r\n    \/\/ Intersection Observer for Counter Animation\r\n    const observer = new IntersectionObserver((entries) => {\r\n        if(entries[0].isIntersecting) {\r\n            animateCounters();\r\n            observer.unobserve(entries[0].target);\r\n        }\r\n    }, { threshold: 0.5 });\r\n\r\n    observer.observe(document.querySelector('#stats'));\r\n\r\n    \/\/ Booking Form Logic\r\n    function updateBudgetText(val) {\r\n        document.getElementById('budgetValue').innerText = val;\r\n    }\r\n\r\n    function validateForm(event) {\r\n        event.preventDefault();\r\n        const name = document.getElementById('name').value;\r\n        const date = document.getElementById('date').value;\r\n        const msg = document.getElementById('formMsg');\r\n\r\n        if (name.length < 3 || !date) {\r\n            msg.style.display = 'block';\r\n            msg.style.color = '#e74c3c';\r\n            msg.innerText = 'Please fill in all details correctly.';\r\n            return false;\r\n        }\r\n\r\n        msg.style.display = 'block';\r\n        msg.style.color = '#27ae60';\r\n        msg.innerText = 'Success! Your travel advisor will contact you shortly.';\r\n        document.getElementById('bookingForm').reset();\r\n        updateBudgetText(1500);\r\n        return false;\r\n    }\r\n<\/script>\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-2cfb717 e-flex e-con-boxed e-con e-parent\" data-id=\"2cfb717\" 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-d1edae6 elementor-widget elementor-widget-html\" data-id=\"d1edae6\" 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  <meta name=\"description\" content=\"Book your dream vacation with SkyEscape \u2014 explore stunning mountain retreats and tropical beach getaways. Tailored packages, unbeatable prices, and unforgettable experiences.\" \/>\r\n  <meta name=\"keywords\" content=\"vacation booking, beach holidays, mountain trips, travel packages, holiday deals\" \/>\r\n  <title>SkyEscape \u2014 Book Your Dream Vacation<\/title>\r\n\r\n  <style>\r\n    \/* \u2500\u2500\u2500 CSS Variables & Reset \u2500\u2500\u2500 *\/\r\n    *, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }\r\n    :root {\r\n      --sky: #0ea5e9;\r\n      --sky-dark: #0284c7;\r\n      --sky-light: #bae6fd;\r\n      --sky-xlight: #e0f2fe;\r\n      --white: #ffffff;\r\n      --off-white: #f8fafc;\r\n      --slate: #1e293b;\r\n      --slate-mid: #475569;\r\n      --slate-light: #94a3b8;\r\n      --sand: #fef3c7;\r\n      --mountain: #64748b;\r\n      --font-display: 'Georgia', 'Times New Roman', serif;\r\n      --font-body: 'Trebuchet MS', 'Segoe UI', sans-serif;\r\n      --radius: 16px;\r\n      --radius-sm: 8px;\r\n      --shadow: 0 4px 24px rgba(14,165,233,0.10);\r\n      --shadow-lg: 0 12px 48px rgba(14,165,233,0.18);\r\n      --transition: 0.32s cubic-bezier(.4,0,.2,1);\r\n    }\r\n    html { scroll-behavior: smooth; }\r\n    body { font-family: var(--font-body); color: var(--slate); background: var(--white); overflow-x: hidden; }\r\n    img { max-width: 100%; height: auto; display: block; }\r\n    a { text-decoration: none; color: inherit; }\r\n    ul { list-style: none; }\r\n    button, input, select { font-family: var(--font-body); }\r\n\r\n    \/* \u2500\u2500\u2500 Typography \u2500\u2500\u2500 *\/\r\n    h1, h2, h3, h4 { font-family: var(--font-display); line-height: 1.15; }\r\n    h1 { font-size: clamp(2.4rem, 6vw, 4.2rem); }\r\n    h2 { font-size: clamp(1.8rem, 4vw, 2.8rem); }\r\n    h3 { font-size: clamp(1.2rem, 2.5vw, 1.6rem); }\r\n    h4 { font-size: 1.1rem; }\r\n\r\n    \/* \u2500\u2500\u2500 Utility \u2500\u2500\u2500 *\/\r\n    .container { width: min(1200px, 92%); margin: 0 auto; }\r\n    .section-label {\r\n      display: inline-block; text-transform: uppercase; letter-spacing: .18em;\r\n      font-size: .78rem; font-weight: 700; color: var(--sky);\r\n      background: var(--sky-xlight); padding: 5px 14px; border-radius: 99px; margin-bottom: 14px;\r\n    }\r\n    .btn {\r\n      display: inline-flex; align-items: center; gap: 8px;\r\n      padding: 14px 32px; border-radius: 99px; font-weight: 700;\r\n      font-size: 1rem; border: none; cursor: pointer;\r\n      transition: transform var(--transition), box-shadow var(--transition), background var(--transition);\r\n    }\r\n    .btn:hover { transform: translateY(-2px); box-shadow: var(--shadow-lg); }\r\n    .btn-primary { background: var(--sky); color: var(--white); }\r\n    .btn-primary:hover { background: var(--sky-dark); }\r\n    .btn-outline { background: transparent; color: var(--sky); border: 2px solid var(--sky); }\r\n    .btn-outline:hover { background: var(--sky); color: var(--white); }\r\n    .btn-white { background: var(--white); color: var(--sky-dark); }\r\n    .btn-white:hover { background: var(--sky-xlight); }\r\n\r\n    \/* \u2500\u2500\u2500 Fade-in animation \u2500\u2500\u2500 *\/\r\n    .fade-up {\r\n      opacity: 0; transform: translateY(32px);\r\n      transition: opacity 0.7s ease, transform 0.7s ease;\r\n    }\r\n    .fade-up.visible { opacity: 1; transform: translateY(0); }\r\n\r\n    \/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\r\n       STICKY HEADER\r\n    \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\r\n    #header {\r\n      position: fixed; top: 0; left: 0; right: 0; z-index: 1000;\r\n      background: rgba(255,255,255,0.92); backdrop-filter: blur(12px);\r\n      border-bottom: 1px solid rgba(14,165,233,0.08);\r\n      transition: box-shadow var(--transition);\r\n    }\r\n    #header.scrolled { box-shadow: var(--shadow); }\r\n    .header-inner {\r\n      display: flex; align-items: center; justify-content: space-between;\r\n      padding: 18px 0;\r\n    }\r\n    .logo {\r\n      display: flex; align-items: center; gap: 10px;\r\n      font-family: var(--font-display); font-size: 1.55rem; font-weight: 700; color: var(--sky-dark);\r\n    }\r\n    .logo-icon {\r\n      width: 40px; height: 40px; background: var(--sky);\r\n      border-radius: 12px; display: flex; align-items: center; justify-content: center;\r\n    }\r\n    .logo-icon svg { width: 22px; height: 22px; fill: white; }\r\n    nav { display: flex; align-items: center; gap: 36px; }\r\n    nav a {\r\n      font-size: .93rem; font-weight: 600; color: var(--slate-mid);\r\n      position: relative; transition: color var(--transition);\r\n    }\r\n    nav a::after {\r\n      content: ''; position: absolute; bottom: -3px; left: 0; right: 100%;\r\n      height: 2px; background: var(--sky); border-radius: 2px;\r\n      transition: right var(--transition);\r\n    }\r\n    nav a:hover { color: var(--sky); }\r\n    nav a:hover::after { right: 0; }\r\n    .hamburger {\r\n      display: none; flex-direction: column; gap: 5px;\r\n      background: none; border: none; cursor: pointer; padding: 4px;\r\n    }\r\n    .hamburger span { display: block; width: 24px; height: 2px; background: var(--slate); border-radius: 2px; transition: var(--transition); }\r\n    .mobile-nav {\r\n      display: none; flex-direction: column; gap: 0;\r\n      background: var(--white); border-top: 1px solid var(--sky-xlight);\r\n      padding: 8px 0 20px;\r\n    }\r\n    .mobile-nav a {\r\n      padding: 12px 20px; font-size: 1rem; font-weight: 600;\r\n      color: var(--slate-mid); border-bottom: 1px solid var(--sky-xlight);\r\n    }\r\n    .mobile-nav a:hover { color: var(--sky); background: var(--sky-xlight); }\r\n    .mobile-nav.open { display: flex; }\r\n\r\n    @media(max-width:768px) {\r\n      nav { display: none; }\r\n      .hamburger { display: flex; }\r\n      .header-cta { display: none; }\r\n    }\r\n\r\n    \/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\r\n       HERO SECTION\r\n    \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\r\n    #hero {\r\n      min-height: 100vh;\r\n      background:\r\n        linear-gradient(135deg, rgba(2,132,199,0.82) 0%, rgba(14,165,233,0.60) 60%, rgba(186,230,253,0.3) 100%),\r\n        url('https:\/\/images.unsplash.com\/photo-1507525428034-b723cf961d3e?w=1600&q=80&auto=format') center\/cover no-repeat;\r\n      display: flex; align-items: center;\r\n      padding: 120px 0 80px;\r\n      position: relative; overflow: hidden;\r\n    }\r\n    .hero-inner { display: grid; grid-template-columns: 1fr 1fr; gap: 60px; align-items: center; }\r\n    .hero-text { color: var(--white); }\r\n    .hero-label {\r\n      display: inline-block; background: rgba(255,255,255,0.18);\r\n      backdrop-filter: blur(6px); border: 1px solid rgba(255,255,255,0.28);\r\n      padding: 6px 18px; border-radius: 99px; font-size: .82rem;\r\n      font-weight: 700; letter-spacing: .12em; text-transform: uppercase;\r\n      color: white; margin-bottom: 22px;\r\n    }\r\n    .hero-text h1 { color: var(--white); margin-bottom: 20px; text-shadow: 0 2px 12px rgba(0,0,0,.18); }\r\n    .hero-text p {\r\n      font-size: 1.18rem; color: rgba(255,255,255,0.88); line-height: 1.75;\r\n      margin-bottom: 36px; max-width: 480px;\r\n    }\r\n    .hero-btns { display: flex; gap: 16px; flex-wrap: wrap; }\r\n    .hero-stats {\r\n      display: flex; gap: 32px; margin-top: 48px; flex-wrap: wrap;\r\n    }\r\n    .hero-stat { text-align: center; }\r\n    .hero-stat strong { display: block; font-size: 1.9rem; font-family: var(--font-display); color: white; }\r\n    .hero-stat span { font-size: .82rem; color: rgba(255,255,255,.75); letter-spacing: .06em; }\r\n\r\n    \/* Hero Card *\/\r\n    .hero-card {\r\n      background: rgba(255,255,255,0.95);\r\n      border-radius: 24px; padding: 36px;\r\n      box-shadow: 0 20px 60px rgba(0,0,0,0.18);\r\n    }\r\n    .hero-card h3 { color: var(--sky-dark); margin-bottom: 6px; }\r\n    .hero-card p { color: var(--slate-mid); font-size: .92rem; margin-bottom: 24px; }\r\n    .quick-search { display: flex; flex-direction: column; gap: 14px; }\r\n    .qs-field label { display: block; font-size: .8rem; font-weight: 700; color: var(--slate); margin-bottom: 6px; letter-spacing: .06em; }\r\n    .qs-field input, .qs-field select {\r\n      width: 100%; padding: 12px 16px; border: 1.5px solid var(--sky-light);\r\n      border-radius: var(--radius-sm); font-size: .95rem; color: var(--slate);\r\n      background: var(--white); outline: none; transition: border-color var(--transition);\r\n    }\r\n    .qs-field input:focus, .qs-field select:focus { border-color: var(--sky); }\r\n    .qs-toggle { display: flex; gap: 10px; }\r\n    .qs-toggle button {\r\n      flex: 1; padding: 11px; border-radius: var(--radius-sm);\r\n      border: 1.5px solid var(--sky-light); background: var(--white);\r\n      font-size: .9rem; font-weight: 600; cursor: pointer; color: var(--slate-mid);\r\n      transition: all var(--transition);\r\n    }\r\n    .qs-toggle button.active { background: var(--sky); color: white; border-color: var(--sky); }\r\n    .qs-toggle button:hover:not(.active) { border-color: var(--sky); color: var(--sky); }\r\n\r\n    @media(max-width:900px) {\r\n      .hero-inner { grid-template-columns: 1fr; }\r\n      .hero-card { max-width: 480px; }\r\n    }\r\n    @media(max-width:560px) {\r\n      #hero { padding: 100px 0 60px; }\r\n      .hero-btns { flex-direction: column; }\r\n    }\r\n\r\n    \/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\r\n       COUNTERS SECTION\r\n    \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\r\n    #counters {\r\n      background: var(--sky);\r\n      padding: 64px 0;\r\n    }\r\n    .counters-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 32px; text-align: center; }\r\n    .counter-item { color: white; }\r\n    .counter-num {\r\n      font-family: var(--font-display); font-size: 3rem; font-weight: 700;\r\n      display: block; line-height: 1;\r\n    }\r\n    .counter-label { font-size: .85rem; opacity: .85; margin-top: 8px; letter-spacing: .06em; text-transform: uppercase; }\r\n    .counter-icon { font-size: 1.8rem; margin-bottom: 8px; }\r\n    @media(max-width:640px) { .counters-grid { grid-template-columns: repeat(2, 1fr); } }\r\n\r\n    \/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\r\n       DESTINATIONS\r\n    \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\r\n    #destinations { padding: 96px 0; background: var(--off-white); }\r\n    .section-head { text-align: center; margin-bottom: 56px; }\r\n    .section-head h2 { color: var(--slate); margin-bottom: 16px; }\r\n    .section-head p { color: var(--slate-mid); font-size: 1.08rem; max-width: 560px; margin: 0 auto; line-height: 1.7; }\r\n    .dest-tabs { display: flex; justify-content: center; gap: 12px; margin-bottom: 40px; }\r\n    .dest-tab {\r\n      padding: 10px 28px; border-radius: 99px; font-weight: 700; font-size: .93rem;\r\n      border: 2px solid var(--sky-light); background: white; cursor: pointer; color: var(--slate-mid);\r\n      transition: all var(--transition);\r\n    }\r\n    .dest-tab.active, .dest-tab:hover { background: var(--sky); color: white; border-color: var(--sky); }\r\n    .dest-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 24px; }\r\n    .dest-card {\r\n      border-radius: 20px; overflow: hidden; background: white;\r\n      box-shadow: var(--shadow); transition: transform var(--transition), box-shadow var(--transition);\r\n    }\r\n    .dest-card:hover { transform: translateY(-6px); box-shadow: var(--shadow-lg); }\r\n    .dest-img { position: relative; height: 220px; overflow: hidden; }\r\n    .dest-img img { width: 100%; height: 100%; object-fit: cover; transition: transform .6s ease; }\r\n    .dest-card:hover .dest-img img { transform: scale(1.07); }\r\n    .dest-badge {\r\n      position: absolute; top: 14px; left: 14px;\r\n      background: var(--sky); color: white; padding: 4px 12px; border-radius: 99px;\r\n      font-size: .75rem; font-weight: 700; letter-spacing: .06em;\r\n    }\r\n    .dest-badge.beach { background: #f59e0b; }\r\n    .dest-info { padding: 22px; }\r\n    .dest-info h3 { color: var(--slate); margin-bottom: 6px; }\r\n    .dest-info p { color: var(--slate-mid); font-size: .9rem; line-height: 1.6; margin-bottom: 16px; }\r\n    .dest-meta { display: flex; justify-content: space-between; align-items: center; }\r\n    .dest-price { font-size: 1.3rem; font-family: var(--font-display); font-weight: 700; color: var(--sky-dark); }\r\n    .dest-price span { font-size: .8rem; font-weight: 400; color: var(--slate-light); }\r\n    .dest-rating { color: #f59e0b; font-size: .9rem; font-weight: 700; }\r\n    @media(max-width:900px) { .dest-grid { grid-template-columns: repeat(2, 1fr); } }\r\n    @media(max-width:580px) { .dest-grid { grid-template-columns: 1fr; } }\r\n\r\n    \/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\r\n       GALLERY (Recent Travelers)\r\n    \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\r\n    #gallery { padding: 80px 0; background: white; }\r\n    .gallery-grid {\r\n      display: grid;\r\n      grid-template-columns: repeat(4, 1fr);\r\n      grid-template-rows: auto auto;\r\n      gap: 16px;\r\n    }\r\n    .gallery-item {\r\n      border-radius: 16px; overflow: hidden; position: relative;\r\n      cursor: pointer; transition: transform var(--transition);\r\n    }\r\n    .gallery-item:hover { transform: scale(1.02); }\r\n    .gallery-item:nth-child(1) { grid-row: span 2; }\r\n    .gallery-item:nth-child(4) { grid-column: span 2; }\r\n    .gallery-item img { width: 100%; height: 100%; object-fit: cover; min-height: 160px; }\r\n    .gallery-overlay {\r\n      position: absolute; inset: 0; background: linear-gradient(to top, rgba(2,132,199,0.65), transparent);\r\n      opacity: 0; transition: opacity var(--transition); display: flex; align-items: flex-end; padding: 16px;\r\n    }\r\n    .gallery-item:hover .gallery-overlay { opacity: 1; }\r\n    .gallery-overlay span { color: white; font-weight: 700; font-size: .9rem; }\r\n    @media(max-width:768px) { .gallery-grid { grid-template-columns: repeat(2, 1fr); } .gallery-item:nth-child(1) { grid-row: span 1; } .gallery-item:nth-child(4) { grid-column: span 1; } }\r\n\r\n    \/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\r\n       BOOKING SECTION\r\n    \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\r\n    #booking {\r\n      padding: 96px 0;\r\n      background: linear-gradient(135deg, var(--sky-xlight) 0%, white 60%);\r\n    }\r\n    .booking-inner { display: grid; grid-template-columns: 1fr 1.2fr; gap: 64px; align-items: start; }\r\n    .booking-left h2 { color: var(--slate); margin-bottom: 16px; }\r\n    .booking-left p { color: var(--slate-mid); line-height: 1.75; margin-bottom: 32px; }\r\n    .booking-features { display: flex; flex-direction: column; gap: 18px; }\r\n    .bf-item { display: flex; gap: 14px; align-items: flex-start; }\r\n    .bf-icon {\r\n      width: 42px; height: 42px; background: var(--sky-xlight); border-radius: 12px;\r\n      display: flex; align-items: center; justify-content: center; font-size: 1.2rem; flex-shrink: 0;\r\n    }\r\n    .bf-item h4 { color: var(--slate); margin-bottom: 3px; }\r\n    .bf-item p { color: var(--slate-mid); font-size: .88rem; }\r\n\r\n    \/* Booking Form *\/\r\n    .booking-form {\r\n      background: white; border-radius: 24px; padding: 40px;\r\n      box-shadow: var(--shadow-lg);\r\n    }\r\n    .booking-form h3 { color: var(--sky-dark); margin-bottom: 24px; }\r\n    .form-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 16px; }\r\n    .form-field { display: flex; flex-direction: column; gap: 6px; }\r\n    .form-field.full { grid-column: span 2; }\r\n    .form-field label { font-size: .8rem; font-weight: 700; color: var(--slate); letter-spacing: .06em; }\r\n    .form-field input, .form-field select {\r\n      padding: 12px 16px; border: 1.5px solid #e2e8f0;\r\n      border-radius: var(--radius-sm); font-size: .95rem; color: var(--slate);\r\n      background: white; outline: none; transition: border-color var(--transition), box-shadow var(--transition);\r\n    }\r\n    .form-field input:focus, .form-field select:focus {\r\n      border-color: var(--sky); box-shadow: 0 0 0 3px rgba(14,165,233,0.12);\r\n    }\r\n    .form-field input.error, .form-field select.error { border-color: #ef4444; }\r\n    .form-field .err-msg { font-size: .78rem; color: #ef4444; display: none; }\r\n    .form-field .err-msg.show { display: block; }\r\n    .destination-toggle { display: flex; gap: 0; border-radius: var(--radius-sm); overflow: hidden; border: 1.5px solid #e2e8f0; }\r\n    .dt-btn {\r\n      flex: 1; padding: 12px; background: white; border: none;\r\n      font-size: .93rem; font-weight: 700; cursor: pointer; color: var(--slate-mid);\r\n      transition: all var(--transition); display: flex; align-items: center; justify-content: center; gap: 8px;\r\n    }\r\n    .dt-btn:first-child { border-right: 1.5px solid #e2e8f0; }\r\n    .dt-btn.active { background: var(--sky); color: white; }\r\n    .dt-btn:hover:not(.active) { background: var(--sky-xlight); color: var(--sky-dark); }\r\n    .budget-slider-wrap { padding: 8px 0; }\r\n    .budget-slider {\r\n      width: 100%; -webkit-appearance: none; height: 6px; border-radius: 3px;\r\n      background: linear-gradient(to right, var(--sky) 50%, #e2e8f0 50%);\r\n      outline: none; cursor: pointer;\r\n    }\r\n    .budget-slider::-webkit-slider-thumb {\r\n      -webkit-appearance: none; width: 22px; height: 22px;\r\n      border-radius: 50%; background: var(--sky); border: 3px solid white;\r\n      box-shadow: 0 2px 8px rgba(14,165,233,0.4); cursor: pointer;\r\n    }\r\n    .budget-display { text-align: right; font-weight: 700; color: var(--sky-dark); font-size: 1rem; margin-top: 6px; }\r\n    .form-submit { margin-top: 8px; }\r\n    .form-submit .btn { width: 100%; justify-content: center; padding: 16px; font-size: 1.05rem; }\r\n    .form-success {\r\n      display: none; background: #dcfce7; border: 1.5px solid #86efac;\r\n      border-radius: var(--radius-sm); padding: 14px 18px; color: #15803d;\r\n      font-weight: 600; text-align: center; margin-top: 14px; font-size: .93rem;\r\n    }\r\n    .form-success.show { display: block; }\r\n    @media(max-width:900px) { .booking-inner { grid-template-columns: 1fr; } }\r\n    @media(max-width:560px) { .form-grid { grid-template-columns: 1fr; } .form-field.full { grid-column: span 1; } }\r\n\r\n    \/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\r\n       PRICING\r\n    \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\r\n    #pricing { padding: 96px 0; background: var(--off-white); }\r\n    .pricing-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 28px; }\r\n    .price-card {\r\n      background: white; border-radius: 24px; padding: 40px 32px;\r\n      box-shadow: var(--shadow); position: relative; overflow: hidden;\r\n      transition: transform var(--transition), box-shadow var(--transition);\r\n      border: 2px solid transparent;\r\n    }\r\n    .price-card:hover { transform: translateY(-6px); box-shadow: var(--shadow-lg); border-color: var(--sky-light); }\r\n    .price-card.featured {\r\n      background: var(--sky); color: white;\r\n      border-color: var(--sky-dark);\r\n    }\r\n    .price-card.featured::before {\r\n      content: 'MOST POPULAR';\r\n      position: absolute; top: 20px; right: -28px; background: #f59e0b;\r\n      color: white; font-size: .7rem; font-weight: 700; padding: 4px 36px;\r\n      transform: rotate(45deg); letter-spacing: .1em;\r\n    }\r\n    .price-name { font-size: .82rem; font-weight: 700; letter-spacing: .14em; text-transform: uppercase; color: var(--sky); margin-bottom: 10px; }\r\n    .price-card.featured .price-name { color: rgba(255,255,255,0.75); }\r\n    .price-amount { font-family: var(--font-display); font-size: 3.2rem; font-weight: 700; color: var(--slate); line-height: 1; margin-bottom: 6px; }\r\n    .price-card.featured .price-amount { color: white; }\r\n    .price-period { font-size: .85rem; color: var(--slate-light); margin-bottom: 28px; }\r\n    .price-card.featured .price-period { color: rgba(255,255,255,.65); }\r\n    .price-features { display: flex; flex-direction: column; gap: 12px; margin-bottom: 32px; }\r\n    .pf-item { display: flex; gap: 10px; align-items: center; font-size: .93rem; color: var(--slate-mid); }\r\n    .price-card.featured .pf-item { color: rgba(255,255,255,.88); }\r\n    .pf-check { width: 20px; height: 20px; background: var(--sky-xlight); border-radius: 50%; display: flex; align-items: center; justify-content: center; flex-shrink: 0; font-size: .7rem; color: var(--sky); font-weight: 700; }\r\n    .price-card.featured .pf-check { background: rgba(255,255,255,0.2); color: white; }\r\n    .pf-item.muted { opacity: .45; }\r\n    .price-card .btn { width: 100%; justify-content: center; }\r\n    @media(max-width:900px) { .pricing-grid { grid-template-columns: 1fr; max-width: 420px; margin: 0 auto; } }\r\n\r\n    \/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\r\n       EXPERIENCE SECTION\r\n    \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\r\n    #experience { padding: 96px 0; background: white; }\r\n    .exp-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 80px; align-items: center; }\r\n    .exp-media { position: relative; }\r\n    .exp-main-img { border-radius: 24px; overflow: hidden; }\r\n    .exp-main-img img { width: 100%; height: 420px; object-fit: cover; }\r\n    .exp-float {\r\n      position: absolute; bottom: -24px; right: -24px;\r\n      background: white; border-radius: 20px; padding: 20px 24px;\r\n      box-shadow: var(--shadow-lg); display: flex; gap: 14px; align-items: center;\r\n    }\r\n    .exp-float-icon { font-size: 2rem; }\r\n    .exp-float strong { display: block; font-size: 1.4rem; font-family: var(--font-display); color: var(--slate); }\r\n    .exp-float span { font-size: .8rem; color: var(--slate-mid); }\r\n    .exp-tag {\r\n      position: absolute; top: 24px; left: -20px;\r\n      background: var(--sky); color: white;\r\n      border-radius: 16px; padding: 12px 18px; font-size: .85rem; font-weight: 700;\r\n      box-shadow: var(--shadow);\r\n    }\r\n    .exp-text h2 { color: var(--slate); margin-bottom: 18px; }\r\n    .exp-text p { color: var(--slate-mid); line-height: 1.8; margin-bottom: 32px; }\r\n    .exp-activities { display: grid; grid-template-columns: 1fr 1fr; gap: 16px; margin-bottom: 36px; }\r\n    .ea-item {\r\n      background: var(--off-white); border-radius: 14px; padding: 18px;\r\n      border: 1.5px solid transparent; transition: border-color var(--transition), background var(--transition);\r\n    }\r\n    .ea-item:hover { border-color: var(--sky-light); background: var(--sky-xlight); }\r\n    .ea-item .icon { font-size: 1.6rem; margin-bottom: 8px; }\r\n    .ea-item h4 { color: var(--slate); margin-bottom: 3px; }\r\n    .ea-item p { font-size: .82rem; color: var(--slate-mid); }\r\n    @media(max-width:900px) { .exp-grid { grid-template-columns: 1fr; } .exp-float { right: 0; bottom: -16px; } .exp-tag { left: 0; } }\r\n\r\n    \/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\r\n       TESTIMONIALS\r\n    \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\r\n    #testimonials { padding: 80px 0; background: var(--sky-xlight); }\r\n    .testi-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 24px; }\r\n    .testi-card {\r\n      background: white; border-radius: 20px; padding: 32px;\r\n      box-shadow: var(--shadow); position: relative;\r\n    }\r\n    .testi-card::before {\r\n      content: '\"'; font-family: var(--font-display); font-size: 5rem; color: var(--sky-light);\r\n      position: absolute; top: 10px; left: 24px; line-height: 1;\r\n    }\r\n    .testi-text { color: var(--slate-mid); line-height: 1.7; margin-bottom: 20px; font-style: italic; padding-top: 24px; }\r\n    .testi-author { display: flex; align-items: center; gap: 14px; }\r\n    .testi-avatar { width: 48px; height: 48px; border-radius: 50%; object-fit: cover; }\r\n    .testi-author strong { display: block; color: var(--slate); }\r\n    .testi-author span { font-size: .82rem; color: var(--slate-light); }\r\n    .testi-stars { color: #f59e0b; font-size: .85rem; margin-bottom: 4px; }\r\n    @media(max-width:900px) { .testi-grid { grid-template-columns: 1fr; max-width: 480px; margin: 0 auto; } }\r\n\r\n    \/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\r\n       FOOTER\r\n    \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\r\n    #footer { background: var(--slate); color: rgba(255,255,255,0.75); padding: 72px 0 32px; }\r\n    .footer-grid { display: grid; grid-template-columns: 2fr 1fr 1fr 1.5fr; gap: 48px; margin-bottom: 56px; }\r\n    .footer-brand .logo { color: white; margin-bottom: 14px; }\r\n    .footer-brand p { line-height: 1.7; font-size: .9rem; max-width: 280px; margin-bottom: 20px; }\r\n    .social-links { display: flex; gap: 10px; }\r\n    .social-link {\r\n      width: 38px; height: 38px; border-radius: 10px;\r\n      background: rgba(255,255,255,0.08); display: flex; align-items: center; justify-content: center;\r\n      font-size: 1rem; transition: background var(--transition);\r\n    }\r\n    .social-link:hover { background: var(--sky); }\r\n    .footer-col h4 { color: white; font-size: .9rem; letter-spacing: .1em; text-transform: uppercase; margin-bottom: 20px; }\r\n    .footer-col ul { display: flex; flex-direction: column; gap: 10px; }\r\n    .footer-col ul li a { font-size: .88rem; transition: color var(--transition); }\r\n    .footer-col ul li a:hover { color: var(--sky-light); }\r\n    .footer-contact p { font-size: .88rem; line-height: 1.7; margin-bottom: 10px; }\r\n    .footer-contact a { color: var(--sky-light); }\r\n    .footer-bottom {\r\n      border-top: 1px solid rgba(255,255,255,0.08); padding-top: 24px;\r\n      display: flex; justify-content: space-between; align-items: center; flex-wrap: gap;\r\n      font-size: .82rem;\r\n    }\r\n    .footer-bottom a { color: var(--sky-light); }\r\n    @media(max-width:900px) { .footer-grid { grid-template-columns: 1fr 1fr; } }\r\n    @media(max-width:560px) { .footer-grid { grid-template-columns: 1fr; } .footer-bottom { flex-direction: column; gap: 8px; text-align: center; } }\r\n\r\n    \/* \u2500\u2500 Scroll-to-top \u2500\u2500 *\/\r\n    #scrollTop {\r\n      position: fixed; bottom: 28px; right: 28px; z-index: 999;\r\n      width: 46px; height: 46px; background: var(--sky); color: white;\r\n      border: none; border-radius: 50%; cursor: pointer; font-size: 1.2rem;\r\n      box-shadow: var(--shadow-lg); display: none; align-items: center; justify-content: center;\r\n      transition: transform var(--transition);\r\n    }\r\n    #scrollTop:hover { transform: translateY(-3px); }\r\n    #scrollTop.show { display: flex; }\r\n  <\/style>\r\n<\/head>\r\n\r\n<body>\r\n\r\n<!-- \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\r\n     STICKY HEADER\r\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 -->\r\n<header id=\"header\" role=\"banner\">\r\n  <div class=\"container\">\r\n    <div class=\"header-inner\">\r\n      <!-- Logo -->\r\n      <a href=\"#hero\" class=\"logo\" aria-label=\"SkyEscape Home\">\r\n        <div class=\"logo-icon\">\r\n          <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\"><path d=\"M21 16v-2l-8-5V3.5A1.5 1.5 0 0011.5 2 1.5 1.5 0 0010 3.5V9l-8 5v2l8-2.5V19l-2 1.5V22l3.5-1 3.5 1v-1.5L13 19v-5.5l8 2.5z\"\/><\/svg>\r\n        <\/div>\r\n        SkyEscape\r\n      <\/a>\r\n\r\n      <!-- Desktop Nav -->\r\n      <nav role=\"navigation\" aria-label=\"Main navigation\">\r\n        <a href=\"#destinations\">Destinations<\/a>\r\n        <a href=\"#booking\">Book Now<\/a>\r\n        <a href=\"#pricing\">Pricing<\/a>\r\n        <a href=\"#experience\">Experiences<\/a>\r\n        <a href=\"#footer\">Contact<\/a>\r\n      <\/nav>\r\n\r\n      <!-- CTA -->\r\n      <a href=\"#booking\" class=\"btn btn-primary header-cta\" aria-label=\"Book your trip\">Book a Trip \u2708<\/a>\r\n\r\n      <!-- Hamburger -->\r\n      <button class=\"hamburger\" id=\"hamburger\" aria-label=\"Toggle menu\" aria-expanded=\"false\">\r\n        <span><\/span><span><\/span><span><\/span>\r\n      <\/button>\r\n    <\/div>\r\n\r\n    <!-- Mobile Nav -->\r\n    <nav class=\"mobile-nav\" id=\"mobileNav\" role=\"navigation\" aria-label=\"Mobile navigation\">\r\n      <a href=\"#destinations\">Destinations<\/a>\r\n      <a href=\"#booking\">Book Now<\/a>\r\n      <a href=\"#pricing\">Pricing<\/a>\r\n      <a href=\"#experience\">Experiences<\/a>\r\n      <a href=\"#footer\">Contact<\/a>\r\n    <\/nav>\r\n  <\/div>\r\n<\/header>\r\n\r\n\r\n<!-- \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\r\n     HERO SECTION\r\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 -->\r\n<section id=\"hero\" aria-label=\"Hero - Book your dream vacation\">\r\n  <div class=\"container\">\r\n    <div class=\"hero-inner\">\r\n\r\n      <!-- Left text -->\r\n      <div class=\"hero-text fade-up\">\r\n        <div class=\"hero-label\">\ud83c\udf0d Trusted by 50,000+ Travellers<\/div>\r\n        <h1>Escape to Your Perfect Paradise<\/h1>\r\n        <p>Mountains or beaches \u2014 we craft luxury vacations tailored to your dreams. Discover over 120 destinations worldwide with curated packages that fit every budget.<\/p>\r\n        <div class=\"hero-btns\">\r\n          <a href=\"#booking\" class=\"btn btn-white\">Plan My Trip \ud83d\uddfa<\/a>\r\n          <a href=\"#destinations\" class=\"btn btn-outline\" style=\"color:white;border-color:rgba(255,255,255,0.6);\">Explore Destinations<\/a>\r\n        <\/div>\r\n        <div class=\"hero-stats\">\r\n          <div class=\"hero-stat\">\r\n            <strong>50K+<\/strong>\r\n            <span>Happy Travellers<\/span>\r\n          <\/div>\r\n          <div class=\"hero-stat\">\r\n            <strong>120+<\/strong>\r\n            <span>Destinations<\/span>\r\n          <\/div>\r\n          <div class=\"hero-stat\">\r\n            <strong>4.9\u2605<\/strong>\r\n            <span>Average Rating<\/span>\r\n          <\/div>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <!-- Quick Booking Card -->\r\n      <div class=\"hero-card fade-up\" style=\"transition-delay:.2s\">\r\n        <h3>\ud83d\udd0d Quick Search<\/h3>\r\n        <p>Find your perfect getaway in seconds<\/p>\r\n        <div class=\"quick-search\">\r\n          <div class=\"qs-field\">\r\n            <label for=\"qs-dest\">Where do you want to go?<\/label>\r\n            <input type=\"text\" id=\"qs-dest\" placeholder=\"e.g. Maldives, Swiss Alps\u2026\" \/>\r\n          <\/div>\r\n          <div class=\"qs-field\">\r\n            <label>Trip Type<\/label>\r\n            <div class=\"qs-toggle\">\r\n              <button class=\"active\" onclick=\"setQsType(this,'mountain')\" aria-pressed=\"true\">\ud83c\udfd4 Mountains<\/button>\r\n              <button onclick=\"setQsType(this,'beach')\" aria-pressed=\"false\">\ud83c\udfd6 Beaches<\/button>\r\n            <\/div>\r\n          <\/div>\r\n          <div class=\"qs-field\">\r\n            <label for=\"qs-date\">Travel Date<\/label>\r\n            <input type=\"date\" id=\"qs-date\" \/>\r\n          <\/div>\r\n          <div class=\"qs-field\">\r\n            <label for=\"qs-guests\">Guests<\/label>\r\n            <select id=\"qs-guests\">\r\n              <option>1 Person<\/option>\r\n              <option selected>2 People<\/option>\r\n              <option>3-5 People<\/option>\r\n              <option>6+ People<\/option>\r\n            <\/select>\r\n          <\/div>\r\n          <button class=\"btn btn-primary\" style=\"width:100%;justify-content:center\" onclick=\"quickSearch()\">\r\n            Search Packages \u2192\r\n          <\/button>\r\n        <\/div>\r\n      <\/div>\r\n\r\n    <\/div>\r\n  <\/div>\r\n<\/section>\r\n\r\n\r\n<!-- \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\r\n     ANIMATED COUNTERS\r\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 -->\r\n<section id=\"counters\" aria-label=\"Our achievements\">\r\n  <div class=\"container\">\r\n    <div class=\"counters-grid\">\r\n      <div class=\"counter-item fade-up\">\r\n        <div class=\"counter-icon\">\ud83d\ude0a<\/div>\r\n        <span class=\"counter-num\" data-target=\"50000\" data-suffix=\"+\">0<\/span>\r\n        <div class=\"counter-label\">Happy Travellers<\/div>\r\n      <\/div>\r\n      <div class=\"counter-item fade-up\" style=\"transition-delay:.1s\">\r\n        <div class=\"counter-icon\">\ud83c\udf0d<\/div>\r\n        <span class=\"counter-num\" data-target=\"120\" data-suffix=\"+\">0<\/span>\r\n        <div class=\"counter-label\">Destinations<\/div>\r\n      <\/div>\r\n      <div class=\"counter-item fade-up\" style=\"transition-delay:.2s\">\r\n        <div class=\"counter-icon\">\ud83c\udfc6<\/div>\r\n        <span class=\"counter-num\" data-target=\"15\" data-suffix=\" Years\">0<\/span>\r\n        <div class=\"counter-label\">Years of Excellence<\/div>\r\n      <\/div>\r\n      <div class=\"counter-item fade-up\" style=\"transition-delay:.3s\">\r\n        <div class=\"counter-icon\">\u2b50<\/div>\r\n        <span class=\"counter-num\" data-target=\"4.9\" data-suffix=\" \/ 5\">0<\/span>\r\n        <div class=\"counter-label\">Average Rating<\/div>\r\n      <\/div>\r\n    <\/div>\r\n  <\/div>\r\n<\/section>\r\n\r\n\r\n<!-- \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\r\n     DESTINATIONS\r\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 -->\r\n<section id=\"destinations\" aria-label=\"Popular destinations\">\r\n  <div class=\"container\">\r\n    <div class=\"section-head fade-up\">\r\n      <div class=\"section-label\">\ud83c\udf10 Destinations<\/div>\r\n      <h2>Explore Our Handpicked Getaways<\/h2>\r\n      <p>From snow-capped peaks to turquoise lagoons \u2014 discover our most-loved destinations around the world.<\/p>\r\n    <\/div>\r\n\r\n    <div class=\"dest-tabs\" role=\"tablist\">\r\n      <button class=\"dest-tab active\" role=\"tab\" aria-selected=\"true\" onclick=\"filterDest('all',this)\">All<\/button>\r\n      <button class=\"dest-tab\" role=\"tab\" aria-selected=\"false\" onclick=\"filterDest('mountain',this)\">\ud83c\udfd4 Mountains<\/button>\r\n      <button class=\"dest-tab\" role=\"tab\" aria-selected=\"false\" onclick=\"filterDest('beach',this)\">\ud83c\udfd6 Beaches<\/button>\r\n    <\/div>\r\n\r\n    <div class=\"dest-grid\" id=\"destGrid\">\r\n\r\n      <!-- Mountain 1 -->\r\n      <article class=\"dest-card fade-up\" data-type=\"mountain\">\r\n        <div class=\"dest-img\">\r\n          <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1464822759023-fed622ff2c3b?w=600&q=80&auto=format\" alt=\"Swiss Alps mountain vista with snow-covered peaks and green valleys\" loading=\"lazy\" \/>\r\n          <span class=\"dest-badge\">\ud83c\udfd4 Mountain<\/span>\r\n        <\/div>\r\n        <div class=\"dest-info\">\r\n          <h3>Swiss Alps, Switzerland<\/h3>\r\n          <p>Experience the magic of alpine meadows, charming villages, and world-class skiing in Europe's most iconic mountain range.<\/p>\r\n          <div class=\"dest-meta\">\r\n            <div class=\"dest-price\">$1,299 <span>\/ person<\/span><\/div>\r\n            <div class=\"dest-rating\">\u2605\u2605\u2605\u2605\u2605 4.9<\/div>\r\n          <\/div>\r\n        <\/div>\r\n      <\/article>\r\n\r\n      <!-- Beach 1 -->\r\n      <article class=\"dest-card fade-up\" data-type=\"beach\" style=\"transition-delay:.1s\">\r\n        <div class=\"dest-img\">\r\n          <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1506905925346-21bda4d32df4?w=600&q=80&auto=format\" alt=\"Turquoise waters and white sandy beach in the Maldives\" loading=\"lazy\" \/>\r\n          <span class=\"dest-badge beach\">\ud83c\udfd6 Beach<\/span>\r\n        <\/div>\r\n        <div class=\"dest-info\">\r\n          <h3>Maldives Islands<\/h3>\r\n          <p>Unwind in overwater bungalows above crystal-clear lagoons. Pure serenity, stunning coral reefs, and absolute luxury.<\/p>\r\n          <div class=\"dest-meta\">\r\n            <div class=\"dest-price\">$2,499 <span>\/ person<\/span><\/div>\r\n            <div class=\"dest-rating\">\u2605\u2605\u2605\u2605\u2605 5.0<\/div>\r\n          <\/div>\r\n        <\/div>\r\n      <\/article>\r\n\r\n      <!-- Mountain 2 -->\r\n      <article class=\"dest-card fade-up\" data-type=\"mountain\" style=\"transition-delay:.2s\">\r\n        <div class=\"dest-img\">\r\n          <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1501854140801-50d01698950b?w=600&q=80&auto=format\" alt=\"Majestic Himalayan mountains with dramatic peaks at sunrise\" loading=\"lazy\" \/>\r\n          <span class=\"dest-badge\">\ud83c\udfd4 Mountain<\/span>\r\n        <\/div>\r\n        <div class=\"dest-info\">\r\n          <h3>Himalayas, Nepal<\/h3>\r\n          <p>Trek through ancient trails, Buddhist monasteries and breathtaking passes to witness the rooftop of the world.<\/p>\r\n          <div class=\"dest-meta\">\r\n            <div class=\"dest-price\">$999 <span>\/ person<\/span><\/div>\r\n            <div class=\"dest-rating\">\u2605\u2605\u2605\u2605\u2606 4.8<\/div>\r\n          <\/div>\r\n        <\/div>\r\n      <\/article>\r\n\r\n      <!-- Beach 2 -->\r\n      <article class=\"dest-card fade-up\" data-type=\"beach\">\r\n        <div class=\"dest-img\">\r\n          <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1537956965359-7573183d1f57?w=600&q=80&auto=format\" alt=\"Stunning tropical beach in Bali Indonesia with lush greenery and clear water\" loading=\"lazy\" \/>\r\n          <span class=\"dest-badge beach\">\ud83c\udfd6 Beach<\/span>\r\n        <\/div>\r\n        <div class=\"dest-info\">\r\n          <h3>Bali, Indonesia<\/h3>\r\n          <p>Discover the perfect blend of temples, terraced rice fields, vibrant nightlife and the most beautiful sunsets.<\/p>\r\n          <div class=\"dest-meta\">\r\n            <div class=\"dest-price\">$899 <span>\/ person<\/span><\/div>\r\n            <div class=\"dest-rating\">\u2605\u2605\u2605\u2605\u2605 4.9<\/div>\r\n          <\/div>\r\n        <\/div>\r\n      <\/article>\r\n\r\n      <!-- Mountain 3 -->\r\n      <article class=\"dest-card fade-up\" data-type=\"mountain\" style=\"transition-delay:.1s\">\r\n        <div class=\"dest-img\">\r\n          <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1472214103451-9374bd1c798e?w=600&q=80&auto=format\" alt=\"Rocky Mountain National Park with pine forest and alpine lake reflection\" loading=\"lazy\" \/>\r\n          <span class=\"dest-badge\">\ud83c\udfd4 Mountain<\/span>\r\n        <\/div>\r\n        <div class=\"dest-info\">\r\n          <h3>Rocky Mountains, USA<\/h3>\r\n          <p>From ghost towns to wildlife safaris and dramatic canyons \u2014 America's wildest mountain playground awaits.<\/p>\r\n          <div class=\"dest-meta\">\r\n            <div class=\"dest-price\">$1,099 <span>\/ person<\/span><\/div>\r\n            <div class=\"dest-rating\">\u2605\u2605\u2605\u2605\u2606 4.7<\/div>\r\n          <\/div>\r\n        <\/div>\r\n      <\/article>\r\n\r\n      <!-- Beach 3 -->\r\n      <article class=\"dest-card fade-up\" data-type=\"beach\" style=\"transition-delay:.2s\">\r\n        <div class=\"dest-img\">\r\n          <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1468413253675-9f69438d10d4?w=600&q=80&auto=format\" alt=\"Santorini Greece white architecture and blue domes overlooking the Aegean Sea\" loading=\"lazy\" \/>\r\n          <span class=\"dest-badge beach\">\ud83c\udfd6 Beach<\/span>\r\n        <\/div>\r\n        <div class=\"dest-info\">\r\n          <h3>Santorini, Greece<\/h3>\r\n          <p>Whitewashed cliffs, iconic blue domes and legendary sunsets over the caldera \u2014 the ultimate romantic escape.<\/p>\r\n          <div class=\"dest-meta\">\r\n            <div class=\"dest-price\">$1,799 <span>\/ person<\/span><\/div>\r\n            <div class=\"dest-rating\">\u2605\u2605\u2605\u2605\u2605 4.9<\/div>\r\n          <\/div>\r\n        <\/div>\r\n      <\/article>\r\n\r\n    <\/div>\r\n  <\/div>\r\n<\/section>\r\n\r\n\r\n<!-- \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\r\n     RECENT TRAVELERS GALLERY\r\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 -->\r\n<section id=\"gallery\" aria-label=\"Recent traveler photos\">\r\n  <div class=\"container\">\r\n    <div class=\"section-head fade-up\">\r\n      <div class=\"section-label\">\ud83d\udcf8 Traveller Stories<\/div>\r\n      <h2>Real Trips, Real Memories<\/h2>\r\n      <p>Thousands of adventurers have already created their perfect escape. Here's a glimpse of their journeys.<\/p>\r\n    <\/div>\r\n    <div class=\"gallery-grid fade-up\">\r\n      <div class=\"gallery-item\">\r\n        <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1476514525535-07fb3b4ae5f1?w=600&q=80&auto=format\" alt=\"Happy couple hiking on mountain trail surrounded by autumn foliage\" loading=\"lazy\" \/>\r\n        <div class=\"gallery-overlay\"><span>Mountain Trek \u2014 Nepal<\/span><\/div>\r\n      <\/div>\r\n      <div class=\"gallery-item\">\r\n        <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1530521954074-e64f6810b32d?w=600&q=80&auto=format\" alt=\"Friends enjoying sunset on tropical beach in Thailand\" loading=\"lazy\" \/>\r\n        <div class=\"gallery-overlay\"><span>Sunset \u2014 Thailand<\/span><\/div>\r\n      <\/div>\r\n      <div class=\"gallery-item\">\r\n        <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1523906834658-6e24ef2386f9?w=600&q=80&auto=format\" alt=\"Solo traveler with backpack exploring scenic mountain landscape\" loading=\"lazy\" \/>\r\n        <div class=\"gallery-overlay\"><span>Solo Adventure \u2014 Alps<\/span><\/div>\r\n      <\/div>\r\n      <div class=\"gallery-item\">\r\n        <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1571896349842-33c89424de2d?w=600&q=80&auto=format\" alt=\"Luxury overwater bungalow in the Maldives at golden hour\" loading=\"lazy\" \/>\r\n        <div class=\"gallery-overlay\"><span>Honeymoon \u2014 Maldives<\/span><\/div>\r\n      <\/div>\r\n      <div class=\"gallery-item\">\r\n        <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1502920917128-1aa500764cbd?w=600&q=80&auto=format\" alt=\"Family on beach vacation building sandcastles at sunset\" loading=\"lazy\" \/>\r\n        <div class=\"gallery-overlay\"><span>Family Trip \u2014 Bali<\/span><\/div>\r\n      <\/div>\r\n    <\/div>\r\n  <\/div>\r\n<\/section>\r\n\r\n\r\n<!-- \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\r\n     BOOKING SECTION\r\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 -->\r\n<section id=\"booking\" aria-label=\"Book your vacation\">\r\n  <div class=\"container\">\r\n    <div class=\"booking-inner\">\r\n\r\n      <!-- Left info -->\r\n      <div class=\"booking-left fade-up\">\r\n        <div class=\"section-label\">\ud83d\udcc5 Book Your Trip<\/div>\r\n        <h2>Ready to Start Your Adventure?<\/h2>\r\n        <p>Fill out the booking form and our travel specialists will craft a personalized itinerary just for you \u2014 within 24 hours.<\/p>\r\n        <div class=\"booking-features\">\r\n          <div class=\"bf-item\">\r\n            <div class=\"bf-icon\">\u2705<\/div>\r\n            <div>\r\n              <h4>Free Consultation<\/h4>\r\n              <p>Speak with our travel experts at no cost before booking.<\/p>\r\n            <\/div>\r\n          <\/div>\r\n          <div class=\"bf-item\">\r\n            <div class=\"bf-icon\">\ud83d\udd12<\/div>\r\n            <div>\r\n              <h4>Secure Payments<\/h4>\r\n              <p>All transactions are SSL encrypted and fully protected.<\/p>\r\n            <\/div>\r\n          <\/div>\r\n          <div class=\"bf-item\">\r\n            <div class=\"bf-icon\">\u21a9\ufe0f<\/div>\r\n            <div>\r\n              <h4>Flexible Cancellation<\/h4>\r\n              <p>Plans change \u2014 cancel up to 7 days before for a full refund.<\/p>\r\n            <\/div>\r\n          <\/div>\r\n          <div class=\"bf-item\">\r\n            <div class=\"bf-icon\">\ud83c\udf1f<\/div>\r\n            <div>\r\n              <h4>Best Price Guarantee<\/h4>\r\n              <p>We'll match any lower price you find elsewhere, guaranteed.<\/p>\r\n            <\/div>\r\n          <\/div>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <!-- Booking Form -->\r\n      <div class=\"booking-form fade-up\" style=\"transition-delay:.2s\">\r\n        <h3>Plan Your Perfect Trip<\/h3>\r\n        <form id=\"bookingForm\" novalidate onsubmit=\"submitBooking(event)\">\r\n          <div class=\"form-grid\">\r\n\r\n            <div class=\"form-field\">\r\n              <label for=\"bf-name\">Full Name *<\/label>\r\n              <input type=\"text\" id=\"bf-name\" placeholder=\"Your full name\" \/>\r\n              <span class=\"err-msg\" id=\"err-name\">Please enter your full name.<\/span>\r\n            <\/div>\r\n\r\n            <div class=\"form-field\">\r\n              <label for=\"bf-email\">Email Address *<\/label>\r\n              <input type=\"email\" id=\"bf-email\" placeholder=\"you@email.com\" \/>\r\n              <span class=\"err-msg\" id=\"err-email\">Please enter a valid email.<\/span>\r\n            <\/div>\r\n\r\n            <div class=\"form-field\">\r\n              <label for=\"bf-phone\">Phone Number<\/label>\r\n              <input type=\"tel\" id=\"bf-phone\" placeholder=\"+1 234 567 890\" \/>\r\n            <\/div>\r\n\r\n            <div class=\"form-field\">\r\n              <label for=\"bf-guests\">Number of Guests *<\/label>\r\n              <select id=\"bf-guests\">\r\n                <option value=\"\">Select guests<\/option>\r\n                <option>1 Person<\/option>\r\n                <option>2 People<\/option>\r\n                <option>3-5 People<\/option>\r\n                <option>6+ People<\/option>\r\n              <\/select>\r\n              <span class=\"err-msg\" id=\"err-guests\">Please select number of guests.<\/span>\r\n            <\/div>\r\n\r\n            <div class=\"form-field\">\r\n              <label for=\"bf-checkin\">Check-in Date *<\/label>\r\n              <input type=\"date\" id=\"bf-checkin\" \/>\r\n              <span class=\"err-msg\" id=\"err-checkin\">Please select a check-in date.<\/span>\r\n            <\/div>\r\n\r\n            <div class=\"form-field\">\r\n              <label for=\"bf-checkout\">Check-out Date *<\/label>\r\n              <input type=\"date\" id=\"bf-checkout\" \/>\r\n              <span class=\"err-msg\" id=\"err-checkout\">Please select a check-out date.<\/span>\r\n            <\/div>\r\n\r\n            <div class=\"form-field full\">\r\n              <label>Destination Type *<\/label>\r\n              <div class=\"destination-toggle\" role=\"group\" aria-label=\"Choose destination type\">\r\n                <button type=\"button\" class=\"dt-btn active\" id=\"dtMountain\" onclick=\"setDestType('mountain')\" aria-pressed=\"true\">\ud83c\udfd4 Mountain Retreat<\/button>\r\n                <button type=\"button\" class=\"dt-btn\" id=\"dtBeach\" onclick=\"setDestType('beach')\" aria-pressed=\"false\">\ud83c\udfd6 Beach Escape<\/button>\r\n              <\/div>\r\n              <input type=\"hidden\" id=\"bf-desttype\" value=\"mountain\" \/>\r\n            <\/div>\r\n\r\n            <div class=\"form-field full\">\r\n              <label for=\"bf-budget\">Your Budget: <span id=\"budgetLabel\">$1,500<\/span><\/label>\r\n              <div class=\"budget-slider-wrap\">\r\n                <input type=\"range\" class=\"budget-slider\" id=\"bf-budget\" min=\"500\" max=\"10000\" step=\"100\" value=\"1500\" oninput=\"updateBudget(this.value)\" aria-label=\"Budget slider\" \/>\r\n              <\/div>\r\n              <div class=\"budget-display\" id=\"budgetDisplay\">Budget: $1,500 per person<\/div>\r\n            <\/div>\r\n\r\n            <div class=\"form-field full\">\r\n              <label for=\"bf-notes\">Special Requests<\/label>\r\n              <input type=\"text\" id=\"bf-notes\" placeholder=\"Dietary needs, accessibility, preferences\u2026\" \/>\r\n            <\/div>\r\n\r\n          <\/div>\r\n\r\n          <div class=\"form-submit\">\r\n            <button type=\"submit\" class=\"btn btn-primary\">Book My Adventure \ud83d\ude80<\/button>\r\n          <\/div>\r\n\r\n          <div class=\"form-success\" id=\"formSuccess\" role=\"alert\">\r\n            \ud83c\udf89 Booking request sent! Our team will contact you within 24 hours.\r\n          <\/div>\r\n        <\/form>\r\n      <\/div>\r\n\r\n    <\/div>\r\n  <\/div>\r\n<\/section>\r\n\r\n\r\n<!-- \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\r\n     PRICING PLANS\r\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 -->\r\n<section id=\"pricing\" aria-label=\"Vacation pricing plans\">\r\n  <div class=\"container\">\r\n    <div class=\"section-head fade-up\">\r\n      <div class=\"section-label\">\ud83d\udcb0 Pricing Plans<\/div>\r\n      <h2>Honest Pricing, No Surprises<\/h2>\r\n      <p>All-inclusive packages starting from budget getaways to ultimate luxury \u2014 something for everyone.<\/p>\r\n    <\/div>\r\n\r\n    <div class=\"pricing-grid\">\r\n\r\n      <!-- Starter -->\r\n      <article class=\"price-card fade-up\">\r\n        <div class=\"price-name\">Starter<\/div>\r\n        <div class=\"price-amount\">$599<\/div>\r\n        <div class=\"price-period\">per person \u00b7 5 nights<\/div>\r\n        <ul class=\"price-features\" role=\"list\">\r\n          <li class=\"pf-item\"><span class=\"pf-check\">\u2713<\/span> Accommodation included<\/li>\r\n          <li class=\"pf-item\"><span class=\"pf-check\">\u2713<\/span> Airport transfers<\/li>\r\n          <li class=\"pf-item\"><span class=\"pf-check\">\u2713<\/span> Daily breakfast<\/li>\r\n          <li class=\"pf-item\"><span class=\"pf-check\">\u2713<\/span> 2 guided activities<\/li>\r\n          <li class=\"pf-item muted\"><span class=\"pf-check\">\u2717<\/span> Travel insurance<\/li>\r\n          <li class=\"pf-item muted\"><span class=\"pf-check\">\u2717<\/span> Dedicated concierge<\/li>\r\n        <\/ul>\r\n        <a href=\"#booking\" class=\"btn btn-outline\">Choose Starter<\/a>\r\n      <\/article>\r\n\r\n      <!-- Explorer \u2014 Featured -->\r\n      <article class=\"price-card featured fade-up\" style=\"transition-delay:.15s\">\r\n        <div class=\"price-name\">Explorer<\/div>\r\n        <div class=\"price-amount\">$1,299<\/div>\r\n        <div class=\"price-period\">per person \u00b7 7 nights<\/div>\r\n        <ul class=\"price-features\" role=\"list\">\r\n          <li class=\"pf-item\"><span class=\"pf-check\">\u2713<\/span> Premium accommodation<\/li>\r\n          <li class=\"pf-item\"><span class=\"pf-check\">\u2713<\/span> All meals included<\/li>\r\n          <li class=\"pf-item\"><span class=\"pf-check\">\u2713<\/span> Airport transfers<\/li>\r\n          <li class=\"pf-item\"><span class=\"pf-check\">\u2713<\/span> 5 guided activities<\/li>\r\n          <li class=\"pf-item\"><span class=\"pf-check\">\u2713<\/span> Travel insurance<\/li>\r\n          <li class=\"pf-item muted\"><span class=\"pf-check\">\u2717<\/span> Dedicated concierge<\/li>\r\n        <\/ul>\r\n        <a href=\"#booking\" class=\"btn btn-white\">Choose Explorer<\/a>\r\n      <\/article>\r\n\r\n      <!-- Luxury -->\r\n      <article class=\"price-card fade-up\" style=\"transition-delay:.3s\">\r\n        <div class=\"price-name\">Luxury<\/div>\r\n        <div class=\"price-amount\">$2,999<\/div>\r\n        <div class=\"price-period\">per person \u00b7 10 nights<\/div>\r\n        <ul class=\"price-features\" role=\"list\">\r\n          <li class=\"pf-item\"><span class=\"pf-check\">\u2713<\/span> 5-star accommodation<\/li>\r\n          <li class=\"pf-item\"><span class=\"pf-check\">\u2713<\/span> All meals + bar included<\/li>\r\n          <li class=\"pf-item\"><span class=\"pf-check\">\u2713<\/span> Private transfers<\/li>\r\n          <li class=\"pf-item\"><span class=\"pf-check\">\u2713<\/span> Unlimited activities<\/li>\r\n          <li class=\"pf-item\"><span class=\"pf-check\">\u2713<\/span> Premium travel insurance<\/li>\r\n          <li class=\"pf-item\"><span class=\"pf-check\">\u2713<\/span> Dedicated concierge 24\/7<\/li>\r\n        <\/ul>\r\n        <a href=\"#booking\" class=\"btn btn-primary\">Choose Luxury<\/a>\r\n      <\/article>\r\n\r\n    <\/div>\r\n  <\/div>\r\n<\/section>\r\n\r\n\r\n<!-- \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\r\n     EXPERIENCE SECTION\r\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 -->\r\n<section id=\"experience\" aria-label=\"What you will experience\">\r\n  <div class=\"container\">\r\n    <div class=\"exp-grid\">\r\n\r\n      <!-- Media -->\r\n      <div class=\"exp-media fade-up\">\r\n        <div class=\"exp-main-img\">\r\n          <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1544551763-46a013bb70d5?w=700&q=80&auto=format\" alt=\"Group of happy travellers kayaking in turquoise waters surrounded by scenic cliffs\" loading=\"lazy\" \/>\r\n        <\/div>\r\n        <div class=\"exp-tag\">\u2b50 Premium Activities<\/div>\r\n        <div class=\"exp-float\">\r\n          <div class=\"exp-float-icon\">\ud83c\udf92<\/div>\r\n          <div>\r\n            <strong>4,800+<\/strong>\r\n            <span>Guided tours completed<\/span>\r\n          <\/div>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <!-- Text -->\r\n      <div class=\"exp-text fade-up\" style=\"transition-delay:.2s\">\r\n        <div class=\"section-label\">\u2728 Experiences<\/div>\r\n        <h2>More Than a Trip \u2014 It's a Lifestyle<\/h2>\r\n        <p>We believe travel should transform you. Whether scaling peaks at dawn or diving into coral gardens, every SkyEscape journey is designed to push boundaries and create stories you'll tell for decades.<\/p>\r\n\r\n        <div class=\"exp-activities\" role=\"list\">\r\n          <div class=\"ea-item\" role=\"listitem\">\r\n            <div class=\"icon\">\ud83e\uddd7<\/div>\r\n            <h4>Rock Climbing<\/h4>\r\n            <p>Expert-led climbing on world-class routes<\/p>\r\n          <\/div>\r\n          <div class=\"ea-item\" role=\"listitem\">\r\n            <div class=\"icon\">\ud83e\udd3f<\/div>\r\n            <h4>Scuba Diving<\/h4>\r\n            <p>Discover thriving coral reefs & marine life<\/p>\r\n          <\/div>\r\n          <div class=\"ea-item\" role=\"listitem\">\r\n            <div class=\"icon\">\ud83e\udd7e<\/div>\r\n            <h4>Guided Trekking<\/h4>\r\n            <p>Epic mountain trails with local guides<\/p>\r\n          <\/div>\r\n          <div class=\"ea-item\" role=\"listitem\">\r\n            <div class=\"icon\">\ud83c\udf7d\ufe0f<\/div>\r\n            <h4>Culinary Tours<\/h4>\r\n            <p>Authentic food & culture immersion<\/p>\r\n          <\/div>\r\n        <\/div>\r\n\r\n        <a href=\"#booking\" class=\"btn btn-primary\">Start Your Journey \u2192<\/a>\r\n      <\/div>\r\n\r\n    <\/div>\r\n  <\/div>\r\n<\/section>\r\n\r\n\r\n<!-- \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\r\n     TESTIMONIALS\r\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 -->\r\n<section id=\"testimonials\" aria-label=\"Customer testimonials\">\r\n  <div class=\"container\">\r\n    <div class=\"section-head fade-up\">\r\n      <div class=\"section-label\">\ud83d\udcac Testimonials<\/div>\r\n      <h2>What Our Travellers Say<\/h2>\r\n      <p>Real reviews from real adventures. Over 50,000 happy customers can't be wrong.<\/p>\r\n    <\/div>\r\n    <div class=\"testi-grid\">\r\n\r\n      <div class=\"testi-card fade-up\">\r\n        <p class=\"testi-text\">SkyEscape completely transformed how I travel. The Swiss Alps package exceeded every single expectation \u2014 the accommodation, the guides, and the sheer magic of the experience was unreal.<\/p>\r\n        <div class=\"testi-stars\">\u2605\u2605\u2605\u2605\u2605<\/div>\r\n        <div class=\"testi-author\">\r\n          <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1494790108755-2616b612b5e5?w=100&q=80&auto=format\" alt=\"Portrait of Sarah Johnson, satisfied traveler\" class=\"testi-avatar\" loading=\"lazy\" \/>\r\n          <div>\r\n            <strong>Sarah Johnson<\/strong>\r\n            <span>Swiss Alps, 2024<\/span>\r\n          <\/div>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <div class=\"testi-card fade-up\" style=\"transition-delay:.15s\">\r\n        <p class=\"testi-text\">Booked the Maldives honeymoon package and it was hands-down the best trip of our lives. Every detail was handled perfectly. We're already planning our next adventure with SkyEscape!<\/p>\r\n        <div class=\"testi-stars\">\u2605\u2605\u2605\u2605\u2605<\/div>\r\n        <div class=\"testi-author\">\r\n          <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1500648767791-00dcc994a43e?w=100&q=80&auto=format\" alt=\"Portrait of Marcus and Priya, honeymooning couple\" class=\"testi-avatar\" loading=\"lazy\" \/>\r\n          <div>\r\n            <strong>Marcus & Priya<\/strong>\r\n            <span>Maldives Honeymoon, 2024<\/span>\r\n          <\/div>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <div class=\"testi-card fade-up\" style=\"transition-delay:.3s\">\r\n        <p class=\"testi-text\">As a solo traveller, I was nervous about booking alone. The team made everything so easy and safe. The Bali trip was a spiritual and physical reset I desperately needed. Simply perfect.<\/p>\r\n        <div class=\"testi-stars\">\u2605\u2605\u2605\u2605\u2605<\/div>\r\n        <div class=\"testi-author\">\r\n          <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1580489944761-15a19d654956?w=100&q=80&auto=format\" alt=\"Portrait of Amelia Torres, solo traveler\" class=\"testi-avatar\" loading=\"lazy\" \/>\r\n          <div>\r\n            <strong>Amelia Torres<\/strong>\r\n            <span>Solo Bali, 2024<\/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\r\n<!-- \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\r\n     FOOTER\r\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 -->\r\n<footer id=\"footer\" role=\"contentinfo\">\r\n  <div class=\"container\">\r\n    <div class=\"footer-grid\">\r\n\r\n      <!-- Brand -->\r\n      <div class=\"footer-brand\">\r\n        <a href=\"#hero\" class=\"logo\" aria-label=\"SkyEscape Home\">\r\n          <div class=\"logo-icon\" style=\"background:rgba(255,255,255,0.12)\">\r\n            <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\"><path d=\"M21 16v-2l-8-5V3.5A1.5 1.5 0 0011.5 2 1.5 1.5 0 0010 3.5V9l-8 5v2l8-2.5V19l-2 1.5V22l3.5-1 3.5 1v-1.5L13 19v-5.5l8 2.5z\"\/><\/svg>\r\n          <\/div>\r\n          SkyEscape\r\n        <\/a>\r\n        <p>Crafting unforgettable journeys since 2009. Your dream vacation is just one click away \u2014 we handle every detail so you can focus on creating memories.<\/p>\r\n        <div class=\"social-links\" aria-label=\"Social media links\">\r\n          <a href=\"#\" class=\"social-link\" aria-label=\"Facebook\">\ud835\udd57<\/a>\r\n          <a href=\"#\" class=\"social-link\" aria-label=\"Instagram\">\ud83d\udcf7<\/a>\r\n          <a href=\"#\" class=\"social-link\" aria-label=\"Twitter\">\ud835\udd4f<\/a>\r\n          <a href=\"#\" class=\"social-link\" aria-label=\"YouTube\">\u25b6<\/a>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <!-- Quick Links -->\r\n      <div class=\"footer-col\">\r\n        <h4>Quick Links<\/h4>\r\n        <ul role=\"list\">\r\n          <li><a href=\"#destinations\">Destinations<\/a><\/li>\r\n          <li><a href=\"#booking\">Book a Trip<\/a><\/li>\r\n          <li><a href=\"#pricing\">Pricing<\/a><\/li>\r\n          <li><a href=\"#experience\">Experiences<\/a><\/li>\r\n          <li><a href=\"#testimonials\">Reviews<\/a><\/li>\r\n        <\/ul>\r\n      <\/div>\r\n\r\n      <!-- Destinations -->\r\n      <div class=\"footer-col\">\r\n        <h4>Popular Spots<\/h4>\r\n        <ul role=\"list\">\r\n          <li><a href=\"#booking\">Swiss Alps<\/a><\/li>\r\n          <li><a href=\"#booking\">Maldives<\/a><\/li>\r\n          <li><a href=\"#booking\">Bali, Indonesia<\/a><\/li>\r\n          <li><a href=\"#booking\">Santorini, Greece<\/a><\/li>\r\n          <li><a href=\"#booking\">Himalayan Treks<\/a><\/li>\r\n        <\/ul>\r\n      <\/div>\r\n\r\n      <!-- Contact -->\r\n      <div class=\"footer-col footer-contact\">\r\n        <h4>Get in Touch<\/h4>\r\n        <p>\ud83d\udccd 42 Travel Plaza, Suite 100<br>New York, NY 10001, USA<\/p>\r\n        <p>\ud83d\udcde <a href=\"tel:+18005552345\">+1 (800) 555-2345<\/a><\/p>\r\n        <p>\u2709\ufe0f <a href=\"mailto:hello@skyescape.com\">hello@skyescape.com<\/a><\/p>\r\n        <p>\ud83d\udd50 Mon\u2013Fri: 9am \u2013 7pm EST<\/p>\r\n      <\/div>\r\n\r\n    <\/div>\r\n\r\n    <div class=\"footer-bottom\">\r\n      <span>\u00a9 2024 SkyEscape Travel. All rights reserved.<\/span>\r\n      <span>\r\n        <a href=\"#\">Privacy Policy<\/a> &nbsp;\u00b7&nbsp;\r\n        <a href=\"#\">Terms of Service<\/a> &nbsp;\u00b7&nbsp;\r\n        <a href=\"#\">Cookie Policy<\/a>\r\n      <\/span>\r\n    <\/div>\r\n  <\/div>\r\n<\/footer>\r\n\r\n\r\n<!-- Scroll to Top Button -->\r\n<button id=\"scrollTop\" onclick=\"window.scrollTo({top:0,behavior:'smooth'})\" aria-label=\"Scroll to top\">\u2191<\/button>\r\n\r\n\r\n<!-- \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\r\n     INLINE JAVASCRIPT\r\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 -->\r\n<script>\r\n  \/\/ \u2500\u2500 Header scroll effect\r\n  var header = document.getElementById('header');\r\n  var scrollBtn = document.getElementById('scrollTop');\r\n  window.addEventListener('scroll', function() {\r\n    var s = window.scrollY;\r\n    header.classList.toggle('scrolled', s > 20);\r\n    scrollBtn.classList.toggle('show', s > 400);\r\n  });\r\n\r\n  \/\/ \u2500\u2500 Hamburger menu\r\n  var ham = document.getElementById('hamburger');\r\n  var mNav = document.getElementById('mobileNav');\r\n  ham.addEventListener('click', function() {\r\n    var open = mNav.classList.toggle('open');\r\n    ham.setAttribute('aria-expanded', open);\r\n  });\r\n  mNav.querySelectorAll('a').forEach(function(a) {\r\n    a.addEventListener('click', function() { mNav.classList.remove('open'); ham.setAttribute('aria-expanded','false'); });\r\n  });\r\n\r\n  \/\/ \u2500\u2500 Scroll fade-in animations\r\n  var fadeEls = document.querySelectorAll('.fade-up');\r\n  var obs = new IntersectionObserver(function(entries) {\r\n    entries.forEach(function(e) {\r\n      if (e.isIntersecting) { e.target.classList.add('visible'); obs.unobserve(e.target); }\r\n    });\r\n  }, { threshold: 0.12 });\r\n  fadeEls.forEach(function(el) { obs.observe(el); });\r\n\r\n  \/\/ \u2500\u2500 Counter animation\r\n  function animateCounter(el) {\r\n    var target = parseFloat(el.dataset.target);\r\n    var suffix = el.dataset.suffix || '';\r\n    var isFloat = target % 1 !== 0;\r\n    var start = 0, duration = 2000, startTime = null;\r\n    function step(ts) {\r\n      if (!startTime) startTime = ts;\r\n      var prog = Math.min((ts - startTime) \/ duration, 1);\r\n      var ease = 1 - Math.pow(1 - prog, 3);\r\n      var val = isFloat ? (start + (target - start) * ease).toFixed(1) : Math.floor(start + (target - start) * ease);\r\n      el.textContent = (val >= 1000 ? val.toString().replace(\/\\B(?=(\\d{3})+(?!\\d))\/g,',') : val) + suffix;\r\n      if (prog < 1) requestAnimationFrame(step);\r\n    }\r\n    requestAnimationFrame(step);\r\n  }\r\n  var counterObs = new IntersectionObserver(function(entries) {\r\n    entries.forEach(function(e) {\r\n      if (e.isIntersecting) { animateCounter(e.target); counterObs.unobserve(e.target); }\r\n    });\r\n  }, { threshold: 0.5 });\r\n  document.querySelectorAll('.counter-num').forEach(function(el) { counterObs.observe(el); });\r\n\r\n  \/\/ \u2500\u2500 Destination filter\r\n  function filterDest(type, btn) {\r\n    document.querySelectorAll('.dest-tab').forEach(function(b) {\r\n      b.classList.remove('active'); b.setAttribute('aria-selected','false');\r\n    });\r\n    btn.classList.add('active'); btn.setAttribute('aria-selected','true');\r\n    document.querySelectorAll('.dest-card').forEach(function(card) {\r\n      var show = type === 'all' || card.dataset.type === type;\r\n      card.style.display = show ? '' : 'none';\r\n    });\r\n  }\r\n\r\n  \/\/ \u2500\u2500 Quick search hero toggle\r\n  function setQsType(btn, type) {\r\n    btn.parentElement.querySelectorAll('button').forEach(function(b) {\r\n      b.classList.remove('active'); b.setAttribute('aria-pressed','false');\r\n    });\r\n    btn.classList.add('active'); btn.setAttribute('aria-pressed','true');\r\n  }\r\n  function quickSearch() {\r\n    var dest = document.getElementById('qs-dest').value.trim();\r\n    var date = document.getElementById('qs-date').value;\r\n    if (!dest) { document.getElementById('qs-dest').focus(); return; }\r\n    document.getElementById('booking').scrollIntoView({ behavior: 'smooth' });\r\n  }\r\n\r\n  \/\/ \u2500\u2500 Booking form: destination type toggle\r\n  function setDestType(type) {\r\n    var mtn = document.getElementById('dtMountain');\r\n    var bch = document.getElementById('dtBeach');\r\n    if (type === 'mountain') {\r\n      mtn.classList.add('active'); mtn.setAttribute('aria-pressed','true');\r\n      bch.classList.remove('active'); bch.setAttribute('aria-pressed','false');\r\n    } else {\r\n      bch.classList.add('active'); bch.setAttribute('aria-pressed','true');\r\n      mtn.classList.remove('active'); mtn.setAttribute('aria-pressed','false');\r\n    }\r\n    document.getElementById('bf-desttype').value = type;\r\n  }\r\n\r\n  \/\/ \u2500\u2500 Budget slider\r\n  function updateBudget(val) {\r\n    var num = parseInt(val);\r\n    var label = '$' + num.toLocaleString();\r\n    document.getElementById('budgetLabel').textContent = label;\r\n    document.getElementById('budgetDisplay').textContent = 'Budget: ' + label + ' per person';\r\n    var pct = ((num - 500) \/ (10000 - 500)) * 100;\r\n    document.getElementById('bf-budget').style.background =\r\n      'linear-gradient(to right, var(--sky) ' + pct + '%, #e2e8f0 ' + pct + '%)';\r\n  }\r\n\r\n  \/\/ \u2500\u2500 Form validation & submission\r\n  function submitBooking(e) {\r\n    e.preventDefault();\r\n    var valid = true;\r\n\r\n    function check(id, errId, test) {\r\n      var el = document.getElementById(id);\r\n      var err = document.getElementById(errId);\r\n      if (!test(el.value)) {\r\n        el.classList.add('error'); err.classList.add('show'); valid = false;\r\n      } else {\r\n        el.classList.remove('error'); err.classList.remove('show');\r\n      }\r\n    }\r\n\r\n    check('bf-name',  'err-name',    function(v) { return v.trim().length >= 2; });\r\n    check('bf-email', 'err-email',   function(v) { return \/^[^\\s@]+@[^\\s@]+\\.[^\\s@]+$\/.test(v); });\r\n    check('bf-guests','err-guests',  function(v) { return v !== ''; });\r\n    check('bf-checkin','err-checkin',function(v) { return v !== ''; });\r\n    check('bf-checkout','err-checkout',function(v) {\r\n      var ci = document.getElementById('bf-checkin').value;\r\n      return v !== '' && (!ci || v > ci);\r\n    });\r\n\r\n    if (!valid) return;\r\n\r\n    \/\/ Simulate submission\r\n    var btn = e.target.querySelector('[type=submit]');\r\n    btn.textContent = 'Sending\u2026'; btn.disabled = true;\r\n    setTimeout(function() {\r\n      document.getElementById('formSuccess').classList.add('show');\r\n      e.target.reset(); updateBudget(1500);\r\n      btn.textContent = 'Book My Adventure \ud83d\ude80'; btn.disabled = false;\r\n      setTimeout(function() { document.getElementById('formSuccess').classList.remove('show'); }, 6000);\r\n    }, 1200);\r\n  }\r\n\r\n  \/\/ \u2500\u2500 Set min date for date inputs to today\r\n  (function() {\r\n    var today = new Date().toISOString().split('T')[0];\r\n    ['bf-checkin','bf-checkout','qs-date'].forEach(function(id) {\r\n      var el = document.getElementById(id);\r\n      if (el) el.min = today;\r\n    });\r\n  })();\r\n<\/script>\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\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Data-Driven Digital Marketing Services We build scalable growth engines for modern brands. Choose the strategies that align with your business [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"site-sidebar-layout":"no-sidebar","site-content-layout":"","ast-site-content-layout":"normal-width-container","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"disabled","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"","ast-breadcrumbs-content":"","ast-featured-img":"disabled","footer-sml-layout":"","ast-disable-related-posts":"","theme-transparent-header-meta":"","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-237","page","type-page","status-publish","hentry"],"aioseo_notices":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v27.6 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>Services - Sn Traders<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/sntraders.us.cc\/index.php\/services\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Services - Sn Traders\" \/>\n<meta property=\"og:description\" content=\"Data-Driven Digital Marketing Services We build scalable growth engines for modern brands. Choose the strategies that align with your business [&hellip;]\" \/>\n<meta property=\"og:url\" content=\"https:\/\/sntraders.us.cc\/index.php\/services\/\" \/>\n<meta property=\"og:site_name\" content=\"Sn Traders\" \/>\n<meta property=\"article:modified_time\" content=\"2026-04-16T04:04:58+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/media.istockphoto.com\/id\/900758180\/photo\/indian-spice-mix-or-garam-masala-powder.jpg?s=1024x1024&w=is&k=20&c=v6q6UO8vwa4SbrYlAMyUFrpKBlIuP00Y1exub9x6PmI=\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data1\" content=\"11 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/sntraders.us.cc\\\/index.php\\\/services\\\/\",\"url\":\"https:\\\/\\\/sntraders.us.cc\\\/index.php\\\/services\\\/\",\"name\":\"Services - Sn Traders\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/sntraders.us.cc\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/sntraders.us.cc\\\/index.php\\\/services\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/sntraders.us.cc\\\/index.php\\\/services\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/media.istockphoto.com\\\/id\\\/900758180\\\/photo\\\/indian-spice-mix-or-garam-masala-powder.jpg?s=1024x1024&w=is&k=20&c=v6q6UO8vwa4SbrYlAMyUFrpKBlIuP00Y1exub9x6PmI=\",\"datePublished\":\"2026-04-10T03:00:21+00:00\",\"dateModified\":\"2026-04-16T04:04:58+00:00\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/sntraders.us.cc\\\/index.php\\\/services\\\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/sntraders.us.cc\\\/index.php\\\/services\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/sntraders.us.cc\\\/index.php\\\/services\\\/#primaryimage\",\"url\":\"https:\\\/\\\/media.istockphoto.com\\\/id\\\/900758180\\\/photo\\\/indian-spice-mix-or-garam-masala-powder.jpg?s=1024x1024&w=is&k=20&c=v6q6UO8vwa4SbrYlAMyUFrpKBlIuP00Y1exub9x6PmI=\",\"contentUrl\":\"https:\\\/\\\/media.istockphoto.com\\\/id\\\/900758180\\\/photo\\\/indian-spice-mix-or-garam-masala-powder.jpg?s=1024x1024&w=is&k=20&c=v6q6UO8vwa4SbrYlAMyUFrpKBlIuP00Y1exub9x6PmI=\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/sntraders.us.cc\\\/index.php\\\/services\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/sntraders.us.cc\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Services\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/sntraders.us.cc\\\/#website\",\"url\":\"https:\\\/\\\/sntraders.us.cc\\\/\",\"name\":\"Sn Traders\",\"description\":\"plumber first choice\",\"publisher\":{\"@id\":\"https:\\\/\\\/sntraders.us.cc\\\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/sntraders.us.cc\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\\\/\\\/sntraders.us.cc\\\/#organization\",\"name\":\"Sn Traders\",\"url\":\"https:\\\/\\\/sntraders.us.cc\\\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/sntraders.us.cc\\\/#\\\/schema\\\/logo\\\/image\\\/\",\"url\":\"https:\\\/\\\/sntraders.us.cc\\\/wp-content\\\/uploads\\\/2026\\\/05\\\/G572XA1_t_Product_Pictures_TF_Mob_prod_xxl_v2.jpg\",\"contentUrl\":\"https:\\\/\\\/sntraders.us.cc\\\/wp-content\\\/uploads\\\/2026\\\/05\\\/G572XA1_t_Product_Pictures_TF_Mob_prod_xxl_v2.jpg\",\"width\":1160,\"height\":1280,\"caption\":\"Sn Traders\"},\"image\":{\"@id\":\"https:\\\/\\\/sntraders.us.cc\\\/#\\\/schema\\\/logo\\\/image\\\/\"},\"sameAs\":[\"https:\\\/\\\/www.instagram.com\\\/jaguar\\\/\"]}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Services - Sn Traders","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/sntraders.us.cc\/index.php\/services\/","og_locale":"en_US","og_type":"article","og_title":"Services - Sn Traders","og_description":"Data-Driven Digital Marketing Services We build scalable growth engines for modern brands. Choose the strategies that align with your business [&hellip;]","og_url":"https:\/\/sntraders.us.cc\/index.php\/services\/","og_site_name":"Sn Traders","article_modified_time":"2026-04-16T04:04:58+00:00","og_image":[{"url":"https:\/\/media.istockphoto.com\/id\/900758180\/photo\/indian-spice-mix-or-garam-masala-powder.jpg?s=1024x1024&w=is&k=20&c=v6q6UO8vwa4SbrYlAMyUFrpKBlIuP00Y1exub9x6PmI=","type":"","width":"","height":""}],"twitter_card":"summary_large_image","twitter_misc":{"Est. reading time":"11 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/sntraders.us.cc\/index.php\/services\/","url":"https:\/\/sntraders.us.cc\/index.php\/services\/","name":"Services - Sn Traders","isPartOf":{"@id":"https:\/\/sntraders.us.cc\/#website"},"primaryImageOfPage":{"@id":"https:\/\/sntraders.us.cc\/index.php\/services\/#primaryimage"},"image":{"@id":"https:\/\/sntraders.us.cc\/index.php\/services\/#primaryimage"},"thumbnailUrl":"https:\/\/media.istockphoto.com\/id\/900758180\/photo\/indian-spice-mix-or-garam-masala-powder.jpg?s=1024x1024&w=is&k=20&c=v6q6UO8vwa4SbrYlAMyUFrpKBlIuP00Y1exub9x6PmI=","datePublished":"2026-04-10T03:00:21+00:00","dateModified":"2026-04-16T04:04:58+00:00","breadcrumb":{"@id":"https:\/\/sntraders.us.cc\/index.php\/services\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/sntraders.us.cc\/index.php\/services\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/sntraders.us.cc\/index.php\/services\/#primaryimage","url":"https:\/\/media.istockphoto.com\/id\/900758180\/photo\/indian-spice-mix-or-garam-masala-powder.jpg?s=1024x1024&w=is&k=20&c=v6q6UO8vwa4SbrYlAMyUFrpKBlIuP00Y1exub9x6PmI=","contentUrl":"https:\/\/media.istockphoto.com\/id\/900758180\/photo\/indian-spice-mix-or-garam-masala-powder.jpg?s=1024x1024&w=is&k=20&c=v6q6UO8vwa4SbrYlAMyUFrpKBlIuP00Y1exub9x6PmI="},{"@type":"BreadcrumbList","@id":"https:\/\/sntraders.us.cc\/index.php\/services\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/sntraders.us.cc\/"},{"@type":"ListItem","position":2,"name":"Services"}]},{"@type":"WebSite","@id":"https:\/\/sntraders.us.cc\/#website","url":"https:\/\/sntraders.us.cc\/","name":"Sn Traders","description":"plumber first choice","publisher":{"@id":"https:\/\/sntraders.us.cc\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/sntraders.us.cc\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/sntraders.us.cc\/#organization","name":"Sn Traders","url":"https:\/\/sntraders.us.cc\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/sntraders.us.cc\/#\/schema\/logo\/image\/","url":"https:\/\/sntraders.us.cc\/wp-content\/uploads\/2026\/05\/G572XA1_t_Product_Pictures_TF_Mob_prod_xxl_v2.jpg","contentUrl":"https:\/\/sntraders.us.cc\/wp-content\/uploads\/2026\/05\/G572XA1_t_Product_Pictures_TF_Mob_prod_xxl_v2.jpg","width":1160,"height":1280,"caption":"Sn Traders"},"image":{"@id":"https:\/\/sntraders.us.cc\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.instagram.com\/jaguar\/"]}]}},"_links":{"self":[{"href":"https:\/\/sntraders.us.cc\/index.php\/wp-json\/wp\/v2\/pages\/237","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/sntraders.us.cc\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/sntraders.us.cc\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/sntraders.us.cc\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/sntraders.us.cc\/index.php\/wp-json\/wp\/v2\/comments?post=237"}],"version-history":[{"count":22,"href":"https:\/\/sntraders.us.cc\/index.php\/wp-json\/wp\/v2\/pages\/237\/revisions"}],"predecessor-version":[{"id":324,"href":"https:\/\/sntraders.us.cc\/index.php\/wp-json\/wp\/v2\/pages\/237\/revisions\/324"}],"wp:attachment":[{"href":"https:\/\/sntraders.us.cc\/index.php\/wp-json\/wp\/v2\/media?parent=237"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}