{"id":20485,"date":"2026-08-02T17:14:49","date_gmt":"2026-08-02T11:44:49","guid":{"rendered":"https:\/\/aspiredigitalsolutions.in\/?page_id=20485"},"modified":"2026-08-05T17:58:08","modified_gmt":"2026-08-05T12:28:08","slug":"company-facts","status":"publish","type":"page","link":"https:\/\/aspiredigitalsolutions.in\/ar\/company-facts\/","title":{"rendered":"Company-Facts"},"content":{"rendered":"<div data-elementor-type=\"wp-page\" data-elementor-id=\"20485\" class=\"elementor elementor-20485\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-4400e57 e-con-full e-flex e-con e-parent\" data-id=\"4400e57\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-6dc5666 elementor-widget elementor-widget-html\" data-id=\"6dc5666\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!-- ============================================================\r\n     ASPIRE DIGITAL SOLUTIONS \u2014 COMPANY FACTS & IDENTITY\r\n     Light centered layout \u00b7 Elementor WordPress HTML Widget\r\n     Center focal = official logo (download.png)\r\n     ============================================================ -->\r\n\r\n<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\r\n<link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\r\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Poppins:wght@300;400;500;600;700;800&display=swap\" rel=\"stylesheet\">\r\n\r\n<script src=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/gsap\/3.12.2\/gsap.min.js\"><\/script>\r\n\r\n<style>\r\n#ads-facts {\r\n  --blue: #536dfe;\r\n  --blue-dk: #3b52d4;\r\n  --blue-sf: rgba(83,109,254,0.10);\r\n  --pink: #ff6b81;\r\n  --ink: #0d1225;\r\n  --ink-2: #545c73;\r\n  --ink-3: #7c8496;\r\n  --line: rgba(13,18,37,0.08);\r\n  --glass: rgba(255,255,255,0.78);\r\n  --grad: linear-gradient(135deg, #536dfe 0%, #ff6b81 100%);\r\n  --r-lg: 26px;\r\n  --r-md: 20px;\r\n\r\n  font-family: 'Poppins', sans-serif;\r\n  position: relative;\r\n  width: 100%;\r\n  \/* INCREASED TOP PADDING FROM 84px TO 160px to clear fixed headers *\/\r\n  padding: 160px 5% 64px;\r\n  background: #fcfcff;\r\n  color: var(--ink);\r\n  overflow: hidden;\r\n  box-sizing: border-box;\r\n  isolation: isolate;\r\n}\r\n#ads-facts *, #ads-facts *::before, #ads-facts *::after { box-sizing: border-box; }\r\n#ads-facts p { margin: 0; }\r\n\r\n\/* ---------- Background decor ---------- *\/\r\n#ads-facts .lh-wash {\r\n  position: absolute; inset: 0; z-index: 0; pointer-events: none;\r\n  background:\r\n    radial-gradient(circle 640px at 84% 22%, rgba(255,107,129,0.15) 0%, transparent 64%),\r\n    radial-gradient(circle 580px at 12% 34%, rgba(83,109,254,0.13) 0%, transparent 64%),\r\n    radial-gradient(circle 520px at 50% 52%, rgba(167,139,250,0.12) 0%, transparent 70%);\r\n}\r\n\/* Corner dot grids (shifted down to match new padding) *\/\r\n#ads-facts .lh-dots {\r\n  position: absolute; z-index: 1; pointer-events: none;\r\n  width: 132px; height: 132px; opacity: .5;\r\n  background-image: radial-gradient(rgba(83,109,254,0.38) 1.6px, transparent 1.6px);\r\n  background-size: 17px 17px;\r\n}\r\n#ads-facts .d-tl { top: 250px;  left: 2.5%; }\r\n#ads-facts .d-tr { top: 228px;  right: 2.5%; background-image: radial-gradient(rgba(255,107,129,0.36) 1.6px, transparent 1.6px); }\r\n#ads-facts .d-bl { bottom: 30%; left: 4%;   background-image: radial-gradient(rgba(255,107,129,0.30) 1.6px, transparent 1.6px); }\r\n\r\n\/* Dashed guide arrows *\/\r\n#ads-facts .lh-arrow { position: absolute; z-index: 2; pointer-events: none; color: rgba(83,109,254,0.42); }\r\n#ads-facts .lh-arrow path { fill: none; stroke: currentColor; stroke-width: 1.6; stroke-dasharray: 5 6; stroke-linecap: round; }\r\n#ads-facts .lh-arrow polygon { fill: currentColor; }\r\n#ads-facts .a-r { top: 120px;  right: -8px; color: rgba(83,109,254,0.45); }\r\n#ads-facts .a-l { bottom: 6%; left: -6px; color: rgba(255,107,129,0.45); transform: scaleX(-1); }\r\n\r\n#ads-facts .lh-inner { position: relative; z-index: 4; max-width: 1180px; margin: 0 auto; }\r\n\r\n\/* ---------- Headline ---------- *\/\r\n#ads-facts .lh-top { text-align: center; max-width: 860px; margin: 0 auto; }\r\n\r\n#ads-facts .lh-eyebrow {\r\n  display: inline-flex; align-items: center; gap: 10px;\r\n  background: #fff; border: 1px solid var(--line);\r\n  padding: 6px 18px 6px 6px; border-radius: 100px;\r\n  font-size: 12px; font-weight: 600; letter-spacing: .3px;\r\n  color: var(--ink-2); margin-bottom: 24px;\r\n  box-shadow: 0 6px 20px rgba(13,18,37,0.06);\r\n}\r\n#ads-facts .lh-eyebrow-ico {\r\n  width: 26px; height: 26px; border-radius: 50%; flex-shrink: 0;\r\n  display: inline-flex; align-items: center; justify-content: center;\r\n  background: var(--grad); color: #fff;\r\n}\r\n\r\n#ads-facts .lh-h1 {\r\n  font-size: clamp(31px, 4.6vw, 56px);\r\n  font-weight: 700; line-height: 1.12; letter-spacing: -1.6px;\r\n  margin: 0 0 22px; color: var(--ink);\r\n}\r\n#ads-facts .lh-l2 {\r\n  display: inline-flex; align-items: center; flex-wrap: wrap;\r\n  justify-content: center; gap: 14px;\r\n}\r\n\/* Inline logo chip \u2014 wordmark logo, so a rounded pill (not a circle) *\/\r\n#ads-facts .lh-mark {\r\n  display: inline-flex; align-items: center; justify-content: center;\r\n  height: clamp(38px, 4.4vw, 54px);\r\n  padding: 0 14px; border-radius: 14px; flex-shrink: 0;\r\n  background: #fff; border: 1px solid rgba(83,109,254,0.22);\r\n  box-shadow: 0 8px 22px rgba(83,109,254,0.16);\r\n  vertical-align: middle;\r\n}\r\n#ads-facts .lh-mark img {\r\n  height: clamp(17px, 2vw, 24px); width: auto; display: block; object-fit: contain;\r\n}\r\n#ads-facts .lh-grad {\r\n  background: var(--grad);\r\n  -webkit-background-clip: text; background-clip: text;\r\n  -webkit-text-fill-color: transparent;\r\n}\r\n#ads-facts .lh-sub {\r\n  font-size: clamp(14px, 1.15vw, 15.5px);\r\n  font-weight: 400; line-height: 1.8; color: var(--ink-2);\r\n  margin: 0 auto; max-width: 620px;\r\n}\r\n\r\n\/* ---------- CTA ---------- *\/\r\n#ads-facts .lh-cta-wrap {\r\n  display: flex; align-items: center; justify-content: center;\r\n  gap: 10px; margin-top: 30px;\r\n}\r\n#ads-facts .lh-btn {\r\n  display: inline-flex; align-items: center; gap: 10px;\r\n  background: var(--blue); color: #fff;\r\n  font-family: 'Poppins', sans-serif;\r\n  font-size: 13.5px; font-weight: 600; letter-spacing: .2px;\r\n  padding: 13px 28px; border-radius: 100px;\r\n  border: none; cursor: pointer; text-decoration: none; min-height: 46px;\r\n  box-shadow: 0 10px 26px rgba(83,109,254,0.34);\r\n  transition: background .22s ease, transform .22s ease, box-shadow .22s ease;\r\n  white-space: nowrap;\r\n}\r\n#ads-facts .lh-btn:hover {\r\n  background: var(--blue-dk); transform: translateY(-2px);\r\n  box-shadow: 0 14px 34px rgba(83,109,254,0.44);\r\n}\r\n#ads-facts .lh-btn-round {\r\n  width: 46px; height: 46px; border-radius: 50%; flex-shrink: 0;\r\n  display: inline-flex; align-items: center; justify-content: center;\r\n  background: var(--blue); color: #fff;\r\n  border: none; cursor: pointer; text-decoration: none;\r\n  box-shadow: 0 10px 26px rgba(83,109,254,0.34);\r\n  transition: background .22s ease, transform .22s ease;\r\n}\r\n#ads-facts .lh-btn-round:hover { background: var(--blue-dk); transform: translateY(-2px) rotate(-45deg); }\r\n#ads-facts a:focus-visible { outline: 3px solid var(--blue); outline-offset: 3px; border-radius: 8px; }\r\n\r\n\/* ---------- Stage: cards | logo | cards ---------- *\/\r\n#ads-facts .lh-stage {\r\n  position: relative; z-index: 4;\r\n  display: grid;\r\n  grid-template-columns: minmax(0,1fr) minmax(0,1.25fr) minmax(0,1fr);\r\n  align-items: center; gap: 20px;\r\n  margin-top: 44px;\r\n}\r\n#ads-facts .lh-col { display: flex; flex-direction: column; gap: 20px; }\r\n#ads-facts .lh-col-l { align-items: flex-start; }\r\n#ads-facts .lh-col-r { align-items: flex-end; }\r\n\r\n\/* Floating info cards *\/\r\n#ads-facts .lh-fc {\r\n  position: relative; width: 100%; max-width: 292px;\r\n  background: #fff; border: 1px solid var(--line);\r\n  border-radius: var(--r-md); padding: 17px 19px;\r\n  box-shadow: 0 14px 34px rgba(13,18,37,0.09), 0 2px 6px rgba(13,18,37,0.04);\r\n  transition: transform .32s cubic-bezier(.16,1,.3,1), box-shadow .32s ease;\r\n}\r\n#ads-facts .lh-fc:hover { transform: translateY(-6px); box-shadow: 0 22px 46px rgba(13,18,37,0.15); }\r\n#ads-facts .lh-col-l .lh-fc:nth-child(2) { transform: translateX(22px); }\r\n#ads-facts .lh-col-l .lh-fc:nth-child(2):hover { transform: translateX(22px) translateY(-6px); }\r\n#ads-facts .lh-col-r .lh-fc:nth-child(2) { transform: translateX(-22px); }\r\n#ads-facts .lh-col-r .lh-fc:nth-child(2):hover { transform: translateX(-22px) translateY(-6px); }\r\n\r\n#ads-facts .lh-fc-hd {\r\n  display: flex; align-items: center; gap: 9px;\r\n  padding-bottom: 12px; margin-bottom: 13px;\r\n  border-bottom: 1px solid var(--line);\r\n}\r\n#ads-facts .lh-fc-ico {\r\n  width: 27px; height: 27px; border-radius: 9px; flex-shrink: 0;\r\n  display: inline-flex; align-items: center; justify-content: center;\r\n  background: var(--blue-sf); color: var(--blue);\r\n}\r\n#ads-facts .lh-fc-t { font-size: 12.5px; font-weight: 600; color: var(--ink); letter-spacing: -.1px; }\r\n#ads-facts .lh-fc-dots { margin-left: auto; color: #c3c8d4; letter-spacing: 1.5px; font-size: 13px; line-height: 1; }\r\n\r\n#ads-facts .lh-row { display: flex; align-items: center; justify-content: space-between; gap: 12px; padding: 5px 0; }\r\n#ads-facts .lh-row-k { display: inline-flex; align-items: center; gap: 8px; font-size: 12px; color: var(--ink-2); }\r\n#ads-facts .lh-row-v { font-size: 12px; font-weight: 600; color: var(--ink); }\r\n#ads-facts .lh-swatch { width: 8px; height: 8px; border-radius: 50%; flex-shrink: 0; }\r\n\r\n#ads-facts .lh-fc-big { font-size: 27px; font-weight: 800; letter-spacing: -1.2px; line-height: 1.05; color: var(--ink); }\r\n#ads-facts .lh-fc-cap { font-size: 11px; font-weight: 500; color: var(--ink-3); margin-top: 4px; }\r\n#ads-facts .lh-delta {\r\n  display: inline-flex; align-items: center; gap: 4px;\r\n  font-size: 10.5px; font-weight: 700; padding: 3px 9px; border-radius: 100px;\r\n  background: rgba(83,109,254,0.10); color: var(--blue);\r\n}\r\n#ads-facts .lh-fc-flex { display: flex; align-items: flex-end; justify-content: space-between; gap: 10px; }\r\n\r\n\/* mini bars *\/\r\n#ads-facts .lh-bars { display: flex; align-items: flex-end; gap: 5px; height: 34px; }\r\n#ads-facts .lh-bars i { width: 7px; border-radius: 3px; background: var(--grad); opacity: .55; display: block; }\r\n#ads-facts .lh-bars i:last-child { opacity: 1; }\r\n\r\n\/* mini tiles *\/\r\n#ads-facts .lh-tiles { display: grid; grid-template-columns: repeat(3, 1fr); gap: 8px; }\r\n#ads-facts .lh-tile {\r\n  text-align: center; padding: 11px 5px; border-radius: 13px;\r\n  background: #f8f9fe; border: 1px solid var(--line);\r\n}\r\n#ads-facts .lh-tile svg { color: var(--blue); }\r\n#ads-facts .lh-tile:nth-child(2) svg { color: var(--pink); }\r\n#ads-facts .lh-tile span {\r\n  display: block; margin-top: 6px; font-size: 9.5px; font-weight: 600;\r\n  color: var(--ink-2); line-height: 1.3;\r\n}\r\n\r\n\/* ===== CENTER LOGO ===== *\/\r\n#ads-facts .lh-core { position: relative; display: flex; justify-content: center; padding: 6px; }\r\n#ads-facts .lh-core::before {\r\n  content: ''; position: absolute; top: 50%; left: 50%;\r\n  width: 118%; height: 118%; transform: translate(-50%, -50%);\r\n  border-radius: 50%;\r\n  background: radial-gradient(circle, rgba(83,109,254,0.24) 0%, rgba(255,107,129,0.12) 46%, transparent 72%);\r\n  filter: blur(34px); z-index: -1;\r\n}\r\n#ads-facts .lh-core-frame {\r\n  position: relative; width: 100%; max-width: 400px;\r\n  border-radius: 30px; padding: 3px;\r\n  background: var(--grad);\r\n  box-shadow: 0 26px 60px rgba(13,18,37,0.15);\r\n}\r\n#ads-facts .lh-core-inner {\r\n  display: flex; align-items: center; justify-content: center;\r\n  background: #fff; border-radius: 27px;\r\n  padding: clamp(30px, 5vw, 48px) clamp(22px, 4vw, 38px);\r\n  min-height: clamp(160px, 20vw, 210px);\r\n}\r\n#ads-facts .lh-core-img {\r\n  width: 100%; max-width: 300px; height: auto; display: block;\r\n  object-fit: contain;\r\n}\r\n#ads-facts .lh-core-tick {\r\n  position: absolute; bottom: -14px; left: 50%; transform: translateX(-50%);\r\n  display: inline-flex; align-items: center; gap: 7px;\r\n  padding: 7px 15px; border-radius: 100px; white-space: nowrap;\r\n  background: var(--blue); color: #fff;\r\n  font-size: 11px; font-weight: 600; letter-spacing: .3px;\r\n  border: 3px solid #fff;\r\n  box-shadow: 0 8px 22px rgba(83,109,254,0.34);\r\n}\r\n\r\n\/* Founder glass card under the logo *\/\r\n#ads-facts .lh-stat {\r\n  margin: 34px auto 0; width: max-content; max-width: 100%;\r\n  background: var(--glass);\r\n  backdrop-filter: blur(16px); -webkit-backdrop-filter: blur(16px);\r\n  border: 1px solid rgba(255,255,255,0.9);\r\n  border-radius: var(--r-md); padding: 13px 22px;\r\n  box-shadow: 0 16px 42px rgba(13,18,37,0.12);\r\n  display: flex; align-items: center; gap: 14px;\r\n}\r\n#ads-facts .lh-av {\r\n  width: 40px; height: 40px; border-radius: 50%; flex-shrink: 0;\r\n  display: flex; align-items: center; justify-content: center;\r\n  font-size: 13px; font-weight: 700; color: #fff; background: var(--grad);\r\n}\r\n#ads-facts .lh-stat-name { font-size: 14px; font-weight: 700; color: var(--ink); line-height: 1.3; }\r\n#ads-facts .lh-stat-role { font-size: 11.5px; color: var(--ink-2); margin-top: 2px; }\r\n#ads-facts .lh-stat-div { width: 1px; height: 32px; background: var(--line); flex-shrink: 0; }\r\n#ads-facts .lh-stat-num {\r\n  font-size: 22px; font-weight: 800; letter-spacing: -1px; line-height: 1;\r\n  background: var(--grad);\r\n  -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent;\r\n}\r\n#ads-facts .lh-stat-cap {\r\n  font-size: 9.5px; font-weight: 600; letter-spacing: .9px;\r\n  text-transform: uppercase; color: var(--ink-3); margin-top: 3px;\r\n}\r\n\r\n\/* ---------- Facts grid ---------- *\/\r\n#ads-facts .lh-grid {\r\n  position: relative; z-index: 4;\r\n  display: grid; grid-template-columns: repeat(4, 1fr); gap: 16px;\r\n  margin-top: 56px;\r\n}\r\n#ads-facts .lh-card {\r\n  position: relative; background: #fff;\r\n  border: 1px solid var(--line); border-radius: var(--r-lg);\r\n  padding: 26px; overflow: hidden;\r\n  box-shadow: 0 6px 20px rgba(13,18,37,0.05);\r\n  transition: transform .3s cubic-bezier(.16,1,.3,1), box-shadow .3s ease, border-color .3s ease;\r\n}\r\n#ads-facts .lh-card::after {\r\n  content: ''; position: absolute; top: 0; left: 0; right: 0; height: 2px;\r\n  background: var(--grad); opacity: 0; transition: opacity .3s ease;\r\n}\r\n#ads-facts .lh-card:hover {\r\n  transform: translateY(-4px);\r\n  box-shadow: 0 18px 40px rgba(13,18,37,0.10);\r\n  border-color: rgba(83,109,254,0.26);\r\n}\r\n#ads-facts .lh-card:hover::after { opacity: 1; }\r\n\r\n#ads-facts .lh-ico {\r\n  width: 42px; height: 42px; border-radius: 14px;\r\n  display: inline-flex; align-items: center; justify-content: center;\r\n  background: var(--blue-sf); border: 1px solid rgba(83,109,254,0.18);\r\n  color: var(--blue); margin-bottom: 17px;\r\n  transition: background .3s ease, color .3s ease, border-color .3s ease;\r\n}\r\n#ads-facts .lh-card:hover .lh-ico {\r\n  background: rgba(255,107,129,0.10);\r\n  border-color: rgba(255,107,129,0.24); color: var(--pink);\r\n}\r\n#ads-facts .lh-k {\r\n  font-size: 10.5px; font-weight: 700; letter-spacing: 1.2px;\r\n  text-transform: uppercase; color: var(--ink-3); margin-bottom: 8px;\r\n}\r\n#ads-facts .lh-v {\r\n  font-size: 17px; font-weight: 600; line-height: 1.4;\r\n  color: var(--ink); letter-spacing: -.3px;\r\n}\r\n#ads-facts .lh-note { font-size: 13px; line-height: 1.65; color: var(--ink-2); margin-top: 9px; }\r\n#ads-facts .span-2 { grid-column: span 2; }\r\n#ads-facts .span-4 { grid-column: span 4; }\r\n\r\n#ads-facts .lh-big {\r\n  font-size: clamp(38px, 4.6vw, 52px);\r\n  font-weight: 800; line-height: 1; letter-spacing: -2px; margin-bottom: 8px;\r\n  background: var(--grad);\r\n  -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent;\r\n}\r\n\r\n#ads-facts .lh-pills { display: flex; flex-wrap: wrap; gap: 9px; margin-top: 14px; }\r\n#ads-facts .lh-pill {\r\n  font-size: 13px; font-weight: 500; padding: 8px 17px; border-radius: 100px;\r\n  background: rgba(83,109,254,0.08); border: 1px solid rgba(83,109,254,0.20);\r\n  color: var(--ink-2);\r\n  transition: background .25s ease, color .25s ease, border-color .25s ease;\r\n}\r\n#ads-facts .lh-pill:hover {\r\n  background: rgba(255,107,129,0.10); border-color: rgba(255,107,129,0.26); color: var(--ink);\r\n}\r\n\r\n#ads-facts .lh-address .lh-v { font-size: 15px; font-weight: 500; line-height: 1.65; }\r\n#ads-facts .lh-map {\r\n  display: inline-flex; align-items: center; gap: 6px; margin-top: 16px;\r\n  font-size: 13px; font-weight: 600; color: var(--blue); text-decoration: none;\r\n  transition: color .25s ease, gap .25s ease;\r\n}\r\n#ads-facts .lh-map:hover { color: var(--pink); gap: 10px; }\r\n\r\n#ads-facts .lh-contact { display: grid; grid-template-columns: repeat(3, 1fr); gap: 14px; margin-top: 4px; }\r\n#ads-facts .lh-ci {\r\n  display: flex; align-items: center; gap: 13px;\r\n  padding: 15px 17px; border-radius: 16px; min-height: 68px;\r\n  background: #fbfbfe; border: 1px solid var(--line); text-decoration: none;\r\n  transition: background .25s ease, border-color .25s ease, transform .25s ease;\r\n}\r\n#ads-facts .lh-ci:hover {\r\n  background: rgba(83,109,254,0.06); border-color: rgba(83,109,254,0.28); transform: translateY(-2px);\r\n}\r\n#ads-facts .lh-ci-ico {\r\n  width: 36px; height: 36px; border-radius: 11px; flex-shrink: 0;\r\n  display: inline-flex; align-items: center; justify-content: center;\r\n  background: var(--grad); color: #fff;\r\n}\r\n#ads-facts .lh-ci-k {\r\n  display: block; font-size: 9.5px; font-weight: 700; letter-spacing: 1px;\r\n  text-transform: uppercase; color: var(--ink-3); margin-bottom: 3px;\r\n}\r\n#ads-facts .lh-ci-v {\r\n  display: block; font-size: 13.5px; font-weight: 600; color: var(--ink);\r\n  line-height: 1.3; word-break: break-word;\r\n}\r\n\r\n\/* ---------- Trust bar (reference style: icon + 2-line label) ---------- *\/\r\n#ads-facts .lh-trust {\r\n  position: relative; z-index: 4;\r\n  margin-top: 52px; padding-top: 38px;\r\n  border-top: 1px solid var(--line);\r\n  display: grid; grid-template-columns: repeat(4, 1fr); gap: 24px;\r\n}\r\n#ads-facts .lh-tr {\r\n  display: flex; align-items: center; gap: 13px;\r\n  justify-content: center; text-align: left;\r\n}\r\n#ads-facts .lh-tr-ico { color: var(--blue); flex-shrink: 0; }\r\n#ads-facts .lh-tr:nth-child(even) .lh-tr-ico { color: var(--pink); }\r\n#ads-facts .lh-tr-txt { font-size: 13px; font-weight: 500; color: var(--ink-2); line-height: 1.45; }\r\n#ads-facts .lh-tr-txt b { display: block; font-weight: 700; color: var(--ink); }\r\n\r\n\/* ---------- Responsive ---------- *\/\r\n@media (max-width: 1080px) {\r\n  #ads-facts .lh-stage { grid-template-columns: 1fr; gap: 26px; }\r\n  #ads-facts .lh-col { flex-direction: row; flex-wrap: wrap; justify-content: center; width: 100%; }\r\n  #ads-facts .lh-col-l, #ads-facts .lh-col-r { align-items: stretch; }\r\n  #ads-facts .lh-col-l .lh-fc:nth-child(2),\r\n  #ads-facts .lh-col-r .lh-fc:nth-child(2) { transform: none; }\r\n  #ads-facts .lh-col-l .lh-fc:nth-child(2):hover,\r\n  #ads-facts .lh-col-r .lh-fc:nth-child(2):hover { transform: translateY(-6px); }\r\n  #ads-facts .lh-fc { flex: 1 1 260px; max-width: 340px; }\r\n  #ads-facts .lh-core { order: -1; }\r\n  #ads-facts .lh-grid { grid-template-columns: repeat(2, 1fr); }\r\n  #ads-facts .span-4 { grid-column: span 2; }\r\n  #ads-facts .lh-contact { grid-template-columns: 1fr; }\r\n  #ads-facts .lh-trust { grid-template-columns: repeat(2, 1fr); gap: 22px; }\r\n  #ads-facts .lh-dots, #ads-facts .lh-arrow { display: none; }\r\n}\r\n@media (max-width: 640px) {\r\n  \/* INCREASED MOBILE PADDING to clear mobile menu bars *\/\r\n  #ads-facts { padding: 120px 5% 54px; }\r\n  #ads-facts .lh-fc { flex: 1 1 100%; max-width: 100%; }\r\n  #ads-facts .lh-grid { grid-template-columns: 1fr; gap: 14px; }\r\n  #ads-facts .span-2, #ads-facts .span-4 { grid-column: span 1; }\r\n  #ads-facts .lh-card { padding: 22px; }\r\n  #ads-facts .lh-stat { flex-wrap: wrap; justify-content: center; text-align: center; }\r\n  #ads-facts .lh-stat-div { display: none; }\r\n  #ads-facts .lh-trust { grid-template-columns: 1fr; gap: 18px; }\r\n  #ads-facts .lh-tr { justify-content: flex-start; }\r\n  #ads-facts .lh-cta-wrap { flex-wrap: wrap; }\r\n}\r\n\r\n\/* ---------- Reduced motion ---------- *\/\r\n@media (prefers-reduced-motion: reduce) {\r\n  #ads-facts .lh-btn:hover, #ads-facts .lh-btn-round:hover,\r\n  #ads-facts .lh-fc:hover, #ads-facts .lh-card:hover,\r\n  #ads-facts .lh-ci:hover { transform: none; }\r\n}\r\n<\/style>\r\n\r\n<section id=\"ads-facts\" aria-labelledby=\"ads-facts-title\">\r\n  <div class=\"lh-wash\"><\/div>\r\n  <div class=\"lh-dots d-tl\"><\/div>\r\n  <div class=\"lh-dots d-tr\"><\/div>\r\n  <div class=\"lh-dots d-bl\"><\/div>\r\n\r\n  <svg class=\"lh-arrow a-r\" width=\"120\" height=\"118\" viewbox=\"0 0 120 118\" aria-hidden=\"true\">\r\n    <path d=\"M8 8 C 78 12, 108 44, 92 96\"\/>\r\n    <polygon points=\"92,104 84,88 100,88\"\/>\r\n  <\/svg>\r\n  <svg class=\"lh-arrow a-l\" width=\"120\" height=\"110\" viewbox=\"0 0 120 110\" aria-hidden=\"true\">\r\n    <path d=\"M10 14 C 74 18, 104 46, 90 92\"\/>\r\n    <polygon points=\"90,100 82,84 98,84\"\/>\r\n  <\/svg>\r\n\r\n  <div class=\"lh-inner\">\r\n\r\n    <!-- Headline -->\r\n    <div class=\"lh-top\">\r\n      <div class=\"lh-eyebrow lh-anim\">\r\n        <span class=\"lh-eyebrow-ico\" aria-hidden=\"true\">\r\n          <svg width=\"14\" height=\"14\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.6\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M20 6 9 17l-5-5\"\/><\/svg>\r\n        <\/span>\r\n        Company facts &amp; identity\r\n      <\/div>\r\n\r\n      <h1 class=\"lh-h1\" id=\"ads-facts-title\">\r\n        <span class=\"lh-anim\">Official company information<\/span><br>\r\n        <span class=\"lh-l2 lh-anim\">\r\n          for\r\n          \r\n          <span class=\"lh-grad\">Aspire Digital Solutions<\/span>\r\n        <\/span>\r\n      <\/h1>\r\n\r\n      <p class=\"lh-sub lh-anim\">\r\n        Everything on the record \u2014 registered name, leadership, headquarters and every official way to\r\n        reach us. No hidden details, no shell identities.\r\n      <\/p>\r\n\r\n      <div class=\"lh-cta-wrap lh-anim\">\r\n        <a class=\"lh-btn\" href=\"https:\/\/aspiredigitalsolutions.in\/ar\/\" target=\"_blank\" rel=\"noopener noreferrer\">\r\n          Visit official website\r\n        <\/a>\r\n        <a class=\"lh-btn-round\" href=\"tel:+917975327335\" aria-label=\"Call Aspire Digital Solutions on +91 79753 27335\">\r\n          <svg width=\"17\" height=\"17\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.6\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\"><path d=\"M5 12h14M12 5l7 7-7 7\"\/><\/svg>\r\n        <\/a>\r\n      <\/div>\r\n    <\/div>\r\n\r\n    <!-- Stage -->\r\n    <div class=\"lh-stage\">\r\n\r\n      <!-- LEFT cards -->\r\n      <div class=\"lh-col lh-col-l\">\r\n        <div class=\"lh-fc lh-float\">\r\n          <div class=\"lh-fc-hd\">\r\n            <span class=\"lh-fc-ico\" aria-hidden=\"true\">\r\n              <svg width=\"14\" height=\"14\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><rect x=\"3\" y=\"3\" width=\"18\" height=\"18\" rx=\"2\"\/><path d=\"M9 3v18M3 9h18\"\/><\/svg>\r\n            <\/span>\r\n            <span class=\"lh-fc-t\">At a glance<\/span>\r\n            <span class=\"lh-fc-dots\" aria-hidden=\"true\">\u2022\u2022\u2022<\/span>\r\n          <\/div>\r\n          <div class=\"lh-row\">\r\n            <span class=\"lh-row-k\"><i class=\"lh-swatch\" style=\"background:#536dfe\"><\/i>Founded<\/span>\r\n            <span class=\"lh-row-v\">2019<\/span>\r\n          <\/div>\r\n          <div class=\"lh-row\">\r\n            <span class=\"lh-row-k\"><i class=\"lh-swatch\" style=\"background:#ff6b81\"><\/i>Company type<\/span>\r\n            <span class=\"lh-row-v\">Agency<\/span>\r\n          <\/div>\r\n          <div class=\"lh-row\">\r\n            <span class=\"lh-row-k\"><i class=\"lh-swatch\" style=\"background:#a78bfa\"><\/i>Headquarters<\/span>\r\n            <span class=\"lh-row-v\">Mysuru, IN<\/span>\r\n          <\/div>\r\n        <\/div>\r\n\r\n        <div class=\"lh-fc lh-float\">\r\n          <div class=\"lh-fc-hd\">\r\n            <span class=\"lh-fc-ico\" aria-hidden=\"true\">\r\n              <svg width=\"14\" height=\"14\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><rect x=\"3\" y=\"4\" width=\"18\" height=\"18\" rx=\"2\"\/><path d=\"M16 2v4M8 2v4M3 10h18\"\/><\/svg>\r\n            <\/span>\r\n            <span class=\"lh-fc-t\">Years in operation<\/span>\r\n          <\/div>\r\n          <div class=\"lh-fc-flex\">\r\n            <div>\r\n              <p class=\"lh-fc-big\">2019<\/p>\r\n              <p class=\"lh-fc-cap\">Year established<\/p>\r\n            <\/div>\r\n            <span class=\"lh-delta\">\r\n              <svg width=\"10\" height=\"10\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"3\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\"><path d=\"M12 19V5M5 12l7-7 7 7\"\/><\/svg>\r\n              Active\r\n            <\/span>\r\n          <\/div>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <!-- CENTER: LOGO -->\r\n      <div class=\"lh-core lh-core-anim\">\r\n        <div class=\"lh-core-frame\">\r\n          <div class=\"lh-core-inner\">\r\n            <img fetchpriority=\"high\" class=\"lh-core-img\"\r\n                 src=\"https:\/\/aspiredigitalsolutions.in\/wp-content\/uploads\/2026\/01\/download.png\"\r\n                 alt=\"Aspire Digital Solutions \u2014 official logo\"\r\n                 width=\"300\" height=\"60\"\r\n                 loading=\"eager\" decoding=\"async\">\r\n          <\/div>\r\n          <span class=\"lh-core-tick\">\r\n            <svg width=\"13\" height=\"13\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"3\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\"><path d=\"M20 6 9 17l-5-5\"\/><\/svg>\r\n            Verified business\r\n          <\/span>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <!-- RIGHT cards -->\r\n      <div class=\"lh-col lh-col-r\">\r\n        <div class=\"lh-fc lh-float\">\r\n          <div class=\"lh-fc-hd\">\r\n            <span class=\"lh-fc-ico\" aria-hidden=\"true\">\r\n              <svg width=\"14\" height=\"14\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M3 3v18h18\"\/><path d=\"m19 9-5 5-4-4-3 3\"\/><\/svg>\r\n            <\/span>\r\n            <span class=\"lh-fc-t\">Core focus<\/span>\r\n            <span class=\"lh-fc-dots\" aria-hidden=\"true\">\u2022\u2022\u2022<\/span>\r\n          <\/div>\r\n          <div class=\"lh-fc-flex\">\r\n            <div>\r\n              <p class=\"lh-fc-big\" style=\"font-size:18px;letter-spacing:-.5px;\">Performance<br>Marketing<\/p>\r\n              <p class=\"lh-fc-cap\">Primary specialisation<\/p>\r\n            <\/div>\r\n            <span class=\"lh-bars\" aria-hidden=\"true\">\r\n              <i style=\"height:38%\"><\/i><i style=\"height:58%\"><\/i><i style=\"height:46%\"><\/i><i style=\"height:78%\"><\/i><i style=\"height:100%\"><\/i>\r\n            <\/span>\r\n          <\/div>\r\n        <\/div>\r\n\r\n        <div class=\"lh-fc lh-float\">\r\n          <div class=\"lh-fc-hd\">\r\n            <span class=\"lh-fc-ico\" aria-hidden=\"true\">\r\n              <svg width=\"14\" height=\"14\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><circle cx=\"12\" cy=\"12\" r=\"10\"\/><path d=\"M2 12h20M12 2a15.3 15.3 0 0 1 4 10 15.3 15.3 0 0 1-4 10 15.3 15.3 0 0 1-4-10 15.3 15.3 0 0 1 4-10z\"\/><\/svg>\r\n            <\/span>\r\n            <span class=\"lh-fc-t\">Service lines<\/span>\r\n          <\/div>\r\n          <div class=\"lh-tiles\">\r\n            <div class=\"lh-tile\">\r\n              <svg width=\"17\" height=\"17\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\"><path d=\"m3 11 19-9-9 19-2-8-8-2z\"\/><\/svg>\r\n              <span>Digital<br>Marketing<\/span>\r\n            <\/div>\r\n            <div class=\"lh-tile\">\r\n              <svg width=\"17\" height=\"17\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\"><circle cx=\"12\" cy=\"12\" r=\"9\"\/><circle cx=\"12\" cy=\"12\" r=\"4\"\/><circle cx=\"12\" cy=\"12\" r=\"1\"\/><\/svg>\r\n              <span>Performance<br>Marketing<\/span>\r\n            <\/div>\r\n            <div class=\"lh-tile\">\r\n              <svg width=\"17\" height=\"17\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\"><path d=\"m16 18 6-6-6-6M8 6l-6 6 6 6\"\/><\/svg>\r\n              <span>Website<br>Development<\/span>\r\n            <\/div>\r\n          <\/div>\r\n        <\/div>\r\n      <\/div>\r\n\r\n    <\/div>\r\n\r\n    \r\n\r\n   \r\n         \r\n\r\n    <\/div>\r\n\r\n    <!-- Trust bar -->\r\n    <div class=\"lh-trust lh-anim\">\r\n      <div class=\"lh-tr\">\r\n        <span class=\"lh-tr-ico\" aria-hidden=\"true\">\r\n          <svg width=\"22\" height=\"22\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10z\"\/><\/svg>\r\n        <\/span>\r\n        <p class=\"lh-tr-txt\"><b>Registered entity<\/b>one legal name<\/p>\r\n      <\/div>\r\n      <div class=\"lh-tr\">\r\n        <span class=\"lh-tr-ico\" aria-hidden=\"true\">\r\n          <svg width=\"22\" height=\"22\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M20 10c0 6-8 12-8 12s-8-6-8-12a8 8 0 0 1 16 0z\"\/><circle cx=\"12\" cy=\"10\" r=\"3\"\/><\/svg>\r\n        <\/span>\r\n        <p class=\"lh-tr-txt\"><b>Physical office<\/b>in Mysuru, India<\/p>\r\n      <\/div>\r\n      <div class=\"lh-tr\">\r\n        <span class=\"lh-tr-ico\" aria-hidden=\"true\">\r\n          <svg width=\"22\" height=\"22\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M20 21v-2a4 4 0 0 0-4-4H8a4 4 0 0 0-4 4v2\"\/><circle cx=\"12\" cy=\"7\" r=\"4\"\/><\/svg>\r\n        <\/span>\r\n        <p class=\"lh-tr-txt\"><b>Named leadership<\/b>founder on record<\/p>\r\n      <\/div>\r\n      <div class=\"lh-tr\">\r\n        <span class=\"lh-tr-ico\" aria-hidden=\"true\">\r\n          <svg width=\"22\" height=\"22\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><circle cx=\"12\" cy=\"12\" r=\"10\"\/><path d=\"M12 6v6l4 2\"\/><\/svg>\r\n        <\/span>\r\n        <p class=\"lh-tr-txt\"><b>Operating since 2019<\/b>continuously active<\/p>\r\n      <\/div>\r\n    <\/div>\r\n\r\n  <\/div>\r\n<\/section>\r\n\r\n<script>\r\n(function () {\r\n  function initFacts() {\r\n    if (typeof gsap === 'undefined') return;\r\n    if (!document.querySelector('#ads-facts')) return;\r\n    if (window.matchMedia('(prefers-reduced-motion: reduce)').matches) return;\r\n\r\n    gsap.set('#ads-facts .lh-anim',      { opacity: 0, y: 26, filter: 'blur(6px)' });\r\n    gsap.set('#ads-facts .lh-core-anim', { opacity: 0, scale: 0.86 });\r\n    gsap.set('#ads-facts .lh-float',     { opacity: 0, y: 30, scale: 0.94 });\r\n    gsap.set('#ads-facts .lh-item',      { opacity: 0, y: 26, scale: 0.97 });\r\n\r\n    var tl = gsap.timeline({ defaults: { ease: 'power3.out' } });\r\n\r\n    tl.to('#ads-facts .lh-anim', {\r\n      opacity: 1, y: 0, filter: 'blur(0px)',\r\n      duration: 0.9, stagger: 0.10, delay: 0.15\r\n    });\r\n\r\n    tl.to('#ads-facts .lh-core-anim', {\r\n      opacity: 1, scale: 1, duration: 1.05, ease: 'back.out(1.4)'\r\n    }, '-=0.60');\r\n\r\n    tl.to('#ads-facts .lh-float', {\r\n      opacity: 1, y: 0, scale: 1, duration: 0.7,\r\n      stagger: { each: 0.10, from: 'center' }, ease: 'back.out(1.5)'\r\n    }, '-=0.75');\r\n\r\n    tl.to('#ads-facts .lh-item', {\r\n      opacity: 1, y: 0, scale: 1, duration: 0.55,\r\n      stagger: 0.08, ease: 'back.out(1.4)'\r\n    }, '-=0.45');\r\n\r\n    \/\/ perpetual drift \u2014 offsets preserved so the staggered cards stay staggered\r\n    tl.eventCallback('onComplete', function () {\r\n      gsap.utils.toArray('#ads-facts .lh-float').forEach(function (el, i) {\r\n        gsap.to(el, {\r\n          y: (i % 2 === 0 ? -9 : -6),\r\n          duration: 2.8 + (i % 4) * 0.4,\r\n          yoyo: true, repeat: -1, ease: 'sine.inOut', delay: i * 0.15\r\n        });\r\n      });\r\n      gsap.to('#ads-facts .lh-core-anim', {\r\n        y: -8, duration: 3.4, yoyo: true, repeat: -1, ease: 'sine.inOut'\r\n      });\r\n    });\r\n  }\r\n\r\n  if (document.readyState === 'loading') {\r\n    document.addEventListener('DOMContentLoaded', function () { setTimeout(initFacts, 80); });\r\n  } else {\r\n    setTimeout(initFacts, 80);\r\n  }\r\n})();\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-a0347b0 e-con-full e-flex e-con e-parent\" data-id=\"a0347b0\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-5af2165 elementor-widget elementor-widget-html\" data-id=\"5af2165\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!-- 1. Animation Libraries (GSAP & Lottie) -->\r\n<script src=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/gsap\/3.12.2\/gsap.min.js\"><\/script>\r\n<script src=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/gsap\/3.12.2\/ScrollTrigger.min.js\"><\/script>\r\n<script src=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/lottie-web\/5.12.2\/lottie.min.js\"><\/script>\r\n\r\n<!-- 2. Story Section Styles -->\r\n<style>\r\n  \/* Scoped specifically to this widget to prevent theme conflicts *\/\r\n  #m-wp-story-widget {\r\n    --m-indigo: #4f46e5;\r\n    --m-purple: #7c3aed;\r\n    --m-pink: #ec4899;\r\n    --m-bg-base: #f8fafc;\r\n    --m-glass-bg: rgba(255, 255, 255, 0.85);\r\n    --m-text-heading: #0f172a;\r\n    --m-text-body: #475569;\r\n    --m-text-secondary: #64748b;\r\n    --m-gradient: linear-gradient(135deg, var(--m-indigo) 0%, var(--m-purple) 50%, var(--m-pink) 100%);\r\n    \r\n    background-color: var(--m-bg-base);\r\n    font-family: 'Inter', system-ui, sans-serif; \r\n    padding: 100px 5%;\r\n    position: relative;\r\n    overflow: hidden;\r\n    display: flex;\r\n    justify-content: center;\r\n    width: 100%;\r\n    box-sizing: border-box;\r\n  }\r\n\r\n  #m-wp-story-widget * {\r\n    box-sizing: border-box;\r\n  }\r\n\r\n  \/* Background Glowing Orbs *\/\r\n  #m-wp-story-widget .m-ambient-glow-indigo,\r\n  #m-wp-story-widget .m-ambient-glow-pink {\r\n    position: absolute;\r\n    border-radius: 50%;\r\n    filter: blur(100px);\r\n    z-index: 0;\r\n    pointer-events: none;\r\n  }\r\n\r\n  #m-wp-story-widget .m-ambient-glow-indigo {\r\n    top: 10%;\r\n    left: 10%;\r\n    width: 40vw;\r\n    height: 40vw;\r\n    background: radial-gradient(circle, rgba(79, 70, 229, 0.08) 0%, transparent 60%);\r\n  }\r\n\r\n  #m-wp-story-widget .m-ambient-glow-pink {\r\n    bottom: 10%;\r\n    right: 10%;\r\n    width: 35vw;\r\n    height: 35vw;\r\n    background: radial-gradient(circle, rgba(236, 72, 153, 0.05) 0%, transparent 60%);\r\n  }\r\n\r\n  \/* --- Lottie Animation Container --- *\/\r\n  #m-lottie-bg {\r\n    position: absolute;\r\n    top: 50%;\r\n    right: -5%;\r\n    transform: translateY(-50%);\r\n    width: 500px;\r\n    height: 500px;\r\n    z-index: 1;\r\n    opacity: 0.15; \/* Keeps it subtle so text remains readable *\/\r\n    pointer-events: none;\r\n  }\r\n\r\n  \/* Content Container *\/\r\n  #m-wp-story-widget .m-story-container {\r\n    max-width: 760px;\r\n    width: 100%;\r\n    position: relative;\r\n    z-index: 2;\r\n  }\r\n\r\n  \/* Typography *\/\r\n  #m-wp-story-widget .m-eyebrow {\r\n    font-size: 0.875rem;\r\n    font-weight: 700;\r\n    letter-spacing: 0.15em;\r\n    text-transform: uppercase;\r\n    margin-bottom: 1.25rem;\r\n    display: inline-block;\r\n    background: var(--m-gradient);\r\n    -webkit-background-clip: text;\r\n    -webkit-text-fill-color: transparent;\r\n    background-clip: text;\r\n  }\r\n\r\n  #m-wp-story-widget .m-heading {\r\n    color: var(--m-text-heading);\r\n    font-size: clamp(2.5rem, 4vw, 3.25rem);\r\n    font-weight: 800;\r\n    line-height: 1.15;\r\n    margin: 0 0 2.5rem 0;\r\n    letter-spacing: -0.02em;\r\n    border: none;\r\n    padding: 0;\r\n  }\r\n\r\n  #m-wp-story-widget .m-content p {\r\n    color: var(--m-text-body);\r\n    font-size: 1.125rem;\r\n    line-height: 1.75;\r\n    margin-bottom: 1.5rem;\r\n    margin-top: 0;\r\n  }\r\n\r\n  \/* Callout \/ Quote Box *\/\r\n  #m-wp-story-widget .m-callout-box {\r\n    background: var(--m-glass-bg);\r\n    backdrop-filter: blur(16px);\r\n    -webkit-backdrop-filter: blur(16px);\r\n    border: 1px solid rgba(255, 255, 255, 0.4);\r\n    border-radius: 8px 16px 16px 8px;\r\n    padding: 2.5rem 3rem;\r\n    margin: 3rem 0;\r\n    position: relative;\r\n    box-shadow: 0 10px 30px rgba(15, 23, 42, 0.03);\r\n  }\r\n\r\n  \/* Gradient Left Border *\/\r\n  #m-wp-story-widget .m-callout-box::before {\r\n    content: '';\r\n    position: absolute;\r\n    top: 0;\r\n    bottom: 0;\r\n    left: 0;\r\n    width: 6px;\r\n    background: var(--m-gradient);\r\n    border-radius: 6px 0 0 6px;\r\n  }\r\n\r\n  #m-wp-story-widget .m-callout-text {\r\n    color: var(--m-text-heading) !important;\r\n    font-size: 1.25rem !important;\r\n    line-height: 1.6 !important;\r\n    margin: 0 !important;\r\n  }\r\n\r\n  #m-wp-story-widget .m-callout-text strong {\r\n    font-weight: 700;\r\n  }\r\n\r\n  \/* Responsive Adjustments *\/\r\n  @media (max-width: 992px) {\r\n    #m-lottie-bg {\r\n      width: 350px;\r\n      height: 350px;\r\n      right: -10%;\r\n    }\r\n  }\r\n\r\n  @media (max-width: 768px) {\r\n    #m-wp-story-widget {\r\n      padding: 60px 20px;\r\n    }\r\n    #m-wp-story-widget .m-callout-box {\r\n      padding: 1.75rem 2rem;\r\n      margin: 2rem 0;\r\n    }\r\n    #m-wp-story-widget .m-content p {\r\n      font-size: 1rem;\r\n    }\r\n    #m-wp-story-widget .m-callout-text {\r\n      font-size: 1.125rem !important;\r\n    }\r\n    #m-lottie-bg {\r\n      opacity: 0.08; \/* Make it even fainter on mobile *\/\r\n      right: 50%;\r\n      transform: translate(50%, -50%);\r\n      width: 300px;\r\n      height: 300px;\r\n    }\r\n  }\r\n\r\n  \/* Initial state for GSAP elements to prevent flickering *\/\r\n  .gsap-reveal {\r\n    opacity: 0;\r\n    visibility: hidden;\r\n  }\r\n<\/style>\r\n\r\n<!-- 3. Story Section HTML -->\r\n<div id=\"m-wp-story-widget\">\r\n  \r\n  <!-- Subtle Background Gradients -->\r\n  <div class=\"m-ambient-glow-indigo\"><\/div>\r\n  <div class=\"m-ambient-glow-pink\"><\/div>\r\n  \r\n  <!-- Responsive Lottie Container -->\r\n  <div id=\"m-lottie-bg\" aria-label=\"Abstract JSON animation representing digital marketing progress\"><\/div>\r\n\r\n  <div class=\"m-story-container\">\r\n    <span class=\"m-eyebrow gsap-reveal\">About<\/span>\r\n    \r\n    <h2 class=\"m-heading gsap-reveal\">\r\n      Aspire Digital Solutions\r\n    <\/h2>\r\n\r\n    <div class=\"m-content\">\r\n      <p class=\"gsap-reveal\">\r\n        Aspire Digital Solutions is a digital marketing and performance marketing agency founded in 2019 by Mohammed Rehan in Mysuru, Karnataka.\r\n      <\/p>\r\n      \r\n      <!-- Highlight Box -->\r\n      <div class=\"m-callout-box gsap-reveal-box\">\r\n        <p class=\"m-callout-text\">\r\n          <strong>The company was established with a simple objective: help businesses achieve measurable growth through transparent digital marketing strategies instead of vanity metrics and short-term marketing reports.<\/strong>\r\n        <\/p>\r\n      <\/div>\r\n\r\n      <p class=\"gsap-reveal\">\r\n        Today, Aspire Digital Solutions works with businesses ranging from local service providers to international companies, helping them improve online visibility, generate qualified leads, increase conversions, and build sustainable digital growth.\r\n      <\/p>\r\n\r\n      <p class=\"gsap-reveal\">\r\n        The agency serves clients across India, the United Kingdom, the United States, Saudi Arabia, and the Middle East.\r\n      <\/p>\r\n    <\/div>\r\n  <\/div>\r\n<\/div>\r\n\r\n<!-- 4. GSAP & Lottie Initialization Script -->\r\n<script>\r\n  document.addEventListener(\"DOMContentLoaded\", function() {\r\n    \r\n    \/\/ Safety check to ensure libraries loaded from CDN\r\n    setTimeout(function() {\r\n      \r\n      \/\/ 1. Initialize Lottie JSON Animation\r\n      if (typeof lottie !== \"undefined\") {\r\n        lottie.loadAnimation({\r\n          container: document.getElementById('m-lottie-bg'),\r\n          renderer: 'svg',\r\n          loop: true,\r\n          autoplay: true,\r\n          path: 'YOUR_LOTTIE_JSON_URL.json' \/\/ <-- PASTE YOUR JSON URL HERE\r\n        });\r\n      }\r\n\r\n      \/\/ 2. Initialize Responsive GSAP Animations\r\n      if (typeof gsap !== \"undefined\" && typeof ScrollTrigger !== \"undefined\") {\r\n        gsap.registerPlugin(ScrollTrigger);\r\n\r\n        \/\/ Fix visibility to allow GSAP to animate properly\r\n        gsap.set(\".gsap-reveal, .gsap-reveal-box\", { visibility: \"visible\" });\r\n\r\n        \/\/ MatchMedia ensures animations scale based on screen size\r\n        let mm = gsap.matchMedia();\r\n\r\n        mm.add({\r\n          isDesktop: \"(min-width: 769px)\",\r\n          isMobile: \"(max-width: 768px)\"\r\n        }, (context) => {\r\n          let { isDesktop, isMobile } = context.conditions;\r\n          \r\n          \/\/ Determine animation distance based on device\r\n          let yDistance = isMobile ? 30 : 50;\r\n\r\n          \/\/ Main Story Timeline\r\n          const storyTl = gsap.timeline({\r\n            scrollTrigger: {\r\n              trigger: \"#m-wp-story-widget\",\r\n              start: \"top 80%\", \/\/ Triggers when the top of section hits 80% of viewport\r\n              toggleActions: \"play none none none\"\r\n            }\r\n          });\r\n\r\n          \/\/ Animate text elements cascading in\r\n          storyTl.fromTo(\".gsap-reveal\", \r\n            { y: yDistance, opacity: 0 },\r\n            { y: 0, opacity: 1, duration: 1, stagger: 0.15, ease: \"power3.out\" }\r\n          );\r\n\r\n          \/\/ Animate the callout box specifically\r\n          storyTl.fromTo(\".gsap-reveal-box\",\r\n            { scale: 0.95, opacity: 0, y: yDistance },\r\n            { scale: 1, opacity: 1, y: 0, duration: 1.2, ease: \"back.out(1.4)\" },\r\n            \"-=0.6\" \/\/ Start slightly before the last paragraph finishes animating\r\n          );\r\n          \r\n          \/\/ Optional: Add a subtle slow continuous rotation\/float to the Lottie container\r\n          gsap.to(\"#m-lottie-bg\", {\r\n            y: \"-=30px\",\r\n            rotation: 5,\r\n            duration: 6,\r\n            yoyo: true,\r\n            repeat: -1,\r\n            ease: \"sine.inOut\"\r\n          });\r\n\r\n          return () => {\r\n            \/\/ GSAP cleans up automatically on breakpoint changes\r\n          };\r\n        });\r\n      }\r\n    }, 150);\r\n  });\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-a1807bd e-con-full e-flex e-con e-parent\" data-id=\"a1807bd\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-50cf133 elementor-widget elementor-widget-html\" data-id=\"50cf133\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!-- 1. Animation Libraries (GSAP) -->\r\n<script src=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/gsap\/3.12.2\/gsap.min.js\"><\/script>\r\n<script src=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/gsap\/3.12.2\/ScrollTrigger.min.js\"><\/script>\r\n\r\n<!-- 2. Dark Theme Profile Styles -->\r\n<style>\r\n  \/* Scoped specifically to this widget to prevent conflicts *\/\r\n  #aspire-dark-story {\r\n    \/* Dark Theme Variables *\/\r\n    --dark-bg: #0f172a;\r\n    --dark-surface: #1e293b;\r\n    --text-heading: #f8fafc;\r\n    --text-body: #cbd5e1;\r\n    --text-muted: #94a3b8;\r\n    --border-soft: rgba(255, 255, 255, 0.1);\r\n    \r\n    \/* Brand Accents (Slightly brightened for dark mode contrast) *\/\r\n    --brand-indigo: #6366f1;\r\n    --brand-purple: #8b5cf6;\r\n    --brand-pink: #ec4899;\r\n    --brand-gradient: linear-gradient(135deg, var(--brand-indigo) 0%, var(--brand-purple) 50%, var(--brand-pink) 100%);\r\n    \r\n    background-color: var(--dark-bg);\r\n    font-family: 'Inter', system-ui, sans-serif; \r\n    padding: 100px 5%;\r\n    position: relative;\r\n    display: flex;\r\n    justify-content: center;\r\n    width: 100%;\r\n    box-sizing: border-box;\r\n    overflow: hidden;\r\n  }\r\n\r\n  #aspire-dark-story * {\r\n    box-sizing: border-box;\r\n  }\r\n\r\n  \/* Main Container Grid *\/\r\n  #aspire-dark-story .ds-container {\r\n    max-width: 1200px;\r\n    width: 100%;\r\n    display: grid;\r\n    grid-template-columns: 1fr 1.1fr;\r\n    gap: 80px;\r\n    align-items: center;\r\n  }\r\n\r\n  \/* --- LEFT COLUMN: Image & Callout --- *\/\r\n  #aspire-dark-story .ds-visual-col {\r\n    display: flex;\r\n    flex-direction: column;\r\n    gap: 40px;\r\n  }\r\n\r\n  #aspire-dark-story .ds-image-wrapper {\r\n    width: 100%;\r\n    border-radius: 24px;\r\n    overflow: hidden;\r\n    box-shadow: 0 24px 50px rgba(0, 0, 0, 0.4);\r\n    position: relative;\r\n    border: 1px solid var(--border-soft);\r\n  }\r\n\r\n  #aspire-dark-story .ds-image-wrapper img {\r\n    width: 100%;\r\n    height: 480px; \/* Slightly taller for portrait headshot *\/\r\n    object-fit: cover;\r\n    object-position: top center;\r\n    display: block;\r\n    transition: transform 0.5s ease;\r\n  }\r\n  \r\n  #aspire-dark-story .ds-image-wrapper:hover img {\r\n    transform: scale(1.03);\r\n  }\r\n\r\n  \/* The Highlight Callout *\/\r\n  #aspire-dark-story .ds-highlight-box {\r\n    background: var(--dark-surface);\r\n    border: 1px solid var(--border-soft);\r\n    border-radius: 20px;\r\n    padding: 2.5rem;\r\n    box-shadow: 0 15px 35px rgba(0, 0, 0, 0.3);\r\n    position: relative;\r\n  }\r\n\r\n  \/* Gradient Left Accent *\/\r\n  #aspire-dark-story .ds-highlight-box::before {\r\n    content: '';\r\n    position: absolute;\r\n    top: 24px;\r\n    bottom: 24px;\r\n    left: 0;\r\n    width: 4px;\r\n    background: var(--brand-gradient);\r\n    border-radius: 0 4px 4px 0;\r\n  }\r\n\r\n  #aspire-dark-story .ds-highlight-quote {\r\n    color: var(--brand-indigo);\r\n    font-size: 1.35rem;\r\n    font-weight: 700;\r\n    line-height: 1.6;\r\n    margin: 0;\r\n    font-style: italic;\r\n  }\r\n\r\n  \/* --- RIGHT COLUMN: Narrative & Timeline --- *\/\r\n  #aspire-dark-story .ds-eyebrow {\r\n    font-size: 0.875rem;\r\n    font-weight: 700;\r\n    letter-spacing: 0.15em;\r\n    text-transform: uppercase;\r\n    color: var(--brand-pink);\r\n    margin-bottom: 1rem;\r\n    display: block;\r\n  }\r\n\r\n  #aspire-dark-story .ds-heading {\r\n    color: var(--text-heading);\r\n    font-size: clamp(2.5rem, 4vw, 3.5rem);\r\n    font-weight: 800;\r\n    line-height: 1.15;\r\n    margin: 0 0 0.5rem 0;\r\n    letter-spacing: -0.03em;\r\n  }\r\n  \r\n  #aspire-dark-story .ds-sub-heading {\r\n    font-size: 1.125rem;\r\n    font-weight: 600;\r\n    color: var(--brand-indigo);\r\n    margin: 0 0 1.5rem 0;\r\n  }\r\n\r\n  #aspire-dark-story .ds-gradient-text {\r\n    background: var(--brand-gradient);\r\n    -webkit-background-clip: text;\r\n    -webkit-text-fill-color: transparent;\r\n    background-clip: text;\r\n  }\r\n\r\n  #aspire-dark-story .ds-intro-text {\r\n    color: var(--text-body);\r\n    font-size: 1.05rem;\r\n    line-height: 1.8;\r\n    margin-bottom: 1.5rem;\r\n  }\r\n  \r\n  #aspire-dark-story .ds-intro-text:last-of-type {\r\n    margin-bottom: 2.5rem;\r\n  }\r\n\r\n  \/* Clean Visual Timeline for the Career Story *\/\r\n  #aspire-dark-story .ds-timeline {\r\n    position: relative;\r\n    padding-left: 30px;\r\n    margin-bottom: 3rem;\r\n  }\r\n\r\n  #aspire-dark-story .ds-timeline::before {\r\n    content: '';\r\n    position: absolute;\r\n    top: 10px;\r\n    bottom: 10px;\r\n    left: 0;\r\n    width: 2px;\r\n    background: var(--border-soft);\r\n  }\r\n\r\n  \/* Animated progress line *\/\r\n  #aspire-dark-story .ds-timeline-progress {\r\n    position: absolute;\r\n    top: 10px;\r\n    left: 0;\r\n    width: 2px;\r\n    background: var(--brand-gradient);\r\n    height: 0%; \/* Animates via GSAP *\/\r\n    z-index: 1;\r\n    box-shadow: 0 0 10px rgba(139, 92, 246, 0.5); \/* Glow effect for dark mode *\/\r\n  }\r\n\r\n  #aspire-dark-story .ds-timeline-item {\r\n    position: relative;\r\n    margin-bottom: 24px;\r\n  }\r\n\r\n  #aspire-dark-story .ds-timeline-item:last-child {\r\n    margin-bottom: 0;\r\n  }\r\n\r\n  #aspire-dark-story .ds-timeline-item::before {\r\n    content: '';\r\n    position: absolute;\r\n    top: 8px;\r\n    left: -35px;\r\n    width: 12px;\r\n    height: 12px;\r\n    border-radius: 50%;\r\n    background: var(--dark-bg);\r\n    border: 3px solid var(--border-soft);\r\n    z-index: 2;\r\n    transition: border-color 0.3s ease, background-color 0.3s ease, box-shadow 0.3s ease;\r\n  }\r\n\r\n  #aspire-dark-story .ds-timeline-item.active-dot::before {\r\n    border-color: var(--brand-indigo);\r\n    background-color: var(--dark-surface);\r\n    box-shadow: 0 0 8px rgba(99, 102, 241, 0.4);\r\n  }\r\n\r\n  #aspire-dark-story .ds-timeline-text {\r\n    color: var(--text-heading);\r\n    font-size: 1.1rem;\r\n    font-weight: 700;\r\n    line-height: 1.5;\r\n    margin: 0;\r\n  }\r\n\r\n  #aspire-dark-story .ds-timeline-subtext {\r\n    color: var(--text-muted);\r\n    font-size: 0.95rem;\r\n    margin: 4px 0 0 0;\r\n    font-weight: 500;\r\n  }\r\n\r\n  #aspire-dark-story .ds-conclusion {\r\n    color: var(--text-heading);\r\n    font-size: 1rem;\r\n    font-weight: 600;\r\n    background: var(--dark-surface);\r\n    padding: 1.5rem 2rem;\r\n    border-radius: 12px;\r\n    border: 1px solid var(--border-soft);\r\n    display: inline-flex;\r\n    align-items: center;\r\n    gap: 12px;\r\n    box-shadow: 0 10px 20px rgba(0,0,0,0.2);\r\n  }\r\n\r\n  \/* --- RESPONSIVE DESIGN --- *\/\r\n  @media (max-width: 992px) {\r\n    #aspire-dark-story .ds-container {\r\n      grid-template-columns: 1fr;\r\n      gap: 50px;\r\n    }\r\n    \r\n    #aspire-dark-story .ds-visual-col {\r\n      order: 2; \/* Moves image below text on mobile *\/\r\n    }\r\n    \r\n    #aspire-dark-story .ds-content-col {\r\n      order: 1;\r\n    }\r\n  }\r\n\r\n  @media (max-width: 768px) {\r\n    #aspire-dark-story {\r\n      padding: 60px 20px;\r\n    }\r\n    #aspire-dark-story .ds-image-wrapper img {\r\n      height: 400px;\r\n    }\r\n    #aspire-dark-story .ds-highlight-box {\r\n      padding: 2rem;\r\n    }\r\n  }\r\n\r\n  \/* GSAP Initial States *\/\r\n  .gsap-reveal-dark {\r\n    opacity: 0;\r\n    visibility: hidden;\r\n  }\r\n<\/style>\r\n\r\n<!-- 3. HTML Structure -->\r\n<div id=\"aspire-dark-story\">\r\n  <div class=\"ds-container\">\r\n    \r\n    <!-- Left Column: Visuals & Quote -->\r\n    <div class=\"ds-visual-col\">\r\n      <div class=\"ds-image-wrapper gsap-reveal-dark\">\r\n        <img decoding=\"async\" \r\n          src=\"https:\/\/aspiredigitalsolutions.in\/wp-content\/uploads\/2026\/01\/Rehan-Studio-headshot.webp\" \r\n          alt=\"Mohammed Rehan - Founder of Aspire Digital Solutions\"\r\n        >\r\n      <\/div>\r\n\r\n      <div class=\"ds-highlight-box gsap-reveal-dark\">\r\n        <p class=\"ds-highlight-quote\">\r\n          \"Every marketing investment should create measurable business value.\"\r\n        <\/p>\r\n      <\/div>\r\n    <\/div>\r\n\r\n    <!-- Right Column: Narrative & Timeline -->\r\n    <div class=\"ds-content-col\">\r\n      <span class=\"ds-eyebrow gsap-reveal-dark\">Founder<\/span>\r\n      <h2 class=\"ds-heading gsap-reveal-dark\">Mohammed <span class=\"ds-gradient-text\">Rehan<\/span><\/h2>\r\n      <p class=\"ds-sub-heading gsap-reveal-dark\">Founder & Performance Marketing Strategist<\/p>\r\n      \r\n      <p class=\"ds-intro-text gsap-reveal-dark\">\r\n        Mohammed Rehan is a digital marketing professional with more than seven years of experience in Search Engine Optimization (SEO), Google Ads, Meta Ads, Local SEO, website strategy, and performance marketing.\r\n      <\/p>\r\n      \r\n      <p class=\"ds-intro-text gsap-reveal-dark\">\r\n        Before founding Aspire Digital Solutions, he built his career through multiple leadership roles, including:\r\n      <\/p>\r\n\r\n      <!-- The Career Journey Timeline -->\r\n      <div class=\"ds-timeline gsap-timeline-container\">\r\n        <div class=\"ds-timeline-progress\"><\/div>\r\n        \r\n        <div class=\"ds-timeline-item gsap-timeline-item\">\r\n          <p class=\"ds-timeline-text\">Agent Level<\/p>\r\n          <p class=\"ds-timeline-subtext\">Equalize RCM<\/p>\r\n        <\/div>\r\n        \r\n        <div class=\"ds-timeline-item gsap-timeline-item\">\r\n          <p class=\"ds-timeline-text\">SEO Head<\/p>\r\n          <p class=\"ds-timeline-subtext\">DoesInfotech Solutions<\/p>\r\n        <\/div>\r\n        \r\n        <div class=\"ds-timeline-item gsap-timeline-item\">\r\n          <p class=\"ds-timeline-text\">Digital Marketing Head<\/p>\r\n          <p class=\"ds-timeline-subtext\">Wild Flower Digital<\/p>\r\n        <\/div>\r\n\r\n        <div class=\"ds-timeline-item gsap-timeline-item\">\r\n          <p class=\"ds-timeline-text\">Founder<\/p>\r\n          <p class=\"ds-timeline-subtext\">Aspire Digital Solutions<\/p>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <div class=\"ds-conclusion gsap-reveal-dark\">\r\n        <svg width=\"24\" height=\"24\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" style=\"color: var(--brand-purple); flex-shrink: 0;\"><path d=\"M22 10v6M2 10l10-5 10 5-10 5z\"\/><path d=\"M6 12v5c3 3 9 3 12 0v-5\"\/><\/svg>\r\n        He holds a Bachelor of Commerce (B.Com) from the University of Mysore.\r\n      <\/div>\r\n    <\/div>\r\n\r\n  <\/div>\r\n<\/div>\r\n\r\n<!-- 4. GSAP Initialization Script -->\r\n<script>\r\n  document.addEventListener(\"DOMContentLoaded\", function() {\r\n    setTimeout(function() {\r\n      if (typeof gsap !== \"undefined\" && typeof ScrollTrigger !== \"undefined\") {\r\n        gsap.registerPlugin(ScrollTrigger);\r\n\r\n        \/\/ Make elements visible for GSAP\r\n        gsap.set(\".gsap-reveal-dark, .gsap-timeline-item\", { visibility: \"visible\" });\r\n\r\n        let mm = gsap.matchMedia();\r\n\r\n        mm.add({\r\n          isDesktop: \"(min-width: 769px)\",\r\n          isMobile: \"(max-width: 768px)\"\r\n        }, (context) => {\r\n          let { isMobile } = context.conditions;\r\n          let yDistance = isMobile ? 30 : 50;\r\n\r\n          const tl = gsap.timeline({\r\n            scrollTrigger: {\r\n              trigger: \"#aspire-dark-story\",\r\n              start: \"top 75%\", \r\n              toggleActions: \"play none none none\"\r\n            }\r\n          });\r\n\r\n          \/\/ Reveal Content side headers\r\n          tl.fromTo(\".ds-content-col .gsap-reveal-dark\", \r\n            { y: yDistance, opacity: 0 },\r\n            { y: 0, opacity: 1, duration: 0.8, stagger: 0.15, ease: \"power3.out\" }\r\n          );\r\n\r\n          \/\/ Animate Timeline Items\r\n          tl.fromTo(\".gsap-timeline-item\",\r\n            { x: -20, opacity: 0 },\r\n            { x: 0, opacity: 1, duration: 0.6, stagger: 0.2, ease: \"power2.out\" },\r\n            \"-=0.4\"\r\n          );\r\n\r\n          \/\/ Animate the Timeline Progress Line\r\n          tl.to(\".ds-timeline-progress\", {\r\n            height: \"100%\",\r\n            duration: 1.5,\r\n            ease: \"power2.inOut\"\r\n          }, \"-=1.2\");\r\n\r\n          \/\/ Color the timeline dots as the line passes them\r\n          gsap.utils.toArray('.gsap-timeline-item').forEach((item, i) => {\r\n            tl.add(() => {\r\n              item.classList.add('active-dot');\r\n            }, `-=${1.2 - (i * 0.3)}`);\r\n          });\r\n\r\n          \/\/ Reveal Left Column Visuals\r\n          tl.fromTo(\".ds-visual-col .gsap-reveal-dark\", \r\n            { y: yDistance, opacity: 0 },\r\n            { y: 0, opacity: 1, duration: 1, stagger: 0.2, ease: \"power3.out\" },\r\n            \"-=1.5\"\r\n          );\r\n\r\n          return () => {}; \/\/ Cleanup\r\n        });\r\n      }\r\n    }, 150);\r\n  });\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-7d1cbf5 e-con-full e-flex e-con e-parent\" data-id=\"7d1cbf5\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-c7b0573 elementor-widget elementor-widget-html\" data-id=\"c7b0573\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!-- 1. Animation Libraries (GSAP) -->\r\n<script src=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/gsap\/3.12.2\/gsap.min.js\"><\/script>\r\n<script src=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/gsap\/3.12.2\/ScrollTrigger.min.js\"><\/script>\r\n\r\n<!-- 2. Light Theme Mission & Vision Styles -->\r\n<style>\r\n  \/* Scoped specifically to this widget to prevent conflicts *\/\r\n  #aspire-light-mission {\r\n    --light-bg: #f8fafc;\r\n    --light-surface: #ffffff;\r\n    --light-card: rgba(255, 255, 255, 0.85);\r\n    --text-heading: #0f172a;\r\n    --text-body: #475569;\r\n    --text-muted: #64748b;\r\n    --border-soft: #e2e8f0;\r\n    \r\n    --brand-indigo: #4f46e5;\r\n    --brand-purple: #7c3aed;\r\n    --brand-pink: #ec4899;\r\n    --brand-gradient: linear-gradient(135deg, var(--brand-indigo) 0%, var(--brand-purple) 50%, var(--brand-pink) 100%);\r\n    \r\n    background-color: var(--light-bg);\r\n    font-family: 'Inter', system-ui, sans-serif; \r\n    padding: 100px 5%;\r\n    position: relative;\r\n    display: flex;\r\n    justify-content: center;\r\n    width: 100%;\r\n    box-sizing: border-box;\r\n    overflow: hidden;\r\n  }\r\n\r\n  #aspire-light-mission * {\r\n    box-sizing: border-box;\r\n  }\r\n\r\n  \/* Background Ambient Glows *\/\r\n  #aspire-light-mission .lg-ambient-glow {\r\n    position: absolute;\r\n    top: 50%;\r\n    left: 50%;\r\n    transform: translate(-50%, -50%);\r\n    width: 60vw;\r\n    height: 60vw;\r\n    background: radial-gradient(circle, rgba(79, 70, 229, 0.05) 0%, rgba(236, 72, 153, 0.03) 50%, transparent 70%);\r\n    border-radius: 50%;\r\n    filter: blur(100px);\r\n    z-index: 0;\r\n    pointer-events: none;\r\n  }\r\n\r\n  #aspire-light-mission .lg-container {\r\n    max-width: 1200px;\r\n    width: 100%;\r\n    position: relative;\r\n    z-index: 2;\r\n  }\r\n\r\n  \/* --- HEADER AREA --- *\/\r\n  #aspire-light-mission .lg-header {\r\n    text-align: center;\r\n    max-width: 800px;\r\n    margin: 0 auto 5rem auto;\r\n  }\r\n\r\n  #aspire-light-mission .lg-eyebrow {\r\n    font-size: 0.875rem;\r\n    font-weight: 700;\r\n    letter-spacing: 0.2em;\r\n    text-transform: uppercase;\r\n    background: var(--brand-gradient);\r\n    -webkit-background-clip: text;\r\n    -webkit-text-fill-color: transparent;\r\n    background-clip: text;\r\n    margin-bottom: 1rem;\r\n    display: inline-block;\r\n  }\r\n\r\n  #aspire-light-mission .lg-heading {\r\n    color: var(--text-heading);\r\n    font-size: clamp(2.5rem, 4vw, 3.8rem);\r\n    font-weight: 800;\r\n    line-height: 1.15;\r\n    margin: 0;\r\n    letter-spacing: -0.03em;\r\n  }\r\n\r\n  \/* --- MISSION & VISION GRID --- *\/\r\n  #aspire-light-mission .lg-mv-grid {\r\n    display: grid;\r\n    grid-template-columns: repeat(2, 1fr);\r\n    gap: 40px;\r\n  }\r\n\r\n  #aspire-light-mission .lg-mv-card {\r\n    background: var(--light-card);\r\n    backdrop-filter: blur(16px);\r\n    -webkit-backdrop-filter: blur(16px);\r\n    border: 1px solid var(--border-soft);\r\n    border-radius: 24px;\r\n    padding: 3.5rem 3rem;\r\n    box-shadow: 0 15px 35px rgba(15, 23, 42, 0.03);\r\n    transition: transform 0.4s cubic-bezier(0.2, 0.8, 0.2, 1), border-color 0.4s ease, box-shadow 0.4s ease;\r\n    position: relative;\r\n    overflow: hidden;\r\n  }\r\n\r\n  \/* Top Gradient Accent Line *\/\r\n  #aspire-light-mission .lg-mv-card::before {\r\n    content: '';\r\n    position: absolute;\r\n    top: 0;\r\n    left: 0;\r\n    right: 0;\r\n    height: 6px;\r\n    background: var(--brand-gradient);\r\n    opacity: 0.8;\r\n    transition: opacity 0.4s ease;\r\n  }\r\n\r\n  #aspire-light-mission .lg-mv-card:hover {\r\n    transform: translateY(-8px);\r\n    border-color: rgba(79, 70, 229, 0.3);\r\n    box-shadow: 0 25px 50px rgba(79, 70, 229, 0.08);\r\n  }\r\n\r\n  #aspire-light-mission .lg-mv-card:hover::before {\r\n    opacity: 1;\r\n  }\r\n\r\n  #aspire-light-mission .lg-mv-title {\r\n    font-size: 2.2rem;\r\n    font-weight: 800;\r\n    background: var(--brand-gradient);\r\n    -webkit-background-clip: text;\r\n    -webkit-text-fill-color: transparent;\r\n    background-clip: text;\r\n    margin-top: 0;\r\n    margin-bottom: 1.5rem;\r\n    line-height: 1.2;\r\n  }\r\n\r\n  #aspire-light-mission .lg-mv-desc {\r\n    color: var(--text-body);\r\n    font-size: 1.125rem;\r\n    line-height: 1.8;\r\n    margin: 0;\r\n  }\r\n\r\n  \/* --- RESPONSIVE DESIGN --- *\/\r\n  @media (max-width: 900px) {\r\n    #aspire-light-mission .lg-mv-grid {\r\n      grid-template-columns: 1fr;\r\n    }\r\n  }\r\n\r\n  @media (max-width: 640px) {\r\n    #aspire-light-mission {\r\n      padding: 60px 20px;\r\n    }\r\n    #aspire-light-mission .lg-mv-card {\r\n      padding: 2.5rem 2rem;\r\n    }\r\n    #aspire-light-mission .lg-mv-title {\r\n      font-size: 1.8rem;\r\n    }\r\n  }\r\n\r\n  \/* GSAP Initial States *\/\r\n  .gsap-reveal-light {\r\n    opacity: 0;\r\n    visibility: hidden;\r\n  }\r\n<\/style>\r\n\r\n<!-- 3. HTML Structure -->\r\n<div id=\"aspire-light-mission\">\r\n  <div class=\"lg-ambient-glow\"><\/div>\r\n\r\n  <div class=\"lg-container\">\r\n    \r\n    <!-- Header Segment -->\r\n    <div class=\"lg-header\">\r\n      <span class=\"lg-eyebrow gsap-reveal-light\">The Foundation<\/span>\r\n      <h2 class=\"lg-heading gsap-reveal-light\">Purpose & Direction<\/h2>\r\n    <\/div>\r\n\r\n    <!-- Mission & Vision Cards -->\r\n    <div class=\"lg-mv-grid\">\r\n      \r\n      <div class=\"lg-mv-card gsap-reveal-light\">\r\n        <h3 class=\"lg-mv-title\">Our Mission<\/h3>\r\n        <p class=\"lg-mv-desc\">\r\n          To make digital marketing transparent, measurable, and accessible for businesses of every size by delivering strategies focused on business growth rather than marketing jargon.\r\n        <\/p>\r\n      <\/div>\r\n\r\n      <div class=\"lg-mv-card gsap-reveal-light\">\r\n        <h3 class=\"lg-mv-title\">Our Vision<\/h3>\r\n        <p class=\"lg-mv-desc\">\r\n          To become one of the most trusted performance marketing agencies known for honesty, accountability, measurable growth, and long-term client relationships.\r\n        <\/p>\r\n      <\/div>\r\n\r\n    <\/div>\r\n  <\/div>\r\n<\/div>\r\n\r\n<!-- 4. GSAP Initialization Script -->\r\n<script>\r\n  document.addEventListener(\"DOMContentLoaded\", function() {\r\n    setTimeout(function() {\r\n      if (typeof gsap !== \"undefined\" && typeof ScrollTrigger !== \"undefined\") {\r\n        gsap.registerPlugin(ScrollTrigger);\r\n\r\n        \/\/ Make elements visible for GSAP\r\n        gsap.set(\".gsap-reveal-light\", { visibility: \"visible\" });\r\n\r\n        let mm = gsap.matchMedia();\r\n\r\n        mm.add({\r\n          isDesktop: \"(min-width: 769px)\",\r\n          isMobile: \"(max-width: 768px)\"\r\n        }, (context) => {\r\n          let { isMobile } = context.conditions;\r\n          let yDistance = isMobile ? 30 : 50;\r\n\r\n          const tl = gsap.timeline({\r\n            scrollTrigger: {\r\n              trigger: \"#aspire-light-mission\",\r\n              start: \"top 75%\", \r\n              toggleActions: \"play none none none\"\r\n            }\r\n          });\r\n\r\n          \/\/ Reveal Header Segment\r\n          tl.fromTo(\".lg-header .gsap-reveal-light\", \r\n            { y: yDistance, opacity: 0 },\r\n            { y: 0, opacity: 1, duration: 0.9, stagger: 0.15, ease: \"power3.out\" }\r\n          );\r\n\r\n          \/\/ Reveal Cards Staggered\r\n          tl.fromTo(\".lg-mv-grid .gsap-reveal-light\",\r\n            { y: yDistance, opacity: 0, scale: 0.98 },\r\n            { y: 0, opacity: 1, scale: 1, duration: 1, stagger: 0.2, ease: \"power3.out\" },\r\n            \"-=0.4\"\r\n          );\r\n\r\n          return () => {}; \/\/ Cleanup\r\n        });\r\n      }\r\n    }, 150);\r\n  });\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-a189a00 e-con-full e-flex e-con e-parent\" data-id=\"a189a00\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-43ee263 elementor-widget elementor-widget-html\" data-id=\"43ee263\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!-- 1. Feather Icons & Fonts -->\r\n<script src=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/feather-icons\/4.29.0\/feather.min.js\"><\/script>\r\n<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\r\n<link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\r\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Outfit:wght@400;500;700;800&family=Inter:wght@400;600&display=swap\" rel=\"stylesheet\">\r\n\r\n<style>\r\n    \/* --- SCOPED VARIABLES & MAIN CONTAINER (LIGHT THEME) --- *\/\r\n    #aspire-services-grid-widget {\r\n        --bg-light: #f8fafc;        \/* Soft Clean Light Background *\/\r\n        --card-bg: #ffffff;        \/* Crisp White Surface *\/\r\n        --border-color: #e2e8f0;   \/* Soft Border *\/\r\n        --accent-indigo: #4f46e5;\r\n        --accent-pink: #ec4899;\r\n        --accent-gradient: linear-gradient(135deg, var(--accent-indigo) 0%, var(--accent-pink) 100%);\r\n        --text-dark: #0f172a;\r\n        --text-gray: #475569;\r\n\r\n        font-family: 'Inter', sans-serif;\r\n        background-color: var(--bg-light);\r\n        padding: 100px 5%;\r\n        width: 100%;\r\n        box-sizing: border-box;\r\n        overflow: hidden;\r\n        position: relative;\r\n    }\r\n\r\n    #aspire-services-grid-widget *, \r\n    #aspire-services-grid-widget *::before, \r\n    #aspire-services-grid-widget *::after {\r\n        box-sizing: border-box;\r\n        margin: 0;\r\n        padding: 0;\r\n    }\r\n\r\n    \/* Background Ambient Grid Glow *\/\r\n    #aspire-services-grid-widget::before {\r\n        content: '';\r\n        position: absolute;\r\n        top: 0; left: 0; width: 100%; height: 100%;\r\n        background-image: \r\n            linear-gradient(rgba(79, 70, 229, 0.03) 1px, transparent 1px),\r\n            linear-gradient(90deg, rgba(79, 70, 229, 0.03) 1px, transparent 1px);\r\n        background-size: 40px 40px;\r\n        mask-image: linear-gradient(to bottom, black 40%, transparent 100%);\r\n        z-index: 0;\r\n        pointer-events: none;\r\n    }\r\n\r\n    \/* --- HEADER AREA --- *\/\r\n    #aspire-services-grid-widget .sg-header {\r\n        text-align: center;\r\n        max-width: 800px;\r\n        margin: 0 auto 60px auto;\r\n        position: relative;\r\n        z-index: 2;\r\n    }\r\n\r\n    #aspire-services-grid-widget .sg-pill {\r\n        display: inline-block;\r\n        padding: 6px 16px;\r\n        background: rgba(79, 70, 229, 0.08);\r\n        color: var(--accent-indigo);\r\n        border: 1px solid rgba(79, 70, 229, 0.15);\r\n        border-radius: 50px;\r\n        font-family: 'Outfit', sans-serif;\r\n        font-size: 12px;\r\n        font-weight: 700;\r\n        text-transform: uppercase;\r\n        letter-spacing: 2px;\r\n        margin-bottom: 16px;\r\n    }\r\n\r\n    #aspire-services-grid-widget .sg-header h2 {\r\n        font-family: 'Outfit', sans-serif;\r\n        font-size: clamp(2.2rem, 4.5vw, 3.2rem);\r\n        color: var(--text-dark);\r\n        font-weight: 800;\r\n        line-height: 1.15;\r\n        letter-spacing: -1px;\r\n        margin-bottom: 15px;\r\n    }\r\n\r\n    #aspire-services-grid-widget .sg-grad-text {\r\n        background: var(--accent-gradient);\r\n        -webkit-background-clip: text;\r\n        -webkit-text-fill-color: transparent;\r\n    }\r\n\r\n    #aspire-services-grid-widget .sg-header p {\r\n        font-size: 1.1rem;\r\n        color: var(--text-gray);\r\n        font-weight: 300;\r\n        line-height: 1.6;\r\n    }\r\n\r\n    \/* --- GRID LAYOUT --- *\/\r\n    #aspire-services-grid-widget .sg-grid {\r\n        display: grid;\r\n        grid-template-columns: repeat(3, 1fr);\r\n        gap: 28px;\r\n        max-width: 1280px;\r\n        margin: 0 auto;\r\n        position: relative;\r\n        z-index: 2;\r\n    }\r\n\r\n    \/* --- CARD DESIGN --- *\/\r\n    #aspire-services-grid-widget .sg-card {\r\n        background: var(--card-bg);\r\n        border-radius: 20px;\r\n        border: 1px solid var(--border-color);\r\n        overflow: hidden;\r\n        position: relative;\r\n        display: flex;\r\n        flex-direction: column;\r\n        transition: transform 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94), border-color 0.4s ease, box-shadow 0.4s ease;\r\n        opacity: 0; \r\n        transform: translateY(30px);\r\n        box-shadow: 0 10px 30px rgba(15, 23, 42, 0.04);\r\n    }\r\n\r\n    \/* IMAGE AREA *\/\r\n    #aspire-services-grid-widget .sg-image-box {\r\n        height: 200px;\r\n        width: 100%;\r\n        overflow: hidden;\r\n        position: relative;\r\n    }\r\n\r\n    #aspire-services-grid-widget .sg-image-box img {\r\n        width: 100%;\r\n        height: 100%;\r\n        object-fit: cover;\r\n        transition: transform 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94);\r\n    }\r\n\r\n    #aspire-services-grid-widget .sg-image-box::after {\r\n        content: '';\r\n        position: absolute;\r\n        bottom: 0;\r\n        left: 0;\r\n        width: 100%;\r\n        height: 100%;\r\n        background: linear-gradient(to bottom, rgba(255,255,255,0) 20%, rgba(255,255,255,1) 100%);\r\n    }\r\n\r\n    \/* FLOATING ICON *\/\r\n    #aspire-services-grid-widget .sg-floating-icon {\r\n        position: absolute;\r\n        top: 15px;\r\n        right: 15px;\r\n        background: rgba(255, 255, 255, 0.9);\r\n        backdrop-filter: blur(8px);\r\n        width: 42px;\r\n        height: 42px;\r\n        border-radius: 12px;\r\n        display: flex;\r\n        align-items: center;\r\n        justify-content: center;\r\n        border: 1px solid var(--border-color);\r\n        color: var(--accent-indigo);\r\n        z-index: 2;\r\n        box-shadow: 0 4px 10px rgba(0,0,0,0.05);\r\n    }\r\n\r\n    \/* CONTENT AREA *\/\r\n    #aspire-services-grid-widget .sg-content {\r\n        padding: 24px;\r\n        position: relative;\r\n        margin-top: -30px;\r\n        z-index: 2;\r\n        flex-grow: 1;\r\n        display: flex;\r\n        flex-direction: column;\r\n    }\r\n\r\n    #aspire-services-grid-widget .sg-card h3 {\r\n        font-family: 'Outfit', sans-serif;\r\n        font-size: 1.3rem;\r\n        color: var(--text-dark);\r\n        margin: 0 0 10px 0;\r\n        font-weight: 700;\r\n        letter-spacing: -0.3px;\r\n    }\r\n\r\n    #aspire-services-grid-widget .sg-card p {\r\n        font-size: 0.95rem;\r\n        color: var(--text-gray);\r\n        line-height: 1.6;\r\n        margin: 0;\r\n    }\r\n\r\n    \/* --- HOVER EFFECTS --- *\/\r\n    #aspire-services-grid-widget .sg-card:hover {\r\n        border-color: rgba(79, 70, 229, 0.3);\r\n        transform: translateY(-8px);\r\n        box-shadow: 0 20px 40px rgba(79, 70, 229, 0.08);\r\n    }\r\n\r\n    #aspire-services-grid-widget .sg-card:hover .sg-image-box img {\r\n        transform: scale(1.08);\r\n    }\r\n\r\n    \/* Animation Reveal Class *\/\r\n    #aspire-services-grid-widget .sg-card.reveal {\r\n        opacity: 1;\r\n        transform: translateY(0);\r\n    }\r\n\r\n    \/* --- RESPONSIVE MEDIA QUERIES --- *\/\r\n    @media(max-width: 1024px) {\r\n        #aspire-services-grid-widget .sg-grid {\r\n            grid-template-columns: repeat(2, 1fr);\r\n        }\r\n    }\r\n\r\n    @media(max-width: 768px) {\r\n        #aspire-services-grid-widget {\r\n            padding: 70px 20px;\r\n        }\r\n        #aspire-services-grid-widget .sg-grid {\r\n            grid-template-columns: 1fr;\r\n        }\r\n        #aspire-services-grid-widget .sg-header {\r\n            margin-bottom: 40px;\r\n        }\r\n    }\r\n<\/style>\r\n\r\n<div id=\"aspire-services-grid-widget\">\r\n    <div class=\"sg-header\">\r\n        <span class=\"sg-pill\">Our Capabilities<\/span>\r\n        <h2>Core <span class=\"sg-grad-text\">Services<\/span><\/h2>\r\n        <p>Aspire Digital Solutions provides comprehensive digital strategies engineered to grow your business, drive targeted traffic, and maximize conversions.<\/p>\r\n    <\/div>\r\n\r\n    <div class=\"sg-grid\">\r\n\r\n        <!-- 1. SEO -->\r\n        <div class=\"sg-card\">\r\n            <div class=\"sg-image-box\">\r\n                <div class=\"sg-floating-icon\"><i data-feather=\"search\"><\/i><\/div>\r\n                <img decoding=\"async\" src=\"https:\/\/aspiredigitalsolutions.in\/wp-content\/uploads\/2026\/08\/Company-facts2.webp\" alt=\"Search Engine Optimization\">\r\n            <\/div>\r\n            <div class=\"sg-content\">\r\n                <h3>Search Engine Optimization<\/h3>\r\n                <p>Rank higher organically and drive qualified, high-intent traffic to your website consistently.<\/p>\r\n            <\/div>\r\n        <\/div>\r\n\r\n        <!-- 2. Technical SEO -->\r\n        <div class=\"sg-card\">\r\n            <div class=\"sg-image-box\">\r\n                <div class=\"sg-floating-icon\"><i data-feather=\"code\"><\/i><\/div>\r\n                <img decoding=\"async\" src=\"https:\/\/aspiredigitalsolutions.in\/wp-content\/uploads\/2026\/08\/Company-facts3.webp\" alt=\"Technical SEO\">\r\n            <\/div>\r\n            <div class=\"sg-content\">\r\n                <h3>Technical SEO<\/h3>\r\n                <p>Optimize backend architecture, site speed, and crawlability for maximum search engine performance.<\/p>\r\n            <\/div>\r\n        <\/div>\r\n\r\n        <!-- 3. Local SEO -->\r\n        <div class=\"sg-card\">\r\n            <div class=\"sg-image-box\">\r\n                <div class=\"sg-floating-icon\"><i data-feather=\"map-pin\"><\/i><\/div>\r\n                <img decoding=\"async\" src=\"https:\/\/aspiredigitalsolutions.in\/wp-content\/uploads\/2026\/08\/Company-facts4.webp\" alt=\"Local SEO\">\r\n            <\/div>\r\n            <div class=\"sg-content\">\r\n                <h3>Local SEO<\/h3>\r\n                <p>Dominate map packs and local search results to capture nearby customers ready to buy.<\/p>\r\n            <\/div>\r\n        <\/div>\r\n\r\n        <!-- 4. Google Business Profile -->\r\n        <div class=\"sg-card\">\r\n            <div class=\"sg-image-box\">\r\n                <div class=\"sg-floating-icon\"><i data-feather=\"briefcase\"><\/i><\/div>\r\n                <img decoding=\"async\" src=\"https:\/\/aspiredigitalsolutions.in\/wp-content\/uploads\/2026\/08\/Company-facts5.webp\" alt=\"Google Business Profile Optimization\">\r\n            <\/div>\r\n            <div class=\"sg-content\">\r\n                <h3>Google Business Profile<\/h3>\r\n                <p>Maximize your local visibility, manage reviews, and turn map views into direct phone calls.<\/p>\r\n            <\/div>\r\n        <\/div>\r\n\r\n        <!-- 5. Google Ads Management -->\r\n        <div class=\"sg-card\">\r\n            <div class=\"sg-image-box\">\r\n                <div class=\"sg-floating-icon\"><i data-feather=\"target\"><\/i><\/div>\r\n                <img decoding=\"async\" src=\"https:\/\/aspiredigitalsolutions.in\/wp-content\/uploads\/2026\/08\/Company-facts6.webp\" alt=\"Google Ads Management\">\r\n            <\/div>\r\n            <div class=\"sg-content\">\r\n                <h3>Google Ads Management<\/h3>\r\n                <p>High-ROI search, display, and shopping campaigns structured to turn ad spend into revenue.<\/p>\r\n            <\/div>\r\n        <\/div>\r\n\r\n        <!-- 6. Meta Ads Management -->\r\n        <div class=\"sg-card\">\r\n            <div class=\"sg-image-box\">\r\n                <div class=\"sg-floating-icon\"><i data-feather=\"share-2\"><\/i><\/div>\r\n                <img decoding=\"async\" src=\"https:\/\/aspiredigitalsolutions.in\/wp-content\/uploads\/2026\/08\/Company-facts7.webp\" alt=\"Meta Ads Management\">\r\n            <\/div>\r\n            <div class=\"sg-content\">\r\n                <h3>Meta Ads Management<\/h3>\r\n                <p>Targeted social media advertising campaigns on Facebook and Instagram that scale your reach.<\/p>\r\n            <\/div>\r\n        <\/div>\r\n\r\n        <!-- 7. Performance Marketing -->\r\n        <div class=\"sg-card\">\r\n            <div class=\"sg-image-box\">\r\n                <div class=\"sg-floating-icon\"><i data-feather=\"trending-up\"><\/i><\/div>\r\n                <img decoding=\"async\" src=\"https:\/\/aspiredigitalsolutions.in\/wp-content\/uploads\/2026\/08\/Company-facts8.webp\" alt=\"Performance Marketing\">\r\n            <\/div>\r\n            <div class=\"sg-content\">\r\n                <h3>Performance Marketing<\/h3>\r\n                <p>Data-driven, cross-channel campaigns strictly focused on measurable business growth and ROAS.<\/p>\r\n            <\/div>\r\n        <\/div>\r\n\r\n        <!-- 8. Website Design -->\r\n        <div class=\"sg-card\">\r\n            <div class=\"sg-image-box\">\r\n                <div class=\"sg-floating-icon\"><i data-feather=\"layout\"><\/i><\/div>\r\n                <img decoding=\"async\" src=\"https:\/\/aspiredigitalsolutions.in\/wp-content\/uploads\/2026\/08\/Company-facts9.webp\" alt=\"Website Design\">\r\n            <\/div>\r\n            <div class=\"sg-content\">\r\n                <h3>Website Design<\/h3>\r\n                <p>Stunning, user-centric web designs built to establish instant authority and convert visitors.<\/p>\r\n            <\/div>\r\n        <\/div>\r\n\r\n        <!-- 9. Website Development -->\r\n        <div class=\"sg-card\">\r\n            <div class=\"sg-image-box\">\r\n                <div class=\"sg-floating-icon\"><i data-feather=\"cpu\"><\/i><\/div>\r\n                <img decoding=\"async\" src=\"https:\/\/aspiredigitalsolutions.in\/wp-content\/uploads\/2026\/08\/Company-facts10.webp\" alt=\"Website Development\">\r\n            <\/div>\r\n            <div class=\"sg-content\">\r\n                <h3>Website Development<\/h3>\r\n                <p>Fast, secure, and scalable websites engineered for flawless performance across all devices.<\/p>\r\n            <\/div>\r\n        <\/div>\r\n\r\n        <!-- 10. Landing Page Development -->\r\n        <div class=\"sg-card\">\r\n            <div class=\"sg-image-box\">\r\n                <div class=\"sg-floating-icon\"><i data-feather=\"layers\"><\/i><\/div>\r\n                <img decoding=\"async\" src=\"https:\/\/aspiredigitalsolutions.in\/wp-content\/uploads\/2026\/08\/Company-facts11.webp\" alt=\"Landing Page Development\">\r\n            <\/div>\r\n            <div class=\"sg-content\">\r\n                <h3>Landing Page Development<\/h3>\r\n                <p>High-converting destination pages specifically customized to match your paid traffic campaigns.<\/p>\r\n            <\/div>\r\n        <\/div>\r\n\r\n        <!-- 11. Branding -->\r\n        <div class=\"sg-card\">\r\n            <div class=\"sg-image-box\">\r\n                <div class=\"sg-floating-icon\"><i data-feather=\"award\"><\/i><\/div>\r\n                <img decoding=\"async\" src=\"https:\/\/aspiredigitalsolutions.in\/wp-content\/uploads\/2026\/08\/Company-facts16.webp\" alt=\"Strategic Branding\">\r\n            <\/div>\r\n            <div class=\"sg-content\">\r\n                <h3>Branding<\/h3>\r\n                <p>Build a memorable, differentiated brand identity that stands out in competitive markets.<\/p>\r\n            <\/div>\r\n        <\/div>\r\n\r\n        <!-- 12. Content Marketing -->\r\n        <div class=\"sg-card\">\r\n            <div class=\"sg-image-box\">\r\n                <div class=\"sg-floating-icon\"><i data-feather=\"file-text\"><\/i><\/div>\r\n                <img decoding=\"async\" src=\"https:\/\/aspiredigitalsolutions.in\/wp-content\/uploads\/2026\/08\/Company-facts13.webp\" alt=\"Content Marketing\">\r\n            <\/div>\r\n            <div class=\"sg-content\">\r\n                <h3>Content Marketing<\/h3>\r\n                <p>Engaging, value-driven copy and content assets that build trust and drive organic action.<\/p>\r\n            <\/div>\r\n        <\/div>\r\n\r\n        <!-- 13. Social Media Marketing -->\r\n        <div class=\"sg-card\">\r\n            <div class=\"sg-image-box\">\r\n                <div class=\"sg-floating-icon\"><i data-feather=\"users\"><\/i><\/div>\r\n                <img decoding=\"async\" src=\"https:\/\/aspiredigitalsolutions.in\/wp-content\/uploads\/2026\/08\/Company-facts14.webp\" alt=\"Social Media Marketing\">\r\n            <\/div>\r\n            <div class=\"sg-content\">\r\n                <h3>Social Media Marketing<\/h3>\r\n                <p>Grow your brand community, boost audience engagement, and build lasting customer loyalty.<\/p>\r\n            <\/div>\r\n        <\/div>\r\n\r\n        <!-- 14. AI Search Optimization -->\r\n        <div class=\"sg-card\">\r\n            <div class=\"sg-image-box\">\r\n                <div class=\"sg-floating-icon\"><i data-feather=\"cpu\"><\/i><\/div>\r\n                <img decoding=\"async\" src=\"https:\/\/aspiredigitalsolutions.in\/wp-content\/uploads\/2026\/08\/Company-facts15.webp\" alt=\"AI Search Optimization\">\r\n            <\/div>\r\n            <div class=\"sg-content\">\r\n                <h3>AI Search Optimization<\/h3>\r\n                <p>Prepare your business for next-generation generative AI discovery and modern search engines.<\/p>\r\n            <\/div>\r\n        <\/div>\r\n\r\n        <!-- 15. Conversion Rate Optimization -->\r\n        <div class=\"sg-card\">\r\n            <div class=\"sg-image-box\">\r\n                <div class=\"sg-floating-icon\"><i data-feather=\"pie-chart\"><\/i><\/div>\r\n                <img decoding=\"async\" src=\"https:\/\/aspiredigitalsolutions.in\/wp-content\/uploads\/2026\/08\/Company-facts16.webp\" alt=\"Conversion Rate Optimization\">\r\n            <\/div>\r\n            <div class=\"sg-content\">\r\n                <h3>Conversion Rate Optimization<\/h3>\r\n                <p>Eliminate digital friction and turn a higher percentage of your current website visitors into buyers.<\/p>\r\n            <\/div>\r\n        <\/div>\r\n\r\n    <\/div>\r\n<\/div>\r\n\r\n<script>\r\n    document.addEventListener(\"DOMContentLoaded\", function() {\r\n        \/\/ Initialize Feather Icons safely\r\n        if (typeof feather !== 'undefined') {\r\n            feather.replace();\r\n        }\r\n\r\n        \/\/ Scroll Stagger Reveal Intersection Observer\r\n        const observer = new IntersectionObserver((entries) => {\r\n            entries.forEach((entry, index) => {\r\n                if (entry.isIntersecting) {\r\n                    setTimeout(() => {\r\n                        entry.target.classList.add('reveal');\r\n                    }, (index % 3) * 80); \/\/ Stagger based on column position for a clean wave effect\r\n                    observer.unobserve(entry.target);\r\n                }\r\n            });\r\n        }, { threshold: 0.1 });\r\n\r\n        document.querySelectorAll('#aspire-services-grid-widget .sg-card').forEach(card => {\r\n            observer.observe(card);\r\n        });\r\n    });\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-1616f15 e-con-full e-flex e-con e-parent\" data-id=\"1616f15\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-00c0011 elementor-widget elementor-widget-html\" data-id=\"00c0011\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Outfit:wght@300;400;500;700;800&display=swap\" rel=\"stylesheet\">\r\n<link rel=\"stylesheet\" href=\"https:\/\/fonts.googleapis.com\/css2?family=Material+Symbols+Rounded:opsz,wght,FILL,GRAD@48,400,0,0\" \/>\r\n\r\n<style>\r\n    \/* --- SCOPED VARIABLES --- *\/\r\n    #aspire-pro-dual-section {\r\n        \/* Colors *\/\r\n        --ap-dark-bg: #020617;        \/* Deep Tech Blue *\/\r\n        --ap-card-bg: rgba(30, 41, 59, 0.4);\r\n        --ap-border: rgba(255, 255, 255, 0.08);\r\n        --ap-primary: #4f46e5;        \/* Indigo *\/\r\n        --ap-accent: #ec4899;         \/* Pink *\/\r\n        --ap-white: #ffffff;\r\n        --ap-slate: #94a3b8;\r\n        --ap-light-bg: #f8fafc;\r\n        --ap-text-dark: #0f172a;\r\n        \r\n        \/* Layout *\/\r\n        width: 100%;\r\n        overflow: hidden;\r\n        font-family: 'Outfit', sans-serif;\r\n        line-height: 1.5;\r\n        box-sizing: border-box;\r\n    }\r\n\r\n    #aspire-pro-dual-section * {\r\n        box-sizing: border-box;\r\n        transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);\r\n    }\r\n\r\n    \/* =========================================\r\n       PART 1: DARK INDUSTRIES AREA\r\n       ========================================= *\/\r\n    #aspire-pro-dual-section .ap-dark-zone {\r\n        background-color: var(--ap-dark-bg);\r\n        padding: 90px 20px;\r\n        position: relative;\r\n    }\r\n\r\n    \/* Background Grid Pattern *\/\r\n    #aspire-pro-dual-section .ap-dark-zone::before {\r\n        content: '';\r\n        position: absolute;\r\n        top: 0; left: 0; width: 100%; height: 100%;\r\n        background-image: \r\n            linear-gradient(rgba(255, 255, 255, 0.03) 1px, transparent 1px),\r\n            linear-gradient(90deg, rgba(255, 255, 255, 0.03) 1px, transparent 1px);\r\n        background-size: 40px 40px;\r\n        mask-image: linear-gradient(to bottom, black 30%, transparent 100%);\r\n        z-index: 0;\r\n        pointer-events: none;\r\n    }\r\n\r\n    \/* Container *\/\r\n    #aspire-pro-dual-section .ap-container {\r\n        max-width: 1280px;\r\n        margin: 0 auto;\r\n        position: relative;\r\n        z-index: 2;\r\n    }\r\n\r\n    \/* Header Styling *\/\r\n    #aspire-pro-dual-section .ap-header {\r\n        text-align: center;\r\n        max-width: 800px;\r\n        margin: 0 auto 60px auto;\r\n        padding: 0 10px;\r\n    }\r\n\r\n    #aspire-pro-dual-section .ap-pill {\r\n        display: inline-block;\r\n        padding: 6px 14px;\r\n        background: rgba(79, 70, 229, 0.1);\r\n        color: #818cf8;\r\n        border: 1px solid rgba(79, 70, 229, 0.2);\r\n        border-radius: 50px;\r\n        font-size: 12px;\r\n        font-weight: 600;\r\n        text-transform: uppercase;\r\n        letter-spacing: 1px;\r\n        margin-bottom: 15px;\r\n    }\r\n\r\n    #aspire-pro-dual-section .ap-header h2 {\r\n        font-size: clamp(2rem, 5vw, 3rem);\r\n        color: var(--ap-white);\r\n        font-weight: 800;\r\n        margin: 0 0 15px 0;\r\n        line-height: 1.1;\r\n    }\r\n\r\n    #aspire-pro-dual-section .ap-grad-text {\r\n        background: linear-gradient(135deg, var(--ap-primary), var(--ap-accent));\r\n        -webkit-background-clip: text;\r\n        -webkit-text-fill-color: transparent;\r\n    }\r\n\r\n    #aspire-pro-dual-section .ap-header p {\r\n        font-size: 1.1rem;\r\n        color: var(--ap-slate);\r\n        font-weight: 300;\r\n        max-width: 650px;\r\n        margin: 0 auto;\r\n    }\r\n\r\n    \/* --- GRID LAYOUT (Adapts 10 items into 3 columns on desktop) --- *\/\r\n    #aspire-pro-dual-section .ap-grid {\r\n        display: grid;\r\n        grid-template-columns: repeat(3, 1fr);\r\n        gap: 24px; \r\n    }\r\n\r\n    \/* Industry Cards *\/\r\n    #aspire-pro-dual-section .ap-card {\r\n        background: var(--ap-card-bg);\r\n        border: 1px solid var(--ap-border);\r\n        border-radius: 20px;\r\n        padding: 32px 28px;\r\n        position: relative;\r\n        overflow: hidden;\r\n        backdrop-filter: blur(10px);\r\n        display: flex;\r\n        flex-direction: column;\r\n        align-items: flex-start;\r\n        height: 100%;\r\n    }\r\n\r\n    #aspire-pro-dual-section .ap-card:hover {\r\n        transform: translateY(-8px);\r\n        border-color: rgba(79, 70, 229, 0.5);\r\n        box-shadow: 0 20px 40px -10px rgba(0, 0, 0, 0.5);\r\n    }\r\n\r\n    \/* Icon Box *\/\r\n    #aspire-pro-dual-section .ap-icon {\r\n        width: 50px; height: 50px;\r\n        border-radius: 12px;\r\n        display: flex; align-items: center; justify-content: center;\r\n        margin-bottom: 20px;\r\n        font-size: 26px;\r\n        border: 1px solid rgba(255,255,255,0.05);\r\n        flex-shrink: 0;\r\n    }\r\n    .icon-blue { background: rgba(79, 70, 229, 0.15); color: #818cf8; }\r\n    .icon-pink { background: rgba(236, 72, 153, 0.15); color: #f472b6; }\r\n\r\n    #aspire-pro-dual-section .ap-card h3 {\r\n        color: var(--ap-white);\r\n        font-size: 1.25rem;\r\n        font-weight: 700;\r\n        margin: 0 0 10px 0;\r\n        line-height: 1.3;\r\n    }\r\n\r\n    #aspire-pro-dual-section .ap-card p {\r\n        color: var(--ap-slate);\r\n        font-size: 0.95rem;\r\n        line-height: 1.6;\r\n        margin: 0;\r\n    }\r\n\r\n    \/* =========================================\r\n       PART 2: LIGHT CTA AREA\r\n       ========================================= *\/\r\n    #aspire-pro-dual-section .ap-light-zone {\r\n        background-color: var(--ap-light-bg);\r\n        padding: 60px 20px;\r\n        text-align: center;\r\n        border-top: 1px solid #e2e8f0;\r\n        position: relative;\r\n    }\r\n\r\n    #aspire-pro-dual-section .ap-cta-content {\r\n        max-width: 800px;\r\n        margin: 0 auto;\r\n        position: relative;\r\n        z-index: 2;\r\n        background: var(--ap-white);\r\n        padding: 50px 40px;\r\n        border-radius: 24px;\r\n        box-shadow: 0 20px 40px -10px rgba(0,0,0,0.05);\r\n        border: 1px solid #e2e8f0;\r\n    }\r\n\r\n    #aspire-pro-dual-section .ap-cta-content h2 {\r\n        color: var(--ap-text-dark);\r\n        font-size: clamp(1.8rem, 4vw, 2.5rem);\r\n        font-weight: 800;\r\n        margin: 0 0 15px 0;\r\n        line-height: 1.2;\r\n    }\r\n\r\n    #aspire-pro-dual-section .ap-cta-content p {\r\n        color: #64748b;\r\n        font-size: 1.1rem;\r\n        margin-bottom: 30px;\r\n        line-height: 1.6;\r\n    }\r\n\r\n    \/* Buttons *\/\r\n    #aspire-pro-dual-section .ap-btn-group {\r\n        display: flex;\r\n        justify-content: center;\r\n        gap: 15px;\r\n        flex-wrap: wrap;\r\n    }\r\n\r\n    #aspire-pro-dual-section .ap-btn {\r\n        padding: 14px 32px;\r\n        border-radius: 50px;\r\n        font-weight: 700;\r\n        font-size: 1rem;\r\n        text-decoration: none;\r\n        display: inline-block;\r\n        transition: transform 0.2s, box-shadow 0.2s;\r\n        text-align: center;\r\n    }\r\n\r\n    #aspire-pro-dual-section .btn-primary {\r\n        background: var(--ap-primary);\r\n        color: white;\r\n        box-shadow: 0 10px 20px -5px rgba(79, 70, 229, 0.4);\r\n    }\r\n    #aspire-pro-dual-section .btn-primary:hover {\r\n        transform: translateY(-3px);\r\n        background: #4338ca;\r\n        box-shadow: 0 15px 25px -5px rgba(79, 70, 229, 0.5);\r\n    }\r\n\r\n    #aspire-pro-dual-section .btn-outline {\r\n        background: transparent;\r\n        color: var(--ap-text-dark);\r\n        border: 2px solid #e2e8f0;\r\n    }\r\n    #aspire-pro-dual-section .btn-outline:hover {\r\n        border-color: var(--ap-text-dark);\r\n        background: var(--ap-text-dark);\r\n        color: white;\r\n    }\r\n\r\n    \/* --- RESPONSIVE MEDIA QUERIES --- *\/\r\n    \r\n    \/* Tablet (1024px and below) -> 2 Columns *\/\r\n    @media (max-width: 1024px) {\r\n        #aspire-pro-dual-section .ap-grid {\r\n            grid-template-columns: repeat(2, 1fr);\r\n            gap: 20px;\r\n        }\r\n        #aspire-pro-dual-section .ap-dark-zone {\r\n            padding: 70px 20px;\r\n        }\r\n    }\r\n\r\n    \/* Mobile (768px and below) -> 1 Column *\/\r\n    @media (max-width: 768px) {\r\n        #aspire-pro-dual-section .ap-grid {\r\n            grid-template-columns: 1fr;\r\n        }\r\n        \r\n        #aspire-pro-dual-section .ap-dark-zone {\r\n            padding: 50px 20px;\r\n        }\r\n\r\n        #aspire-pro-dual-section .ap-header {\r\n            margin-bottom: 40px;\r\n        }\r\n\r\n        #aspire-pro-dual-section .ap-cta-content {\r\n            padding: 35px 20px;\r\n        }\r\n        \r\n        #aspire-pro-dual-section .ap-btn {\r\n            width: 100%; \r\n        }\r\n        \r\n        #aspire-pro-dual-section .ap-btn-group {\r\n            flex-direction: column;\r\n            gap: 12px;\r\n            width: 100%;\r\n        }\r\n    }\r\n<\/style>\r\n\r\n<div id=\"aspire-pro-dual-section\">\r\n\r\n    <div class=\"ap-dark-zone\">\r\n        <div class=\"ap-container\">\r\n            <div class=\"ap-header\">\r\n                <span class=\"ap-pill\">Our Sector Expertise<\/span>\r\n                <h2>Industries <span class=\"ap-grad-text\">Served<\/span><\/h2>\r\n                <p>Aspire Digital Solutions has proven experience delivering high-impact performance marketing strategies across a diverse range of business sectors.<\/p>\r\n            <\/div>\r\n\r\n            <div class=\"ap-grid\">\r\n                \r\n                <!-- 1. Healthcare -->\r\n                <div class=\"ap-card\">\r\n                    <div class=\"ap-icon icon-blue\">\r\n                        <span class=\"material-symbols-rounded\">medical_services<\/span>\r\n                    <\/div>\r\n                    <h3>Healthcare<\/h3>\r\n                    <p>Drive patient acquisition and build digital trust within local and regional communities.<\/p>\r\n                <\/div>\r\n\r\n                <!-- 2. Real Estate -->\r\n                <div class=\"ap-card\">\r\n                    <div class=\"ap-icon icon-pink\">\r\n                        <span class=\"material-symbols-rounded\">apartment<\/span>\r\n                    <\/div>\r\n                    <h3>Real Estate<\/h3>\r\n                    <p>Generate high-quality buyer and seller leads for agents, brokerages, and developers.<\/p>\r\n                <\/div>\r\n\r\n                <!-- 3. Home Services -->\r\n                <div class=\"ap-card\">\r\n                    <div class=\"ap-icon icon-blue\">\r\n                        <span class=\"material-symbols-rounded\">home_repair_service<\/span>\r\n                    <\/div>\r\n                    <h3>Home Services<\/h3>\r\n                    <p>Dominate local search results and connect with customers actively seeking urgent services.<\/p>\r\n                <\/div>\r\n\r\n                <!-- 4. Education -->\r\n                <div class=\"ap-card\">\r\n                    <div class=\"ap-icon icon-pink\">\r\n                        <span class=\"material-symbols-rounded\">school<\/span>\r\n                    <\/div>\r\n                    <h3>Education<\/h3>\r\n                    <p>Boost student admissions and online visibility for schools, colleges, and ed-tech platforms.<\/p>\r\n                <\/div>\r\n\r\n                <!-- 5. Hospitality -->\r\n                <div class=\"ap-card\">\r\n                    <div class=\"ap-icon icon-blue\">\r\n                        <span class=\"material-symbols-rounded\">hotel<\/span>\r\n                    <\/div>\r\n                    <h3>Hospitality<\/h3>\r\n                    <p>Increase direct bookings and enhance brand reputation for hotels, resorts, and restaurants.<\/p>\r\n                <\/div>\r\n\r\n                <!-- 6. Travel -->\r\n                <div class=\"ap-card\">\r\n                    <div class=\"ap-icon icon-pink\">\r\n                        <span class=\"material-symbols-rounded\">flight_takeoff<\/span>\r\n                    <\/div>\r\n                    <h3>Travel<\/h3>\r\n                    <p>Capture travel intent through targeted campaigns for agencies and tour operators.<\/p>\r\n                <\/div>\r\n\r\n                <!-- 7. Retail -->\r\n                <div class=\"ap-card\">\r\n                    <div class=\"ap-icon icon-blue\">\r\n                        <span class=\"material-symbols-rounded\">storefront<\/span>\r\n                    <\/div>\r\n                    <h3>Retail<\/h3>\r\n                    <p>Drive in-store foot traffic and bridge the gap between physical storefronts and digital shoppers.<\/p>\r\n                <\/div>\r\n\r\n                <!-- 8. Manufacturing -->\r\n                <div class=\"ap-card\">\r\n                    <div class=\"ap-icon icon-pink\">\r\n                        <span class=\"material-symbols-rounded\">factory<\/span>\r\n                    <\/div>\r\n                    <h3>Manufacturing<\/h3>\r\n                    <p>Establish industry authority and capture high-value B2B commercial pipelines.<\/p>\r\n                <\/div>\r\n\r\n                <!-- 9. Professional Services -->\r\n                <div class=\"ap-card\">\r\n                    <div class=\"ap-icon icon-blue\">\r\n                        <span class=\"material-symbols-rounded\">gavel<\/span>\r\n                    <\/div>\r\n                    <h3>Professional Services<\/h3>\r\n                    <p>Scale client acquisition pipelines for legal firms, consultants, and financial advisors.<\/p>\r\n                <\/div>\r\n\r\n                <!-- 10. E-commerce -->\r\n                <div class=\"ap-card\">\r\n                    <div class=\"ap-icon icon-pink\">\r\n                        <span class=\"material-symbols-rounded\">shopping_cart<\/span>\r\n                    <\/div>\r\n                    <h3>E-commerce<\/h3>\r\n                    <p>Optimize ROAS, reduce cart abandonment, and scale online store revenue globally.<\/p>\r\n                <\/div>\r\n\r\n            <\/div>\r\n        <\/div>\r\n    <\/div>\r\n\r\n   \r\n    <\/div>\r\n\r\n<\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-b2adffb e-con-full e-flex e-con e-parent\" data-id=\"b2adffb\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-d7619ef elementor-widget elementor-widget-html\" data-id=\"d7619ef\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!-- 1. GSAP Animation Library -->\r\n<script src=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/gsap\/3.12.2\/gsap.min.js\"><\/script>\r\n<script src=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/gsap\/3.12.2\/ScrollTrigger.min.js\"><\/script>\r\n\r\n<!-- 2. Light Theme Markets Served Section Styles -->\r\n<style>\r\n  \/* Scoped strictly to prevent theme conflicts *\/\r\n  #fc-light-markets {\r\n    --fc-bg: #f8fafc;        \/* Soft Clean Light Background *\/\r\n    --fc-surface: #ffffff;   \/* Crisp White Surface *\/\r\n    --fc-border: #e2e8f0;    \/* Soft Border *\/\r\n    --fc-indigo: #4f46e5;\r\n    --fc-purple: #7c3aed;\r\n    --fc-pink: #ec4899;\r\n    --fc-gradient: linear-gradient(135deg, var(--fc-indigo) 0%, var(--fc-purple) 50%, var(--fc-pink) 100%);\r\n    --fc-text-main: #0f172a; \/* Deep Slate Main Text *\/\r\n    --fc-text-muted: #475569;\/* Slate Muted Text *\/\r\n    \r\n    background-color: var(--fc-bg);\r\n    font-family: 'Inter', system-ui, sans-serif; \r\n    padding: 100px 5%;\r\n    display: flex;\r\n    justify-content: center;\r\n    width: 100%;\r\n    box-sizing: border-box;\r\n    overflow: hidden;\r\n  }\r\n\r\n  #fc-light-markets * {\r\n    box-sizing: border-box;\r\n  }\r\n\r\n  #fc-light-markets .fc-container {\r\n    max-width: 1200px;\r\n    width: 100%;\r\n    display: grid;\r\n    grid-template-columns: 1fr 1fr;\r\n    gap: 60px;\r\n    align-items: center;\r\n  }\r\n\r\n  \/* --- LEFT COLUMN: Visuals --- *\/\r\n  #fc-light-markets .fc-visual-col {\r\n    display: flex;\r\n    align-items: center;\r\n    gap: 30px;\r\n    position: relative;\r\n  }\r\n\r\n  \/* Vertical Label *\/\r\n  #fc-light-markets .fc-vertical-label {\r\n    writing-mode: vertical-rl;\r\n    transform: rotate(180deg);\r\n    color: var(--fc-purple);\r\n    font-size: 0.75rem;\r\n    font-weight: 700;\r\n    letter-spacing: 6px;\r\n    display: flex;\r\n    align-items: center;\r\n    white-space: nowrap;\r\n  }\r\n\r\n  #fc-light-markets .fc-vertical-label::before {\r\n    content: '';\r\n    display: inline-block;\r\n    width: 2px;\r\n    height: 80px;\r\n    background: var(--fc-pink);\r\n    margin-bottom: 20px;\r\n  }\r\n\r\n  \/* Image Wrapper & Badge *\/\r\n  #fc-light-markets .fc-image-wrapper {\r\n    position: relative;\r\n    border-radius: 24px;\r\n    overflow: hidden;\r\n    box-shadow: 0 20px 40px rgba(15, 23, 42, 0.08);\r\n    width: 100%;\r\n    border: 1px solid var(--fc-border);\r\n  }\r\n\r\n  #fc-light-markets .fc-image-wrapper img {\r\n    width: 100%;\r\n    height: auto;\r\n    object-fit: cover;\r\n    display: block;\r\n    aspect-ratio: 4\/5;\r\n  }\r\n\r\n  #fc-light-markets .fc-badge {\r\n    position: absolute;\r\n    bottom: 0;\r\n    right: 0;\r\n    background: var(--fc-indigo);\r\n    color: #ffffff;\r\n    padding: 20px 30px;\r\n    font-weight: 600;\r\n    font-size: 1.1rem;\r\n    border-radius: 24px 0 0 0;\r\n    box-shadow: -10px -10px 30px rgba(79, 70, 229, 0.2);\r\n  }\r\n\r\n  \/* --- RIGHT COLUMN: Content --- *\/\r\n  #fc-light-markets .fc-eyebrow {\r\n    font-size: 0.875rem;\r\n    font-weight: 700;\r\n    letter-spacing: 0.15em;\r\n    text-transform: uppercase;\r\n    color: var(--fc-pink);\r\n    margin-bottom: 1rem;\r\n    display: block;\r\n  }\r\n\r\n  #fc-light-markets .fc-heading {\r\n    color: var(--fc-text-main);\r\n    font-size: clamp(2.5rem, 4vw, 3.5rem);\r\n    font-weight: 800;\r\n    line-height: 1.15;\r\n    margin: 0 0 1.5rem 0;\r\n    letter-spacing: -0.02em;\r\n  }\r\n\r\n  #fc-light-markets .fc-gradient-text {\r\n    background: var(--fc-gradient);\r\n    -webkit-background-clip: text;\r\n    -webkit-text-fill-color: transparent;\r\n    background-clip: text;\r\n  }\r\n\r\n  #fc-light-markets .fc-intro {\r\n    color: var(--fc-text-muted);\r\n    font-size: 1.125rem;\r\n    line-height: 1.7;\r\n    margin-bottom: 2rem;\r\n  }\r\n\r\n  \/* Markets List Grid Styling *\/\r\n  #fc-light-markets .fc-markets-grid {\r\n    display: grid;\r\n    grid-template-columns: repeat(2, 1fr);\r\n    gap: 16px;\r\n  }\r\n\r\n  #fc-light-markets .fc-market-item {\r\n    background: var(--fc-surface);\r\n    border: 1px solid var(--fc-border);\r\n    padding: 18px 22px;\r\n    border-radius: 16px;\r\n    display: flex;\r\n    align-items: center;\r\n    gap: 14px;\r\n    color: var(--fc-text-main);\r\n    font-weight: 600;\r\n    font-size: 1.05rem;\r\n    box-shadow: 0 10px 25px rgba(15, 23, 42, 0.03);\r\n    transition: transform 0.3s ease, border-color 0.3s ease, box-shadow 0.3s ease;\r\n  }\r\n\r\n  #fc-light-markets .fc-market-item:hover {\r\n    transform: translateY(-4px);\r\n    border-color: rgba(79, 70, 229, 0.3);\r\n    box-shadow: 0 15px 30px rgba(79, 70, 229, 0.08);\r\n  }\r\n\r\n  #fc-light-markets .fc-market-dot {\r\n    width: 10px;\r\n    height: 10px;\r\n    border-radius: 50%;\r\n    background: var(--fc-gradient);\r\n    flex-shrink: 0;\r\n  }\r\n\r\n  \/* --- RESPONSIVE DESIGN --- *\/\r\n  @media (max-width: 992px) {\r\n    #fc-light-markets .fc-container {\r\n      grid-template-columns: 1fr;\r\n      gap: 50px;\r\n    }\r\n    \r\n    #fc-light-markets .fc-visual-col {\r\n      max-width: 600px;\r\n      margin: 0 auto;\r\n    }\r\n  }\r\n\r\n  @media (max-width: 768px) {\r\n    #fc-light-markets {\r\n      padding: 60px 20px;\r\n    }\r\n    \r\n    #fc-light-markets .fc-vertical-label {\r\n      display: none;\r\n    }\r\n    \r\n    #fc-light-markets .fc-badge {\r\n      padding: 15px 20px;\r\n      font-size: 1rem;\r\n    }\r\n\r\n    #fc-light-markets .fc-markets-grid {\r\n      grid-template-columns: 1fr;\r\n    }\r\n  }\r\n\r\n  \/* Initial GSAP states *\/\r\n  .gsap-fade-up {\r\n    opacity: 0;\r\n    visibility: hidden;\r\n  }\r\n<\/style>\r\n\r\n<!-- 3. HTML Structure -->\r\n<div id=\"fc-light-markets\">\r\n  <div class=\"fc-container\">\r\n    \r\n    <!-- Left Column: Image & Badge -->\r\n    <div class=\"fc-visual-col gsap-fade-up\">\r\n      <div class=\"fc-vertical-label\">G L O B A L &nbsp; R E A C H<\/div>\r\n      <div class=\"fc-image-wrapper\">\r\n        <img decoding=\"async\" src=\"https:\/\/aspiredigitalsolutions.in\/wp-content\/uploads\/2026\/08\/Company-facts.webp\" alt=\"Aspire Digital Solutions company facts\">\r\n        <div class=\"fc-badge\">Global Presence<\/div>\r\n      <\/div>\r\n    <\/div>\r\n\r\n    <!-- Right Column: Content -->\r\n    <div class=\"fc-content-col\">\r\n      <span class=\"fc-eyebrow gsap-fade-up\">Global Footprint<\/span>\r\n      <h2 class=\"fc-heading gsap-fade-up\">Markets <span class=\"fc-gradient-text\">Served<\/span><\/h2>\r\n      \r\n      <p class=\"fc-intro gsap-fade-up\">\r\n        The agency provides services for businesses across:\r\n      <\/p>\r\n\r\n      <div class=\"fc-markets-grid\">\r\n        <div class=\"fc-market-item gsap-market-item\">\r\n          <div class=\"fc-market-dot\"><\/div>\r\n          India\r\n        <\/div>\r\n        \r\n        <div class=\"fc-market-item gsap-market-item\">\r\n          <div class=\"fc-market-dot\"><\/div>\r\n          United Kingdom\r\n        <\/div>\r\n\r\n        <div class=\"fc-market-item gsap-market-item\">\r\n          <div class=\"fc-market-dot\"><\/div>\r\n          United States\r\n        <\/div>\r\n\r\n        <div class=\"fc-market-item gsap-market-item\">\r\n          <div class=\"fc-market-dot\"><\/div>\r\n          Saudi Arabia\r\n        <\/div>\r\n\r\n        <div class=\"fc-market-item gsap-market-item\" style=\"grid-column: span 2;\">\r\n          <div class=\"fc-market-dot\"><\/div>\r\n          Middle East\r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n\r\n  <\/div>\r\n<\/div>\r\n\r\n<!-- 4. GSAP Initialization Script -->\r\n<script>\r\n  document.addEventListener(\"DOMContentLoaded\", function() {\r\n    setTimeout(function() {\r\n      if (typeof gsap !== \"undefined\" && typeof ScrollTrigger !== \"undefined\") {\r\n        gsap.registerPlugin(ScrollTrigger);\r\n\r\n        \/\/ Make elements visible for GSAP\r\n        gsap.set(\".gsap-fade-up, .gsap-market-item\", { visibility: \"visible\" });\r\n\r\n        let mm = gsap.matchMedia();\r\n\r\n        mm.add({\r\n          isDesktop: \"(min-width: 769px)\",\r\n          isMobile: \"(max-width: 768px)\"\r\n        }, (context) => {\r\n          let { isMobile } = context.conditions;\r\n          let yDistance = isMobile ? 30 : 50;\r\n\r\n          const tl = gsap.timeline({\r\n            scrollTrigger: {\r\n              trigger: \"#fc-light-markets\",\r\n              start: \"top 75%\", \r\n              toggleActions: \"play none none none\"\r\n            }\r\n          });\r\n\r\n          \/\/ Reveal Left Column Image\r\n          tl.fromTo(\".fc-visual-col\", \r\n            { y: yDistance, opacity: 0 },\r\n            { y: 0, opacity: 1, duration: 1.2, ease: \"power3.out\" }\r\n          );\r\n\r\n          \/\/ Stagger reveal Headers and Intro\r\n          tl.fromTo(\".gsap-fade-up:not(.fc-visual-col)\", \r\n            { y: yDistance, opacity: 0 },\r\n            { y: 0, opacity: 1, duration: 0.8, stagger: 0.15, ease: \"power3.out\" },\r\n            \"-=0.8\"\r\n          );\r\n\r\n          \/\/ Stagger reveal the market list items\r\n          tl.fromTo(\".gsap-market-item\",\r\n            { y: 20, opacity: 0, scale: 0.95 },\r\n            { y: 0, opacity: 1, scale: 1, duration: 0.6, stagger: 0.1, ease: \"power3.out\" },\r\n            \"-=0.4\"\r\n          );\r\n\r\n          return () => {}; \/\/ Cleanup\r\n        });\r\n      }\r\n    }, 150);\r\n  });\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-fc4da65 e-con-full e-flex e-con e-parent\" data-id=\"fc4da65\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-fd924fc elementor-widget elementor-widget-html\" data-id=\"fd924fc\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!-- 1. GSAP Animation Library -->\r\n<script src=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/gsap\/3.12.2\/gsap.min.js\"><\/script>\r\n<script src=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/gsap\/3.12.2\/ScrollTrigger.min.js\"><\/script>\r\n\r\n<!-- 2. Light Theme Three-Column Layout (Full Uncropped Image Fix) -->\r\n<style>\r\n  \/* Scoped specifically to this widget to prevent conflicts *\/\r\n  #aspire-light-stats-widget {\r\n    --fc-bg: #f8fafc;            \/* Soft Clean Light Background *\/\r\n    --fc-surface: #ffffff;       \/* Crisp White Surface *\/\r\n    --fc-border: #e2e8f0;        \/* Soft Border *\/\r\n    --fc-indigo: #4f46e5;\r\n    --fc-purple: #7c3aed;\r\n    --fc-pink: #ec4899;\r\n    --fc-gradient: linear-gradient(135deg, var(--fc-indigo) 0%, var(--fc-purple) 50%, var(--fc-pink) 100%);\r\n    --fc-text-main: #0f172a;     \/* Deep Slate Main Text *\/\r\n    --fc-text-muted: #475569;    \/* Slate Muted Text *\/\r\n    \r\n    background-color: var(--fc-bg);\r\n    font-family: 'Inter', system-ui, sans-serif; \r\n    padding: 100px 5%;\r\n    display: flex;\r\n    justify-content: center;\r\n    width: 100%;\r\n    box-sizing: border-box;\r\n    overflow: hidden;\r\n  }\r\n\r\n  #aspire-light-stats-widget * {\r\n    box-sizing: border-box;\r\n  }\r\n\r\n  \/* Main Container Split into 3 Columns Layout *\/\r\n  #aspire-light-stats-widget .st-container {\r\n    max-width: 1300px;\r\n    width: 100%;\r\n    display: grid;\r\n    grid-template-columns: 1fr 1.2fr 0.9fr;\r\n    gap: 40px;\r\n    align-items: center;\r\n  }\r\n\r\n  \/* --- LEFT COLUMN: Header & Call to Action --- *\/\r\n  #aspire-light-stats-widget .st-left-col {\r\n    display: flex;\r\n    flex-direction: column;\r\n    gap: 20px;\r\n  }\r\n\r\n  #aspire-light-stats-widget .st-eyebrow {\r\n    font-size: 0.8rem;\r\n    font-weight: 700;\r\n    letter-spacing: 0.2em;\r\n    text-transform: uppercase;\r\n    background: var(--fc-gradient);\r\n    -webkit-background-clip: text;\r\n    -webkit-text-fill-color: transparent;\r\n    background-clip: text;\r\n    display: block;\r\n  }\r\n\r\n  #aspire-light-stats-widget .st-heading {\r\n    color: var(--fc-text-main);\r\n    font-size: clamp(2.2rem, 3.2vw, 3rem);\r\n    font-weight: 800;\r\n    line-height: 1.15;\r\n    margin: 0;\r\n    letter-spacing: -0.03em;\r\n  }\r\n\r\n  #aspire-light-stats-widget .st-gradient-text {\r\n    background: var(--fc-gradient);\r\n    -webkit-background-clip: text;\r\n    -webkit-text-fill-color: transparent;\r\n    background-clip: text;\r\n  }\r\n\r\n  #aspire-light-stats-widget .st-intro {\r\n    color: var(--fc-text-muted);\r\n    font-size: 1.05rem;\r\n    line-height: 1.7;\r\n    margin: 0;\r\n  }\r\n\r\n  #aspire-light-stats-widget .st-btn {\r\n    display: inline-flex;\r\n    align-items: center;\r\n    gap: 10px;\r\n    background: transparent;\r\n    color: var(--fc-purple);\r\n    border: 2px solid rgba(124, 58, 237, 0.3);\r\n    padding: 12px 28px;\r\n    border-radius: 50px;\r\n    font-weight: 700;\r\n    font-size: 0.95rem;\r\n    text-decoration: none;\r\n    width: max-content;\r\n    margin-top: 10px;\r\n    transition: all 0.3s ease;\r\n  }\r\n\r\n  #aspire-light-stats-widget .st-btn:hover {\r\n    background: var(--fc-gradient);\r\n    color: #ffffff;\r\n    border-color: transparent;\r\n    box-shadow: 0 10px 25px rgba(79, 70, 229, 0.3);\r\n    transform: translateY(-2px);\r\n  }\r\n\r\n  \/* --- MIDDLE COLUMN: Featured Image Card --- *\/\r\n  #aspire-light-stats-widget .st-middle-col {\r\n    position: relative;\r\n    border-radius: 24px;\r\n    overflow: hidden;\r\n    box-shadow: 0 20px 40px rgba(15, 23, 42, 0.1);\r\n    background-color: #0f172a;\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    border: 1px solid var(--fc-border);\r\n  }\r\n\r\n  #aspire-light-stats-widget .st-middle-col img {\r\n    width: 100%;\r\n    height: 100%;\r\n    object-fit: contain;\r\n    display: block;\r\n    transition: transform 0.6s ease;\r\n  }\r\n\r\n  #aspire-light-stats-widget .st-middle-col:hover img {\r\n    transform: scale(1.03);\r\n  }\r\n\r\n  \/* --- RIGHT COLUMN: Stacked Stat Cards --- *\/\r\n  #aspire-light-stats-widget .st-right-col {\r\n    display: flex;\r\n    flex-direction: column;\r\n    gap: 16px;\r\n  }\r\n\r\n  #aspire-light-stats-widget .st-stat-card {\r\n    background: var(--fc-surface);\r\n    border: 1px solid var(--fc-border);\r\n    border-radius: 18px;\r\n    padding: 16px 20px;\r\n    display: flex;\r\n    align-items: center;\r\n    gap: 16px;\r\n    box-shadow: 0 10px 25px rgba(15, 23, 42, 0.03);\r\n    transition: transform 0.3s ease, border-color 0.3s ease, box-shadow 0.3s ease;\r\n  }\r\n\r\n  #aspire-light-stats-widget .st-stat-card:hover {\r\n    transform: translateY(-4px);\r\n    border-color: rgba(79, 70, 229, 0.3);\r\n    box-shadow: 0 15px 30px rgba(79, 70, 229, 0.08);\r\n  }\r\n\r\n  #aspire-light-stats-widget .st-stat-icon {\r\n    width: 44px;\r\n    height: 44px;\r\n    border-radius: 12px;\r\n    background: rgba(79, 70, 229, 0.08);\r\n    color: var(--fc-indigo);\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    flex-shrink: 0;\r\n  }\r\n\r\n  #aspire-light-stats-widget .st-stat-icon svg {\r\n    width: 22px;\r\n    height: 22px;\r\n  }\r\n\r\n  #aspire-light-stats-widget .st-stat-content {\r\n    display: flex;\r\n    flex-direction: column;\r\n  }\r\n\r\n  #aspire-light-stats-widget .st-stat-value {\r\n    font-family: 'Outfit', sans-serif;\r\n    font-size: 1.35rem;\r\n    font-weight: 800;\r\n    color: var(--fc-text-main);\r\n    line-height: 1.2;\r\n  }\r\n\r\n  #aspire-light-stats-widget .st-stat-label {\r\n    font-size: 0.85rem;\r\n    font-weight: 600;\r\n    color: var(--fc-text-muted);\r\n    margin-top: 2px;\r\n  }\r\n\r\n  \/* --- RESPONSIVE DESIGN --- *\/\r\n  @media (max-width: 1024px) {\r\n    #aspire-light-stats-widget .st-container {\r\n      grid-template-columns: 1fr;\r\n      gap: 40px;\r\n    }\r\n  }\r\n\r\n  @media (max-width: 768px) {\r\n    #aspire-light-stats-widget {\r\n      padding: 60px 20px;\r\n    }\r\n  }\r\n\r\n  \/* Initial GSAP states *\/\r\n  .gsap-fade-up {\r\n    opacity: 0;\r\n    visibility: hidden;\r\n  }\r\n<\/style>\r\n\r\n<!-- 3. HTML Structure -->\r\n<div id=\"aspire-light-stats-widget\">\r\n  <div class=\"st-container\">\r\n    \r\n    <!-- LEFT COLUMN: Heading & Description -->\r\n    <div class=\"st-left-col gsap-fade-up\">\r\n      <span class=\"st-eyebrow\">Company Statistics<\/span>\r\n      <h2 class=\"st-heading\">Driven by <span class=\"st-gradient-text\">Results & Growth.<\/span><\/h2>\r\n      <p class=\"st-intro\">\r\n        Delivering measurable excellence through specialized performance marketing strategies, trusted leadership, and global impact since 2019.\r\n      <\/p>\r\n      <a href=\"https:\/\/aspiredigitalsolutions.in\/ar\/contact-us\/\" class=\"st-btn\">\r\n        <span>Learn More<\/span>\r\n        <svg width=\"16\" height=\"16\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><line x1=\"5\" y1=\"12\" x2=\"19\" y2=\"12\"><\/line><polyline points=\"12 5 19 12 12 19\"><\/polyline><\/svg>\r\n      <\/a>\r\n    <\/div>\r\n\r\n    <!-- MIDDLE COLUMN: Visual Media Card with Full Uncropped Image -->\r\n    <div class=\"st-middle-col gsap-fade-up\">\r\n      <img decoding=\"async\" src=\"https:\/\/aspiredigitalsolutions.in\/wp-content\/uploads\/2026\/08\/Company-facts-1.webp\" alt=\"Aspire Digital Solutions company facts and statistics\">\r\n    <\/div>\r\n\r\n    <!-- RIGHT COLUMN: Stacked Stat Cards -->\r\n    <div class=\"st-right-col\">\r\n      \r\n      <!-- Stat 1: Founded -->\r\n      <div class=\"st-stat-card gsap-fade-up\">\r\n        <div class=\"st-stat-icon\">\r\n          <svg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><rect x=\"3\" y=\"4\" width=\"18\" height=\"18\" rx=\"2\" ry=\"2\"><\/rect><line x1=\"16\" y1=\"2\" x2=\"16\" y2=\"6\"><\/line><line x1=\"8\" y1=\"2\" x2=\"8\" y2=\"6\"><\/line><line x1=\"3\" y1=\"10\" x2=\"21\" y2=\"10\"><\/line><\/svg>\r\n        <\/div>\r\n        <div class=\"st-stat-content\">\r\n          <span class=\"st-stat-value\">2019<\/span>\r\n          <span class=\"st-stat-label\">Founded Year<\/span>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <!-- Stat 2: Founder Experience -->\r\n      <div class=\"st-stat-card gsap-fade-up\">\r\n        <div class=\"st-stat-icon\">\r\n          <svg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><circle cx=\"12\" cy=\"8\" r=\"4\"><\/circle><path d=\"M6 21v-2a4 4 0 0 1 4-4h4a4 4 0 0 1 4 4v2\"><\/path><\/svg>\r\n        <\/div>\r\n        <div class=\"st-stat-content\">\r\n          <span class=\"st-stat-value\">7+ Years<\/span>\r\n          <span class=\"st-stat-label\">Founder Experience<\/span>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <!-- Stat 3: Clients Served -->\r\n      <div class=\"st-stat-card gsap-fade-up\">\r\n        <div class=\"st-stat-icon\">\r\n          <svg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M17 21v-2a4 4 0 0 0-4-4H5a4 4 0 0 0-4 4v2\"><\/path><circle cx=\"9\" cy=\"7\" r=\"4\"><\/circle><path d=\"M23 21v-2a4 4 0 0 0-3-3.87\"><\/path><path d=\"M16 3.13a4 4 0 0 1 0 7.75\"><\/path><\/svg>\r\n        <\/div>\r\n        <div class=\"st-stat-content\">\r\n          <span class=\"st-stat-value\">1,000+<\/span>\r\n          <span class=\"st-stat-label\">Clients Served<\/span>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <!-- Stat 4: Projects Delivered -->\r\n      <div class=\"st-stat-card gsap-fade-up\">\r\n        <div class=\"st-stat-icon\">\r\n          <svg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><polyline points=\"22 12 18 12 15 21 9 3 6 12 2 12\"><\/polyline><\/svg>\r\n        <\/div>\r\n        <div class=\"st-stat-content\">\r\n          <span class=\"st-stat-value\">2,000+<\/span>\r\n          <span class=\"st-stat-label\">Projects Delivered<\/span>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <!-- Stat 5: Leads Generated -->\r\n      <div class=\"st-stat-card gsap-fade-up\">\r\n        <div class=\"st-stat-icon\">\r\n          <svg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><line x1=\"12\" y1=\"1\" x2=\"12\" y2=\"23\"><\/line><path d=\"M17 5H9.5a3.5 3.5 0 0 0 0 7h5a3.5 3.5 0 0 1 0 7H6\"><\/path><\/svg>\r\n        <\/div>\r\n        <div class=\"st-stat-content\">\r\n          <span class=\"st-stat-value\">2,000+<\/span>\r\n          <span class=\"st-stat-label\">Leads Generated<\/span>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <!-- Stat 6: Countries Served -->\r\n      <div class=\"st-stat-card gsap-fade-up\">\r\n        <div class=\"st-stat-icon\">\r\n          <svg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><circle cx=\"12\" cy=\"12\" r=\"10\"><\/circle><line x1=\"2\" y1=\"12\" x2=\"22\" y2=\"12\"><\/line><path d=\"M12 2a15.3 15.3 0 0 1 4 10 15.3 15.3 0 0 1-4 10 15.3 15.3 0 0 1-4-10 15.3 15.3 0 0 1 4-10z\"><\/path><\/svg>\r\n        <\/div>\r\n        <div class=\"st-stat-content\">\r\n          <span class=\"st-stat-value\">4+<\/span>\r\n          <span class=\"st-stat-label\">Countries Served<\/span>\r\n        <\/div>\r\n      <\/div>\r\n\r\n    <\/div>\r\n\r\n  <\/div>\r\n<\/div>\r\n\r\n<!-- 4. GSAP Initialization Script -->\r\n<script>\r\n  document.addEventListener(\"DOMContentLoaded\", function() {\r\n    setTimeout(function() {\r\n      if (typeof gsap !== \"undefined\" && typeof ScrollTrigger !== \"undefined\") {\r\n        gsap.registerPlugin(ScrollTrigger);\r\n\r\n        \/\/ Make elements visible for GSAP\r\n        gsap.set(\".gsap-fade-up\", { visibility: \"visible\" });\r\n\r\n        let mm = gsap.matchMedia();\r\n\r\n        mm.add({\r\n          isDesktop: \"(min-width: 769px)\",\r\n          isMobile: \"(max-width: 768px)\"\r\n        }, (context) => {\r\n          let { isMobile } = context.conditions;\r\n          let yDistance = isMobile ? 25 : 40;\r\n\r\n          const tl = gsap.timeline({\r\n            scrollTrigger: {\r\n              trigger: \"#aspire-light-stats-widget\",\r\n              start: \"top 75%\", \r\n              toggleActions: \"play none none none\"\r\n            }\r\n          });\r\n\r\n          \/\/ Staggered reveal for all layout elements\r\n          tl.fromTo(\".gsap-fade-up\", \r\n            { y: yDistance, opacity: 0 },\r\n            { y: 0, opacity: 1, duration: 0.8, stagger: 0.1, ease: \"power3.out\" }\r\n          );\r\n\r\n          return () => {}; \/\/ Cleanup\r\n        });\r\n      }\r\n    }, 150);\r\n  });\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-a9affbd e-con-full e-flex e-con e-parent\" data-id=\"a9affbd\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-0b01985 elementor-widget elementor-widget-html\" data-id=\"0b01985\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!-- 1. Animation Libraries (GSAP) & FontAwesome -->\r\n<script src=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/gsap\/3.12.2\/gsap.min.js\"><\/script>\r\n<script src=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/gsap\/3.12.2\/ScrollTrigger.min.js\"><\/script>\r\n<link href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.0.0\/css\/all.min.css\" rel=\"stylesheet\">\r\n\r\n<!-- 2. Dark Theme Google Partner Showcase Styles -->\r\n<style>\r\n  \/* Scoped specifically to prevent conflicts *\/\r\n  #aspire-google-partner {\r\n    --dark-bg: #0f172a;\r\n    --dark-surface: #1e293b;\r\n    --text-heading: #f8fafc;\r\n    --text-body: #cbd5e1;\r\n    --text-muted: #94a3b8;\r\n    --border-soft: rgba(255, 255, 255, 0.08);\r\n    \r\n    --brand-blue: #4285F4; \/* Google Blue *\/\r\n    --brand-indigo: #4f46e5;\r\n    --brand-pink: #ec4899;\r\n    --brand-gradient: linear-gradient(135deg, var(--brand-blue) 0%, var(--brand-indigo) 100%);\r\n    \r\n    background-color: var(--dark-bg);\r\n    font-family: 'Inter', system-ui, sans-serif; \r\n    padding: 100px 5%;\r\n    position: relative;\r\n    display: flex;\r\n    justify-content: center;\r\n    width: 100%;\r\n    box-sizing: border-box;\r\n    overflow: hidden;\r\n  }\r\n\r\n  #aspire-google-partner * {\r\n    box-sizing: border-box;\r\n  }\r\n\r\n  \/* Ambient Background Glow *\/\r\n  #aspire-google-partner .gp-ambient-glow {\r\n    position: absolute;\r\n    top: 0;\r\n    left: 50%;\r\n    transform: translateX(-50%);\r\n    width: 80vw;\r\n    height: 400px;\r\n    background: radial-gradient(ellipse at top, rgba(66, 133, 244, 0.15) 0%, transparent 70%);\r\n    z-index: 0;\r\n    pointer-events: none;\r\n  }\r\n\r\n  #aspire-google-partner .gp-container {\r\n    max-width: 1000px; \/* Tighter width for a focused showcase *\/\r\n    width: 100%;\r\n    position: relative;\r\n    z-index: 2;\r\n  }\r\n\r\n  \/* --- HEADER AREA --- *\/\r\n  #aspire-google-partner .gp-header {\r\n    text-align: center;\r\n    max-width: 750px;\r\n    margin: 0 auto 3.5rem auto;\r\n  }\r\n\r\n  #aspire-google-partner .gp-eyebrow {\r\n    font-size: 0.875rem;\r\n    font-weight: 700;\r\n    letter-spacing: 0.2em;\r\n    text-transform: uppercase;\r\n    background: var(--brand-gradient);\r\n    -webkit-background-clip: text;\r\n    -webkit-text-fill-color: transparent;\r\n    background-clip: text;\r\n    margin-bottom: 1rem;\r\n    display: inline-block;\r\n  }\r\n\r\n  #aspire-google-partner .gp-heading {\r\n    color: var(--text-heading);\r\n    font-size: clamp(2.2rem, 3.5vw, 3.2rem);\r\n    font-weight: 800;\r\n    line-height: 1.2;\r\n    margin: 0 0 1rem 0;\r\n    letter-spacing: -0.02em;\r\n  }\r\n\r\n  #aspire-google-partner .gp-subtitle {\r\n    font-size: 1.125rem;\r\n    color: var(--text-body);\r\n    line-height: 1.7;\r\n    margin: 0;\r\n  }\r\n\r\n  \/* --- SHOWCASE CARD LAYOUT --- *\/\r\n  #aspire-google-partner .gp-showcase-card {\r\n    background: var(--dark-surface);\r\n    border: 1px solid var(--border-soft);\r\n    border-radius: 24px;\r\n    padding: 3rem;\r\n    box-shadow: 0 20px 40px rgba(0, 0, 0, 0.4);\r\n    display: grid;\r\n    grid-template-columns: 1fr 1.5fr;\r\n    gap: 3rem;\r\n    align-items: center;\r\n    margin-bottom: 3rem;\r\n    position: relative;\r\n    overflow: hidden;\r\n  }\r\n\r\n  \/* Top Gradient Accent *\/\r\n  #aspire-google-partner .gp-showcase-card::before {\r\n    content: '';\r\n    position: absolute;\r\n    top: 0;\r\n    left: 0;\r\n    right: 0;\r\n    height: 4px;\r\n    background: var(--brand-gradient);\r\n  }\r\n\r\n  \/* --- LEFT: BADGE DISPLAY --- *\/\r\n  #aspire-google-partner .gp-badge-wrapper {\r\n    background: #ffffff; \/* White bg is usually required for Google badges *\/\r\n    border-radius: 16px;\r\n    padding: 2.5rem;\r\n    display: flex;\r\n    flex-direction: column;\r\n    align-items: center;\r\n    justify-content: center;\r\n    box-shadow: inset 0 0 20px rgba(0,0,0,0.05);\r\n    transition: transform 0.3s ease, box-shadow 0.3s ease;\r\n  }\r\n\r\n  #aspire-google-partner .gp-badge-wrapper:hover {\r\n    transform: translateY(-5px);\r\n    box-shadow: 0 15px 30px rgba(66, 133, 244, 0.2);\r\n  }\r\n\r\n  #aspire-google-partner .gp-badge-wrapper img {\r\n    width: 100%;\r\n    max-width: 200px;\r\n    height: auto;\r\n    display: block;\r\n  }\r\n\r\n  #aspire-google-partner .gp-verify-link {\r\n    margin-top: 1.5rem;\r\n    font-size: 0.85rem;\r\n    font-weight: 600;\r\n    color: var(--brand-blue);\r\n    text-decoration: none;\r\n    display: flex;\r\n    align-items: center;\r\n    gap: 6px;\r\n  }\r\n\r\n  #aspire-google-partner .gp-verify-link:hover {\r\n    text-decoration: underline;\r\n  }\r\n\r\n  \/* --- RIGHT: CONTENT & BENEFITS --- *\/\r\n  #aspire-google-partner .gp-content-side h3 {\r\n    color: var(--text-heading);\r\n    font-size: 1.75rem;\r\n    margin: 0 0 1rem 0;\r\n    font-weight: 700;\r\n  }\r\n\r\n  #aspire-google-partner .gp-content-side p {\r\n    color: var(--text-body);\r\n    font-size: 1.05rem;\r\n    line-height: 1.6;\r\n    margin: 0 0 1.5rem 0;\r\n  }\r\n\r\n  #aspire-google-partner .gp-benefits-list {\r\n    list-style: none;\r\n    padding: 0;\r\n    margin: 0;\r\n    display: flex;\r\n    flex-direction: column;\r\n    gap: 1rem;\r\n  }\r\n\r\n  #aspire-google-partner .gp-benefits-list li {\r\n    display: flex;\r\n    align-items: flex-start;\r\n    gap: 12px;\r\n    color: var(--text-heading);\r\n    font-weight: 500;\r\n    font-size: 1.05rem;\r\n  }\r\n\r\n  #aspire-google-partner .gp-benefits-list li i {\r\n    color: #10B981; \/* Success Green *\/\r\n    font-size: 1.2rem;\r\n    margin-top: 2px;\r\n  }\r\n\r\n  \/* --- BOTTOM INFO BANNER --- *\/\r\n  #aspire-google-partner .gp-bottom-banner {\r\n    background: rgba(66, 133, 244, 0.05);\r\n    border: 1px solid rgba(66, 133, 244, 0.2);\r\n    border-radius: 20px;\r\n    padding: 1.5rem 2rem;\r\n    display: flex;\r\n    align-items: center;\r\n    gap: 20px;\r\n  }\r\n\r\n  #aspire-google-partner .gp-banner-icon {\r\n    width: 48px;\r\n    height: 48px;\r\n    border-radius: 14px;\r\n    background: rgba(66, 133, 244, 0.15);\r\n    color: var(--brand-blue);\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    font-size: 1.25rem;\r\n    flex-shrink: 0;\r\n  }\r\n\r\n  #aspire-google-partner .gp-banner-text {\r\n    font-size: 1rem;\r\n    color: var(--text-body);\r\n    line-height: 1.6;\r\n    margin: 0;\r\n  }\r\n\r\n  \/* --- RESPONSIVE DESIGN --- *\/\r\n  @media (max-width: 850px) {\r\n    #aspire-google-partner .gp-showcase-card {\r\n      grid-template-columns: 1fr;\r\n      padding: 2rem;\r\n      gap: 2rem;\r\n    }\r\n    \r\n    #aspire-google-partner .gp-badge-wrapper {\r\n      padding: 2rem;\r\n    }\r\n  }\r\n\r\n  @media (max-width: 768px) {\r\n    #aspire-google-partner {\r\n      padding: 60px 20px;\r\n    }\r\n    #aspire-google-partner .gp-bottom-banner {\r\n      flex-direction: column;\r\n      align-items: flex-start;\r\n      padding: 1.5rem;\r\n    }\r\n  }\r\n\r\n  \/* GSAP Initial States *\/\r\n  .gsap-reveal-gp {\r\n    opacity: 0;\r\n    visibility: hidden;\r\n  }\r\n<\/style>\r\n\r\n<!-- 3. HTML Structure -->\r\n<div id=\"aspire-google-partner\">\r\n  <div class=\"gp-ambient-glow\"><\/div>\r\n\r\n  <div class=\"gp-container\">\r\n    \r\n    <!-- Header Segment -->\r\n    <div class=\"gp-header\">\r\n      <span class=\"gp-eyebrow gsap-reveal-gp\"><i class=\"fab fa-google\"><\/i> Official Partner<\/span>\r\n      <h2 class=\"gp-heading gsap-reveal-gp\">Certified Google Partner<\/h2>\r\n      <p class=\"gp-subtitle gsap-reveal-gp\">Aspire Digital Solutions is recognized by Google for maximizing campaign success, driving growth, and demonstrating certified expertise.<\/p>\r\n    <\/div>\r\n\r\n    <!-- Showcase Card -->\r\n    <div class=\"gp-showcase-card gsap-reveal-gp\">\r\n      \r\n      <!-- Left: Badge Image -->\r\n      <a href=\"#\" target=\"_blank\" rel=\"noopener noreferrer\" style=\"text-decoration: none;\">\r\n        <div class=\"gp-badge-wrapper gsap-stagger-item\">\r\n          <!-- Placeholder URL: Swap with your actual Google Partner badge URL -->\r\n          <img decoding=\"async\" src=\"https:\/\/www.gstatic.com\/partners\/badge\/images\/2022\/PartnerBadgeClickable.svg\" alt=\"Official Google partner badge showing certified digital advertising expertise.\">\r\n          <span class=\"gp-verify-link\">Verify Partnership <i class=\"fas fa-external-link-alt\"><\/i><\/span>\r\n        <\/div>\r\n      <\/a>\r\n\r\n      <!-- Right: Content & Checklist -->\r\n      <div class=\"gp-content-side\">\r\n        <h3 class=\"gsap-stagger-item\">What this means for your business<\/h3>\r\n        <p class=\"gsap-stagger-item\">Working with a Google Partner means you are collaborating with a team that has proven experience running successful, high-yield ad campaigns.<\/p>\r\n        \r\n        <ul class=\"gp-benefits-list\">\r\n          <li class=\"gsap-stagger-item\">\r\n            <i class=\"fas fa-check-circle\"><\/i>\r\n            <span><strong>Certified Experts:<\/strong> Our team holds active Google Ads certifications, ensuring up-to-date strategic knowledge.<\/span>\r\n          <\/li>\r\n          <li class=\"gsap-stagger-item\">\r\n            <i class=\"fas fa-check-circle\"><\/i>\r\n            <span><strong>Proven Performance:<\/strong> We consistently meet Google's strict performance requirements for ad revenue and growth.<\/span>\r\n          <\/li>\r\n          <li class=\"gsap-stagger-item\">\r\n            <i class=\"fas fa-check-circle\"><\/i>\r\n            <span><strong>Advanced Access:<\/strong> Gain access to exclusive Google beta tools, insights, and dedicated support channels.<\/span>\r\n          <\/li>\r\n        <\/ul>\r\n      <\/div>\r\n\r\n    <\/div>\r\n\r\n    <!-- Bottom Banner -->\r\n    <div class=\"gp-bottom-banner gsap-reveal-gp\">\r\n      <div class=\"gp-banner-icon\">\r\n        <i class=\"fas fa-shield-alt\"><\/i>\r\n      <\/div>\r\n      <p class=\"gp-banner-text\">\r\n        <strong>Trust & Transparency:<\/strong> To maintain Partner status, our agency's performance is continuously evaluated by Google to ensure we deliver optimal results for our clients.\r\n      <\/p>\r\n    <\/div>\r\n\r\n  <\/div>\r\n<\/div>\r\n\r\n<!-- 4. JS Initialization (GSAP Only) -->\r\n<script>\r\n  document.addEventListener(\"DOMContentLoaded\", function() {\r\n    setTimeout(function() {\r\n      if (typeof gsap !== \"undefined\" && typeof ScrollTrigger !== \"undefined\") {\r\n        gsap.registerPlugin(ScrollTrigger);\r\n\r\n        \/\/ Make elements visible for GSAP\r\n        gsap.set(\".gsap-reveal-gp, .gsap-stagger-item\", { visibility: \"visible\" });\r\n\r\n        let mm = gsap.matchMedia();\r\n\r\n        mm.add({\r\n          isDesktop: \"(min-width: 769px)\",\r\n          isMobile: \"(max-width: 768px)\"\r\n        }, (context) => {\r\n          let { isMobile } = context.conditions;\r\n          let yDistance = isMobile ? 30 : 50;\r\n\r\n          const tl = gsap.timeline({\r\n            scrollTrigger: {\r\n              trigger: \"#aspire-google-partner\",\r\n              start: \"top 80%\", \r\n              toggleActions: \"play none none none\"\r\n            }\r\n          });\r\n\r\n          \/\/ 1. Reveal Header Text\r\n          tl.fromTo(\".gp-header .gsap-reveal-gp\", \r\n            { y: yDistance, opacity: 0 },\r\n            { y: 0, opacity: 1, duration: 0.8, stagger: 0.15, ease: \"power3.out\" }\r\n          );\r\n\r\n          \/\/ 2. Reveal the main showcase card container\r\n          tl.fromTo(\".gp-showcase-card\",\r\n            { y: yDistance, opacity: 0 },\r\n            { y: 0, opacity: 1, duration: 0.8, ease: \"power3.out\" },\r\n            \"-=0.4\"\r\n          );\r\n\r\n          \/\/ 3. Stagger reveal the internal items (Badge, title, list items)\r\n          tl.fromTo(\".gsap-stagger-item\",\r\n            { x: -20, opacity: 0 },\r\n            { x: 0, opacity: 1, duration: 0.6, stagger: 0.1, ease: \"power3.out\" },\r\n            \"-=0.2\"\r\n          );\r\n\r\n          \/\/ 4. Reveal Bottom Banner\r\n          tl.fromTo(\".gp-bottom-banner\",\r\n            { y: 20, opacity: 0 },\r\n            { y: 0, opacity: 1, duration: 0.8, ease: \"power3.out\" },\r\n            \"-=0.4\"\r\n          );\r\n\r\n          return () => {}; \/\/ Cleanup\r\n        });\r\n      }\r\n    }, 150);\r\n  });\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-dcc65d3 e-con-full e-flex e-con e-parent\" data-id=\"dcc65d3\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-0be0dc5 elementor-widget elementor-widget-html\" data-id=\"0be0dc5\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Outfit:wght@300;400;500;700;800&display=swap\" rel=\"stylesheet\">\r\n<link rel=\"stylesheet\" href=\"https:\/\/fonts.googleapis.com\/css2?family=Material+Symbols+Rounded:opsz,wght,FILL,GRAD@48,400,0,0\" \/>\r\n\r\n<style>\r\n    \/* --- SCOPED ID --- *\/\r\n    #aspire-seo-pro-section {\r\n        \/* Colors defined locally *\/\r\n        --asp-primary: #4f46e5;\r\n        --asp-accent: #ec4899;\r\n        --asp-bg-light: #f8fafc;\r\n        \r\n        font-family: 'Outfit', sans-serif !important;\r\n        width: 100%;\r\n        background-color: var(--asp-bg-light) !important; \/* Force Light BG *\/\r\n        padding: 90px 20px;\r\n        position: relative;\r\n        overflow: hidden;\r\n        box-sizing: border-box;\r\n        line-height: 1.5;\r\n        text-align: left;\r\n    }\r\n\r\n    #aspire-seo-pro-section * {\r\n        box-sizing: border-box;\r\n        transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);\r\n    }\r\n\r\n    \/* Background Pattern *\/\r\n    #aspire-seo-pro-section::before {\r\n        content: '';\r\n        position: absolute;\r\n        top: 0; left: 0; width: 100%; height: 100%;\r\n        background-image: radial-gradient(#cbd5e1 1px, transparent 1px);\r\n        background-size: 30px 30px;\r\n        opacity: 0.5;\r\n        z-index: 0;\r\n    }\r\n\r\n    .asp-container {\r\n        max-width: 1250px;\r\n        margin: 0 auto;\r\n        position: relative;\r\n        z-index: 2;\r\n    }\r\n\r\n    \/* --- HEADER --- *\/\r\n    .asp-header {\r\n        text-align: center;\r\n        max-width: 850px;\r\n        margin: 0 auto 60px auto;\r\n    }\r\n\r\n    .asp-badge {\r\n        display: inline-block;\r\n        padding: 6px 14px;\r\n        background: rgba(79, 70, 229, 0.1);\r\n        color: #4f46e5 !important;\r\n        font-weight: 700 !important;\r\n        font-size: 0.8rem;\r\n        text-transform: uppercase;\r\n        letter-spacing: 1px;\r\n        border-radius: 50px;\r\n        margin-bottom: 15px;\r\n    }\r\n\r\n    .asp-header h2 {\r\n        font-size: clamp(2.2rem, 5vw, 3rem) !important;\r\n        color: #0f172a !important; \/* Force Dark Color *\/\r\n        font-weight: 800 !important;\r\n        margin: 0 0 20px 0 !important;\r\n        line-height: 1.1 !important;\r\n    }\r\n\r\n    .asp-grad-text {\r\n        background: linear-gradient(135deg, #4f46e5, #ec4899);\r\n        -webkit-background-clip: text;\r\n        -webkit-text-fill-color: transparent;\r\n        display: inline-block;\r\n    }\r\n\r\n    .asp-header p {\r\n        font-size: 1.15rem !important;\r\n        color: #475569 !important; \/* Force Grey Color *\/\r\n        line-height: 1.7 !important;\r\n    }\r\n\r\n    \/* --- LAYOUT GRID --- *\/\r\n    .asp-bento-grid {\r\n        display: grid;\r\n        grid-template-columns: 1.2fr 1.8fr; \/* Desktop Ratio *\/\r\n        gap: 30px;\r\n        align-items: stretch;\r\n    }\r\n\r\n    \/* --- LEFT CARD (DARK) --- *\/\r\n    .asp-dark-card {\r\n        background: linear-gradient(145deg, #1e293b, #0f172a) !important;\r\n        padding: 45px;\r\n        border-radius: 24px;\r\n        display: flex;\r\n        flex-direction: column;\r\n        justify-content: center;\r\n        position: relative;\r\n        overflow: hidden;\r\n        box-shadow: 0 20px 40px -10px rgba(15, 23, 42, 0.5);\r\n    }\r\n\r\n    \/* Text Colors for Dark Card (Forced White) *\/\r\n    .asp-dark-card h3 {\r\n        color: #ffffff !important;\r\n        font-size: 2rem !important;\r\n        margin-bottom: 20px !important;\r\n        font-weight: 700 !important;\r\n        position: relative; z-index: 2;\r\n    }\r\n\r\n    .asp-dark-card p {\r\n        color: #cbd5e1 !important;\r\n        font-size: 1.1rem !important;\r\n        line-height: 1.6 !important;\r\n        position: relative; z-index: 2;\r\n        margin-bottom: 30px !important;\r\n    }\r\n\r\n    .asp-cta-btn {\r\n        display: inline-flex;\r\n        align-items: center;\r\n        gap: 8px;\r\n        background: rgba(255,255,255,0.1) !important;\r\n        color: #ffffff !important;\r\n        padding: 12px 24px;\r\n        border-radius: 12px;\r\n        text-decoration: none !important;\r\n        font-weight: 600 !important;\r\n        width: fit-content;\r\n        border: 1px solid rgba(255,255,255,0.2) !important;\r\n        position: relative; z-index: 2;\r\n    }\r\n    .asp-cta-btn:hover {\r\n        background: rgba(255,255,255,0.2) !important;\r\n        transform: translateX(5px);\r\n    }\r\n\r\n    \/* --- RIGHT GRID (LIGHT) --- *\/\r\n    .asp-benefits-grid {\r\n        display: grid;\r\n        grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\r\n        gap: 20px;\r\n    }\r\n\r\n    .asp-benefit-card {\r\n        background-color: #ffffff !important; \/* Force White BG *\/\r\n        padding: 30px;\r\n        border-radius: 20px;\r\n        border: 1px solid rgba(0,0,0,0.06) !important;\r\n        box-shadow: 0 4px 6px rgba(0,0,0,0.02) !important;\r\n        display: flex;\r\n        flex-direction: column;\r\n        align-items: flex-start;\r\n    }\r\n\r\n    .asp-benefit-card:hover {\r\n        transform: translateY(-5px);\r\n        box-shadow: 0 15px 30px rgba(0,0,0,0.08) !important;\r\n        border-color: rgba(79, 70, 229, 0.3) !important;\r\n    }\r\n\r\n    \/* Icons *\/\r\n    .asp-icon {\r\n        width: 50px; height: 50px;\r\n        border-radius: 14px;\r\n        display: flex; align-items: center; justify-content: center;\r\n        margin-bottom: 20px;\r\n        font-size: 26px;\r\n    }\r\n    .icon-indigo { background: #eff6ff !important; color: #4f46e5 !important; }\r\n    .icon-pink { background: #fff1f2 !important; color: #ec4899 !important; }\r\n\r\n    \/* Text Colors for Light Cards (Forced Dark) *\/\r\n    .asp-benefit-card h4 {\r\n        color: #1e293b !important;\r\n        font-size: 1.25rem !important;\r\n        font-weight: 700 !important;\r\n        margin: 0 0 10px 0 !important;\r\n    }\r\n\r\n    .asp-benefit-card p {\r\n        color: #64748b !important;\r\n        font-size: 0.95rem !important;\r\n        line-height: 1.5 !important;\r\n        margin: 0 !important;\r\n    }\r\n\r\n    \/* =========================================\r\n       RESPONSIVE DESIGN LOGIC\r\n       ========================================= *\/\r\n    \r\n    \/* 1. Tablet Portrait \/ Small Laptops (Max 1024px) *\/\r\n    @media (max-width: 1024px) {\r\n        .asp-bento-grid {\r\n            grid-template-columns: 1fr; \/* Switch to Single Column Stack *\/\r\n            gap: 40px;\r\n        }\r\n        \r\n        .asp-dark-card {\r\n            padding: 40px;\r\n            align-items: flex-start; \/* Align text left *\/\r\n        }\r\n        \r\n        .asp-header {\r\n            margin-bottom: 40px;\r\n        }\r\n    }\r\n\r\n    \/* 2. Mobile Landscape \/ Large Phones (Max 768px) *\/\r\n    @media (max-width: 768px) {\r\n        #aspire-seo-pro-section {\r\n            padding: 60px 20px; \/* Reduce Padding *\/\r\n        }\r\n        \r\n        .asp-dark-card h3 {\r\n            font-size: 1.75rem !important;\r\n        }\r\n        \r\n        .asp-benefits-grid {\r\n            grid-template-columns: 1fr; \/* Stack vertically for clarity *\/\r\n            gap: 15px;\r\n        }\r\n    }\r\n\r\n    \/* 3. Small Mobile (Max 480px) *\/\r\n    @media (max-width: 480px) {\r\n        .asp-header h2 {\r\n            font-size: 2rem !important;\r\n        }\r\n        .asp-dark-card {\r\n            padding: 30px 20px;\r\n        }\r\n        .asp-benefit-card {\r\n            padding: 25px 20px;\r\n        }\r\n    }\r\n<\/style>\r\n\r\n<section id=\"aspire-seo-pro-section\">\r\n    <div class=\"asp-container\">\r\n        \r\n        <div class=\"asp-header\">\r\n            <span class=\"asp-badge\">Company Philosophy<\/span>\r\n            <h2>Our Core <span class=\"asp-grad-text\">Principles<\/span><\/h2>\r\n            <p>\r\n                Aspire Digital Solutions operates on foundational values designed to put your business goals first, ensuring clarity, honesty, and sustainable digital success.\r\n            <\/p>\r\n        <\/div>\r\n\r\n        <div class=\"asp-bento-grid\">\r\n            \r\n            <div class=\"asp-dark-card\">\r\n                <h3>Driven by Purpose<\/h3>\r\n                <p>\r\n                    We believe that true partnership is built on accountability and real-world results rather than superficial tracking numbers. \r\n                    <br><br>\r\n                    Every strategy we deploy is designed to create measurable value and long-term sustainable growth for your brand.\r\n                <\/p>\r\n                <a href=\"https:\/\/aspiredigitalsolutions.in\/ar\/contact-us\/\" class=\"asp-cta-btn\">\r\n                    Partner With Us <span class=\"material-symbols-rounded\">arrow_forward<\/span>\r\n                <\/a>\r\n            <\/div>\r\n\r\n            <div class=\"asp-benefits-grid\">\r\n                \r\n                <div class=\"asp-benefit-card\">\r\n                    <div class=\"asp-icon icon-indigo\">\r\n                        <span class=\"material-symbols-rounded\">target<\/span>\r\n                    <\/div>\r\n                    <h4>Outcomes over Metrics<\/h4>\r\n                    <p>Business outcomes and genuine conversions are far more important than superficial vanity metrics.<\/p>\r\n                <\/div>\r\n\r\n                <div class=\"asp-benefit-card\">\r\n                    <div class=\"asp-icon icon-pink\">\r\n                        <span class=\"material-symbols-rounded\">verified<\/span>\r\n                    <\/div>\r\n                    <h4>Measurable Value<\/h4>\r\n                    <p>Every single recommendation and campaign strategy we suggest should create clear, measurable value.<\/p>\r\n                <\/div>\r\n\r\n                <div class=\"asp-benefit-card\">\r\n                    <div class=\"asp-icon icon-pink\">\r\n                        <span class=\"material-symbols-rounded\">receipt_long<\/span>\r\n                    <\/div>\r\n                    <h4>Budget Accountability<\/h4>\r\n                    <p>We treat your marketing investment with respect\u2014every marketing budget deserves strict accountability.<\/p>\r\n                <\/div>\r\n\r\n                <div class=\"asp-benefit-card\">\r\n                    <div class=\"asp-icon icon-indigo\">\r\n                        <span class=\"material-symbols-rounded\">handshake<\/span>\r\n                    <\/div>\r\n                    <h4>Total Transparency<\/h4>\r\n                    <p>Openness and clear communication build strong, enduring long-term partnerships with our clients.<\/p>\r\n                <\/div>\r\n\r\n                <div class=\"asp-benefit-card\" style=\"grid-column: span 1;\">\r\n                    <div class=\"asp-icon icon-indigo\">\r\n                        <span class=\"material-symbols-rounded\">trending_up<\/span>\r\n                    <\/div>\r\n                    <h4>Continuous Improvement<\/h4>\r\n                    <p>Continuous learning and adaptation drive ongoing optimization for your digital performance.<\/p>\r\n                <\/div>\r\n\r\n                <div class=\"asp-benefit-card\" style=\"grid-column: span 1;\">\r\n                    <div class=\"asp-icon icon-pink\">\r\n                        <span class=\"material-symbols-rounded\">hourglass_top<\/span>\r\n                    <\/div>\r\n                    <h4>Long-Term Growth<\/h4>\r\n                    <p>Lasting business expansion and compounding organic equity outweigh short-term ranking spikes.<\/p>\r\n                <\/div>\r\n\r\n            <\/div>\r\n\r\n        <\/div>\r\n    <\/div>\r\n<\/section>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-264f3f9 e-con-full e-flex e-con e-parent\" data-id=\"264f3f9\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-8eed03b elementor-widget elementor-widget-html\" data-id=\"8eed03b\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!-- Load Fonts and Icons -->\r\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Outfit:wght@300;400;500;600;700;800&display=swap\" rel=\"stylesheet\">\r\n<link rel=\"stylesheet\" href=\"https:\/\/fonts.googleapis.com\/css2?family=Material+Symbols+Rounded:opsz,wght,FILL,GRAD@48,400,0,0\" \/>\r\n\r\n<style>\r\n\/* =========================================\r\n   PREMIUM \"RECOGNITIONS\" UI FOR WORDPRESS\r\n   Color Palette Synced with Career Timeline\r\n   Layout: 2 Cards per Row\r\n   ========================================= *\/\r\n\r\n.hiw-premium-section {\r\n  \/* Synced Colors from Career Timeline *\/\r\n  --color-bg: #f8fafc;\r\n  --color-surface: #ffffff;\r\n  --color-heading: #0f172a;\r\n  --color-body: #475569;\r\n  --color-muted: #64748b;\r\n  --color-border: #e2e8f0;\r\n  \r\n  --color-indigo: #4f46e5;\r\n  --color-purple: #7c3aed;\r\n  --color-pink: #ec4899;\r\n  --color-gradient: linear-gradient(135deg, var(--color-indigo) 0%, var(--color-purple) 50%, var(--color-pink) 100%);\r\n  \r\n  font-family: 'Outfit', system-ui, sans-serif !important;\r\n  position: relative;\r\n  width: 100%;\r\n  padding: 120px 20px;\r\n  background-color: var(--color-bg);\r\n  overflow: hidden;\r\n  box-sizing: border-box;\r\n  text-align: left;\r\n}\r\n\r\n.hiw-premium-section * {\r\n  box-sizing: border-box;\r\n  margin: 0;\r\n  padding: 0;\r\n}\r\n\r\n\/* --- ANIMATED BACKGROUND ORBS --- *\/\r\n.hiw-bg-orb {\r\n  position: absolute;\r\n  border-radius: 50%;\r\n  filter: blur(120px);\r\n  opacity: 0.5;\r\n  z-index: 0;\r\n  animation: floatOrb 15s ease-in-out infinite alternate;\r\n  pointer-events: none;\r\n}\r\n\r\n.orb-purple { top: -10%; left: 10%; width: 600px; height: 600px; background: rgba(124, 58, 237, 0.15); }\r\n.orb-pink { bottom: -10%; right: 10%; width: 500px; height: 500px; background: rgba(236, 72, 153, 0.15); animation-delay: -5s; }\r\n.orb-indigo { top: 40%; left: 50%; transform: translateX(-50%); width: 700px; height: 700px; background: rgba(79, 70, 229, 0.15); animation-delay: -10s; }\r\n\r\n@keyframes floatOrb {\r\n  0% { transform: translate(0, 0) scale(1); }\r\n  100% { transform: translate(30px, 50px) scale(1.1); }\r\n}\r\n\r\n.hiw-premium-container {\r\n  max-width: 1250px;\r\n  margin: 0 auto;\r\n  position: relative;\r\n  z-index: 2;\r\n}\r\n\r\n\/* --- HEADER --- *\/\r\n.hiw-header-modern {\r\n  text-align: center;\r\n  margin-bottom: 100px;\r\n  display: flex;\r\n  flex-direction: column;\r\n  align-items: center;\r\n}\r\n\r\n.hiw-eyebrow {\r\n  font-size: 0.85rem;\r\n  font-weight: 700;\r\n  letter-spacing: 2px;\r\n  text-transform: uppercase;\r\n  margin-bottom: 20px;\r\n  padding: 8px 20px;\r\n  border-radius: 50px;\r\n  border: 1px solid var(--color-border);\r\n  background: var(--color-gradient);\r\n  -webkit-background-clip: text;\r\n  -webkit-text-fill-color: transparent;\r\n  background-clip: text;\r\n  display: inline-block;\r\n  box-shadow: 0 4px 10px rgba(15, 23, 42, 0.03);\r\n}\r\n\r\n.hiw-header-modern h2 {\r\n  font-size: clamp(2.5rem, 5vw, 3.5rem) !important;\r\n  color: var(--color-heading) !important;\r\n  font-weight: 800 !important;\r\n  letter-spacing: -1px;\r\n  margin-bottom: 16px !important;\r\n  line-height: 1.2 !important;\r\n}\r\n\r\n.hiw-header-modern p {\r\n  color: var(--color-body) !important;\r\n  font-size: 1.15rem !important;\r\n  max-width: 650px; \r\n  line-height: 1.6 !important;\r\n}\r\n\r\n\/* --- LAYOUT GRID --- *\/\r\n.hiw-premium-grid {\r\n  display: grid;\r\n  \/* EXPLICITLY SET TO 2 CARDS PER ROW *\/\r\n  grid-template-columns: repeat(2, 1fr);\r\n  gap: 40px;\r\n  position: relative;\r\n}\r\n\r\n\/* --- CARDS (GLASSMORPHISM) --- *\/\r\n.hiw-premium-card {\r\n  background: rgba(255, 255, 255, 0.9) !important;\r\n  backdrop-filter: blur(20px);\r\n  -webkit-backdrop-filter: blur(20px);\r\n  border: 1px solid var(--color-border) !important;\r\n  border-radius: 24px;\r\n  padding: 50px 40px 40px 40px;\r\n  position: relative;\r\n  text-align: left;\r\n  box-shadow: 0 10px 30px rgba(15, 23, 42, 0.03) !important;\r\n  transition: all 0.4s cubic-bezier(0.16, 1, 0.3, 1);\r\n  z-index: 1;\r\n  display: flex;\r\n  flex-direction: column;\r\n}\r\n\r\n\/* Left Gradient Accent Line on Card *\/\r\n.hiw-premium-card::before {\r\n  content: '';\r\n  position: absolute;\r\n  top: 0;\r\n  left: 0;\r\n  bottom: 0;\r\n  width: 4px;\r\n  background: var(--color-gradient);\r\n  opacity: 0;\r\n  transition: opacity 0.4s ease;\r\n  border-top-left-radius: 24px;\r\n  border-bottom-left-radius: 24px;\r\n}\r\n\r\n.hiw-premium-card:hover {\r\n  transform: translateY(-10px);\r\n  box-shadow: 0 20px 40px rgba(79, 70, 229, 0.08) !important;\r\n  border-color: rgba(79, 70, 229, 0.3) !important;\r\n}\r\n\r\n.hiw-premium-card:hover::before {\r\n  opacity: 1;\r\n}\r\n\r\n\/* Highlight Card Style *\/\r\n.highlight-card {\r\n  background: linear-gradient(180deg, #ffffff 0%, rgba(236, 72, 153, 0.03) 100%) !important;\r\n  border-color: rgba(236, 72, 153, 0.3) !important;\r\n}\r\n\r\n.highlight-card:hover {\r\n  box-shadow: 0 20px 40px rgba(236, 72, 153, 0.08) !important;\r\n}\r\n\r\n\/* --- FLOATING ICONS --- *\/\r\n.hiw-icon-wrapper {\r\n  position: absolute;\r\n  top: -45px;\r\n  left: 40px;\r\n  width: 90px;\r\n  height: 90px;\r\n  background: var(--color-surface);\r\n  border-radius: 24px;\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  box-shadow: 0 15px 30px -5px rgba(79, 70, 229, 0.15);\r\n  color: var(--color-indigo);\r\n  transform: rotate(-3deg);\r\n  transition: transform 0.4s ease;\r\n}\r\n\r\n.hiw-premium-card:hover .hiw-icon-wrapper {\r\n  transform: rotate(0deg) scale(1.05);\r\n}\r\n\r\n.hiw-icon-wrapper .material-symbols-rounded {\r\n  font-size: 40px;\r\n  position: relative;\r\n  z-index: 2;\r\n}\r\n\r\n.hiw-icon-ring {\r\n  position: absolute;\r\n  inset: 0;\r\n  border-radius: inherit;\r\n  border: 2px solid transparent;\r\n  background: var(--color-gradient) border-box;\r\n  -webkit-mask: linear-gradient(#fff 0 0) padding-box, linear-gradient(#fff 0 0);\r\n  -webkit-mask-composite: destination-out;\r\n  mask-composite: exclude;\r\n  opacity: 0.5;\r\n}\r\n\r\n\/* Highlight Icon matched to Pink Accent *\/\r\n.highlight-icon {\r\n  background: var(--color-pink);\r\n  color: #ffffff;\r\n  box-shadow: 0 15px 30px -5px rgba(236, 72, 153, 0.3);\r\n}\r\n\r\n.highlight-icon .hiw-icon-ring {\r\n  display: none; \r\n}\r\n\r\n\/* --- CARD CONTENT --- *\/\r\n.hiw-step-badge {\r\n  color: var(--color-purple) !important;\r\n  font-size: 0.85rem !important;\r\n  font-weight: 700 !important;\r\n  text-transform: uppercase;\r\n  letter-spacing: 1px;\r\n  margin-top: 20px;\r\n  margin-bottom: 12px;\r\n}\r\n\r\n.highlight-card .hiw-step-badge {\r\n  color: var(--color-pink) !important;\r\n}\r\n\r\n.hiw-premium-card h3 {\r\n  color: var(--color-heading) !important;\r\n  font-size: 1.5rem !important;\r\n  font-weight: 800 !important;\r\n  margin-bottom: 16px !important;\r\n  line-height: 1.3 !important;\r\n  letter-spacing: -0.02em;\r\n}\r\n\r\n.hiw-premium-card p {\r\n  color: var(--color-body) !important;\r\n  font-size: 1.05rem !important;\r\n  line-height: 1.7 !important;\r\n  margin-bottom: 35px !important;\r\n  flex-grow: 1; \/* Pushes footer to the bottom *\/\r\n}\r\n\r\n\/* --- CARD FOOTERS --- *\/\r\n.hiw-card-footer {\r\n  display: flex;\r\n  align-items: center;\r\n  gap: 12px;\r\n  border-top: 1px solid var(--color-border);\r\n  padding-top: 25px;\r\n  margin-top: auto;\r\n}\r\n\r\n.ai-premium-badge {\r\n  background: rgba(79, 70, 229, 0.08);\r\n  color: var(--color-indigo) !important;\r\n  border: 1px solid rgba(79, 70, 229, 0.2);\r\n  padding: 10px 20px;\r\n  border-radius: 50px;\r\n  font-size: 0.85rem !important;\r\n  font-weight: 700 !important;\r\n  text-transform: uppercase;\r\n  letter-spacing: 1px;\r\n  display: inline-flex;\r\n  align-items: center;\r\n  gap: 8px;\r\n}\r\n\r\n.highlight-card .ai-premium-badge {\r\n  background: rgba(236, 72, 153, 0.08);\r\n  color: var(--color-pink) !important;\r\n  border: 1px solid rgba(236, 72, 153, 0.2);\r\n}\r\n\r\n\/* Link Button for DesignRush *\/\r\n.asp-ext-link {\r\n  text-decoration: none;\r\n  display: inline-flex;\r\n  align-items: center;\r\n  gap: 8px;\r\n  background: var(--color-gradient);\r\n  color: #ffffff !important;\r\n  padding: 12px 24px;\r\n  border-radius: 50px;\r\n  font-size: 0.95rem;\r\n  font-weight: 700;\r\n  transition: transform 0.3s ease, box-shadow 0.3s ease;\r\n}\r\n\r\n.asp-ext-link:hover {\r\n  transform: translateY(-2px);\r\n  box-shadow: 0 10px 20px -5px rgba(236, 72, 153, 0.4);\r\n}\r\n\r\n\/* =========================================\r\n   RESPONSIVE LOGIC\r\n   ========================================= *\/\r\n@media (max-width: 1024px) {\r\n  .hiw-premium-grid { gap: 60px; }\r\n  .hiw-icon-wrapper { left: 50%; transform: translateX(-50%) rotate(0deg); }\r\n  .hiw-premium-card:hover .hiw-icon-wrapper { transform: translateX(-50%) scale(1.05); }\r\n  .hiw-premium-card { text-align: center; padding: 60px 30px 30px 30px; }\r\n  .hiw-card-footer { justify-content: center; }\r\n  .hiw-premium-card::before { display: none; }\r\n}\r\n\r\n@media (max-width: 768px) {\r\n  \/* Stack to 1 column on mobile\/small tablets *\/\r\n  .hiw-premium-grid {\r\n    grid-template-columns: 1fr;\r\n    gap: 70px;\r\n  }\r\n}\r\n<\/style>\r\n\r\n<section class=\"hiw-premium-section\">\r\n  <!-- Animated Background Mesh synced to timeline colors -->\r\n  <div class=\"hiw-bg-orb orb-purple\"><\/div>\r\n  <div class=\"hiw-bg-orb orb-pink\"><\/div>\r\n  <div class=\"hiw-bg-orb orb-indigo\"><\/div>\r\n\r\n  <div class=\"hiw-premium-container\">\r\n    \r\n    <!-- HEADER SECTION -->\r\n    <div class=\"hiw-header-modern\">\r\n      <span class=\"hiw-eyebrow\">Trust & Credentials<\/span>\r\n      <h2>Industry Recognition & Partnerships<\/h2>\r\n      <p>Aspire Digital Solutions maintains partnerships, certifications, and industry recognitions that demonstrate our commitment to professional standards and continuous learning.<\/p>\r\n    <\/div>\r\n\r\n    <!-- CARDS GRID -->\r\n    <div class=\"hiw-premium-grid\">\r\n      \r\n      <!-- Card 1: Google Partner -->\r\n      <div class=\"hiw-premium-card\">\r\n        <div class=\"hiw-icon-wrapper\">\r\n          <div class=\"hiw-icon-ring\"><\/div>\r\n          <span class=\"material-symbols-rounded\">workspace_premium<\/span>\r\n        <\/div>\r\n        <div class=\"hiw-step-badge\">Partnership<\/div>\r\n        <h3>Google Partner<\/h3>\r\n        <p>Recognized by Google for maximizing campaign success, driving growth, and demonstrating certified expertise in the digital landscape.<\/p>\r\n        <div class=\"hiw-card-footer\">\r\n          <div class=\"ai-premium-badge\">\r\n            <span class=\"material-symbols-rounded\">verified<\/span>\r\n            <span>Verified Status<\/span>\r\n          <\/div>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <!-- Card 2: Google Ads -->\r\n      <div class=\"hiw-premium-card\">\r\n        <div class=\"hiw-icon-wrapper\">\r\n          <div class=\"hiw-icon-ring\"><\/div>\r\n          <span class=\"material-symbols-rounded\">ads_click<\/span>\r\n        <\/div>\r\n        <div class=\"hiw-step-badge\">Certification<\/div>\r\n        <h3>Google Ads Certified Professionals<\/h3>\r\n        <p>Our team holds active, up-to-date certifications in Google's advertising platforms, ensuring campaigns are built on proven best practices.<\/p>\r\n        <div class=\"hiw-card-footer\">\r\n          <div class=\"ai-premium-badge\">\r\n            <span class=\"material-symbols-rounded\">verified<\/span>\r\n            <span>Active Cert<\/span>\r\n          <\/div>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <!-- Card 3: HubSpot -->\r\n      <div class=\"hiw-premium-card\">\r\n        <div class=\"hiw-icon-wrapper\">\r\n          <div class=\"hiw-icon-ring\"><\/div>\r\n          <span class=\"material-symbols-rounded\">hub<\/span>\r\n        <\/div>\r\n        <div class=\"hiw-step-badge\">Certification<\/div>\r\n        <h3>HubSpot Certified Professionals<\/h3>\r\n        <p>Verified professionals in inbound marketing, CRM management, and marketing automation to streamline your business operations.<\/p>\r\n        <div class=\"hiw-card-footer\">\r\n          <div class=\"ai-premium-badge\">\r\n            <span class=\"material-symbols-rounded\">verified<\/span>\r\n            <span>Active Cert<\/span>\r\n          <\/div>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <!-- Card 4: DesignRush (Highlight Card) -->\r\n      <div class=\"hiw-premium-card highlight-card\">\r\n        <div class=\"hiw-icon-wrapper highlight-icon\">\r\n          <span class=\"material-symbols-rounded\">award_star<\/span>\r\n        <\/div>\r\n        <div class=\"hiw-step-badge\">Industry Recognition<\/div>\r\n        <h3>As seen on DesignRush<\/h3>\r\n        <p>Officially vetted and recognized as a top digital marketing agency on the DesignRush B2B directory.<\/p>\r\n        <div class=\"hiw-card-footer\" style=\"border-top: none; padding-top: 10px;\">\r\n          <a href=\"https:\/\/www.designrush.com\/agency\/digital-marketing\/in\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"asp-ext-link\">\r\n            View Profile <span class=\"material-symbols-rounded\" style=\"font-size: 1.2rem;\">open_in_new<\/span>\r\n          <\/a>\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<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-b946441 e-con-full e-flex e-con e-parent\" data-id=\"b946441\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-0c08d71 elementor-widget elementor-widget-html\" data-id=\"0c08d71\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!-- 1. Animation Libraries (GSAP) & FontAwesome -->\r\n<script src=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/gsap\/3.12.2\/gsap.min.js\"><\/script>\r\n<script src=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/gsap\/3.12.2\/ScrollTrigger.min.js\"><\/script>\r\n<link href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.0.0\/css\/all.min.css\" rel=\"stylesheet\">\r\n\r\n<!-- 2. Light Theme Unique Career Timeline Section Styles -->\r\n<style>\r\n  \/* Scoped specifically with unique class prefixes (asp-tl-) to prevent conflicts *\/\r\n  #aspire-light-career-timeline {\r\n    --asp-tl-bg: #f8fafc;\r\n    --asp-tl-surface: #ffffff;\r\n    --asp-tl-heading: #0f172a;\r\n    --asp-tl-body: #475569;\r\n    --asp-tl-muted: #64748b;\r\n    --asp-tl-border: #e2e8f0;\r\n    \r\n    --asp-tl-indigo: #4f46e5;\r\n    --asp-tl-purple: #7c3aed;\r\n    --asp-tl-pink: #ec4899;\r\n    --asp-tl-gradient: linear-gradient(135deg, var(--asp-tl-indigo) 0%, var(--asp-tl-purple) 50%, var(--asp-tl-pink) 100%);\r\n    \r\n    background-color: var(--asp-tl-bg);\r\n    font-family: 'Inter', system-ui, sans-serif; \r\n    padding: 100px 5%;\r\n    position: relative;\r\n    display: flex;\r\n    justify-content: center;\r\n    width: 100%;\r\n    box-sizing: border-box;\r\n    overflow: hidden;\r\n  }\r\n\r\n  #aspire-light-career-timeline * {\r\n    box-sizing: border-box;\r\n  }\r\n\r\n  \/* Background Ambient Glows *\/\r\n  #aspire-light-career-timeline .asp-tl-glow {\r\n    position: absolute;\r\n    top: 0;\r\n    left: 50%;\r\n    transform: translateX(-50%);\r\n    width: 80vw;\r\n    height: 400px;\r\n    background: radial-gradient(ellipse at top, rgba(79, 70, 229, 0.08) 0%, transparent 70%);\r\n    z-index: 0;\r\n    pointer-events: none;\r\n  }\r\n\r\n  #aspire-light-career-timeline .asp-tl-container {\r\n    max-width: 900px;\r\n    width: 100%;\r\n    position: relative;\r\n    z-index: 2;\r\n  }\r\n\r\n  \/* --- HEADER AREA --- *\/\r\n  #aspire-light-career-timeline .asp-tl-header {\r\n    text-align: center;\r\n    max-width: 700px;\r\n    margin: 0 auto 4rem auto;\r\n  }\r\n\r\n  #aspire-light-career-timeline .asp-tl-eyebrow {\r\n    font-size: 0.875rem;\r\n    font-weight: 700;\r\n    letter-spacing: 0.2em;\r\n    text-transform: uppercase;\r\n    background: var(--asp-tl-gradient);\r\n    -webkit-background-clip: text;\r\n    -webkit-text-fill-color: transparent;\r\n    background-clip: text;\r\n    margin-bottom: 1rem;\r\n    display: inline-block;\r\n  }\r\n\r\n  #aspire-light-career-timeline .asp-tl-heading {\r\n    color: var(--asp-tl-heading);\r\n    font-size: clamp(2.2rem, 3.5vw, 3.2rem);\r\n    font-weight: 800;\r\n    line-height: 1.2;\r\n    margin: 0 0 1rem 0;\r\n    letter-spacing: -0.02em;\r\n  }\r\n\r\n  #aspire-light-career-timeline .asp-tl-subtitle {\r\n    font-size: 1.125rem;\r\n    color: var(--asp-tl-body);\r\n    line-height: 1.7;\r\n    margin: 0;\r\n  }\r\n\r\n  \/* --- TIMELINE CONTAINER --- *\/\r\n  #aspire-light-career-timeline .asp-tl-wrapper {\r\n    position: relative;\r\n    padding-left: 40px;\r\n  }\r\n\r\n  \/* Central Line *\/\r\n  #aspire-light-career-timeline .asp-tl-wrapper::before {\r\n    content: '';\r\n    position: absolute;\r\n    top: 10px;\r\n    bottom: 10px;\r\n    left: 15px;\r\n    width: 3px;\r\n    background: var(--asp-tl-border);\r\n    border-radius: 3px;\r\n  }\r\n\r\n  \/* --- TIMELINE ITEM --- *\/\r\n  #aspire-light-career-timeline .asp-tl-item {\r\n    position: relative;\r\n    margin-bottom: 35px;\r\n    opacity: 0;\r\n    transform: translateY(30px);\r\n  }\r\n\r\n  #aspire-light-career-timeline .asp-tl-item:last-child {\r\n    margin-bottom: 0;\r\n  }\r\n\r\n  \/* Dot Indicator on Line *\/\r\n  #aspire-light-career-timeline .asp-tl-dot {\r\n    position: absolute;\r\n    left: -33px;\r\n    top: 24px;\r\n    width: 14px;\r\n    height: 14px;\r\n    border-radius: 50%;\r\n    background: var(--asp-tl-surface);\r\n    border: 3px solid var(--asp-tl-indigo);\r\n    box-shadow: 0 0 0 4px rgba(79, 70, 229, 0.1);\r\n    z-index: 3;\r\n    transition: all 0.3s ease;\r\n  }\r\n\r\n  #aspire-light-career-timeline .asp-tl-item:hover .asp-tl-dot {\r\n    background: var(--asp-tl-indigo);\r\n    border-color: var(--asp-tl-surface);\r\n    box-shadow: 0 0 0 6px rgba(79, 70, 229, 0.2);\r\n  }\r\n\r\n  \/* Card Box Styling *\/\r\n  #aspire-light-career-timeline .asp-tl-card {\r\n    background: var(--asp-tl-surface);\r\n    border: 1px solid var(--asp-tl-border);\r\n    border-radius: 20px;\r\n    padding: 1.75rem 2rem;\r\n    box-shadow: 0 10px 30px rgba(15, 23, 42, 0.03);\r\n    transition: transform 0.4s cubic-bezier(0.2, 0.8, 0.2, 1), box-shadow 0.4s ease, border-color 0.4s ease;\r\n    position: relative;\r\n    overflow: hidden;\r\n  }\r\n\r\n  \/* Left Gradient Accent Line on Card *\/\r\n  #aspire-light-career-timeline .asp-tl-card::before {\r\n    content: '';\r\n    position: absolute;\r\n    top: 0;\r\n    left: 0;\r\n    bottom: 0;\r\n    width: 4px;\r\n    background: var(--asp-tl-gradient);\r\n    opacity: 0.6;\r\n    transition: opacity 0.4s ease;\r\n  }\r\n\r\n  #aspire-light-career-timeline .asp-tl-card:hover {\r\n    transform: translateY(-4px);\r\n    box-shadow: 0 20px 40px rgba(79, 70, 229, 0.08);\r\n    border-color: rgba(79, 70, 229, 0.3);\r\n  }\r\n\r\n  #aspire-light-career-timeline .asp-tl-card:hover::before {\r\n    opacity: 1;\r\n  }\r\n\r\n  \/* Card Header *\/\r\n  #aspire-light-career-timeline .asp-tl-card-header {\r\n    display: flex;\r\n    justify-content: space-between;\r\n    align-items: center;\r\n    margin-bottom: 0.75rem;\r\n    flex-wrap: wrap;\r\n    gap: 10px;\r\n  }\r\n\r\n  #aspire-light-career-timeline .asp-tl-company-name {\r\n    font-size: 1.3rem;\r\n    font-weight: 800;\r\n    color: var(--asp-tl-heading);\r\n    letter-spacing: -0.02em;\r\n  }\r\n\r\n  #aspire-light-career-timeline .asp-tl-role-badge {\r\n    font-size: 0.75rem;\r\n    font-weight: 700;\r\n    text-transform: uppercase;\r\n    letter-spacing: 1px;\r\n    padding: 6px 14px;\r\n    background: rgba(79, 70, 229, 0.08);\r\n    color: var(--asp-tl-indigo);\r\n    border: 1px solid rgba(79, 70, 229, 0.15);\r\n    border-radius: 50px;\r\n  }\r\n\r\n  \/* Card Description *\/\r\n  #aspire-light-career-timeline .asp-tl-card-desc {\r\n    font-size: 1rem;\r\n    color: var(--asp-tl-body);\r\n    line-height: 1.7;\r\n    margin: 0;\r\n  }\r\n\r\n  \/* --- RESPONSIVE DESIGN --- *\/\r\n  @media (max-width: 768px) {\r\n    #aspire-light-career-timeline {\r\n      padding: 60px 15px;\r\n    }\r\n    #aspire-light-career-timeline .asp-tl-wrapper {\r\n      padding-left: 25px;\r\n    }\r\n    #aspire-light-career-timeline .asp-tl-wrapper::before {\r\n      left: 10px;\r\n    }\r\n    #aspire-light-career-timeline .asp-tl-dot {\r\n      left: -28px;\r\n    }\r\n    #aspire-light-career-timeline .asp-tl-card {\r\n      padding: 1.25rem 1.5rem;\r\n    }\r\n  }\r\n\r\n  \/* GSAP Initial States *\/\r\n  .gsap-reveal-career {\r\n    opacity: 0;\r\n    visibility: hidden;\r\n  }\r\n<\/style>\r\n\r\n<!-- 3. HTML Structure -->\r\n<div id=\"aspire-light-career-timeline\">\r\n  <div class=\"asp-tl-glow\"><\/div>\r\n\r\n  <div class=\"asp-tl-container\">\r\n    \r\n    <!-- Header Segment -->\r\n    <div class=\"asp-tl-header\">\r\n      <span class=\"asp-tl-eyebrow gsap-reveal-career\"><i class=\"fas fa-history\"><\/i> Professional Growth<\/span>\r\n      <h2 class=\"asp-tl-heading gsap-reveal-career\">Career Timeline of the Founder<\/h2>\r\n      <p class=\"asp-tl-subtitle gsap-reveal-career\">A progressive journey of building deep industry expertise, analytical mastery, and corporate leadership.<\/p>\r\n    <\/div>\r\n\r\n    <!-- Timeline Wrapper -->\r\n    <div class=\"asp-tl-wrapper\">\r\n      \r\n      <!-- Item 1: Equalize RCM -->\r\n      <div class=\"asp-tl-item gsap-reveal-career\">\r\n        <div class=\"asp-tl-dot\"><\/div>\r\n        <div class=\"asp-tl-card\">\r\n          <div class=\"asp-tl-card-header\">\r\n            <h3 class=\"asp-tl-company-name\">Equalize RCM<\/h3>\r\n            <span class=\"asp-tl-role-badge\">Agent Level<\/span>\r\n          <\/div>\r\n          <p class=\"asp-tl-card-desc\">Started professional career, building analytical thinking and business process experience.<\/p>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <!-- Item 2: DoesInfotech Solutions -->\r\n      <div class=\"asp-tl-item gsap-reveal-career\">\r\n        <div class=\"asp-tl-dot\"><\/div>\r\n        <div class=\"asp-tl-card\">\r\n          <div class=\"asp-tl-card-header\">\r\n            <h3 class=\"asp-tl-company-name\">DoesInfotech Solutions<\/h3>\r\n            <span class=\"asp-tl-role-badge\">SEO Head<\/span>\r\n          <\/div>\r\n          <p class=\"asp-tl-card-desc\">Served as SEO Head, leading SEO strategy, technical SEO, Local SEO, and organic growth initiatives for multiple businesses.<\/p>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <!-- Item 3: Wild Flower Digital -->\r\n      <div class=\"asp-tl-item gsap-reveal-career\">\r\n        <div class=\"asp-tl-dot\"><\/div>\r\n        <div class=\"asp-tl-card\">\r\n          <div class=\"asp-tl-card-header\">\r\n            <h3 class=\"asp-tl-company-name\">Wild Flower Digital<\/h3>\r\n            <span class=\"asp-tl-role-badge\">Digital Marketing Head<\/span>\r\n          <\/div>\r\n          <p class=\"asp-tl-card-desc\">Led the digital marketing division, managing SEO, Google Ads, Meta Ads, website strategy, and performance marketing campaigns.<\/p>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <!-- Item 4: Aspire Digital Solutions -->\r\n      <div class=\"asp-tl-item gsap-reveal-career\">\r\n        <div class=\"asp-tl-dot\" style=\"border-color: var(--asp-tl-pink); box-shadow: 0 0 0 4px rgba(236, 72, 153, 0.1);\"><\/div>\r\n        <div class=\"asp-tl-card\" style=\"border-color: rgba(236, 72, 153, 0.3);\">\r\n          <div class=\"asp-tl-card-header\">\r\n            <h3 class=\"asp-tl-company-name\">Aspire Digital Solutions<\/h3>\r\n            <span class=\"asp-tl-role-badge\" style=\"background: rgba(236, 72, 153, 0.08); color: var(--asp-tl-pink); border-color: rgba(236, 72, 153, 0.2);\">Founder (2019)<\/span>\r\n          <\/div>\r\n          <p class=\"asp-tl-card-desc\">Founded Aspire Digital Solutions in 2019 with the objective of helping businesses achieve measurable growth through transparent digital marketing.<\/p>\r\n        <\/div>\r\n      <\/div>\r\n\r\n    <\/div>\r\n\r\n  <\/div>\r\n<\/div>\r\n\r\n<!-- 4. GSAP Initialization Script -->\r\n<script>\r\n  document.addEventListener(\"DOMContentLoaded\", function() {\r\n    setTimeout(function() {\r\n      if (typeof gsap !== \"undefined\" && typeof ScrollTrigger !== \"undefined\") {\r\n        gsap.registerPlugin(ScrollTrigger);\r\n\r\n        \/\/ Make elements visible for GSAP\r\n        gsap.set(\".gsap-reveal-career\", { visibility: \"visible\" });\r\n\r\n        let mm = gsap.matchMedia();\r\n\r\n        mm.add({\r\n          isDesktop: \"(min-width: 769px)\",\r\n          isMobile: \"(max-width: 768px)\"\r\n        }, (context) => {\r\n          let { isMobile } = context.conditions;\r\n          let yDistance = isMobile ? 25 : 40;\r\n\r\n          const tl = gsap.timeline({\r\n            scrollTrigger: {\r\n              trigger: \"#aspire-light-career-timeline\",\r\n              start: \"top 75%\", \r\n              toggleActions: \"play none none none\"\r\n            }\r\n          });\r\n\r\n          \/\/ Reveal Header Segment\r\n          tl.fromTo(\".asp-tl-header .gsap-reveal-career\", \r\n            { y: yDistance, opacity: 0 },\r\n            { y: 0, opacity: 1, duration: 0.8, stagger: 0.15, ease: \"power3.out\" }\r\n          );\r\n\r\n          \/\/ Reveal Timeline Items Staggered\r\n          tl.fromTo(\".asp-tl-item.gsap-reveal-career\",\r\n            { y: yDistance, opacity: 0 },\r\n            { y: 0, opacity: 1, duration: 0.7, stagger: 0.2, ease: \"power3.out\" },\r\n            \"-=0.4\"\r\n          );\r\n\r\n          return () => {}; \/\/ Cleanup\r\n        });\r\n      }\r\n    }, 150);\r\n  });\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-0ff7252 e-con-full e-flex e-con e-parent\" data-id=\"0ff7252\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-7635abe elementor-widget elementor-widget-html\" data-id=\"7635abe\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!-- 1. Animation Libraries (GSAP) & Fonts -->\r\n<script src=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/gsap\/3.12.2\/gsap.min.js\"><\/script>\r\n<script src=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/gsap\/3.12.2\/ScrollTrigger.min.js\"><\/script>\r\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Outfit:wght@400;500;600;700;800&family=Inter:wght@400;500;600&display=swap\" rel=\"stylesheet\">\r\n<link href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.0.0\/css\/all.min.css\" rel=\"stylesheet\">\r\n\r\n<!-- 2. Dark Theme SaaS Split Layout Section Styles (With Our Brand Color Combo) -->\r\n<style>\r\n  \/* Scoped strictly to prevent theme conflicts *\/\r\n  #aspire-dark-steptimeline {\r\n    --dt-bg: #0f172a;             \/* Deep Slate Dark Theme *\/\r\n    --dt-surface: #1e293b;        \/* Surface Card Slate *\/\r\n    --dt-border: rgba(255, 255, 255, 0.08);\r\n    \r\n    \/* Our Signature Brand Colors (Indigo, Purple, Pink Gradient Combo) *\/\r\n    --dt-indigo: #4f46e5;\r\n    --dt-purple: #7c3aed;\r\n    --dt-pink: #ec4899;\r\n    --dt-gradient: linear-gradient(135deg, var(--dt-indigo) 0%, var(--dt-purple) 50%, var(--dt-pink) 100%);\r\n    \r\n    --dt-text-main: #f8fafc;\r\n    --dt-text-muted: #94a3b8;\r\n\r\n    background-color: var(--dt-bg);\r\n    font-family: 'Inter', sans-serif;\r\n    padding: 120px 5%;\r\n    position: relative;\r\n    display: flex;\r\n    justify-content: center;\r\n    width: 100%;\r\n    box-sizing: border-box;\r\n    overflow: hidden;\r\n  }\r\n\r\n  #aspire-dark-steptimeline * {\r\n    box-sizing: border-box;\r\n    margin: 0;\r\n    padding: 0;\r\n  }\r\n\r\n  \/* Ambient Glow Effect matching our brand gradient vibe *\/\r\n  #aspire-dark-steptimeline .dt-ambient {\r\n    position: absolute;\r\n    top: 20%;\r\n    left: 50%;\r\n    transform: translateX(-50%);\r\n    width: 600px;\r\n    height: 400px;\r\n    background: radial-gradient(circle, rgba(79, 70, 229, 0.1) 0%, rgba(236, 72, 153, 0.05) 60%, transparent 80%);\r\n    filter: blur(80px);\r\n    pointer-events: none;\r\n    z-index: 0;\r\n  }\r\n\r\n  #aspire-dark-steptimeline .dt-container {\r\n    max-width: 1280px;\r\n    width: 100%;\r\n    position: relative;\r\n    z-index: 2;\r\n  }\r\n\r\n  \/* --- TOP SECTION (Matching Top Metrics Row in Reference) --- *\/\r\n  #aspire-dark-steptimeline .dt-top-banner {\r\n    display: flex;\r\n    justify-content: space-between;\r\n    align-items: center;\r\n    margin-bottom: 70px;\r\n    flex-wrap: wrap;\r\n    gap: 30px;\r\n  }\r\n\r\n  #aspire-dark-steptimeline .dt-top-heading {\r\n    font-family: 'Outfit', sans-serif;\r\n    font-size: clamp(2rem, 3.5vw, 2.8rem);\r\n    font-weight: 800;\r\n    color: var(--dt-text-main);\r\n    line-height: 1.2;\r\n    max-width: 650px;\r\n  }\r\n\r\n  #aspire-dark-steptimeline .dt-grad-text {\r\n    background: var(--dt-gradient);\r\n    -webkit-background-clip: text;\r\n    -webkit-text-fill-color: transparent;\r\n  }\r\n\r\n  #aspire-dark-steptimeline .dt-discover-btn {\r\n    background: var(--dt-gradient);\r\n    color: #ffffff;\r\n    font-family: 'Outfit', sans-serif;\r\n    font-weight: 600;\r\n    font-size: 1rem;\r\n    padding: 14px 28px;\r\n    border-radius: 50px;\r\n    text-decoration: none;\r\n    box-shadow: 0 10px 25px rgba(79, 70, 229, 0.4);\r\n    transition: transform 0.3s ease, box-shadow 0.3s ease;\r\n    display: inline-flex;\r\n    align-items: center;\r\n    gap: 8px;\r\n  }\r\n\r\n  #aspire-dark-steptimeline .dt-discover-btn:hover {\r\n    transform: translateY(-2px);\r\n    box-shadow: 0 15px 30px rgba(79, 70, 229, 0.6);\r\n  }\r\n\r\n  \/* Metrics Counters Strip *\/\r\n  #aspire-dark-steptimeline .dt-metrics-strip {\r\n    display: grid;\r\n    grid-template-columns: repeat(3, 1fr);\r\n    gap: 24px;\r\n    margin-bottom: 80px;\r\n  }\r\n\r\n  #aspire-dark-steptimeline .dt-metric-card {\r\n    display: flex;\r\n    align-items: center;\r\n    gap: 16px;\r\n    background: var(--dt-surface);\r\n    border: 1px solid var(--dt-border);\r\n    padding: 20px 24px;\r\n    border-radius: 20px;\r\n  }\r\n\r\n  #aspire-dark-steptimeline .dt-metric-icon {\r\n    width: 52px;\r\n    height: 52px;\r\n    background: rgba(79, 70, 229, 0.15);\r\n    color: #818cf8;\r\n    border-radius: 16px;\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    font-size: 1.2rem;\r\n    border: 1px solid rgba(79, 70, 229, 0.3);\r\n    flex-shrink: 0;\r\n  }\r\n\r\n  #aspire-dark-steptimeline .dt-metric-info {\r\n    display: flex;\r\n    flex-direction: column;\r\n    gap: 2px;\r\n  }\r\n\r\n  #aspire-dark-steptimeline .dt-metric-value {\r\n    font-family: 'Outfit', sans-serif;\r\n    font-size: 1.5rem;\r\n    font-weight: 800;\r\n    color: var(--dt-text-main);\r\n  }\r\n\r\n  #aspire-dark-steptimeline .dt-metric-label {\r\n    font-size: 0.85rem;\r\n    color: var(--dt-text-muted);\r\n  }\r\n\r\n\r\n  \/* --- BOTTOM SECTION HEADING --- *\/\r\n  #aspire-dark-steptimeline .dt-bottom-header {\r\n    margin-bottom: 50px;\r\n    max-width: 700px;\r\n  }\r\n\r\n  #aspire-dark-steptimeline .dt-bottom-title {\r\n    font-family: 'Outfit', sans-serif;\r\n    font-size: clamp(2rem, 3.5vw, 2.8rem);\r\n    font-weight: 800;\r\n    color: var(--dt-text-main);\r\n    line-height: 1.2;\r\n  }\r\n\r\n\r\n  \/* --- SPLIT LAYOUT (Dashboard Left, Steps Right) --- *\/\r\n  #aspire-dark-steptimeline .dt-split-layout {\r\n    display: grid;\r\n    grid-template-columns: 1.2fr 1fr;\r\n    gap: 50px;\r\n    align-items: center;\r\n  }\r\n\r\n  \/* --- LEFT SIDE: Dashboard Mockup Card --- *\/\r\n  #aspire-dark-steptimeline .dt-mockup-card {\r\n    background: var(--dt-surface);\r\n    border: 1px solid var(--dt-border);\r\n    border-radius: 24px;\r\n    padding: 32px;\r\n    box-shadow: 0 25px 50px rgba(0, 0, 0, 0.4);\r\n    position: relative;\r\n    overflow: hidden;\r\n  }\r\n\r\n  #aspire-dark-steptimeline .dt-mockup-header {\r\n    display: flex;\r\n    justify-content: space-between;\r\n    align-items: center;\r\n    margin-bottom: 24px;\r\n    border-bottom: 1px solid var(--dt-border);\r\n    padding-bottom: 16px;\r\n  }\r\n\r\n  #aspire-dark-steptimeline .dt-mockup-brand {\r\n    font-family: 'Outfit', sans-serif;\r\n    font-size: 1rem;\r\n    font-weight: 700;\r\n    color: var(--dt-text-main);\r\n    display: flex;\r\n    align-items: center;\r\n    gap: 8px;\r\n  }\r\n\r\n  #aspire-dark-steptimeline .dt-mockup-brand i {\r\n    color: #818cf8;\r\n  }\r\n\r\n  #aspire-dark-steptimeline .dt-badge-status {\r\n    background: rgba(16, 185, 129, 0.1);\r\n    color: #34d399;\r\n    padding: 4px 12px;\r\n    border-radius: 50px;\r\n    font-size: 0.75rem;\r\n    font-weight: 600;\r\n  }\r\n\r\n  #aspire-dark-steptimeline .dt-stats-row {\r\n    display: grid;\r\n    grid-template-columns: repeat(2, 1fr);\r\n    gap: 16px;\r\n    margin-bottom: 24px;\r\n  }\r\n\r\n  #aspire-dark-steptimeline .dt-stat-box {\r\n    background: rgba(15, 23, 42, 0.5);\r\n    border: 1px solid var(--dt-border);\r\n    padding: 16px;\r\n    border-radius: 14px;\r\n  }\r\n\r\n  #aspire-dark-steptimeline .dt-stat-label {\r\n    font-size: 0.8rem;\r\n    color: var(--dt-text-muted);\r\n    margin-bottom: 4px;\r\n  }\r\n\r\n  #aspire-dark-steptimeline .dt-stat-val {\r\n    font-family: 'Outfit', sans-serif;\r\n    font-size: 1.4rem;\r\n    font-weight: 800;\r\n    color: var(--dt-text-main);\r\n    display: flex;\r\n    align-items: center;\r\n    gap: 8px;\r\n  }\r\n\r\n  #aspire-dark-steptimeline .dt-stat-val span {\r\n    font-size: 0.8rem;\r\n    color: #34d399;\r\n    font-weight: 600;\r\n  }\r\n\r\n  #aspire-dark-steptimeline .dt-chart-sim {\r\n    background: rgba(15, 23, 42, 0.5);\r\n    border: 1px solid var(--dt-border);\r\n    padding: 16px;\r\n    border-radius: 14px;\r\n    height: 120px;\r\n    display: flex;\r\n    flex-direction: column;\r\n    justify-content: flex-end;\r\n    position: relative;\r\n  }\r\n\r\n  #aspire-dark-steptimeline .dt-chart-line {\r\n    position: absolute;\r\n    bottom: 16px;\r\n    left: 16px;\r\n    right: 16px;\r\n    height: 50px;\r\n    background: linear-gradient(180deg, rgba(79, 70, 229, 0.25) 0%, transparent 100%);\r\n    border-top: 2px solid var(--dt-indigo);\r\n    border-radius: 4px;\r\n  }\r\n\r\n\r\n  \/* --- RIGHT SIDE: Step-by-Step Numbered Timeline List & CTA Button --- *\/\r\n  #aspire-dark-steptimeline .dt-steps-column {\r\n    display: flex;\r\n    flex-direction: column;\r\n    gap: 24px;\r\n  }\r\n\r\n  #aspire-dark-steptimeline .dt-step-item {\r\n    display: flex;\r\n    align-items: flex-start;\r\n    gap: 20px;\r\n    background: var(--dt-surface);\r\n    border: 1px solid var(--dt-border);\r\n    padding: 22px;\r\n    border-radius: 20px;\r\n    transition: transform 0.3s ease, border-color 0.3s ease, box-shadow 0.3s ease;\r\n    opacity: 0;\r\n    transform: translateY(20px);\r\n  }\r\n\r\n  #aspire-dark-steptimeline .dt-step-item:hover {\r\n    transform: translateY(-4px);\r\n    border-color: rgba(79, 70, 229, 0.4);\r\n    box-shadow: 0 15px 30px rgba(0, 0, 0, 0.3);\r\n  }\r\n\r\n  \/* Numbered Gradient Badge matching our brand combo *\/\r\n  #aspire-dark-steptimeline .dt-step-number {\r\n    width: 40px;\r\n    height: 40px;\r\n    background: var(--dt-gradient);\r\n    color: #ffffff;\r\n    font-family: 'Outfit', sans-serif;\r\n    font-size: 1.05rem;\r\n    font-weight: 800;\r\n    border-radius: 12px;\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    flex-shrink: 0;\r\n    box-shadow: 0 8px 20px rgba(79, 70, 229, 0.4);\r\n  }\r\n\r\n  #aspire-dark-steptimeline .dt-step-content {\r\n    display: flex;\r\n    flex-direction: column;\r\n    gap: 4px;\r\n  }\r\n\r\n  #aspire-dark-steptimeline .dt-step-year {\r\n    font-size: 0.75rem;\r\n    font-weight: 700;\r\n    text-transform: uppercase;\r\n    letter-spacing: 1.5px;\r\n    color: #818cf8;\r\n  }\r\n\r\n  #aspire-dark-steptimeline .dt-step-title {\r\n    font-family: 'Outfit', sans-serif;\r\n    font-size: 1.1rem;\r\n    font-weight: 700;\r\n    color: var(--dt-text-main);\r\n    line-height: 1.3;\r\n  }\r\n\r\n  #aspire-dark-steptimeline .dt-step-desc {\r\n    font-size: 0.9rem;\r\n    color: var(--dt-text-muted);\r\n    line-height: 1.5;\r\n  }\r\n\r\n  #aspire-dark-steptimeline .dt-action-btn {\r\n    background: var(--dt-gradient);\r\n    color: #ffffff;\r\n    font-family: 'Outfit', sans-serif;\r\n    font-weight: 600;\r\n    font-size: 1rem;\r\n    padding: 15px 32px;\r\n    border-radius: 50px;\r\n    text-decoration: none;\r\n    box-shadow: 0 10px 25px rgba(79, 70, 229, 0.4);\r\n    transition: transform 0.3s ease, box-shadow 0.3s ease;\r\n    display: inline-flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    width: 100%;\r\n    margin-top: 6px;\r\n  }\r\n\r\n  #aspire-dark-steptimeline .dt-action-btn:hover {\r\n    transform: translateY(-2px);\r\n    box-shadow: 0 15px 30px rgba(79, 70, 229, 0.6);\r\n  }\r\n\r\n\r\n  \/* --- RESPONSIVE DESIGN --- *\/\r\n  @media (max-width: 1024px) {\r\n    #aspire-dark-steptimeline .dt-metrics-strip {\r\n      grid-template-columns: 1fr;\r\n      gap: 16px;\r\n    }\r\n    #aspire-dark-steptimeline .dt-split-layout {\r\n      grid-template-columns: 1fr;\r\n      gap: 40px;\r\n    }\r\n  }\r\n\r\n  @media (max-width: 768px) {\r\n    #aspire-dark-steptimeline {\r\n      padding: 80px 20px;\r\n    }\r\n    #aspire-dark-steptimeline .dt-mockup-card {\r\n      padding: 24px;\r\n    }\r\n    #aspire-dark-steptimeline .dt-top-banner {\r\n      flex-direction: column;\r\n      align-items: flex-start;\r\n    }\r\n  }\r\n\r\n  \/* GSAP initial state *\/\r\n  .gsap-dt-anim {\r\n    opacity: 0;\r\n    visibility: hidden;\r\n  }\r\n<\/style>\r\n\r\n<!-- 3. HTML Structure -->\r\n<section id=\"aspire-dark-steptimeline\">\r\n  <div class=\"dt-ambient\"><\/div>\r\n\r\n  <div class=\"dt-container\">\r\n    \r\n    <!-- TOP BANNER -->\r\n    <div class=\"dt-top-banner gsap-dt-anim\">\r\n      <h2 class=\"dt-top-heading\">\r\n        Aspire Digital Solutions <span class=\"dt-grad-text\">Timeline<\/span>\r\n      <\/h2>\r\n      <a href=\"https:\/\/aspiredigitalsolutions.in\/ar\/contact-us\/\" class=\"dt-discover-btn\">\r\n        Discover <i class=\"fas fa-arrow-right\"><\/i>\r\n      <\/a>\r\n    <\/div>\r\n\r\n    <!-- METRICS STRIP -->\r\n    <div class=\"dt-metrics-strip gsap-dt-anim\">\r\n      \r\n      <div class=\"dt-metric-card\">\r\n        <div class=\"dt-metric-icon\">\r\n          <i class=\"fas fa-users\"><\/i>\r\n        <\/div>\r\n        <div class=\"dt-metric-info\">\r\n          <span class=\"dt-metric-value\">1,000+<\/span>\r\n          <span class=\"dt-metric-label\">Clients Served<\/span>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <div class=\"dt-metric-card\">\r\n        <div class=\"dt-metric-icon\">\r\n          <i class=\"fas fa-wallet\"><\/i>\r\n        <\/div>\r\n        <div class=\"dt-metric-info\">\r\n          <span class=\"dt-metric-value\">2,000+<\/span>\r\n          <span class=\"dt-metric-label\">Projects Delivered<\/span>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <div class=\"dt-metric-card\">\r\n        <div class=\"dt-metric-icon\">\r\n          <i class=\"fas fa-shield-alt\"><\/i>\r\n        <\/div>\r\n        <div class=\"dt-metric-info\">\r\n          <span class=\"dt-metric-value\">99.9%<\/span>\r\n          <span class=\"dt-metric-label\">Guaranteed Growth<\/span>\r\n        <\/div>\r\n      <\/div>\r\n\r\n    <\/div>\r\n\r\n    <!-- BOTTOM SECTION HEADING -->\r\n    <div class=\"dt-bottom-header gsap-dt-anim\">\r\n      <h2 class=\"dt-bottom-title\">\r\n        The milestones that shaped our <span class=\"dt-grad-text\">digital journey<\/span>\r\n      <\/h2>\r\n    <\/div>\r\n\r\n    <!-- SPLIT LAYOUT -->\r\n    <div class=\"dt-split-layout\">\r\n      \r\n      <!-- LEFT: Dashboard Mockup Card -->\r\n      <div class=\"dt-mockup-card gsap-dt-anim\">\r\n        <div class=\"dt-mockup-header\">\r\n          <div class=\"dt-mockup-brand\">\r\n            <i class=\"fas fa-chart-line\"><\/i> Aspire Growth Hub\r\n          <\/div>\r\n          <span class=\"dt-badge-status\">Active Scaling<\/span>\r\n        <\/div>\r\n\r\n        <div class=\"dt-stats-row\">\r\n          <div class=\"dt-stat-box\">\r\n            <div class=\"dt-stat-label\">Clients Scaled<\/div>\r\n            <div class=\"dt-stat-val\">1,000+ <span>+18%<\/span><\/div>\r\n          <\/div>\r\n          <div class=\"dt-stat-box\">\r\n            <div class=\"dt-stat-label\">Global Markets<\/div>\r\n            <div class=\"dt-stat-val\">4+ <span>Active<\/span><\/div>\r\n          <\/div>\r\n        <\/div>\r\n\r\n        <div class=\"dt-chart-sim\">\r\n          <div style=\"font-size: 0.8rem; color: var(--dt-text-muted); margin-bottom: 4px;\">Performance Trajectory (2019 - Present)<\/div>\r\n          <div style=\"font-family: 'Outfit', sans-serif; font-size: 1.15rem; font-weight: 700; color: #ffffff;\">Consistent YoY Expansion<\/div>\r\n          <div class=\"dt-chart-line\"><\/div>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <!-- RIGHT: Step-by-Step Numbered Timeline List + Action Button -->\r\n      <div class=\"dt-steps-column\">\r\n        \r\n        <!-- Step 1 -->\r\n        <div class=\"dt-step-item gsap-step-card\">\r\n          <div class=\"dt-step-number\">1<\/div>\r\n          <div class=\"dt-step-content\">\r\n            <span class=\"dt-step-year\">2019<\/span>\r\n            <h3 class=\"dt-step-title\">Company Foundation<\/h3>\r\n            <p class=\"dt-step-desc\">Aspire Digital Solutions founded in Mysuru, Karnataka.<\/p>\r\n          <\/div>\r\n        <\/div>\r\n\r\n        <!-- Step 2 -->\r\n        <div class=\"dt-step-item gsap-step-card\">\r\n          <div class=\"dt-step-number\">2<\/div>\r\n          <div class=\"dt-step-content\">\r\n            <span class=\"dt-step-year\">2019<\/span>\r\n            <h3 class=\"dt-step-title\">First Milestone Project<\/h3>\r\n            <p class=\"dt-step-desc\">Successfully completed the company's first digital marketing project for an appliance repair business.<\/p>\r\n          <\/div>\r\n        <\/div>\r\n\r\n        <!-- Step 3 -->\r\n        <div class=\"dt-step-item gsap-step-card\">\r\n          <div class=\"dt-step-number\">3<\/div>\r\n          <div class=\"dt-step-content\">\r\n            <span class=\"dt-step-year\">2020 Onwards<\/span>\r\n            <h3 class=\"dt-step-title\">Service Expansion<\/h3>\r\n            <p class=\"dt-step-desc\">Expanded digital marketing services to include SEO, Google Ads, Meta Ads, website development, branding, Local SEO, and performance marketing.<\/p>\r\n          <\/div>\r\n        <\/div>\r\n\r\n        <!-- Step 4 -->\r\n        <div class=\"dt-step-item gsap-step-card\">\r\n          <div class=\"dt-step-number\">4<\/div>\r\n          <div class=\"dt-step-content\">\r\n            <span class=\"dt-step-year\">Present<\/span>\r\n            <h3 class=\"dt-step-title\">Global Impact<\/h3>\r\n            <p class=\"dt-step-desc\">Serving businesses across multiple countries with performance-focused digital marketing strategies.<\/p>\r\n          <\/div>\r\n        <\/div>\r\n\r\n        <!-- Action Button -->\r\n        <a href=\"https:\/\/aspiredigitalsolutions.in\/ar\/contact-us\/\" class=\"dt-action-btn gsap-step-card\">\r\n          Get Started Today <i class=\"fas fa-arrow-right\" style=\"margin-left: 8px;\"><\/i>\r\n        <\/a>\r\n\r\n      <\/div>\r\n\r\n    <\/div>\r\n\r\n  <\/div>\r\n<\/section>\r\n\r\n<!-- 4. GSAP Initialization Script -->\r\n<script>\r\n  document.addEventListener(\"DOMContentLoaded\", function() {\r\n    setTimeout(function() {\r\n      if (typeof gsap !== \"undefined\" && typeof ScrollTrigger !== \"undefined\") {\r\n        gsap.registerPlugin(ScrollTrigger);\r\n\r\n        \/\/ Make elements visible for GSAP\r\n        gsap.set(\".gsap-dt-anim, .gsap-step-card\", { visibility: \"visible\" });\r\n\r\n        const tl = gsap.timeline({\r\n          scrollTrigger: {\r\n            trigger: \"#aspire-dark-steptimeline\",\r\n            start: \"top 75%\", \r\n            toggleActions: \"play none none none\"\r\n          }\r\n        });\r\n\r\n        \/\/ Reveal Top Elements\r\n        tl.fromTo(\".dt-top-banner.gsap-dt-anim\", \r\n          { y: 25, opacity: 0 },\r\n          { y: 0, opacity: 1, duration: 0.7, ease: \"power3.out\" }\r\n        );\r\n\r\n        tl.fromTo(\".dt-metrics-strip.gsap-dt-anim\", \r\n          { y: 25, opacity: 0 },\r\n          { y: 0, opacity: 1, duration: 0.7, ease: \"power3.out\" },\r\n          \"-=0.4\"\r\n        );\r\n\r\n        tl.fromTo(\".dt-bottom-header.gsap-dt-anim\", \r\n          { y: 25, opacity: 0 },\r\n          { y: 0, opacity: 1, duration: 0.7, ease: \"power3.out\" },\r\n          \"-=0.4\"\r\n        );\r\n\r\n        tl.fromTo(\".dt-mockup-card.gsap-dt-anim\", \r\n          { y: 35, opacity: 0 },\r\n          { y: 0, opacity: 1, duration: 0.8, ease: \"power3.out\" },\r\n          \"-=0.4\"\r\n        );\r\n\r\n        \/\/ Stagger reveal step cards & action button\r\n        tl.fromTo(\".gsap-step-card\",\r\n          { y: 25, opacity: 0 },\r\n          { y: 0, opacity: 1, duration: 0.6, stagger: 0.12, ease: \"power3.out\" },\r\n          \"-=0.5\"\r\n        );\r\n      }\r\n    }, 150);\r\n  });\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-14756e6 e-con-full e-flex e-con e-parent\" data-id=\"14756e6\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-73214e2 elementor-widget elementor-widget-html\" data-id=\"73214e2\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!-- 1. Animation Libraries (GSAP) -->\r\n<script src=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/gsap\/3.12.2\/gsap.min.js\"><\/script>\r\n<script src=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/gsap\/3.12.2\/ScrollTrigger.min.js\"><\/script>\r\n\r\n<!-- 2. Light Theme Business Facts Unique Styles -->\r\n<style>\r\n  \/* Scoped specifically with unique prefix (asp-bf-) to prevent conflicts *\/\r\n  #aspire-light-business-facts {\r\n    --asp-bf-bg: #f8fafc;\r\n    --asp-bf-surface: #ffffff;\r\n    --asp-bf-card: rgba(255, 255, 255, 0.85);\r\n    --asp-bf-heading: #0f172a;\r\n    --asp-bf-body: #475569;\r\n    --asp-bf-muted: #64748b;\r\n    --asp-bf-border: #e2e8f0;\r\n    \r\n    --asp-bf-indigo: #4f46e5;\r\n    --asp-bf-purple: #7c3aed;\r\n    --asp-bf-pink: #ec4899;\r\n    --asp-bf-gradient: linear-gradient(135deg, var(--asp-bf-indigo) 0%, var(--asp-bf-purple) 50%, var(--asp-bf-pink) 100%);\r\n    \r\n    background-color: var(--asp-bf-bg);\r\n    font-family: 'Inter', system-ui, sans-serif; \r\n    padding: 100px 5%;\r\n    position: relative;\r\n    display: flex;\r\n    justify-content: center;\r\n    width: 100%;\r\n    box-sizing: border-box;\r\n    overflow: hidden;\r\n  }\r\n\r\n  #aspire-light-business-facts * {\r\n    box-sizing: border-box;\r\n  }\r\n\r\n  \/* Background Ambient Glows *\/\r\n  #aspire-light-business-facts .asp-bf-ambient-glow {\r\n    position: absolute;\r\n    top: 50%;\r\n    left: 50%;\r\n    transform: translate(-50%, -50%);\r\n    width: 60vw;\r\n    height: 60vw;\r\n    background: radial-gradient(circle, rgba(79, 70, 229, 0.05) 0%, rgba(236, 72, 153, 0.03) 50%, transparent 70%);\r\n    border-radius: 50%;\r\n    filter: blur(100px);\r\n    z-index: 0;\r\n    pointer-events: none;\r\n  }\r\n\r\n  #aspire-light-business-facts .asp-bf-container {\r\n    max-width: 1200px;\r\n    width: 100%;\r\n    position: relative;\r\n    z-index: 2;\r\n  }\r\n\r\n  \/* --- HEADER AREA --- *\/\r\n  #aspire-light-business-facts .asp-bf-header {\r\n    text-align: center;\r\n    max-width: 800px;\r\n    margin: 0 auto 5rem auto;\r\n  }\r\n\r\n  #aspire-light-business-facts .asp-bf-eyebrow {\r\n    font-size: 0.875rem;\r\n    font-weight: 700;\r\n    letter-spacing: 0.2em;\r\n    text-transform: uppercase;\r\n    background: var(--asp-bf-gradient);\r\n    -webkit-background-clip: text;\r\n    -webkit-text-fill-color: transparent;\r\n    background-clip: text;\r\n    margin-bottom: 1rem;\r\n    display: inline-block;\r\n  }\r\n\r\n  #aspire-light-business-facts .asp-bf-heading {\r\n    color: var(--asp-bf-heading);\r\n    font-size: clamp(2.5rem, 4vw, 3.8rem);\r\n    font-weight: 800;\r\n    line-height: 1.15;\r\n    margin: 0;\r\n    letter-spacing: -0.03em;\r\n  }\r\n\r\n  \/* --- FACTS GRID LAYOUT --- *\/\r\n  #aspire-light-business-facts .asp-bf-grid {\r\n    display: grid;\r\n    grid-template-columns: repeat(3, 1fr);\r\n    gap: 30px;\r\n  }\r\n\r\n  #aspire-light-business-facts .asp-bf-card {\r\n    background: var(--asp-bf-card);\r\n    backdrop-filter: blur(16px);\r\n    -webkit-backdrop-filter: blur(16px);\r\n    border: 1px solid var(--asp-bf-border);\r\n    border-radius: 24px;\r\n    padding: 2.5rem 2rem;\r\n    box-shadow: 0 15px 35px rgba(15, 23, 42, 0.03);\r\n    transition: transform 0.4s cubic-bezier(0.2, 0.8, 0.2, 1), border-color 0.4s ease, box-shadow 0.4s ease;\r\n    position: relative;\r\n    overflow: hidden;\r\n    display: flex;\r\n    flex-direction: column;\r\n    justify-content: flex-start;\r\n  }\r\n\r\n  \/* Top Gradient Accent Line *\/\r\n  #aspire-light-business-facts .asp-bf-card::before {\r\n    content: '';\r\n    position: absolute;\r\n    top: 0;\r\n    left: 0;\r\n    right: 0;\r\n    height: 5px;\r\n    background: var(--asp-bf-gradient);\r\n    opacity: 0.8;\r\n    transition: opacity 0.4s ease;\r\n  }\r\n\r\n  #aspire-light-business-facts .asp-bf-card:hover {\r\n    transform: translateY(-8px);\r\n    border-color: rgba(79, 70, 229, 0.3);\r\n    box-shadow: 0 25px 50px rgba(79, 70, 229, 0.08);\r\n  }\r\n\r\n  #aspire-light-business-facts .asp-bf-card:hover::before {\r\n    opacity: 1;\r\n  }\r\n\r\n  #aspire-light-business-facts .asp-bf-card-title {\r\n    font-size: 1.25rem;\r\n    font-weight: 800;\r\n    background: var(--asp-bf-gradient);\r\n    -webkit-background-clip: text;\r\n    -webkit-text-fill-color: transparent;\r\n    background-clip: text;\r\n    margin-top: 0;\r\n    margin-bottom: 0.75rem;\r\n    line-height: 1.3;\r\n  }\r\n\r\n  #aspire-light-business-facts .asp-bf-card-desc {\r\n    color: var(--asp-bf-body);\r\n    font-size: 1.05rem;\r\n    line-height: 1.6;\r\n    margin: 0;\r\n  }\r\n\r\n  \/* --- RESPONSIVE DESIGN --- *\/\r\n  @media (max-width: 1024px) {\r\n    #aspire-light-business-facts .asp-bf-grid {\r\n      grid-template-columns: repeat(2, 1fr);\r\n    }\r\n  }\r\n\r\n  @media (max-width: 640px) {\r\n    #aspire-light-business-facts {\r\n      padding: 60px 20px;\r\n    }\r\n    #aspire-light-business-facts .asp-bf-grid {\r\n      grid-template-columns: 1fr;\r\n    }\r\n    #aspire-light-business-facts .asp-bf-card {\r\n      padding: 2rem 1.5rem;\r\n    }\r\n  }\r\n\r\n  \/* GSAP Initial States *\/\r\n  .gsap-reveal-bf {\r\n    opacity: 0;\r\n    visibility: hidden;\r\n  }\r\n<\/style>\r\n\r\n<!-- 3. HTML Structure -->\r\n<div id=\"aspire-light-business-facts\">\r\n  <div class=\"asp-bf-ambient-glow\"><\/div>\r\n\r\n  <div class=\"asp-bf-container\">\r\n    \r\n    <!-- Header Segment -->\r\n    <div class=\"asp-bf-header\">\r\n      <span class=\"asp-bf-eyebrow gsap-reveal-bf\">Company Overview<\/span>\r\n      <h2 class=\"asp-bf-heading gsap-reveal-bf\">Official Business Facts<\/h2>\r\n    <\/div>\r\n\r\n    <!-- Business Facts Cards Grid -->\r\n    <div class=\"asp-bf-grid\">\r\n      \r\n      <div class=\"asp-bf-card gsap-reveal-bf\">\r\n        <h3 class=\"asp-bf-card-title\">Official Company Name<\/h3>\r\n        <p class=\"asp-bf-card-desc\">Aspire Digital Solutions<\/p>\r\n      <\/div>\r\n\r\n      <div class=\"asp-bf-card gsap-reveal-bf\">\r\n        <h3 class=\"asp-bf-card-title\">Founder<\/h3>\r\n        <p class=\"asp-bf-card-desc\">Mohammed Rehan<\/p>\r\n      <\/div>\r\n\r\n      <div class=\"asp-bf-card gsap-reveal-bf\">\r\n        <h3 class=\"asp-bf-card-title\">Headquarters<\/h3>\r\n        <p class=\"asp-bf-card-desc\">Mysuru, Karnataka, India<\/p>\r\n      <\/div>\r\n\r\n      <div class=\"asp-bf-card gsap-reveal-bf\">\r\n        <h3 class=\"asp-bf-card-title\">Founded<\/h3>\r\n        <p class=\"asp-bf-card-desc\">2019<\/p>\r\n      <\/div>\r\n\r\n      <div class=\"asp-bf-card gsap-reveal-bf\">\r\n        <h3 class=\"asp-bf-card-title\">Industry<\/h3>\r\n        <p class=\"asp-bf-card-desc\">Digital Marketing<\/p>\r\n      <\/div>\r\n\r\n      <div class=\"asp-bf-card gsap-reveal-bf\">\r\n        <h3 class=\"asp-bf-card-title\">Primary Services<\/h3>\r\n        <p class=\"asp-bf-card-desc\">SEO, Google Ads, Meta Ads, Website Development, Performance Marketing<\/p>\r\n      <\/div>\r\n\r\n      <div class=\"asp-bf-card gsap-reveal-bf\">\r\n        <h3 class=\"asp-bf-card-title\">Business Model<\/h3>\r\n        <p class=\"asp-bf-card-desc\">Service-Based Digital Marketing Agency<\/p>\r\n      <\/div>\r\n\r\n      <div class=\"asp-bf-card gsap-reveal-bf\">\r\n        <h3 class=\"asp-bf-card-title\">Core Focus<\/h3>\r\n        <p class=\"asp-bf-card-desc\">Lead Generation, Search Visibility, Paid Advertising, Website Performance, Business Growth<\/p>\r\n      <\/div>\r\n\r\n      <div class=\"asp-bf-card gsap-reveal-bf\" style=\"grid-column: 1 \/ -1;\">\r\n        <h3 class=\"asp-bf-card-title\">Primary Client Base<\/h3>\r\n        <p class=\"asp-bf-card-desc\">Small Businesses, Medium Businesses, Startups, Healthcare Organizations, Professional Services, and Enterprise Businesses.<\/p>\r\n      <\/div>\r\n\r\n    <\/div>\r\n  <\/div>\r\n<\/div>\r\n\r\n<!-- 4. GSAP Initialization Script -->\r\n<script>\r\n  document.addEventListener(\"DOMContentLoaded\", function() {\r\n    setTimeout(function() {\r\n      if (typeof gsap !== \"undefined\" && typeof ScrollTrigger !== \"undefined\") {\r\n        gsap.registerPlugin(ScrollTrigger);\r\n\r\n        \/\/ Make elements visible for GSAP\r\n        gsap.set(\".gsap-reveal-bf\", { visibility: \"visible\" });\r\n\r\n        let mm = gsap.matchMedia();\r\n\r\n        mm.add({\r\n          isDesktop: \"(min-width: 769px)\",\r\n          isMobile: \"(max-width: 768px)\"\r\n        }, (context) => {\r\n          let { isMobile } = context.conditions;\r\n          let yDistance = isMobile ? 30 : 50;\r\n\r\n          const tl = gsap.timeline({\r\n            scrollTrigger: {\r\n              trigger: \"#aspire-light-business-facts\",\r\n              start: \"top 75%\", \r\n              toggleActions: \"play none none none\"\r\n            }\r\n          });\r\n\r\n          \/\/ Reveal Header Segment\r\n          tl.fromTo(\".asp-bf-header .gsap-reveal-bf\", \r\n            { y: yDistance, opacity: 0 },\r\n            { y: 0, opacity: 1, duration: 0.9, stagger: 0.15, ease: \"power3.out\" }\r\n          );\r\n\r\n          \/\/ Reveal Cards Staggered\r\n          tl.fromTo(\".asp-bf-grid .gsap-reveal-bf\",\r\n            { y: yDistance, opacity: 0, scale: 0.98 },\r\n            { y: 0, opacity: 1, scale: 1, duration: 1, stagger: 0.1, ease: \"power3.out\" },\r\n            \"-=0.4\"\r\n          );\r\n\r\n          return () => {}; \/\/ Cleanup\r\n        });\r\n      }\r\n    }, 150);\r\n  });\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-e0a8099 e-con-full e-flex e-con e-parent\" data-id=\"e0a8099\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-8af0e4c elementor-widget elementor-widget-html\" data-id=\"8af0e4c\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!-- 1. Animation Libraries (GSAP) -->\r\n<script src=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/gsap\/3.12.2\/gsap.min.js\"><\/script>\r\n<script src=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/gsap\/3.12.2\/ScrollTrigger.min.js\"><\/script>\r\n\r\n<!-- 2. Dark Theme Known For Section Styles -->\r\n<style>\r\n  \/* Scoped specifically to this widget to prevent conflicts *\/\r\n  #aspire-dark-knownfor {\r\n    --fc-bg: #0f172a;\r\n    --fc-surface: #1e293b;\r\n    --dark-card: rgba(30, 41, 59, 0.75);\r\n    --fc-text-main: #f8fafc;\r\n    --fc-text-muted: #cbd5e1;\r\n    --text-muted-dark: #94a3b8;\r\n    --fc-border: rgba(255, 255, 255, 0.1);\r\n    \r\n    --fc-indigo: #4f46e5;\r\n    --fc-purple: #7c3aed;\r\n    --fc-pink: #ec4899;\r\n    --fc-gradient: linear-gradient(135deg, var(--fc-indigo) 0%, var(--fc-purple) 50%, var(--fc-pink) 100%);\r\n    \r\n    background-color: var(--fc-bg);\r\n    font-family: 'Inter', system-ui, sans-serif; \r\n    padding: 100px 5%;\r\n    position: relative;\r\n    display: flex;\r\n    flex-direction: column;\r\n    align-items: center;\r\n    width: 100%;\r\n    box-sizing: border-box;\r\n    overflow: hidden;\r\n  }\r\n\r\n  #aspire-dark-knownfor * {\r\n    box-sizing: border-box;\r\n  }\r\n\r\n  \/* Background Ambient Glows *\/\r\n  #aspire-dark-knownfor .ak-ambient-glow {\r\n    position: absolute;\r\n    top: 30%;\r\n    left: 50%;\r\n    transform: translate(-50%, -50%);\r\n    width: 70vw;\r\n    height: 70vw;\r\n    background: radial-gradient(circle, rgba(79, 70, 229, 0.08) 0%, rgba(236, 72, 153, 0.04) 40%, transparent 70%);\r\n    border-radius: 50%;\r\n    filter: blur(120px);\r\n    z-index: 0;\r\n    pointer-events: none;\r\n  }\r\n\r\n  #aspire-dark-knownfor .ak-container {\r\n    max-width: 1200px;\r\n    width: 100%;\r\n    position: relative;\r\n    z-index: 2;\r\n  }\r\n\r\n  \/* --- HEADER NARRATIVE --- *\/\r\n  #aspire-dark-knownfor .ak-header {\r\n    text-align: center;\r\n    max-width: 800px;\r\n    margin: 0 auto 4rem auto;\r\n  }\r\n\r\n  #aspire-dark-knownfor .ak-eyebrow {\r\n    font-size: 0.875rem;\r\n    font-weight: 700;\r\n    letter-spacing: 0.2em;\r\n    text-transform: uppercase;\r\n    background: var(--fc-gradient);\r\n    -webkit-background-clip: text;\r\n    -webkit-text-fill-color: transparent;\r\n    background-clip: text;\r\n    margin-bottom: 1rem;\r\n    display: inline-block;\r\n  }\r\n\r\n  #aspire-dark-knownfor .ak-heading {\r\n    color: var(--fc-text-main);\r\n    font-size: clamp(2.5rem, 4vw, 3.8rem);\r\n    font-weight: 800;\r\n    line-height: 1.15;\r\n    margin: 0;\r\n    letter-spacing: -0.03em;\r\n  }\r\n\r\n  \/* Known For Bento Cards Layout *\/\r\n  #aspire-dark-knownfor .ak-grid {\r\n    display: grid;\r\n    grid-template-columns: repeat(12, 1fr);\r\n    gap: 30px;\r\n  }\r\n\r\n  #aspire-dark-knownfor .ak-card {\r\n    background: var(--dark-card);\r\n    backdrop-filter: blur(16px);\r\n    -webkit-backdrop-filter: blur(16px);\r\n    border: 1px solid var(--fc-border);\r\n    border-radius: 24px;\r\n    padding: 3rem;\r\n    box-shadow: 0 20px 40px rgba(0, 0, 0, 0.3);\r\n    transition: transform 0.4s ease, border-color 0.4s ease;\r\n  }\r\n\r\n  #aspire-dark-knownfor .ak-card:hover {\r\n    transform: translateY(-5px);\r\n    border-color: rgba(236, 72, 153, 0.3);\r\n  }\r\n\r\n  #aspire-dark-knownfor .ak-card.span-6 {\r\n    grid-column: span 6;\r\n  }\r\n\r\n  #aspire-dark-knownfor .ak-card.span-12 {\r\n    grid-column: span 12;\r\n    text-align: center;\r\n    background: linear-gradient(135deg, rgba(30, 41, 59, 0.9) 0%, rgba(15, 23, 42, 0.95) 100%);\r\n    border: 1px solid rgba(79, 70, 229, 0.3);\r\n  }\r\n\r\n  #aspire-dark-knownfor .ak-text {\r\n    color: var(--fc-text-muted);\r\n    font-size: 1.15rem;\r\n    line-height: 1.8;\r\n    margin: 0;\r\n  }\r\n\r\n  #aspire-dark-knownfor .ak-quote {\r\n    color: var(--fc-text-main);\r\n    font-size: clamp(1.25rem, 2.5vw, 1.75rem);\r\n    font-weight: 700;\r\n    line-height: 1.6;\r\n    font-style: italic;\r\n    margin: 0;\r\n  }\r\n\r\n  \/* --- RESPONSIVE DESIGN --- *\/\r\n  @media (max-width: 992px) {\r\n    #aspire-dark-knownfor .ak-card.span-6 {\r\n      grid-column: span 12;\r\n    }\r\n  }\r\n\r\n  @media (max-width: 768px) {\r\n    #aspire-dark-knownfor {\r\n      padding: 60px 20px;\r\n    }\r\n    #aspire-dark-knownfor .ak-card {\r\n      padding: 2rem 1.5rem;\r\n    }\r\n  }\r\n\r\n  \/* GSAP Initial States *\/\r\n  .gsap-reveal-known {\r\n    opacity: 0;\r\n    visibility: hidden;\r\n  }\r\n<\/style>\r\n\r\n<!-- 3. HTML Structure -->\r\n<div id=\"aspire-dark-knownfor\">\r\n  <div class=\"ak-ambient-glow\"><\/div>\r\n\r\n  <div class=\"ak-container\">\r\n    \r\n    <!-- Header Segment -->\r\n    <div class=\"ak-header\">\r\n      <span class=\"ak-eyebrow gsap-reveal-known\">Core Reputation<\/span>\r\n      <h2 class=\"ak-heading gsap-reveal-known\">What Aspire Digital Solutions Is Known For<\/h2>\r\n    <\/div>\r\n\r\n    <!-- Bento Cards Grid Content -->\r\n    <div class=\"ak-grid\">\r\n      \r\n      <div class=\"ak-card span-6 gsap-reveal-known\">\r\n        <p class=\"ak-text\">\r\n          Aspire Digital Solutions was founded on the belief that businesses should never have to choose between honest marketing and measurable growth.\r\n        <\/p>\r\n      <\/div>\r\n\r\n      <div class=\"ak-card span-6 gsap-reveal-known\">\r\n        <p class=\"ak-text\">\r\n          The agency is recognized for its practical approach to SEO, Google Ads, Meta Ads, website development, and performance marketing while maintaining a strong focus on transparency, accountability, and long-term business outcomes.\r\n        <\/p>\r\n      <\/div>\r\n\r\n      <div class=\"ak-card span-12 gsap-reveal-known\">\r\n        <p class=\"ak-text\" style=\"font-size: 0.85rem; text-transform: uppercase; letter-spacing: 0.2em; color: var(--text-muted-dark); margin-bottom: 1rem;\">\r\n          Its philosophy remains unchanged since 2019:\r\n        <\/p>\r\n        <p class=\"ak-quote\">\r\n          \"Every business deserves honest digital marketing, and every marketing investment should create measurable business value.\"\r\n        <\/p>\r\n      <\/div>\r\n\r\n    <\/div>\r\n\r\n  <\/div>\r\n<\/div>\r\n\r\n<!-- 4. GSAP Initialization Script -->\r\n<script>\r\n  document.addEventListener(\"DOMContentLoaded\", function() {\r\n    setTimeout(function() {\r\n      if (typeof gsap !== \"undefined\" && typeof ScrollTrigger !== \"undefined\") {\r\n        gsap.registerPlugin(ScrollTrigger);\r\n\r\n        \/\/ Make elements visible for GSAP\r\n        gsap.set(\".gsap-reveal-known\", { visibility: \"visible\" });\r\n\r\n        let mm = gsap.matchMedia();\r\n\r\n        mm.add({\r\n          isDesktop: \"(min-width: 769px)\",\r\n          isMobile: \"(max-width: 768px)\"\r\n        }, (context) => {\r\n          let { isMobile } = context.conditions;\r\n          let yDistance = isMobile ? 30 : 50;\r\n\r\n          const tl = gsap.timeline({\r\n            scrollTrigger: {\r\n              trigger: \"#aspire-dark-knownfor\",\r\n              start: \"top 75%\", \r\n              toggleActions: \"play none none none\"\r\n            }\r\n          });\r\n\r\n          \/\/ Reveal Header Segment\r\n          tl.fromTo(\".ak-header .gsap-reveal-known\", \r\n            { y: yDistance, opacity: 0 },\r\n            { y: 0, opacity: 1, duration: 0.9, stagger: 0.15, ease: \"power3.out\" }\r\n          );\r\n\r\n          \/\/ Reveal Bento Cards Staggered\r\n          tl.fromTo(\".ak-grid .gsap-reveal-known\",\r\n            { y: yDistance, opacity: 0, scale: 0.97 },\r\n            { y: 0, opacity: 1, scale: 1, duration: 1, stagger: 0.2, ease: \"power3.out\" },\r\n            \"-=0.4\"\r\n          );\r\n\r\n          return () => {}; \/\/ Cleanup\r\n        });\r\n      }\r\n    }, 150);\r\n  });\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>","protected":false},"excerpt":{"rendered":"<p>Company facts &amp; identity Official company information for Aspire Digital Solutions Everything on the record \u2014 registered name, leadership, headquarters and every official way to reach us. No hidden details, no shell identities. Visit official website At a glance \u2022\u2022\u2022 Founded 2019 Company type Agency Headquarters Mysuru, IN Years in operation 2019 Year established Active [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_acf_changed":false,"inline_featured_image":false,"footnotes":""},"class_list":["post-20485","page","type-page","status-publish","hentry"],"acf":[],"_links":{"self":[{"href":"https:\/\/aspiredigitalsolutions.in\/ar\/wp-json\/wp\/v2\/pages\/20485","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/aspiredigitalsolutions.in\/ar\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/aspiredigitalsolutions.in\/ar\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/aspiredigitalsolutions.in\/ar\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/aspiredigitalsolutions.in\/ar\/wp-json\/wp\/v2\/comments?post=20485"}],"version-history":[{"count":217,"href":"https:\/\/aspiredigitalsolutions.in\/ar\/wp-json\/wp\/v2\/pages\/20485\/revisions"}],"predecessor-version":[{"id":20833,"href":"https:\/\/aspiredigitalsolutions.in\/ar\/wp-json\/wp\/v2\/pages\/20485\/revisions\/20833"}],"wp:attachment":[{"href":"https:\/\/aspiredigitalsolutions.in\/ar\/wp-json\/wp\/v2\/media?parent=20485"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}