{"id":8,"date":"2026-05-12T09:03:26","date_gmt":"2026-05-12T09:03:26","guid":{"rendered":"https:\/\/cms.rubik-webtel.in\/?page_id=8"},"modified":"2026-05-12T11:48:09","modified_gmt":"2026-05-12T11:48:09","slug":"home","status":"publish","type":"page","link":"https:\/\/cms.rubik-webtel.in\/home\/","title":{"rendered":"Home"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-post\" data-elementor-id=\"8\" class=\"elementor elementor-8\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-63b9542 e-flex e-con-boxed e-con e-parent\" data-id=\"63b9542\" 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-1486f76 elementor-widget elementor-widget-html\" data-id=\"1486f76\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- ============================================================\r\n     WEBTEL NEW HERO SECTION \u2014 Digital Ecosystem for Enterprise Excellence\r\n     Perfectly matches your latest screenshot\r\n     Paste inside a Custom HTML block or via Elementor HTML widget\r\n     ============================================================ -->\r\n<style>\r\n\/* \u2500\u2500 Reset scoped to this section \u2500\u2500 *\/\r\n#wb-new-hero *{box-sizing:border-box;margin:0;padding:0}\r\n#wb-new-hero a{text-decoration:none}\r\n#wb-new-hero button{font-family:inherit;cursor:pointer}\r\n\r\n\/* \u2500\u2500 Hero wrapper \u2500\u2500 *\/\r\n#wb-new-hero{\r\n  position:relative;\r\n  overflow:hidden;\r\n  padding:100px 32px 120px;\r\n  background:linear-gradient(135deg,#f8f9ff 0%,#eef1fb 100%);\r\n  min-height:680px;\r\n  display:flex;\r\n  align-items:center;\r\n}\r\n\r\n\/* \u2500\u2500 Background orbs \u2500\u2500 *\/\r\n#wb-new-hero .wb-orb-1{\r\n  position:absolute;top:-180px;left:8%;\r\n  width:580px;height:580px;\r\n  background:radial-gradient(circle,rgba(99,102,241,0.17),transparent 65%);\r\n  border-radius:50%;filter:blur(28px);pointer-events:none;z-index:0;\r\n}\r\n#wb-new-hero .wb-orb-2{\r\n  position:absolute;top:-80px;right:6%;\r\n  width:480px;height:480px;\r\n  background:radial-gradient(circle,rgba(60,197,255,0.17),transparent 65%);\r\n  border-radius:50%;filter:blur(28px);pointer-events:none;z-index:0;\r\n}\r\n\r\n\/* \u2500\u2500 Inner content \u2500\u2500 *\/\r\n#wb-new-hero .wb-inner{\r\n  position:relative;z-index:2;\r\n  max-width:1280px;margin:0 auto;width:100%;\r\n  text-align:center;\r\n}\r\n\r\n\/* \u2500\u2500 Top Pill \u2500\u2500 *\/\r\n#wb-new-hero .wb-top-pill{\r\n  display:inline-flex;align-items:center;gap:8px;\r\n  background:#fff;border-radius:9999px;\r\n  padding:10px 28px;font-size:14px;font-weight:500;color:#4338ca;\r\n  box-shadow:0 4px 20px rgba(15,17,38,.08);\r\n  margin-bottom:24px;\r\n}\r\n#wb-new-hero .wb-dot{\r\n  width:8px;height:8px;background:#6366f1;border-radius:50%;\r\n  animation:wbPulse 2s infinite;\r\n}\r\n@keyframes wbPulse{0%,100%{opacity:1}50%{opacity:.4}}\r\n\r\n\/* \u2500\u2500 Main Heading \u2500\u2500 *\/\r\n#wb-new-hero .wb-h1{\r\n  font-size:clamp(42px,6vw,68px);font-weight:800;\r\n  line-height:1.05;letter-spacing:-0.04em;color:#0f1126;\r\n  margin-bottom:24px;\r\n}\r\n#wb-new-hero .wb-grad{\r\n  background:linear-gradient(90deg,#3cc5ff 0%,#3f66ff 50%,#6366f1 100%);\r\n  -webkit-background-clip:text;background-clip:text;\r\n  -webkit-text-fill-color:transparent;\r\n}\r\n\r\n\/* \u2500\u2500 Subtitle \u2500\u2500 *\/\r\n#wb-new-hero .wb-subtitle{\r\n  font-size:19px;line-height:1.65;color:#4f5468;\r\n  max-width:780px;margin:0 auto 40px;\r\n}\r\n\r\n\/* \u2500\u2500 CTA Buttons \u2500\u2500 *\/\r\n#wb-new-hero .wb-cta-row{\r\n  display:flex;align-items:center;justify-content:center;gap:20px;\r\n  flex-wrap:wrap;\r\n  margin-bottom:60px;\r\n}\r\n#wb-new-hero .wb-btn-primary{\r\n  background:#0f1126;color:#fff;border:none;border-radius:9999px;\r\n  padding:18px 36px;font-size:17px;font-weight:600;\r\n  display:flex;align-items:center;gap:10px;\r\n  transition:all .3s;\r\n}\r\n#wb-new-hero .wb-btn-primary:hover{\r\n  background:#1e2238;transform:translateY(-3px);\r\n}\r\n#wb-new-hero .wb-link{\r\n  color:#0f1126;font-weight:600;font-size:17px;\r\n  display:flex;align-items:center;gap:8px;\r\n}\r\n#wb-new-hero .wb-link:hover{text-decoration:underline}\r\n\r\n\/* \u2500\u2500 Trust Badges \u2500\u2500 *\/\r\n#wb-new-hero .wb-trust{\r\n  display:flex;justify-content:center;gap:16px;\r\n  flex-wrap:wrap;\r\n}\r\n#wb-new-hero .wb-trust-badge{\r\n  background:#fff;border-radius:9999px;\r\n  padding:8px 24px;font-size:14px;font-weight:500;\r\n  color:#4338ca;box-shadow:0 4px 15px rgba(15,17,38,.06);\r\n  white-space:nowrap;\r\n}\r\n\r\n\/* Responsive *\/\r\n@media(max-width:640px){\r\n  #wb-new-hero .wb-cta-row{flex-direction:column}\r\n}\r\n<\/style>\r\n\r\n<section id=\"wb-new-hero\">\r\n  <div class=\"wb-orb-1\"><\/div>\r\n  <div class=\"wb-orb-2\"><\/div>\r\n  \r\n  <div class=\"wb-inner\">\r\n    \r\n    <!-- Top Pill -->\r\n    <div class=\"wb-top-pill\">\r\n      <span class=\"wb-dot\"><\/span>\r\n      SAP Silver Partner \u00b7 24+ yrs \u00b7 80,000+ businesses worldwide\r\n    <\/div>\r\n\r\n    <!-- Main Heading -->\r\n    <h1 class=\"wb-h1\">\r\n      Digital <span class=\"wb-grad\">Ecosystem<\/span> for<br>\r\n      Enterprise Excellence\r\n    <\/h1>\r\n\r\n    <!-- Subtitle -->\r\n    <p class=\"wb-subtitle\">\r\n      For over two decades, Webtel has been at the forefront of compliance innovation &amp; enterprise solutions, empowering businesses to navigate complexities. We are on a mission to create a digitally connected ecosystem that enables informed decision-making, sustainable growth, and seamless integration across all enterprise functions.\r\n    <\/p>\r\n\r\n    <!-- CTA Buttons -->\r\n    <div class=\"wb-cta-row\">\r\n      <button onclick=\"wbTalkToTeam()\" class=\"wb-btn-primary\">\r\n        Talk To Our Team\r\n      <\/button>\r\n      <a href=\"#\" onclick=\"event.preventDefault();alert('Exploring Services... (Link can be updated)')\" class=\"wb-link\">\r\n        Explore Services \u2192\r\n      <\/a>\r\n    <\/div>\r\n\r\n    <!-- Trust Badges -->\r\n    <div class=\"wb-trust\">\r\n      <div class=\"wb-trust-badge\">ISO 27001:2013<\/div>\r\n      <div class=\"wb-trust-badge\">SAP Silver Partner<\/div>\r\n      <div class=\"wb-trust-badge\">170 countries served<\/div>\r\n      <div class=\"wb-trust-badge\">99.5% uptime<\/div>\r\n    <\/div>\r\n  <\/div>\r\n<\/section>\r\n\r\n<script>\r\n\/* \u2500\u2500 Simple CTA handler (connect to your existing form) \u2500\u2500 *\/\r\nwindow.wbTalkToTeam = function(){\r\n  const formAnchor = document.getElementById('wb-form-anchor') || document.getElementById('wb-hero-section');\r\n  if(formAnchor){\r\n    formAnchor.scrollIntoView({behavior:'smooth'});\r\n  } else {\r\n    alert(\"Thank you! Our team will reach out shortly.\");\r\n  }\r\n};\r\n\r\n\/* \u2500\u2500 Initialize \u2500\u2500 *\/\r\ndocument.addEventListener('DOMContentLoaded', function(){\r\n  console.log('%c\u2705 Webtel New Hero \u2014 Digital Ecosystem for Enterprise Excellence ready', 'color:#6366f1;font-weight:700');\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-f225f9f e-flex e-con-boxed e-con e-parent\" data-id=\"f225f9f\" 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-0607ae2 elementor-widget elementor-widget-html\" data-id=\"0607ae2\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- ============================================================\r\n     WEBTEL \"BY THE NUMBERS\" SECTION\r\n     Perfectly matches your screenshot\r\n     ============================================================ -->\r\n<style>\r\n\/* \u2500\u2500 Reset \u2500\u2500 *\/\r\n#wb-by-numbers *{box-sizing:border-box;margin:0;padding:0}\r\n#wb-by-numbers a{text-decoration:none}\r\n\r\n\/* \u2500\u2500 Section \u2500\u2500 *\/\r\n#wb-by-numbers{\r\n  position:relative;\r\n  overflow:hidden;\r\n  padding:100px 32px 90px;\r\n  background:linear-gradient(135deg,#f8f9ff 0%,#eef1fb 100%);\r\n}\r\n\r\n\/* \u2500\u2500 Background orbs \u2500\u2500 *\/\r\n#wb-by-numbers .wb-orb-1{\r\n  position:absolute;top:-180px;left:8%;\r\n  width:580px;height:580px;\r\n  background:radial-gradient(circle,rgba(99,102,241,0.17),transparent 65%);\r\n  border-radius:50%;filter:blur(28px);pointer-events:none;z-index:0;\r\n}\r\n#wb-by-numbers .wb-orb-2{\r\n  position:absolute;top:-80px;right:6%;\r\n  width:480px;height:480px;\r\n  background:radial-gradient(circle,rgba(60,197,255,0.17),transparent 65%);\r\n  border-radius:50%;filter:blur(28px);pointer-events:none;z-index:0;\r\n}\r\n\r\n\/* \u2500\u2500 Content \u2500\u2500 *\/\r\n#wb-by-numbers .wb-inner{\r\n  position:relative;z-index:2;\r\n  max-width:1280px;margin:0 auto;width:100%;\r\n  text-align:center;\r\n}\r\n\r\n\/* \u2500\u2500 Pill \u2500\u2500 *\/\r\n#wb-by-numbers .wb-pill{\r\n  display:inline-flex;align-items:center;gap:8px;\r\n  background:#f0f0ff;border-radius:9999px;\r\n  padding:8px 24px;font-size:13px;font-weight:500;color:#4338ca;\r\n  margin-bottom:20px;\r\n}\r\n#wb-by-numbers .wb-dot{\r\n  width:7px;height:7px;background:#6366f1;border-radius:50%;\r\n  animation:wbPulse 2s infinite;\r\n}\r\n@keyframes wbPulse{0%,100%{opacity:1}50%{opacity:.4}}\r\n\r\n\/* \u2500\u2500 Heading \u2500\u2500 *\/\r\n#wb-by-numbers .wb-title{\r\n  font-size:clamp(32px,4.5vw,48px);font-weight:800;\r\n  line-height:1.15;letter-spacing:-0.03em;color:#0f1126;\r\n  margin-bottom:60px;\r\n}\r\n\r\n\/* \u2500\u2500 Stats Grid \u2500\u2500 *\/\r\n#wb-by-numbers .wb-stats{\r\n  display:grid;\r\n  grid-template-columns:repeat(auto-fit, minmax(260px, 1fr));\r\n  gap:24px;\r\n}\r\n#wb-by-numbers .wb-card{\r\n  background:#fff;\r\n  border-radius:24px;\r\n  padding:40px 28px;\r\n  box-shadow:0 10px 40px rgba(15,17,38,.08);\r\n  transition:all .3s cubic-bezier(0.4,0,0.2,1);\r\n  text-align:center;\r\n  height:100%;\r\n}\r\n#wb-by-numbers .wb-card:hover{\r\n  transform:translateY(-12px);\r\n  box-shadow:0 20px 50px rgba(15,17,38,.12);\r\n}\r\n#wb-by-numbers .wb-number{\r\n  font-size:56px;\r\n  font-weight:800;\r\n  line-height:1;\r\n  background:linear-gradient(90deg,#3cc5ff,#6366f1);\r\n  -webkit-background-clip:text;\r\n  background-clip:text;\r\n  -webkit-text-fill-color:transparent;\r\n  margin-bottom:8px;\r\n}\r\n#wb-by-numbers .wb-label{\r\n  font-size:17px;\r\n  font-weight:700;\r\n  color:#0f1126;\r\n  margin-bottom:12px;\r\n}\r\n#wb-by-numbers .wb-desc{\r\n  font-size:15.5px;\r\n  line-height:1.65;\r\n  color:#4f5468;\r\n}\r\n\r\n\/* Responsive *\/\r\n@media(max-width:1024px){\r\n  #wb-by-numbers .wb-stats{gap:20px}\r\n}\r\n@media(max-width:640px){\r\n  #wb-by-numbers .wb-card{padding:32px 20px}\r\n}\r\n<\/style>\r\n\r\n<section id=\"wb-by-numbers\">\r\n  <div class=\"wb-orb-1\"><\/div>\r\n  <div class=\"wb-orb-2\"><\/div>\r\n  \r\n  <div class=\"wb-inner\">\r\n    \r\n    <!-- Top Pill -->\r\n    <div class=\"wb-pill\">\r\n      <span class=\"wb-dot\"><\/span>\r\n      BY THE NUMBERS\r\n    <\/div>\r\n\r\n    <!-- Heading -->\r\n    <h2 class=\"wb-title\">\r\n      Transforming complex business landscapes<br>\r\n      through integrated technology solutions\r\n    <\/h2>\r\n\r\n    <!-- Stats Cards -->\r\n    <div class=\"wb-stats\">\r\n      \r\n      <!-- Card 1 -->\r\n      <div class=\"wb-card\">\r\n        <div class=\"wb-number\">24+<\/div>\r\n        <div class=\"wb-label\">Years of Legacy<\/div>\r\n        <p class=\"wb-desc\">Pioneering compliance and enterprise solutions for over two decades.<\/p>\r\n      <\/div>\r\n\r\n      <!-- Card 2 -->\r\n      <div class=\"wb-card\">\r\n        <div class=\"wb-number\">500+<\/div>\r\n        <div class=\"wb-label\">Strong Team<\/div>\r\n        <p class=\"wb-desc\">A dedicated in-house team with deep expertise in SAP, Oracle, Microsoft, and more.<\/p>\r\n      <\/div>\r\n\r\n      <!-- Card 3 -->\r\n      <div class=\"wb-card\">\r\n        <div class=\"wb-number\">30,000+<\/div>\r\n        <div class=\"wb-label\">Global Clients<\/div>\r\n        <p class=\"wb-desc\">From large enterprises to SMB businesses, Webtel is trusted worldwide to drive growth and efficiency.<\/p>\r\n      <\/div>\r\n\r\n      <!-- Card 4 -->\r\n      <div class=\"wb-card\">\r\n        <div class=\"wb-number\">5+<\/div>\r\n        <div class=\"wb-label\">Countries<\/div>\r\n        <p class=\"wb-desc\">Delivering solutions across India, Middle East, Malaysia, Mauritius and the USA.<\/p>\r\n      <\/div>\r\n\r\n    <\/div>\r\n  <\/div>\r\n<\/section>\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-56f4030 e-flex e-con-boxed e-con e-parent\" data-id=\"56f4030\" 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-809a00c elementor-widget elementor-widget-html\" data-id=\"809a00c\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- ============================================================\r\n     WEBTEL SAP SILVER PARTNER SERVICES SECTION\r\n     Perfectly matches your latest screenshot\r\n     ============================================================ -->\r\n<style>\r\n\/* \u2500\u2500 Reset \u2500\u2500 *\/\r\n#wb-services-section *{box-sizing:border-box;margin:0;padding:0}\r\n#wb-services-section a{text-decoration:none}\r\n#wb-services-section button{font-family:inherit;cursor:pointer}\r\n\r\n\/* \u2500\u2500 Section \u2500\u2500 *\/\r\n#wb-services-section{\r\n  position:relative;\r\n  overflow:hidden;\r\n  padding:100px 32px 90px;\r\n  background:linear-gradient(135deg,#f8f9ff 0%,#eef1fb 100%);\r\n}\r\n\r\n\/* \u2500\u2500 Orbs \u2500\u2500 *\/\r\n#wb-services-section .wb-orb-1{\r\n  position:absolute;top:-180px;left:8%;\r\n  width:580px;height:580px;\r\n  background:radial-gradient(circle,rgba(99,102,241,0.17),transparent 65%);\r\n  border-radius:50%;filter:blur(28px);pointer-events:none;z-index:0;\r\n}\r\n#wb-services-section .wb-orb-2{\r\n  position:absolute;top:-80px;right:6%;\r\n  width:480px;height:480px;\r\n  background:radial-gradient(circle,rgba(60,197,255,0.17),transparent 65%);\r\n  border-radius:50%;filter:blur(28px);pointer-events:none;z-index:0;\r\n}\r\n\r\n\/* \u2500\u2500 Inner \u2500\u2500 *\/\r\n#wb-services-section .wb-inner{\r\n  position:relative;z-index:2;\r\n  max-width:1280px;margin:0 auto;width:100%;\r\n}\r\n\r\n\/* \u2500\u2500 Top Content (Heading + Paragraph) \u2500\u2500 *\/\r\n#wb-services-section .wb-top{\r\n  display:grid;\r\n  grid-template-columns:1fr 1fr;\r\n  gap:80px;\r\n  align-items:start;\r\n  margin-bottom:64px;\r\n}\r\n@media(max-width:1024px){\r\n  #wb-services-section .wb-top{grid-template-columns:1fr;gap:40px}\r\n}\r\n\r\n\/* Pill *\/\r\n#wb-services-section .wb-pill{\r\n  display:inline-flex;align-items:center;gap:8px;\r\n  background:#f0f0ff;border-radius:9999px;\r\n  padding:7px 18px;font-size:13px;font-weight:500;color:#4338ca;\r\n  margin-bottom:12px;\r\n}\r\n#wb-services-section .wb-dot{\r\n  width:7px;height:7px;background:#6366f1;border-radius:50%;\r\n  animation:wbPulse 2s infinite;\r\n}\r\n@keyframes wbPulse{0%,100%{opacity:1}50%{opacity:.35}}\r\n\r\n\/* Heading *\/\r\n#wb-services-section .wb-heading{\r\n  font-size:clamp(36px,5vw,52px);font-weight:800;\r\n  line-height:1.1;letter-spacing:-0.03em;color:#0f1126;\r\n}\r\n#wb-services-section .wb-heading .blue{\r\n  color:#3f66ff;\r\n}\r\n\r\n\/* Paragraph *\/\r\n#wb-services-section .wb-paragraph{\r\n  font-size:17px;line-height:1.65;color:#4f5468;\r\n  max-width:520px;\r\n}\r\n\r\n\/* \u2500\u2500 Services Cards \u2500\u2500 *\/\r\n#wb-services-section .wb-cards{\r\n  display:grid;\r\n  grid-template-columns:repeat(auto-fit, minmax(340px, 1fr));\r\n  gap:24px;\r\n}\r\n#wb-services-section .wb-card{\r\n  background:#fff;\r\n  border-radius:24px;\r\n  padding:40px 32px;\r\n  box-shadow:0 10px 40px rgba(15,17,38,.08);\r\n  transition:all .3s cubic-bezier(0.4,0,0.2,1);\r\n  height:100%;\r\n  display:flex;\r\n  flex-direction:column;\r\n}\r\n#wb-services-section .wb-card:hover{\r\n  transform:translateY(-12px);\r\n  box-shadow:0 20px 50px rgba(15,17,38,.12);\r\n}\r\n#wb-services-section .wb-icon{\r\n  width:80px;height:80px;\r\n  background:#f0f4ff;\r\n  border-radius:20px;\r\n  display:flex;\r\n  align-items:center;\r\n  justify-content:center;\r\n  margin-bottom:28px;\r\n  flex-shrink:0;\r\n}\r\n#wb-services-section .wb-card-title{\r\n  font-size:22px;font-weight:700;color:#0f1126;margin-bottom:14px;\r\n}\r\n#wb-services-section .wb-card-desc{\r\n  font-size:16px;line-height:1.65;color:#4f5468;flex:1;\r\n}\r\n#wb-services-section .wb-learn-more{\r\n  margin-top:24px;\r\n  color:#3f66ff;\r\n  font-weight:600;\r\n  font-size:15px;\r\n  display:flex;\r\n  align-items:center;\r\n  gap:6px;\r\n  transition:all .3s;\r\n}\r\n#wb-services-section .wb-learn-more:hover{\r\n  gap:10px;\r\n}\r\n\r\n\/* Responsive *\/\r\n@media(max-width:1024px){\r\n  #wb-services-section .wb-cards{gap:20px}\r\n}\r\n<\/style>\r\n\r\n<section id=\"wb-services-section\">\r\n  <div class=\"wb-orb-1\"><\/div>\r\n  <div class=\"wb-orb-2\"><\/div>\r\n  \r\n  <div class=\"wb-inner\">\r\n    \r\n    <!-- Top Row -->\r\n    <div class=\"wb-top\">\r\n      <div>\r\n        <div class=\"wb-pill\">\r\n          <span class=\"wb-dot\"><\/span>\r\n          OUR EXPERTISE\r\n        <\/div>\r\n        <h2 class=\"wb-heading\">\r\n          SAP Silver Partner<br><span class=\"blue\">Services<\/span>\r\n        <\/h2>\r\n      <\/div>\r\n      \r\n      <p class=\"wb-paragraph\">\r\n        As a trusted SAP Silver Partner, we offer a comprehensive suite of SAP services \u2014 specialising in migrations, implementations, and ongoing support. From initial consultation and business analysis through knowledge transfer and post-launch support, we ensure a seamless journey that optimises your systems for efficiency, integration, and scalability.\r\n      <\/p>\r\n    <\/div>\r\n\r\n    <!-- Three Cards -->\r\n    <div class=\"wb-cards\">\r\n\r\n      <!-- Card 1 -->\r\n      <div class=\"wb-card\">\r\n        <div class=\"wb-icon\">\r\n          <svg width=\"48\" height=\"48\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\r\n            <path d=\"M3 9L12 4L21 9V19C21 20.1 20.1 21 19 21H5C3.9 21 3 20.1 3 19V9Z\" stroke=\"#3f66ff\" stroke-width=\"2\" stroke-linejoin=\"round\"\/>\r\n            <path d=\"M12 4V21\" stroke=\"#3f66ff\" stroke-width=\"2\"\/>\r\n            <path d=\"M9 13H15\" stroke=\"#3f66ff\" stroke-width=\"2\"\/>\r\n          <\/svg>\r\n        <\/div>\r\n        <h3 class=\"wb-card-title\">SAP Implementation<\/h3>\r\n        <p class=\"wb-card-desc\">End-to-end SAP rollout with finance-led scoping, clean architecture, and India-compliance built in from day one.<\/p>\r\n        <a href=\"#\" class=\"wb-learn-more\">Learn more \u2192<\/a>\r\n      <\/div>\r\n\r\n      <!-- Card 2 -->\r\n      <div class=\"wb-card\">\r\n        <div class=\"wb-icon\">\r\n          <svg width=\"48\" height=\"48\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\r\n            <path d=\"M18 8C18 6.343 16.657 5 15 5H9C7.343 5 6 6.343 6 8V16C6 17.657 7.343 19 9 19H15C16.657 19 18 17.657 18 16V8Z\" stroke=\"#3f66ff\" stroke-width=\"2\"\/>\r\n            <path d=\"M12 12L15 9L12 6\" stroke=\"#3f66ff\" stroke-width=\"2\" stroke-linecap=\"round\"\/>\r\n            <path d=\"M9 12L6 9L9 6\" stroke=\"#3f66ff\" stroke-width=\"2\" stroke-linecap=\"round\"\/>\r\n          <\/svg>\r\n        <\/div>\r\n        <h3 class=\"wb-card-title\">SAP S\/4HANA Migration<\/h3>\r\n        <p class=\"wb-card-desc\">From legacy to HANA without losing your customisations, integrations, or compliance posture along the way.<\/p>\r\n        <a href=\"#\" class=\"wb-learn-more\">Learn more \u2192<\/a>\r\n      <\/div>\r\n\r\n      <!-- Card 3 -->\r\n      <div class=\"wb-card\">\r\n        <div class=\"wb-icon\">\r\n          <svg width=\"48\" height=\"48\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\r\n            <path d=\"M14 2H6C4.89543 2 4 2.89543 4 4V20C4 21.1046 4.89543 22 6 22H18C19.1046 22 20 21.1046 20 20V8L14 2Z\" stroke=\"#3f66ff\" stroke-width=\"2\"\/>\r\n            <path d=\"M14 2V8H20\" stroke=\"#3f66ff\" stroke-width=\"2\"\/>\r\n            <circle cx=\"15\" cy=\"14\" r=\"3\" stroke=\"#3f66ff\" stroke-width=\"2\"\/>\r\n          <\/svg>\r\n        <\/div>\r\n        <h3 class=\"wb-card-title\">SAP Application Management Services<\/h3>\r\n        <p class=\"wb-card-desc\">24\u00d77 AMS with documented integrations and clear post-go-live ownership \u2014 senior consultants, no juniors.<\/p>\r\n        <a href=\"#\" class=\"wb-learn-more\">Learn more \u2192<\/a>\r\n      <\/div>\r\n\r\n    <\/div>\r\n  <\/div>\r\n<\/section>\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-525f5d7 e-flex e-con-boxed e-con e-parent\" data-id=\"525f5d7\" 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-942ff2c elementor-widget elementor-widget-html\" data-id=\"942ff2c\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- ============================================================\r\n     WEBTEL E-INVOICING SOLUTIONS SECTION\r\n     Perfectly matches your latest screenshot\r\n     ============================================================ -->\r\n<style>\r\n\/* \u2500\u2500 Reset \u2500\u2500 *\/\r\n#wb-einvoicing *{box-sizing:border-box;margin:0;padding:0}\r\n#wb-einvoicing a{text-decoration:none}\r\n#wb-einvoicing button{font-family:inherit;cursor:pointer}\r\n\r\n\/* \u2500\u2500 Section \u2500\u2500 *\/\r\n#wb-einvoicing{\r\n  position:relative;\r\n  overflow:hidden;\r\n  padding:100px 32px 90px;\r\n  background:linear-gradient(135deg,#f8f9ff 0%,#eef1fb 100%);\r\n}\r\n\r\n\/* \u2500\u2500 Orbs \u2500\u2500 *\/\r\n#wb-einvoicing .wb-orb-1{\r\n  position:absolute;top:-180px;left:8%;\r\n  width:580px;height:580px;\r\n  background:radial-gradient(circle,rgba(99,102,241,0.17),transparent 65%);\r\n  border-radius:50%;filter:blur(28px);pointer-events:none;z-index:0;\r\n}\r\n#wb-einvoicing .wb-orb-2{\r\n  position:absolute;top:-80px;right:6%;\r\n  width:480px;height:480px;\r\n  background:radial-gradient(circle,rgba(60,197,255,0.17),transparent 65%);\r\n  border-radius:50%;filter:blur(28px);pointer-events:none;z-index:0;\r\n}\r\n\r\n\/* \u2500\u2500 Inner \u2500\u2500 *\/\r\n#wb-einvoicing .wb-inner{\r\n  position:relative;z-index:2;\r\n  max-width:1280px;margin:0 auto;width:100%;\r\n  display:grid;\r\n  grid-template-columns:1fr 460px;\r\n  gap:80px;\r\n  align-items:start;\r\n}\r\n@media(max-width:1024px){\r\n  #wb-einvoicing .wb-inner{grid-template-columns:1fr;gap:60px}\r\n}\r\n\r\n\/* \u2500\u2500 Left Content \u2500\u2500 *\/\r\n#wb-einvoicing .wb-pill{\r\n  display:inline-flex;align-items:center;gap:8px;\r\n  background:#f0f0ff;border-radius:9999px;\r\n  padding:7px 18px;font-size:13px;font-weight:500;color:#4338ca;\r\n  margin-bottom:12px;\r\n}\r\n#wb-einvoicing .wb-dot{\r\n  width:7px;height:7px;background:#6366f1;border-radius:50%;\r\n  animation:wbPulse 2s infinite;\r\n}\r\n@keyframes wbPulse{0%,100%{opacity:1}50%{opacity:.35}}\r\n#wb-einvoicing .wb-heading{\r\n  font-size:clamp(36px,5vw,52px);font-weight:800;\r\n  line-height:1.1;letter-spacing:-0.03em;color:#0f1126;\r\n  margin-bottom:24px;\r\n}\r\n#wb-einvoicing .wb-heading .blue{\r\n  color:#3f66ff;\r\n}\r\n#wb-einvoicing .wb-paragraph{\r\n  font-size:17px;line-height:1.65;color:#4f5468;\r\n  max-width:520px;\r\n}\r\n\r\n\/* \u2500\u2500 Right Code Card \u2500\u2500 *\/\r\n#wb-einvoicing .wb-code-card{\r\n  background:#0f1126;\r\n  border-radius:24px;\r\n  padding:28px;\r\n  color:#fff;\r\n  box-shadow:0 20px 50px rgba(15,17,38,.25);\r\n  font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,\"Liberation Mono\",\"Courier New\",monospace;\r\n  font-size:14px;\r\n  line-height:1.5;\r\n  overflow:hidden;\r\n}\r\n#wb-einvoicing .wb-code-header{\r\n  display:flex;justify-content:space-between;align-items:center;\r\n  margin-bottom:16px;\r\n  font-size:13px;font-weight:600;letter-spacing:0.5px;\r\n}\r\n#wb-einvoicing .wb-code-header .live{\r\n  color:#22c55e;\r\n}\r\n#wb-einvoicing .wb-code{\r\n  background:#1a1f2e;\r\n  padding:20px;\r\n  border-radius:16px;\r\n  margin-bottom:20px;\r\n  color:#a5b4fc;\r\n  white-space:pre;\r\n  overflow-x:auto;\r\n}\r\n#wb-einvoicing .wb-status{\r\n  display:flex;justify-content:space-between;\r\n  font-size:13px;\r\n  color:#64748b;\r\n}\r\n#wb-einvoicing .wb-status .compliant{\r\n  color:#22c55e;\r\n}\r\n\r\n\/* \u2500\u2500 Country Cards \u2500\u2500 *\/\r\n#wb-einvoicing .wb-countries{\r\n  display:grid;\r\n  grid-template-columns:repeat(auto-fit, minmax(200px, 1fr));\r\n  gap:20px;\r\n  margin-top:80px;\r\n}\r\n#wb-einvoicing .wb-country-card{\r\n  background:#fff;\r\n  border-radius:20px;\r\n  padding:24px 20px;\r\n  text-align:center;\r\n  box-shadow:0 8px 32px rgba(15,17,38,.08);\r\n  transition:all .3s cubic-bezier(0.4,0,0.2,1);\r\n}\r\n#wb-einvoicing .wb-country-card:hover{\r\n  transform:translateY(-6px);\r\n}\r\n#wb-einvoicing .wb-country-pill{\r\n  display:inline-flex;\r\n  align-items:center;\r\n  justify-content:center;\r\n  width:42px;height:42px;\r\n  border-radius:12px;\r\n  font-size:15px;\r\n  font-weight:700;\r\n  margin-bottom:12px;\r\n}\r\n#wb-einvoicing .wb-country-name{\r\n  font-size:17px;font-weight:700;color:#0f1126;margin-bottom:4px;\r\n}\r\n#wb-einvoicing .wb-country-desc{\r\n  font-size:14px;color:#64748b;\r\n}\r\n\r\n\/* Responsive *\/\r\n@media(max-width:1024px){\r\n  #wb-einvoicing .wb-countries{gap:16px}\r\n}\r\n<\/style>\r\n\r\n<section id=\"wb-einvoicing\">\r\n  <div class=\"wb-orb-1\"><\/div>\r\n  <div class=\"wb-orb-2\"><\/div>\r\n  \r\n  <div class=\"wb-inner\">\r\n    \r\n    <!-- Left Text -->\r\n    <div>\r\n      <div class=\"wb-pill\">\r\n        <span class=\"wb-dot\"><\/span>\r\n        COMPLIANCE SUITE\r\n      <\/div>\r\n      <h2 class=\"wb-heading\">E-Invoicing <span class=\"blue\">Solutions<\/span><\/h2>\r\n      <p class=\"wb-paragraph\">\r\n        Webtel's e-invoicing solutions simplify compliance and streamline invoicing across countries like the UAE, Malaysia, Saudi Arabia, Mauritius, India, and more. Seamlessly integrated with leading ERPs such as SAP, Oracle, and Microsoft Dynamics \u2014 our solutions enable real-time data exchange, automate workflows, minimise errors, and ensure 100% compliance with regulatory mandates.\r\n      <\/p>\r\n    <\/div>\r\n\r\n    <!-- Right Code Block -->\r\n    <div class=\"wb-code-card\">\r\n      <div class=\"wb-code-header\">\r\n        <div><span class=\"live\">\u25cf LIVE<\/span> \u00b7 ZATCA SUBMISSION<\/div>\r\n      <\/div>\r\n      <div class=\"wb-code\">\r\nPOST \/einvoice\/submit\r\n{\r\n  \"supplier\": \"GLD-CHKN-FRMS\",\r\n  \"buyer\": \"MEGA-RTL\",\r\n  \"uuid\": \"f3d2-9a1c-8b41\",\r\n  \"irn\": \"ZATCA-PH2\",\r\n  \"amount\": \"SAR 184,520.00\",\r\n  \"status\": \"CLEARED\"\r\n}\r\n      <\/div>\r\n      <div class=\"wb-status\">\r\n        <div>SAP HANA \u2014 ZATCA<\/div>\r\n        <div class=\"compliant\">\u25cf 124ms \u00b7 100% compliant<\/div>\r\n      <\/div>\r\n    <\/div>\r\n  <\/div>\r\n\r\n  <!-- Country Cards -->\r\n  <div class=\"wb-countries\">\r\n    <!-- Malaysia -->\r\n    <div class=\"wb-country-card\">\r\n      <div class=\"wb-country-pill\" style=\"background:#fce7f3;color:#e11d8a;\">MY<\/div>\r\n      <div class=\"wb-country-name\">Malaysia<\/div>\r\n      <div class=\"wb-country-desc\">MyInvois (LHDN)<\/div>\r\n    <\/div>\r\n\r\n    <!-- Saudi Arabia -->\r\n    <div class=\"wb-country-card\">\r\n      <div class=\"wb-country-pill\" style=\"background:#dbeafe;color:#1e40af;\">KSA<\/div>\r\n      <div class=\"wb-country-name\">Saudi Arabia<\/div>\r\n      <div class=\"wb-country-desc\">ZATCA Phase 2<\/div>\r\n    <\/div>\r\n\r\n    <!-- UAE -->\r\n    <div class=\"wb-country-card\">\r\n      <div class=\"wb-country-pill\" style=\"background:#ecfdf5;color:#10b981;\">AE<\/div>\r\n      <div class=\"wb-country-name\">UAE<\/div>\r\n      <div class=\"wb-country-desc\">FTA E-Invoicing 2026<\/div>\r\n    <\/div>\r\n\r\n    <!-- Mauritius -->\r\n    <div class=\"wb-country-card\">\r\n      <div class=\"wb-country-pill\" style=\"background:#fefce8;color:#ca8a04;\">MU<\/div>\r\n      <div class=\"wb-country-name\">Mauritius<\/div>\r\n      <div class=\"wb-country-desc\">MRA E-Invoicing<\/div>\r\n    <\/div>\r\n\r\n    <!-- India -->\r\n    <div class=\"wb-country-card\">\r\n      <div class=\"wb-country-pill\" style=\"background:#f3e8ff;color:#7e22ce;\">IN<\/div>\r\n      <div class=\"wb-country-name\">India<\/div>\r\n      <div class=\"wb-country-desc\">GSTN IRN \/ e-Invoice<\/div>\r\n    <\/div>\r\n  <\/div>\r\n<\/section>\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-b803295 e-flex e-con-boxed e-con e-parent\" data-id=\"b803295\" 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-6d757f3 elementor-widget elementor-widget-html\" data-id=\"6d757f3\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- ============================================================\r\n     WEBTEL VENDOR + HR + BI SHOWCASE SECTION\r\n     Perfectly matches your latest screenshot\r\n     ============================================================ -->\r\n<style>\r\n\/* \u2500\u2500 Reset \u2500\u2500 *\/\r\n#wb-showcase *{box-sizing:border-box;margin:0;padding:0}\r\n#wb-showcase a{text-decoration:none}\r\n#wb-showcase button{font-family:inherit;cursor:pointer}\r\n\r\n\/* \u2500\u2500 Section \u2500\u2500 *\/\r\n#wb-showcase{\r\n  position:relative;\r\n  overflow:hidden;\r\n  padding:80px 32px 90px;\r\n  background:linear-gradient(135deg,#f8f9ff 0%,#eef1fb 100%);\r\n}\r\n\r\n\/* \u2500\u2500 Orbs \u2500\u2500 *\/\r\n#wb-showcase .wb-orb-1{\r\n  position:absolute;top:-180px;left:8%;\r\n  width:580px;height:580px;\r\n  background:radial-gradient(circle,rgba(99,102,241,0.17),transparent 65%);\r\n  border-radius:50%;filter:blur(28px);pointer-events:none;z-index:0;\r\n}\r\n#wb-showcase .wb-orb-2{\r\n  position:absolute;top:-80px;right:6%;\r\n  width:480px;height:480px;\r\n  background:radial-gradient(circle,rgba(60,197,255,0.17),transparent 65%);\r\n  border-radius:50%;filter:blur(28px);pointer-events:none;z-index:0;\r\n}\r\n\r\n\/* \u2500\u2500 Inner \u2500\u2500 *\/\r\n#wb-showcase .wb-inner{\r\n  position:relative;z-index:2;\r\n  max-width:1280px;margin:0 auto;width:100%;\r\n  display:flex;\r\n  flex-direction:column;\r\n  gap:80px;\r\n}\r\n\r\n\/* \u2500\u2500 Block Style \u2500\u2500 *\/\r\n#wb-showcase .wb-block{\r\n  display:grid;\r\n  grid-template-columns:1fr 420px;\r\n  gap:60px;\r\n  align-items:center;\r\n}\r\n@media(max-width:1024px){\r\n  #wb-showcase .wb-block{grid-template-columns:1fr;gap:40px}\r\n}\r\n\r\n\/* \u2500\u2500 Left Content \u2500\u2500 *\/\r\n#wb-showcase .wb-pill{\r\n  display:inline-flex;align-items:center;gap:8px;\r\n  background:#f0f0ff;border-radius:9999px;\r\n  padding:7px 18px;font-size:13px;font-weight:500;color:#4338ca;\r\n  margin-bottom:12px;\r\n}\r\n#wb-showcase .wb-dot{\r\n  width:7px;height:7px;background:#6366f1;border-radius:50%;\r\n  animation:wbPulse 2s infinite;\r\n}\r\n@keyframes wbPulse{0%,100%{opacity:1}50%{opacity:.35}}\r\n#wb-showcase .wb-title{\r\n  font-size:clamp(32px,4.5vw,42px);font-weight:800;\r\n  line-height:1.15;letter-spacing:-0.03em;color:#0f1126;\r\n  margin-bottom:16px;\r\n}\r\n#wb-showcase .wb-desc{\r\n  font-size:17px;line-height:1.65;color:#4f5468;\r\n  margin-bottom:24px;\r\n}\r\n#wb-showcase .wb-tags{\r\n  display:flex;gap:12px;flex-wrap:wrap;margin-bottom:28px;\r\n}\r\n#wb-showcase .wb-tag{\r\n  background:#f0f4ff;color:#3f66ff;font-size:14px;font-weight:600;\r\n  padding:6px 18px;border-radius:9999px;\r\n}\r\n#wb-showcase .wb-explore{\r\n  color:#3f66ff;font-weight:600;font-size:15px;\r\n  display:flex;align-items:center;gap:6px;\r\n}\r\n\r\n\/* \u2500\u2500 Right Visual Cards \u2500\u2500 *\/\r\n#wb-showcase .wb-visual{\r\n  background:#fff;\r\n  border-radius:24px;\r\n  padding:28px;\r\n  box-shadow:0 12px 40px rgba(15,17,38,.1);\r\n  height:100%;\r\n}\r\n\r\n\/* Vendor Portal Card *\/\r\n#wb-showcase .wb-vendor-card{\r\n  background:#0f1126;color:#fff;\r\n  border-radius:20px;\r\n  padding:20px;\r\n  font-size:14px;\r\n}\r\n#wb-showcase .wb-vendor-header{\r\n  display:flex;justify-content:space-between;align-items:center;\r\n  margin-bottom:16px;\r\n  font-size:13px;\r\n}\r\n#wb-showcase .wb-vendor-header .live{\r\n  color:#22c55e;\r\n}\r\n#wb-showcase .wb-vendor-list{\r\n  display:flex;flex-direction:column;gap:12px;\r\n}\r\n#wb-showcase .wb-vendor-item{\r\n  display:flex;justify-content:space-between;align-items:center;\r\n  font-size:14px;\r\n}\r\n#wb-showcase .wb-vendor-item span:last-child{\r\n  font-size:13px;color:#22c55e;\r\n}\r\n\r\n\/* HR Pearls Card *\/\r\n#wb-showcase .wb-hr-card{\r\n  background:#fff;border:1px solid #e5e7f0;border-radius:20px;\r\n  padding:24px;\r\n}\r\n#wb-showcase .wb-hr-grid{\r\n  display:grid;grid-template-columns:1fr 1fr;gap:20px;\r\n}\r\n#wb-showcase .wb-hr-stat{\r\n  text-align:center;\r\n}\r\n#wb-showcase .wb-hr-number{\r\n  font-size:32px;font-weight:800;color:#0f1126;\r\n}\r\n#wb-showcase .wb-hr-label{\r\n  font-size:13px;color:#64748b;\r\n}\r\n\r\n\/* BI Chart Card *\/\r\n#wb-showcase .wb-bi-card{\r\n  background:#fff;border-radius:20px;\r\n  padding:24px;\r\n}\r\n#wb-showcase .wb-chart-header{\r\n  display:flex;justify-content:space-between;margin-bottom:20px;\r\n}\r\n#wb-showcase .wb-chart-bars{\r\n  display:flex;gap:12px;align-items:flex-end;height:180px;\r\n}\r\n#wb-showcase .wb-bar{\r\n  flex:1;background:#e0e7ff;border-radius:8px 8px 0 0;\r\n  display:flex;flex-direction:column;justify-content:flex-end;\r\n  position:relative;\r\n}\r\n#wb-showcase .wb-bar-inner{\r\n  width:100%;background:linear-gradient(#3cc5ff,#6366f1);\r\n  border-radius:8px 8px 0 0;\r\n}\r\n#wb-showcase .wb-bar-label{\r\n  position:absolute;bottom:-28px;left:50%;transform:translateX(-50%);\r\n  font-size:12px;color:#64748b;white-space:nowrap;\r\n}\r\n\r\n\/* Responsive *\/\r\n@media(max-width:1024px){\r\n  #wb-showcase .wb-tags{justify-content:center}\r\n}\r\n<\/style>\r\n\r\n<section id=\"wb-showcase\">\r\n  <div class=\"wb-orb-1\"><\/div>\r\n  <div class=\"wb-orb-2\"><\/div>\r\n  \r\n  <div class=\"wb-inner\">\r\n\r\n    <!-- ==================== VENDOR MANAGEMENT ==================== -->\r\n    <div class=\"wb-block\">\r\n      <div>\r\n        <div class=\"wb-pill\"><span class=\"wb-dot\"><\/span> PROCUREMENT<\/div>\r\n        <h2 class=\"wb-title\">Vendor Management Portal<\/h2>\r\n        <p class=\"wb-desc\">\r\n          Simplify procurement with the Vendor Management Portal \u2014 automating supplier onboarding, Advanced Shipping Notes (ASNs), gate entries, and compliance validations. From real-time tracking and document accuracy to seamless ERP integration, manage the entire vendor lifecycle effortlessly while ensuring transparency and efficiency at every step.\r\n        <\/p>\r\n        <div class=\"wb-tags\">\r\n          <div class=\"wb-tag\">Real-time tracking<\/div>\r\n          <div class=\"wb-tag\">ASN automation<\/div>\r\n          <div class=\"wb-tag\">ERP Integrated<\/div>\r\n        <\/div>\r\n        <a href=\"#\" class=\"wb-explore\">Explore Vendor \u2192<\/a>\r\n      <\/div>\r\n\r\n      <!-- Vendor Portal Card -->\r\n      <div class=\"wb-visual\">\r\n        <div class=\"wb-vendor-card\">\r\n          <div class=\"wb-vendor-header\">\r\n            <div>Vendor Portal - Q4<\/div>\r\n            <div class=\"live\">\u25cf LIVE<\/div>\r\n          <\/div>\r\n          <div class=\"wb-vendor-list\">\r\n            <div class=\"wb-vendor-item\"><span>Savola Industries<\/span><span>\u25cf Onboarded<\/span><\/div>\r\n            <div class=\"wb-vendor-item\"><span>Al-Hokair Group<\/span><span>\u25cf ASN review<\/span><\/div>\r\n            <div class=\"wb-vendor-item\"><span>NBTC Logistics<\/span><span>\u25cf Gate entry<\/span><\/div>\r\n            <div class=\"wb-vendor-item\"><span>Detasad Holdings<\/span><span>\u25cf Onboarded<\/span><\/div>\r\n          <\/div>\r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n\r\n    <!-- ==================== HR PEARLS ==================== -->\r\n    <div class=\"wb-block\">\r\n      <div class=\"wb-visual\">\r\n        <div class=\"wb-hr-card\">\r\n          <div style=\"display:flex;gap:12px;margin-bottom:20px\">\r\n            <div style=\"background:#f0f4ff;padding:8px 14px;border-radius:12px;font-size:13px\">HR Pearls - Headcount<\/div>\r\n          <\/div>\r\n          <div class=\"wb-hr-grid\">\r\n            <div class=\"wb-hr-stat\">\r\n              <div class=\"wb-hr-number\">4,128<\/div>\r\n              <div class=\"wb-hr-label\">ACTIVE<\/div>\r\n              <div style=\"color:#22c55e;font-size:13px\">+128<\/div>\r\n            <\/div>\r\n            <div class=\"wb-hr-stat\">\r\n              <div class=\"wb-hr-number\">212<\/div>\r\n              <div class=\"wb-hr-label\">ON LEAVE<\/div>\r\n            <\/div>\r\n            <div class=\"wb-hr-stat\">\r\n              <div class=\"wb-hr-number\">46<\/div>\r\n              <div class=\"wb-hr-label\">NEW JOINERS<\/div>\r\n            <\/div>\r\n            <div class=\"wb-hr-stat\">\r\n              <div class=\"wb-hr-number\">99.8%<\/div>\r\n              <div class=\"wb-hr-label\">PAYROLL Q4 on time<\/div>\r\n            <\/div>\r\n          <\/div>\r\n          <div style=\"margin-top:24px;font-size:13px;color:#64748b;text-align:center\">\r\n            Compliance: KSA WPS \u00b7 UAE Mohre \u00b7 India PF\/ESI \u2014 all up to date\r\n          <\/div>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <div>\r\n        <div class=\"wb-pill\"><span class=\"wb-dot\"><\/span> PEOPLE OPERATIONS<\/div>\r\n        <h2 class=\"wb-title\">HR Pearls<\/h2>\r\n        <p class=\"wb-desc\">\r\n          Webtel\u2019s HR Pearls is a comprehensive HR management solution that optimises HR processes from recruitment to retirement, serving over 800 companies globally. Designed for efficiency, it includes employee self-service, attendance tracking, payroll management, and performance evaluations \u2014 simplifying day-to-day HR while ensuring compliance with local labour laws so HR teams can focus on strategic initiatives.\r\n        <\/p>\r\n        <div style=\"display:flex;gap:32px;margin-top:32px\">\r\n          <div><strong>800+<\/strong><br><span style=\"color:#64748b\">companies<\/span><\/div>\r\n          <div><strong>End-to-end<\/strong><br><span style=\"color:#64748b\">lifecycle<\/span><\/div>\r\n          <div><strong>Multi-country<\/strong><br><span style=\"color:#64748b\">payroll<\/span><\/div>\r\n        <\/div>\r\n        <a href=\"#\" class=\"wb-explore\" style=\"margin-top:40px\">Explore HR \u2192<\/a>\r\n      <\/div>\r\n    <\/div>\r\n\r\n    <!-- ==================== BI DASHBOARD ==================== -->\r\n    <div class=\"wb-block\">\r\n      <div>\r\n        <div class=\"wb-pill\"><span class=\"wb-dot\"><\/span> DECISION INTELLIGENCE<\/div>\r\n        <h2 class=\"wb-title\">Business Intelligence Dashboarding<\/h2>\r\n        <p class=\"wb-desc\">\r\n          Unlock the full potential of your data with Webtel\u2019s BI dashboarding solutions. Customised dashboards provide real-time insights, enabling informed, data-driven decisions. Integrated seamlessly with your existing systems, our BI solutions empower you to visualise key business metrics, track performance, and uncover trends \u2014 fueling growth, optimising operations, and enhancing overall business performance.\r\n        <\/p>\r\n        <div class=\"wb-tags\">\r\n          <div class=\"wb-tag\">Real-time insights<\/div>\r\n          <div class=\"wb-tag\">Custom KPIs per role<\/div>\r\n          <div class=\"wb-tag\">Multi-source connectors<\/div>\r\n        <\/div>\r\n        <a href=\"#\" class=\"wb-explore\">Explore Business \u2192<\/a>\r\n      <\/div>\r\n\r\n      <!-- BI Chart -->\r\n      <div class=\"wb-visual\">\r\n        <div class=\"wb-bi-card\">\r\n          <div class=\"wb-chart-header\">\r\n            <div style=\"font-size:15px;font-weight:600\">Revenue - by region - YTD<\/div>\r\n            <div style=\"color:#22c55e;font-weight:700\">+18.4%<\/div>\r\n          <\/div>\r\n          <div class=\"wb-chart-bars\">\r\n            <div class=\"wb-bar\" style=\"height:45%\"><div class=\"wb-bar-inner\" style=\"height:65%\"><\/div><\/div>\r\n            <div class=\"wb-bar\" style=\"height:55%\"><div class=\"wb-bar-inner\" style=\"height:75%\"><\/div><\/div>\r\n            <div class=\"wb-bar\" style=\"height:65%\"><div class=\"wb-bar-inner\" style=\"height:85%\"><\/div><\/div>\r\n            <div class=\"wb-bar\" style=\"height:80%\"><div class=\"wb-bar-inner\" style=\"height:95%\"><\/div><\/div>\r\n            <div class=\"wb-bar\" style=\"height:100%\"><div class=\"wb-bar-inner\" style=\"height:100%\"><\/div><\/div>\r\n          <\/div>\r\n          <div style=\"display:flex;justify-content:space-between;margin-top:28px;font-size:12px;color:#64748b\">\r\n            <div>INDIA<br><strong>262 Cr<\/strong><\/div>\r\n            <div>MENA<br><strong>SAR 18M<\/strong><\/div>\r\n            <div>SEA<br><strong>MYR 24M<\/strong><\/div>\r\n          <\/div>\r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n\r\n  <\/div>\r\n<\/section>\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-3607373 e-flex e-con-boxed e-con e-parent\" data-id=\"3607373\" 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-6154413 elementor-widget elementor-widget-html\" data-id=\"6154413\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- ============================================================\r\n     WEBTEL ENTERPRISE-GRADE COMPLIANCE SECTION\r\n     Perfectly matches your latest screenshot\r\n     ============================================================ -->\r\n<style>\r\n\/* \u2500\u2500 Reset \u2500\u2500 *\/\r\n#wb-compliance *{box-sizing:border-box;margin:0;padding:0}\r\n#wb-compliance a{text-decoration:none}\r\n#wb-compliance button{font-family:inherit;cursor:pointer}\r\n\r\n\/* \u2500\u2500 Section \u2500\u2500 *\/\r\n#wb-compliance{\r\n  position:relative;\r\n  overflow:hidden;\r\n  padding:100px 32px 90px;\r\n  background:linear-gradient(135deg,#f8f9ff 0%,#eef1fb 100%);\r\n}\r\n\r\n\/* \u2500\u2500 Orbs \u2500\u2500 *\/\r\n#wb-compliance .wb-orb-1{\r\n  position:absolute;top:-180px;left:8%;\r\n  width:580px;height:580px;\r\n  background:radial-gradient(circle,rgba(99,102,241,0.17),transparent 65%);\r\n  border-radius:50%;filter:blur(28px);pointer-events:none;z-index:0;\r\n}\r\n#wb-compliance .wb-orb-2{\r\n  position:absolute;top:-80px;right:6%;\r\n  width:480px;height:480px;\r\n  background:radial-gradient(circle,rgba(60,197,255,0.17),transparent 65%);\r\n  border-radius:50%;filter:blur(28px);pointer-events:none;z-index:0;\r\n}\r\n\r\n\/* \u2500\u2500 Inner \u2500\u2500 *\/\r\n#wb-compliance .wb-inner{\r\n  position:relative;z-index:2;\r\n  max-width:1280px;margin:0 auto;width:100%;\r\n  text-align:center;\r\n}\r\n\r\n\/* \u2500\u2500 Pill \u2500\u2500 *\/\r\n#wb-compliance .wb-pill{\r\n  display:inline-flex;align-items:center;gap:8px;\r\n  background:#f0f0ff;border-radius:9999px;\r\n  padding:8px 24px;font-size:13px;font-weight:500;color:#4338ca;\r\n  margin-bottom:20px;\r\n}\r\n#wb-compliance .wb-dot{\r\n  width:7px;height:7px;background:#6366f1;border-radius:50%;\r\n  animation:wbPulse 2s infinite;\r\n}\r\n@keyframes wbPulse{0%,100%{opacity:1}50%{opacity:.35}}\r\n\r\n\/* \u2500\u2500 Heading \u2500\u2500 *\/\r\n#wb-compliance .wb-title{\r\n  font-size:clamp(32px,4.8vw,48px);font-weight:800;\r\n  line-height:1.15;letter-spacing:-0.03em;color:#0f1126;\r\n  margin-bottom:64px;\r\n}\r\n\r\n\/* \u2500\u2500 Cards Grid \u2500\u2500 *\/\r\n#wb-compliance .wb-grid{\r\n  display:grid;\r\n  grid-template-columns:repeat(auto-fit, minmax(220px, 1fr));\r\n  gap:24px;\r\n}\r\n#wb-compliance .wb-card{\r\n  background:#fff;\r\n  border-radius:20px;\r\n  padding:32px 24px;\r\n  box-shadow:0 10px 40px rgba(15,17,38,.08);\r\n  transition:all .3s cubic-bezier(0.4,0,0.2,1);\r\n  text-align:center;\r\n  height:100%;\r\n}\r\n#wb-compliance .wb-card:hover{\r\n  transform:translateY(-8px);\r\n  box-shadow:0 20px 50px rgba(15,17,38,.12);\r\n}\r\n#wb-compliance .wb-icon{\r\n  width:64px;height:64px;\r\n  margin:0 auto 20px;\r\n  display:flex;\r\n  align-items:center;\r\n  justify-content:center;\r\n  font-size:32px;\r\n}\r\n#wb-compliance .wb-card-title{\r\n  font-size:16px;\r\n  font-weight:600;\r\n  color:#0f1126;\r\n  line-height:1.4;\r\n}\r\n\r\n\/* Responsive *\/\r\n@media(max-width:640px){\r\n  #wb-compliance .wb-grid{gap:16px}\r\n  #wb-compliance .wb-card{padding:24px 20px}\r\n}\r\n<\/style>\r\n\r\n<section id=\"wb-compliance\">\r\n  <div class=\"wb-orb-1\"><\/div>\r\n  <div class=\"wb-orb-2\"><\/div>\r\n  \r\n  <div class=\"wb-inner\">\r\n    \r\n    <!-- Top Pill -->\r\n    <div class=\"wb-pill\">\r\n      <span class=\"wb-dot\"><\/span>\r\n      ENTERPRISE-GRADE COMPLIANCE\r\n    <\/div>\r\n\r\n    <!-- Heading -->\r\n    <h2 class=\"wb-title\">\r\n      Webtel ensures seamless integration<br>and robust security standards\r\n    <\/h2>\r\n\r\n    <!-- 10 Cards Grid -->\r\n    <div class=\"wb-grid\">\r\n\r\n      <!-- Card 1 -->\r\n      <div class=\"wb-card\">\r\n        <div class=\"wb-icon\">\ud83d\udee1\ufe0f<\/div>\r\n        <div class=\"wb-card-title\">IP whitelisting<\/div>\r\n      <\/div>\r\n\r\n      <!-- Card 2 -->\r\n      <div class=\"wb-card\">\r\n        <div class=\"wb-icon\">\ud83d\udd12<\/div>\r\n        <div class=\"wb-card-title\">Secured HTTPS<\/div>\r\n      <\/div>\r\n\r\n      <!-- Card 3 -->\r\n      <div class=\"wb-card\">\r\n        <div class=\"wb-icon\">\ud83d\udd0c<\/div>\r\n        <div class=\"wb-card-title\">(C)API<br>Dry &amp; enriched APIs<\/div>\r\n      <\/div>\r\n\r\n      <!-- Card 4 -->\r\n      <div class=\"wb-card\">\r\n        <div class=\"wb-icon\">\ud83d\udd10<\/div>\r\n        <div class=\"wb-card-title\">TLS 1.2 supported<\/div>\r\n      <\/div>\r\n\r\n      <!-- Card 5 -->\r\n      <div class=\"wb-card\">\r\n        <div class=\"wb-icon\">\u2705<\/div>\r\n        <div class=\"wb-card-title\">Two-factor authentication<\/div>\r\n      <\/div>\r\n\r\n      <!-- Card 6 -->\r\n      <div class=\"wb-card\">\r\n        <div class=\"wb-icon\">\ud83c\udff7\ufe0f<\/div>\r\n        <div class=\"wb-card-title\">ISO 27001:2013<\/div>\r\n      <\/div>\r\n\r\n      <!-- Card 7 -->\r\n      <div class=\"wb-card\">\r\n        <div class=\"wb-icon\">\u2705<\/div>\r\n        <div class=\"wb-card-title\">ISO 9001:2015<\/div>\r\n      <\/div>\r\n\r\n      <!-- Card 8 -->\r\n      <div class=\"wb-card\">\r\n        <div class=\"wb-icon\">\u2699\ufe0f<\/div>\r\n        <div class=\"wb-card-title\">Client ID + Secret Code shared<\/div>\r\n      <\/div>\r\n\r\n      <!-- Card 9 -->\r\n      <div class=\"wb-card\">\r\n        <div class=\"wb-icon\">\ud83d\udd11<\/div>\r\n        <div class=\"wb-card-title\">256-bit SSL encryption<\/div>\r\n      <\/div>\r\n\r\n      <!-- Card 10 -->\r\n      <div class=\"wb-card\">\r\n        <div class=\"wb-icon\">\ud83c\udfc5<\/div>\r\n        <div class=\"wb-card-title\">VAPT certified<\/div>\r\n      <\/div>\r\n\r\n    <\/div>\r\n  <\/div>\r\n<\/section>\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-5fe1e37 e-flex e-con-boxed e-con e-parent\" data-id=\"5fe1e37\" 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-5e3b27d elementor-widget elementor-widget-html\" data-id=\"5e3b27d\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- ============================================================\r\n     WEBTEL \"VOICES THAT SPEAK VOLUMES\" \u2014 LIGHT THEME\r\n     White background + dark cards with white text (exactly as requested)\r\n     ============================================================ -->\r\n<style>\r\n\/* \u2500\u2500 Reset \u2500\u2500 *\/\r\n#wb-testimonials *{box-sizing:border-box;margin:0;padding:0}\r\n#wb-testimonials a{text-decoration:none}\r\n\r\n\/* \u2500\u2500 Section \u2500\u2500 *\/\r\n#wb-testimonials{\r\n  position:relative;\r\n  overflow:hidden;\r\n  padding:100px 32px 90px;\r\n  background:#ffffff;\r\n}\r\n\r\n\/* \u2500\u2500 Orbs (subtle) \u2500\u2500 *\/\r\n#wb-testimonials .wb-orb-1{\r\n  position:absolute;top:-120px;left:5%;\r\n  width:480px;height:480px;\r\n  background:radial-gradient(circle,rgba(99,102,241,0.08),transparent 70%);\r\n  border-radius:50%;filter:blur(40px);pointer-events:none;z-index:0;\r\n}\r\n\r\n\/* \u2500\u2500 Inner \u2500\u2500 *\/\r\n#wb-testimonials .wb-inner{\r\n  position:relative;z-index:2;\r\n  max-width:1280px;margin:0 auto;width:100%;\r\n  text-align:center;\r\n}\r\n\r\n\/* \u2500\u2500 Pill \u2500\u2500 *\/\r\n#wb-testimonials .wb-pill{\r\n  display:inline-flex;align-items:center;gap:8px;\r\n  background:#f0f0ff;border-radius:9999px;\r\n  padding:8px 24px;font-size:13px;font-weight:500;color:#4338ca;\r\n  margin-bottom:16px;\r\n}\r\n#wb-testimonials .wb-dot{\r\n  width:7px;height:7px;background:#6366f1;border-radius:50%;\r\n}\r\n\r\n\/* \u2500\u2500 Heading \u2500\u2500 *\/\r\n#wb-testimonials .wb-title{\r\n  font-size:clamp(36px,5vw,52px);font-weight:800;\r\n  line-height:1.1;letter-spacing:-0.03em;color:#0f1126;\r\n  margin-bottom:64px;\r\n}\r\n#wb-testimonials .wb-title span{\r\n  background:linear-gradient(90deg,#3cc5ff 0%,#3f66ff 50%,#6366f1 100%);\r\n  -webkit-background-clip:text;background-clip:text;\r\n  -webkit-text-fill-color:transparent;\r\n}\r\n\r\n\/* \u2500\u2500 Testimonials Grid \u2500\u2500 *\/\r\n#wb-testimonials .wb-grid{\r\n  display:grid;\r\n  grid-template-columns:repeat(auto-fit, minmax(520px, 1fr));\r\n  gap:24px;\r\n}\r\n#wb-testimonials .wb-card{\r\n  background:#0f1126;\r\n  color:#fff;\r\n  border-radius:24px;\r\n  padding:40px;\r\n  text-align:left;\r\n  box-shadow:0 15px 40px rgba(15,17,38,.15);\r\n  transition:all .3s cubic-bezier(0.4,0,0.2,1);\r\n}\r\n#wb-testimonials .wb-card:hover{\r\n  transform:translateY(-8px);\r\n}\r\n#wb-testimonials .wb-quote{\r\n  font-size:22px;\r\n  line-height:1.45;\r\n  margin-bottom:32px;\r\n  font-style:italic;\r\n}\r\n#wb-testimonials .wb-author{\r\n  display:flex;align-items:center;gap:14px;\r\n}\r\n#wb-testimonials .wb-avatar{\r\n  width:48px;height:48px;\r\n  border-radius:50%;\r\n  background:#1e2238;\r\n  display:flex;\r\n  align-items:center;\r\n  justify-content:center;\r\n  font-weight:700;\r\n  font-size:17px;\r\n  color:#6366f1;\r\n}\r\n#wb-testimonials .wb-name{\r\n  font-weight:600;\r\n  font-size:16px;\r\n}\r\n#wb-testimonials .wb-designation{\r\n  font-size:14px;\r\n  color:#a5b4fc;\r\n  line-height:1.3;\r\n}\r\n\r\n\/* Responsive *\/\r\n@media(max-width:1100px){\r\n  #wb-testimonials .wb-grid{grid-template-columns:1fr}\r\n}\r\n<\/style>\r\n\r\n<section id=\"wb-testimonials\">\r\n  <div class=\"wb-orb-1\"><\/div>\r\n  \r\n  <div class=\"wb-inner\">\r\n    \r\n    <!-- Pill -->\r\n    <div class=\"wb-pill\">\r\n      <span class=\"wb-dot\"><\/span>\r\n      CUSTOMER VOICES\r\n    <\/div>\r\n\r\n    <!-- Heading -->\r\n    <h2 class=\"wb-title\">\r\n      Voices that <span>speak volumes<\/span>\r\n    <\/h2>\r\n\r\n    <!-- Grid -->\r\n    <div class=\"wb-grid\">\r\n\r\n      <!-- Testimonial 1 -->\r\n      <div class=\"wb-card\">\r\n        <div class=\"wb-quote\">\r\n          \u201cWe are thrilled with our experience working with Webtel Electrosoft on the successful SAP End-to-End Integration (HANA) and Digitra application integration at Golden Chicken Farms. Their professionalism, technical expertise, and support were crucial in ensuring smooth compliance with ZATCA\u2019s e-invoicing regulations. We look forward to continuing this fruitful partnership.\u201d\r\n        <\/div>\r\n        <div class=\"wb-author\">\r\n          <div class=\"wb-avatar\">PU<\/div>\r\n          <div>\r\n            <div class=\"wb-name\">P.N. Uday Kumar<\/div>\r\n            <div class=\"wb-designation\">SAP Subject Matter Expert \u2022 Golden Chicken Farms<\/div>\r\n          <\/div>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <!-- Testimonial 2 -->\r\n      <div class=\"wb-card\">\r\n        <div class=\"wb-quote\">\r\n          \u201cWebtel\u2019s expertise in SAP End-to-End Integration enabled us to go live ahead of schedule, and their support in ensuring compliance with ZATCA\u2019s e-invoicing regulations was invaluable. Their proactive approach, technical precision, and continued support during the hypercare phase helped us meet all regulatory deadlines with confidence.\u201d\r\n        <\/div>\r\n        <div class=\"wb-author\">\r\n          <div class=\"wb-avatar\">MM<\/div>\r\n          <div>\r\n            <div class=\"wb-name\">Misbahuddin Mohammed<\/div>\r\n            <div class=\"wb-designation\">SAP HCM and ABAP Consultant \u2022 DETASAD<\/div>\r\n          <\/div>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <!-- Testimonial 3 -->\r\n      <div class=\"wb-card\">\r\n        <div class=\"wb-quote\">\r\n          \u201cFrom the outset, Webtel\u2019s professionalism and expertise exceeded expectations. The integration of Oracle Fusion with ZATCA into our ERP system was smooth, with no disruptions, ensuring full compliance with ZATCA requirements. Their attention to detail and excellent customer service made this project a success.\u201d\r\n        <\/div>\r\n        <div class=\"wb-author\">\r\n          <div class=\"wb-avatar\">N<\/div>\r\n          <div>\r\n            <div class=\"wb-name\">Naresh<\/div>\r\n            <div class=\"wb-designation\">Oracle IT, Finance Project Manager \u2022 Integral<\/div>\r\n          <\/div>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <!-- Testimonial 4 -->\r\n      <div class=\"wb-card\">\r\n        <div class=\"wb-quote\">\r\n          \u201cWe extend our sincere gratitude to the Webtel team for their dedicated support in ZATCA e-invoicing. With the 1st July 2023 deadline approaching, Webtel worked tirelessly to complete the project ahead of schedule. They expertly integrated e-invoicing with Oracle EBS, tailored to our complex business needs and in full compliance with ZATCA guidelines.\u201d\r\n        <\/div>\r\n        <div class=\"wb-author\">\r\n          <div class=\"wb-avatar\">HK<\/div>\r\n          <div>\r\n            <div class=\"wb-name\">Hassan Karawya<\/div>\r\n            <div class=\"wb-designation\">Financial Applications Consultant \u2022 PM \u2022 ADES<\/div>\r\n          <\/div>\r\n        <\/div>\r\n      <\/div>\r\n\r\n    <\/div>\r\n  <\/div>\r\n<\/section>\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-238b380 e-flex e-con-boxed e-con e-parent\" data-id=\"238b380\" 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-f8d3e70 elementor-widget elementor-widget-html\" data-id=\"f8d3e70\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- ============================================================\r\n     WEBTEL BLOG SECTION \u2014 \"Thoughts that lead, insights that inspire\"\r\n     Perfectly matches your latest screenshot\r\n     ============================================================ -->\r\n<style>\r\n\/* \u2500\u2500 Reset \u2500\u2500 *\/\r\n#wb-blog-section *{box-sizing:border-box;margin:0;padding:0}\r\n#wb-blog-section a{text-decoration:none}\r\n\r\n\/* \u2500\u2500 Section \u2500\u2500 *\/\r\n#wb-blog-section{\r\n  position:relative;\r\n  overflow:hidden;\r\n  padding:100px 32px 90px;\r\n  background:linear-gradient(135deg,#f8f9ff 0%,#eef1fb 100%);\r\n}\r\n\r\n\/* \u2500\u2500 Orbs \u2500\u2500 *\/\r\n#wb-blog-section .wb-orb-1{\r\n  position:absolute;top:-180px;left:8%;\r\n  width:580px;height:580px;\r\n  background:radial-gradient(circle,rgba(99,102,241,0.17),transparent 65%);\r\n  border-radius:50%;filter:blur(28px);pointer-events:none;z-index:0;\r\n}\r\n#wb-blog-section .wb-orb-2{\r\n  position:absolute;top:-80px;right:6%;\r\n  width:480px;height:480px;\r\n  background:radial-gradient(circle,rgba(60,197,255,0.17),transparent 65%);\r\n  border-radius:50%;filter:blur(28px);pointer-events:none;z-index:0;\r\n}\r\n\r\n\/* \u2500\u2500 Inner \u2500\u2500 *\/\r\n#wb-blog-section .wb-inner{\r\n  position:relative;z-index:2;\r\n  max-width:1280px;margin:0 auto;width:100%;\r\n}\r\n\r\n\/* \u2500\u2500 Top Header \u2500\u2500 *\/\r\n#wb-blog-section .wb-header{\r\n  display:flex;\r\n  justify-content:space-between;\r\n  align-items:flex-start;\r\n  margin-bottom:48px;\r\n  flex-wrap:wrap;\r\n  gap:20px;\r\n}\r\n#wb-blog-section .wb-pill{\r\n  display:inline-flex;align-items:center;gap:8px;\r\n  background:#f0f0ff;border-radius:9999px;\r\n  padding:7px 18px;font-size:13px;font-weight:500;color:#4338ca;\r\n}\r\n#wb-blog-section .wb-dot{\r\n  width:7px;height:7px;background:#6366f1;border-radius:50%;\r\n  animation:wbPulse 2s infinite;\r\n}\r\n@keyframes wbPulse{0%,100%{opacity:1}50%{opacity:.35}}\r\n\r\n#wb-blog-section .wb-title{\r\n  font-size:clamp(32px,4.8vw,48px);font-weight:800;\r\n  line-height:1.1;letter-spacing:-0.03em;color:#0f1126;\r\n}\r\n#wb-blog-section .wb-subtitle{\r\n  font-size:17px;color:#4f5468;margin-top:8px;\r\n}\r\n#wb-blog-section .wb-view-all{\r\n  color:#3f66ff;font-weight:600;font-size:16px;\r\n  display:flex;align-items:center;gap:6px;\r\n  white-space:nowrap;\r\n}\r\n\r\n\/* \u2500\u2500 Blog Cards \u2500\u2500 *\/\r\n#wb-blog-section .wb-cards{\r\n  display:grid;\r\n  grid-template-columns:repeat(auto-fit, minmax(360px, 1fr));\r\n  gap:24px;\r\n}\r\n#wb-blog-section .wb-card{\r\n  background:#fff;\r\n  border-radius:24px;\r\n  overflow:hidden;\r\n  box-shadow:0 10px 40px rgba(15,17,38,.08);\r\n  transition:all .3s cubic-bezier(0.4,0,0.2,1);\r\n}\r\n#wb-blog-section .wb-card:hover{\r\n  transform:translateY(-10px);\r\n  box-shadow:0 20px 50px rgba(15,17,38,.12);\r\n}\r\n\r\n\/* Gradient Top *\/\r\n#wb-blog-section .wb-card-header{\r\n  height:140px;\r\n  background:linear-gradient(135deg,#3cc5ff,#6366f1);\r\n  display:flex;\r\n  align-items:center;\r\n  justify-content:center;\r\n  color:#fff;\r\n  font-size:13px;\r\n  font-weight:600;\r\n  letter-spacing:0.5px;\r\n  text-transform:uppercase;\r\n}\r\n#wb-blog-section .wb-card-2 .wb-card-header{\r\n  background:linear-gradient(135deg,#6366f1,#8b5cf6);\r\n}\r\n#wb-blog-section .wb-card-3 .wb-card-header{\r\n  background:linear-gradient(135deg,#8b5cf6,#a855f7);\r\n}\r\n\r\n\/* Card Content *\/\r\n#wb-blog-section .wb-card-body{\r\n  padding:28px;\r\n}\r\n#wb-blog-section .wb-card-title{\r\n  font-size:22px;\r\n  font-weight:700;\r\n  color:#0f1126;\r\n  line-height:1.3;\r\n  margin-bottom:14px;\r\n}\r\n#wb-blog-section .wb-card-desc{\r\n  font-size:16px;\r\n  line-height:1.65;\r\n  color:#4f5468;\r\n  margin-bottom:24px;\r\n}\r\n#wb-blog-section .wb-card-footer{\r\n  display:flex;\r\n  justify-content:space-between;\r\n  align-items:center;\r\n  font-size:14px;\r\n  color:#64748b;\r\n}\r\n#wb-blog-section .wb-read-more{\r\n  color:#3f66ff;\r\n  font-weight:600;\r\n  display:flex;\r\n  align-items:center;\r\n  gap:4px;\r\n}\r\n\r\n\/* Responsive *\/\r\n@media(max-width:1024px){\r\n  #wb-blog-section .wb-header{justify-content:center;text-align:center}\r\n}\r\n<\/style>\r\n\r\n<section id=\"wb-blog-section\">\r\n  <div class=\"wb-orb-1\"><\/div>\r\n  <div class=\"wb-orb-2\"><\/div>\r\n  \r\n  <div class=\"wb-inner\">\r\n    \r\n    <!-- Header -->\r\n    <div class=\"wb-header\">\r\n      <div>\r\n        <div class=\"wb-pill\">\r\n          <span class=\"wb-dot\"><\/span>\r\n          FROM THE BLOG\r\n        <\/div>\r\n        <h2 class=\"wb-title\">Thoughts that lead,<br>insights that inspire<\/h2>\r\n        <p class=\"wb-subtitle\">Latest trends, updates, and best practices through our curated blog articles.<\/p>\r\n      <\/div>\r\n      <a href=\"#\" class=\"wb-view-all\">View all posts \u2192<\/a>\r\n    <\/div>\r\n\r\n    <!-- Cards -->\r\n    <div class=\"wb-cards\">\r\n\r\n      <!-- Card 1 -->\r\n      <div class=\"wb-card wb-card-1\">\r\n        <div class=\"wb-card-header\">E-INVOICING IN MIDDLE EAST<\/div>\r\n        <div class=\"wb-card-body\">\r\n          <h3 class=\"wb-card-title\">UAE\u2019s E-Invoicing Mandate 2026<\/h3>\r\n          <p class=\"wb-card-desc\">A comprehensive guide for businesses navigating the FTA roadmap, peppol PINT standard, and what to do in the next 12 months.<\/p>\r\n          <div class=\"wb-card-footer\">\r\n            <span>8 min read<\/span>\r\n            <a href=\"#\" class=\"wb-read-more\">Read \u2192<\/a>\r\n          <\/div>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <!-- Card 2 -->\r\n      <div class=\"wb-card wb-card-2\">\r\n        <div class=\"wb-card-header\">SAP ERP MANAGEMENT<\/div>\r\n        <div class=\"wb-card-body\">\r\n          <h3 class=\"wb-card-title\">Difference between SAP S\/4HANA and SAP ECC<\/h3>\r\n          <p class=\"wb-card-desc\">Architecture, data model, fiori UX, and migration paths \u2014 broken down for finance and IT leadership making the call.<\/p>\r\n          <div class=\"wb-card-footer\">\r\n            <span>12 min read<\/span>\r\n            <a href=\"#\" class=\"wb-read-more\">Read \u2192<\/a>\r\n          <\/div>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <!-- Card 3 -->\r\n      <div class=\"wb-card wb-card-3\">\r\n        <div class=\"wb-card-header\">E-INVOICING IN SOUTH-EAST ASIA<\/div>\r\n        <div class=\"wb-card-body\">\r\n          <h3 class=\"wb-card-title\">Navigating Phase 2 of E-Invoicing in Malaysia<\/h3>\r\n          <p class=\"wb-card-desc\">A guide for medium-sized enterprises (MSEs) \u2014 implementation timeline, MyInvois validation rules, and ERP integration playbook.<\/p>\r\n          <div class=\"wb-card-footer\">\r\n            <span>10 min read<\/span>\r\n            <a href=\"#\" class=\"wb-read-more\">Read \u2192<\/a>\r\n          <\/div>\r\n        <\/div>\r\n      <\/div>\r\n\r\n    <\/div>\r\n  <\/div>\r\n<\/section>\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-6006ca8 e-flex e-con-boxed e-con e-parent\" data-id=\"6006ca8\" 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-670201b elementor-widget elementor-widget-html\" data-id=\"670201b\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- ============================================================\r\n     WEBTEL FINAL CTA SECTION \u2014 \"Ready to revolutionize your business?\"\r\n     Dark background + ALL text in pure white (as requested)\r\n     ============================================================ -->\r\n<style>\r\n\/* \u2500\u2500 Reset \u2500\u2500 *\/\r\n#wb-final-cta *{box-sizing:border-box;margin:0;padding:0}\r\n#wb-final-cta a{text-decoration:none}\r\n#wb-final-cta button{font-family:inherit;cursor:pointer}\r\n\r\n\/* \u2500\u2500 Section \u2500\u2500 *\/\r\n#wb-final-cta{\r\n  position:relative;\r\n  overflow:hidden;\r\n  padding:120px 32px 100px;\r\n  background:linear-gradient(135deg,#0f1126 0%,#1a1f38 100%);\r\n  color:#fff;\r\n  text-align:center;\r\n}\r\n\r\n\/* \u2500\u2500 Subtle orb glow \u2500\u2500 *\/\r\n#wb-final-cta .wb-orb{\r\n  position:absolute;\r\n  width:620px;height:620px;\r\n  background:radial-gradient(circle,rgba(63,102,255,0.25),transparent 70%);\r\n  border-radius:50%;filter:blur(60px);pointer-events:none;z-index:0;\r\n}\r\n#wb-final-cta .wb-orb-1{top:-200px;left:-10%;}\r\n#wb-final-cta .wb-orb-2{bottom:-180px;right:-10%;}\r\n\r\n\/* \u2500\u2500 Content \u2500\u2500 *\/\r\n#wb-final-cta .wb-inner{\r\n  position:relative;z-index:2;\r\n  max-width:920px;margin:0 auto;\r\n}\r\n\r\n\/* \u2500\u2500 Top Pill \u2500\u2500 *\/\r\n#wb-final-cta .wb-pill{\r\n  display:inline-flex;align-items:center;gap:8px;\r\n  background:rgba(255,255,255,0.1);\r\n  color:#fff;\r\n  font-size:13px;font-weight:500;\r\n  padding:8px 24px;border-radius:9999px;\r\n  margin-bottom:24px;\r\n}\r\n#wb-final-cta .wb-dot{\r\n  width:7px;height:7px;background:#3cc5ff;border-radius:50%;\r\n}\r\n\r\n\/* \u2500\u2500 Heading \u2500\u2500 *\/\r\n#wb-final-cta .wb-title{\r\n  font-size:clamp(42px,6vw,62px);font-weight:800;\r\n  line-height:1.05;letter-spacing:-0.04em;\r\n  color:#fff;\r\n  margin-bottom:24px;\r\n}\r\n\r\n\/* \u2500\u2500 Subtitle \u2500\u2500 *\/\r\n#wb-final-cta .wb-subtitle{\r\n  font-size:19px;\r\n  line-height:1.6;\r\n  color:#e0e7ff;\r\n  max-width:680px;\r\n  margin:0 auto 40px;\r\n}\r\n\r\n\/* \u2500\u2500 Button + Link \u2500\u2500 *\/\r\n#wb-final-cta .wb-cta-row{\r\n  display:flex;\r\n  align-items:center;\r\n  justify-content:center;\r\n  gap:24px;\r\n  flex-wrap:wrap;\r\n  margin-bottom:60px;\r\n}\r\n#wb-final-cta .wb-btn{\r\n  background:#fff;\r\n  color:#0f1126;\r\n  border:none;\r\n  border-radius:9999px;\r\n  padding:18px 40px;\r\n  font-size:17px;\r\n  font-weight:600;\r\n  transition:all .3s;\r\n}\r\n#wb-final-cta .wb-btn:hover{\r\n  background:#3cc5ff;\r\n  transform:translateY(-3px);\r\n}\r\n#wb-final-cta .wb-link{\r\n  color:#fff;\r\n  font-size:17px;\r\n  font-weight:600;\r\n  display:flex;\r\n  align-items:center;\r\n  gap:8px;\r\n}\r\n#wb-final-cta .wb-link:hover{\r\n  color:#3cc5ff;\r\n}\r\n\r\n\/* \u2500\u2500 Trust Signals \u2500\u2500 *\/\r\n#wb-final-cta .wb-trust{\r\n  display:flex;\r\n  justify-content:center;\r\n  gap:32px;\r\n  flex-wrap:wrap;\r\n  font-size:15px;\r\n  color:#a5b4fc;\r\n}\r\n#wb-final-cta .wb-trust span{\r\n  display:flex;\r\n  align-items:center;\r\n  gap:6px;\r\n}\r\n\r\n\/* Responsive *\/\r\n@media(max-width:640px){\r\n  #wb-final-cta .wb-cta-row{flex-direction:column}\r\n}\r\n<\/style>\r\n\r\n<section id=\"wb-final-cta\">\r\n  <div class=\"wb-orb wb-orb-1\"><\/div>\r\n  <div class=\"wb-orb wb-orb-2\"><\/div>\r\n  \r\n  <div class=\"wb-inner\">\r\n    \r\n    <!-- Top Pill -->\r\n    <div class=\"wb-pill\">\r\n      <span class=\"wb-dot\"><\/span>\r\n      YOUR GLOBAL PARTNER, WHEREVER YOU ARE\r\n    <\/div>\r\n\r\n    <!-- Main Heading -->\r\n    <h2 class=\"wb-title\">\r\n      Ready to revolutionize<br>your business?\r\n    <\/h2>\r\n\r\n    <!-- Subtitle -->\r\n    <p class=\"wb-subtitle\">\r\n      Talk to a senior consultant \u2014 no juniors, no scripts. We\u2019ll be direct<br>\r\n      about whether we\u2019re the right fit for you.\r\n    <\/p>\r\n\r\n    <!-- CTA Buttons -->\r\n    <div class=\"wb-cta-row\">\r\n      <button onclick=\"wbBookDemo()\" class=\"wb-btn\">\r\n        Book A Demo\r\n      <\/button>\r\n      <a href=\"#\" onclick=\"event.preventDefault();wbTalkToConsultant()\" class=\"wb-link\">\r\n        or talk to a consultant \u2192\r\n      <\/a>\r\n    <\/div>\r\n\r\n    <!-- Trust Signals -->\r\n    <div class=\"wb-trust\">\r\n      <span>45 min \u00b7 Free<\/span>\r\n      <span>100% confidential<\/span>\r\n      <span>Senior consultant \u2014 no juniors<\/span>\r\n    <\/div>\r\n  <\/div>\r\n<\/section>\r\n\r\n<script>\r\nwindow.wbBookDemo = function(){\r\n  const anchor = document.getElementById('wb-form-anchor') || document.getElementById('wb-hero-section');\r\n  if(anchor) anchor.scrollIntoView({behavior:'smooth'});\r\n  else alert(\"\u2705 Demo booking flow opened (connect to your form)\");\r\n};\r\n\r\nwindow.wbTalkToConsultant = function(){\r\n  alert(\"Thank you! A senior consultant will reach out shortly.\");\r\n};\r\n\r\n\/* Initialize *\/\r\ndocument.addEventListener('DOMContentLoaded', function(){\r\n  console.log('%c\u2705 Final CTA Section ready \u2014 dark background with white text', 'color:#3cc5ff;font-weight:700');\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\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>SAP Silver Partner \u00b7 24+ yrs \u00b7 80,000+ businesses worldwide Digital Ecosystem for Enterprise Excellence For over two decades, Webtel has been at the forefront of compliance innovation &amp; enterprise solutions, empowering businesses to navigate complexities. We are on a mission to create a digitally connected ecosystem that enables informed decision-making, sustainable growth, and seamless [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_header_footer","meta":{"footnotes":""},"class_list":["post-8","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/cms.rubik-webtel.in\/wp-json\/wp\/v2\/pages\/8","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/cms.rubik-webtel.in\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/cms.rubik-webtel.in\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/cms.rubik-webtel.in\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/cms.rubik-webtel.in\/wp-json\/wp\/v2\/comments?post=8"}],"version-history":[{"count":10,"href":"https:\/\/cms.rubik-webtel.in\/wp-json\/wp\/v2\/pages\/8\/revisions"}],"predecessor-version":[{"id":754,"href":"https:\/\/cms.rubik-webtel.in\/wp-json\/wp\/v2\/pages\/8\/revisions\/754"}],"wp:attachment":[{"href":"https:\/\/cms.rubik-webtel.in\/wp-json\/wp\/v2\/media?parent=8"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}