{"id":291,"date":"2026-08-20T03:54:19","date_gmt":"2026-08-20T03:54:19","guid":{"rendered":"https:\/\/spariqo.com\/bd\/?page_id=291"},"modified":"2026-08-20T12:10:38","modified_gmt":"2026-08-20T12:10:38","slug":"our-process","status":"publish","type":"page","link":"https:\/\/spariqo.com\/bd\/our-process\/","title":{"rendered":"Our Process"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"291\" class=\"elementor elementor-291\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-f157e50 e-con-full e-flex e-con e-parent\" data-id=\"f157e50\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-af7b2b1 elementor-widget elementor-widget-html\" data-id=\"af7b2b1\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- ============================================================\r\n     VIRAL COMMUNICATIONS \u2014 OUR PROCESS HERO (1st section)\r\n     Centered banner + 4-step visual timeline\r\n     Paste: Elementor \u2192 HTML Widget\r\n     ============================================================ -->\r\n\r\n<style>\r\n\/* ===========================================================\r\n   ROOT + RESET\r\n   =========================================================== *\/\r\n.vc-process-hero *,.vc-process-hero *::before,.vc-process-hero *::after{\r\n  margin:0;padding:0;box-sizing:border-box;\r\n}\r\n:root{\r\n  --vc-blue:#153a8c;\r\n  --vc-blue-2:#0e2a6b;\r\n  --vc-blue-3:#0b2358;\r\n  --vc-orange:#f26b1d;\r\n  --vc-orange-2:#d95a12;\r\n  --vc-orange-soft:#ffb387;\r\n  --vc-ink:#1c2440;\r\n  --vc-muted:#5a627a;\r\n  --vc-line:#e8e6e0;\r\n  --vc-white:#fff;\r\n  --vc-font:'Hind Siliguri','Noto Sans Bengali','Bangla Sangam MN','Kohinoor Bangla','Nirmala UI','Vrinda','SolaimanLipi',-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,'Helvetica Neue',Arial,sans-serif;\r\n}\r\n\r\n\/* ===========================================================\r\n   SECTION\r\n   =========================================================== *\/\r\n.vc-process-hero{\r\n  font-family:var(--vc-font);\r\n  position:relative;\r\n  overflow:hidden;\r\n  padding:160px 0 120px;\r\n  background:#fafaf7;\r\n  isolation:isolate;\r\n  background-image:\r\n    radial-gradient(at 12% 18%, rgba(21,58,140,.10) 0%, transparent 45%),\r\n    radial-gradient(at 88% 22%, rgba(242,107,29,.12) 0%, transparent 45%),\r\n    radial-gradient(at 75% 85%, rgba(21,58,140,.08) 0%, transparent 50%),\r\n    radial-gradient(at 18% 90%, rgba(242,107,29,.08) 0%, transparent 45%);\r\n}\r\n.vc-process-hero::before{\r\n  content:\"\";\r\n  position:absolute;\r\n  inset:0;\r\n  background-image:radial-gradient(rgba(21,58,140,.12) 1px, transparent 1px);\r\n  background-size:32px 32px;\r\n  opacity:.5;\r\n  pointer-events:none;\r\n  z-index:0;\r\n  -webkit-mask-image:radial-gradient(ellipse 80% 60% at 50% 50%, transparent 30%, #000 90%);\r\n  mask-image:radial-gradient(ellipse 80% 60% at 50% 50%, transparent 30%, #000 90%);\r\n}\r\n.vc-process-hero::after{\r\n  content:\"\";\r\n  position:absolute;\r\n  inset:0;\r\n  background-image:\r\n    linear-gradient(rgba(21,58,140,.04) 1px, transparent 1px),\r\n    linear-gradient(90deg, rgba(21,58,140,.04) 1px, transparent 1px);\r\n  background-size:80px 80px;\r\n  opacity:.6;\r\n  pointer-events:none;\r\n  z-index:0;\r\n  -webkit-mask-image:linear-gradient(180deg, #000 0%, #000 60%, transparent 100%);\r\n  mask-image:linear-gradient(180deg, #000 0%, #000 60%, transparent 100%);\r\n}\r\n\r\n\/* Floating background dots *\/\r\n.vc-process-hero .vc-bg-dot{\r\n  position:absolute;\r\n  border-radius:50%;\r\n  z-index:0;\r\n  pointer-events:none;\r\n}\r\n.vc-process-hero .vc-bg-dot-1{\r\n  width:14px;height:14px;\r\n  background:var(--vc-orange);\r\n  top:25%;left:10%;\r\n  opacity:.35;\r\n  animation:vcPhDot 6s ease-in-out infinite;\r\n}\r\n.vc-process-hero .vc-bg-dot-2{\r\n  width:9px;height:9px;\r\n  background:var(--vc-blue);\r\n  bottom:25%;left:18%;\r\n  opacity:.4;\r\n  animation:vcPhDot 5s ease-in-out infinite 1.2s;\r\n}\r\n.vc-process-hero .vc-bg-dot-3{\r\n  width:11px;height:11px;\r\n  background:var(--vc-orange-soft);\r\n  top:60%;right:14%;\r\n  opacity:.5;\r\n  animation:vcPhDot 7s ease-in-out infinite .6s;\r\n}\r\n@keyframes vcPhDot{\r\n  0%,100%{transform:translateY(0)}\r\n  50%    {transform:translateY(-22px)}\r\n}\r\n\r\n\/* Centered container *\/\r\n.vc-process-hero-wrap{\r\n  position:relative;z-index:1;\r\n  max-width:880px;\r\n  margin:0 auto;\r\n  padding:0 24px;\r\n  text-align:center;\r\n}\r\n\r\n\/* ===========================================================\r\n   HEADER (breadcrumb + badge + heading + lead)\r\n   =========================================================== *\/\r\n.vc-process-hero .vc-breadcrumb{\r\n  display:inline-flex;align-items:center;gap:8px;\r\n  background:rgba(255,255,255,.7);\r\n  border:1px solid var(--vc-line);\r\n  padding:6px 14px;\r\n  border-radius:30px;\r\n  margin:0 auto 22px;\r\n  font-size:13px;\r\n  color:var(--vc-muted);\r\n  box-shadow:0 4px 12px rgba(20,40,100,.06);\r\n}\r\n.vc-process-hero .vc-breadcrumb a{\r\n  color:var(--vc-blue);\r\n  text-decoration:none;\r\n  font-weight:600;\r\n  transition:color .3s ease;\r\n}\r\n.vc-process-hero .vc-breadcrumb a:hover{color:var(--vc-orange)}\r\n.vc-process-hero .vc-breadcrumb .vc-sep{color:var(--vc-orange);font-weight:700}\r\n.vc-process-hero .vc-breadcrumb .vc-current{color:var(--vc-ink);font-weight:600}\r\n\r\n.vc-process-hero .vc-pr-badge{\r\n  display:inline-flex;align-items:center;gap:8px;\r\n  background:rgba(255,255,255,.9);\r\n  border:1px solid rgba(242,107,29,.25);\r\n  color:var(--vc-orange);\r\n  font-size:13px;font-weight:600;\r\n  padding:8px 18px;border-radius:30px;\r\n  margin:0 auto 20px;\r\n  box-shadow:0 4px 16px rgba(242,107,29,.08);\r\n}\r\n.vc-process-hero .vc-pr-badge::before{\r\n  content:\"\u2699\";font-size:14px;\r\n}\r\n\r\n.vc-process-hero h1{\r\n  font-size:48px;\r\n  line-height:1.2;\r\n  color:var(--vc-blue);\r\n  font-weight:800;\r\n  letter-spacing:-.02em;\r\n  margin:0 auto 20px;\r\n  max-width:760px;\r\n}\r\n.vc-process-hero h1 .vc-accent{\r\n  color:var(--vc-orange);\r\n  position:relative;\r\n  display:inline-block;\r\n}\r\n.vc-process-hero h1 .vc-accent::after{\r\n  content:\"\";\r\n  position:absolute;\r\n  bottom:4px;left:0;\r\n  width:100%;height:14px;\r\n  background:rgba(242,107,29,.16);\r\n  border-radius:6px;\r\n  z-index:-1;\r\n  transform:skewX(-12deg);\r\n}\r\n\r\n.vc-process-hero .vc-pr-lead{\r\n  color:var(--vc-muted);\r\n  max-width:640px;\r\n  margin:0 auto 50px;\r\n  font-size:17.5px;\r\n  line-height:1.7;\r\n}\r\n\r\n\/* ===========================================================\r\n   4-STEP TIMELINE (centered, single horizontal row on desktop)\r\n   =========================================================== *\/\r\n.vc-process-timeline{\r\n  position:relative;\r\n  display:grid;\r\n  grid-template-columns:repeat(4,1fr);\r\n  gap:0;\r\n  max-width:1080px;\r\n  margin:0 auto 60px;\r\n  padding:30px 0 20px;\r\n}\r\n\r\n\/* Dashed connector line behind steps *\/\r\n.vc-process-timeline::before{\r\n  content:\"\";\r\n  position:absolute;\r\n  top:80px;\r\n  left:14%;right:14%;\r\n  height:2px;\r\n  background-image:linear-gradient(90deg,#bcc6e2 50%,transparent 50%);\r\n  background-size:14px 2px;\r\n  background-repeat:repeat-x;\r\n  z-index:0;\r\n}\r\n\r\n\/* Single step *\/\r\n.vc-pr-step{\r\n  position:relative;\r\n  z-index:1;\r\n  text-align:center;\r\n  padding:0 16px;\r\n}\r\n\r\n\/* Step number circle *\/\r\n.vc-pr-step-num{\r\n  position:relative;\r\n  width:84px;height:84px;\r\n  margin:0 auto 24px;\r\n  border-radius:50%;\r\n  background:linear-gradient(135deg,var(--vc-blue) 0%,var(--vc-blue-2) 100%);\r\n  color:#fff;\r\n  display:flex;align-items:center;justify-content:center;\r\n  font-size:28px;font-weight:800;\r\n  font-family:Georgia,serif;\r\n  letter-spacing:-.02em;\r\n  box-shadow:0 14px 30px rgba(21,58,140,.30);\r\n  position:relative;\r\n  transition:transform .35s ease, box-shadow .35s ease;\r\n}\r\n.vc-pr-step-num::before{\r\n  content:\"\";\r\n  position:absolute;\r\n  inset:-10px;\r\n  border:2px dashed rgba(21,58,140,.25);\r\n  border-radius:50%;\r\n  animation:vcPrSpin 25s linear infinite;\r\n  transition:border-color .3s ease;\r\n}\r\n.vc-pr-step-num::after{\r\n  content:\"\";\r\n  position:absolute;\r\n  inset:-20px;\r\n  border:1px solid rgba(21,58,140,.10);\r\n  border-radius:50%;\r\n  transition:border-color .3s ease;\r\n}\r\n.vc-pr-step:hover .vc-pr-step-num{\r\n  transform:scale(1.06) translateY(-4px);\r\n  box-shadow:0 20px 40px rgba(21,58,140,.40);\r\n}\r\n.vc-pr-step:hover .vc-pr-step-num::before{\r\n  border-color:rgba(242,107,29,.45);\r\n}\r\n@keyframes vcPrSpin{\r\n  to{transform:rotate(360deg)}\r\n}\r\n\r\n\/* Last step (orange) *\/\r\n.vc-pr-step.vc-pr-step-last .vc-pr-step-num{\r\n  background:linear-gradient(135deg,var(--vc-orange) 0%,var(--vc-orange-2) 100%);\r\n  box-shadow:0 14px 30px rgba(242,107,29,.40);\r\n}\r\n.vc-pr-step.vc-pr-step-last .vc-pr-step-num::before{\r\n  border-color:rgba(242,107,29,.35);\r\n}\r\n\r\n\/* Step icon badge (overlapping bottom-right of number) *\/\r\n.vc-pr-step-icon{\r\n  position:absolute;\r\n  bottom:-2px;right:-2px;\r\n  width:30px;height:30px;\r\n  background:#fff;\r\n  border:2.5px solid var(--vc-blue);\r\n  border-radius:50%;\r\n  display:flex;align-items:center;justify-content:center;\r\n  color:var(--vc-blue);\r\n  font-size:14px;\r\n  box-shadow:0 4px 12px rgba(21,58,140,.20);\r\n  transition:all .3s ease;\r\n}\r\n.vc-pr-step.vc-pr-step-last .vc-pr-step-icon{\r\n  border-color:var(--vc-orange);\r\n  color:var(--vc-orange);\r\n}\r\n.vc-pr-step-icon svg{width:14px;height:14px}\r\n\r\n\/* Step content *\/\r\n.vc-pr-step-title{\r\n  font-size:20px;\r\n  font-weight:700;\r\n  color:var(--vc-ink);\r\n  margin-bottom:8px;\r\n  line-height:1.3;\r\n}\r\n.vc-pr-step-desc{\r\n  font-size:14px;\r\n  color:var(--vc-muted);\r\n  line-height:1.6;\r\n  max-width:220px;\r\n  margin:0 auto;\r\n}\r\n\r\n\/* ===========================================================\r\n   BOTTOM STATS ROW\r\n   =========================================================== *\/\r\n.vc-process-stats{\r\n  display:grid;\r\n  grid-template-columns:repeat(4,1fr);\r\n  gap:24px;\r\n  max-width:880px;\r\n  margin:0 auto;\r\n  padding:30px 0;\r\n  border-top:1px dashed var(--vc-line);\r\n  border-bottom:1px dashed var(--vc-line);\r\n}\r\n.vc-pr-stat{\r\n  text-align:center;\r\n}\r\n.vc-pr-stat b{\r\n  display:block;\r\n  font-size:30px;\r\n  font-weight:800;\r\n  color:var(--vc-blue);\r\n  line-height:1.1;\r\n  font-family:Georgia,serif;\r\n  letter-spacing:-.02em;\r\n}\r\n.vc-pr-stat b .vc-plus{color:var(--vc-orange);font-size:24px}\r\n.vc-pr-stat small{\r\n  display:block;\r\n  font-size:12px;\r\n  color:var(--vc-muted);\r\n  text-transform:uppercase;\r\n  letter-spacing:1.5px;\r\n  margin-top:6px;\r\n  font-weight:600;\r\n}\r\n\r\n\/* ===========================================================\r\n   BOTTOM CTA\r\n   =========================================================== *\/\r\n.vc-process-cta{\r\n  margin-top:50px;\r\n}\r\n.vc-pr-cta{\r\n  display:inline-flex;align-items:center;gap:10px;\r\n  background:var(--vc-orange);\r\n  color:#fff;\r\n  font-weight:600;\r\n  font-size:16px;\r\n  padding:16px 34px;\r\n  border-radius:30px;\r\n  text-decoration:none;\r\n  transition:all .3s ease;\r\n  box-shadow:0 10px 28px rgba(242,107,29,.35);\r\n  font-family:inherit;\r\n  border:0;\r\n  cursor:pointer;\r\n}\r\n.vc-pr-cta:hover{\r\n  background:var(--vc-orange-2);\r\n  transform:translateY(-3px);\r\n  box-shadow:0 16px 36px rgba(242,107,29,.50);\r\n}\r\n.vc-pr-cta svg{width:16px;height:16px;transition:transform .3s ease}\r\n.vc-pr-cta:hover svg{transform:translateX(3px)}\r\n\r\n\/* ===========================================================\r\n   RESPONSIVE\r\n   =========================================================== *\/\r\n@media (max-width:992px){\r\n  .vc-process-hero{padding:130px 0 100px}\r\n  .vc-process-hero h1{font-size:38px}\r\n  .vc-process-timeline{grid-template-columns:repeat(2,1fr);gap:50px 30px}\r\n  .vc-process-timeline::before{display:none}\r\n  .vc-process-stats{grid-template-columns:repeat(2,1fr);gap:20px 32px}\r\n}\r\n@media (max-width:768px){\r\n  .vc-process-hero{padding:110px 0 80px}\r\n  .vc-process-hero h1{font-size:30px}\r\n  .vc-process-hero .vc-pr-lead{font-size:15.5px;margin-bottom:36px}\r\n  .vc-process-timeline{padding:20px 0 0}\r\n  .vc-process-stats{padding:22px 0}\r\n  .vc-pr-stat b{font-size:24px}\r\n}\r\n@media (max-width:540px){\r\n  .vc-process-hero h1{font-size:26px}\r\n  .vc-process-timeline{grid-template-columns:1fr;gap:36px}\r\n  .vc-pr-step-num{width:76px;height:76px;font-size:24px}\r\n  .vc-process-stats{grid-template-columns:1fr 1fr;gap:18px}\r\n  .vc-pr-cta{width:100%;justify-content:center}\r\n  .vc-process-hero .vc-pr-badge{font-size:12px;padding:7px 14px}\r\n}\r\n<\/style>\r\n\r\n<!-- =====================================================\r\n     OUR PROCESS HERO (1st section)\r\n     ===================================================== -->\r\n<section class=\"vc-process-hero\" id=\"process-hero\">\r\n\r\n  <span class=\"vc-bg-dot vc-bg-dot-1\"><\/span>\r\n  <span class=\"vc-bg-dot vc-bg-dot-2\"><\/span>\r\n  <span class=\"vc-bg-dot vc-bg-dot-3\"><\/span>\r\n\r\n  <div class=\"vc-process-hero-wrap\">\r\n\r\n    <!-- ===== Breadcrumb ===== -->\r\n    <nav class=\"vc-breadcrumb\" aria-label=\"Breadcrumb\">\r\n      <a href=\"#\">\u09b9\u09cb\u09ae<\/a>\r\n      <span class=\"vc-sep\">\u203a<\/span>\r\n      <a href=\"#\">\u0986\u09ae\u09be\u09a6\u09c7\u09b0 \u09b8\u09ae\u09cd\u09aa\u09b0\u09cd\u0995\u09c7<\/a>\r\n      <span class=\"vc-sep\">\u203a<\/span>\r\n      <span class=\"vc-current\">\u0986\u09ae\u09be\u09a6\u09c7\u09b0 \u09aa\u09cd\u09b0\u0995\u09cd\u09b0\u09bf\u09af\u09bc\u09be<\/span>\r\n    <\/nav>\r\n\r\n    <!-- ===== Badge ===== -->\r\n    <span class=\"vc-pr-badge\">\u0986\u09ae\u09be\u09a6\u09c7\u09b0 \u0995\u09be\u099c\u09c7\u09b0 \u09aa\u09cd\u09b0\u0995\u09cd\u09b0\u09bf\u09af\u09bc\u09be<\/span>\r\n\r\n    <!-- ===== Heading ===== -->\r\n    <h1>\r\n      \u0986\u09ae\u09be\u09a6\u09c7\u09b0 <span class=\"vc-accent\">\u09aa\u09cd\u09b0\u0995\u09cd\u09b0\u09bf\u09af\u09bc\u09be<\/span> \u2014 \u09b8\u09ab\u09b2\u09a4\u09be\u09b0 \u09aa\u09a5\u09c7 <span class=\"vc-accent\">\u09ea\u099f\u09bf \u09b8\u09b9\u099c \u09a7\u09be\u09aa<\/span>\r\n    <\/h1>\r\n\r\n    <!-- ===== Lead ===== -->\r\n    <p class=\"vc-pr-lead\">\r\n      \u0986\u09ae\u09b0\u09be \u098f\u0995\u099f\u09bf \u09b8\u09c1\u09a8\u09bf\u09b0\u09cd\u09a6\u09bf\u09b7\u09cd\u099f \u0993 \u09b8\u09cd\u09ac\u099a\u09cd\u099b \u09aa\u09cd\u09b0\u0995\u09cd\u09b0\u09bf\u09af\u09bc\u09be \u0985\u09a8\u09c1\u09b8\u09b0\u09a3 \u0995\u09b0\u09bf \u09af\u09be\u09a4\u09c7 \u0986\u09aa\u09a8\u09be\u09b0 \u09aa\u09cd\u09b0\u099c\u09c7\u0995\u09cd\u099f \u09b8\u09a0\u09bf\u0995 \u09b8\u09ae\u09af\u09bc\u09c7, \u09b8\u09a0\u09bf\u0995 \u09ae\u09be\u09a8\u09c7 \u098f\u09ac\u0982 \u0986\u09aa\u09a8\u09be\u09b0 \u09aa\u09cd\u09b0\u09a4\u09cd\u09af\u09be\u09b6\u09be\u09b0 \u099a\u09c7\u09af\u09bc\u09c7\u0993 \u09ad\u09be\u09b2\u09cb\u09ad\u09be\u09ac\u09c7 \u09b8\u09ae\u09cd\u09aa\u09a8\u09cd\u09a8 \u09b9\u09af\u09bc\u0964 \u09a8\u09bf\u099a\u09c7 \u0986\u09ae\u09be\u09a6\u09c7\u09b0 \u099a\u09be\u09b0\u099f\u09bf \u09ae\u09c2\u09b2 \u09a7\u09be\u09aa \u09a6\u09c7\u0996\u09c1\u09a8\u0964\r\n    <\/p>\r\n\r\n    <!-- ===== 4-STEP TIMELINE ===== -->\r\n    <div class=\"vc-process-timeline\">\r\n\r\n      <!-- Step 1 \u2014 Discovery -->\r\n      <div class=\"vc-pr-step\">\r\n        <div class=\"vc-pr-step-num\">\r\n          01\r\n          <span class=\"vc-pr-step-icon\">\r\n            <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.4\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><circle cx=\"11\" cy=\"11\" r=\"8\"\/><path d=\"M21 21l-4.35-4.35\"\/><\/svg>\r\n          <\/span>\r\n        <\/div>\r\n        <h3 class=\"vc-pr-step-title\">\u0986\u09ac\u09bf\u09b7\u09cd\u0995\u09be\u09b0 \u0993 \u09aa\u09b0\u09bf\u0995\u09b2\u09cd\u09aa\u09a8\u09be<\/h3>\r\n        <p class=\"vc-pr-step-desc\">\u0986\u09aa\u09a8\u09be\u09b0 \u09ac\u09cd\u09af\u09ac\u09b8\u09be\u09b0 \u09b2\u0995\u09cd\u09b7\u09cd\u09af, \u099f\u09be\u09b0\u09cd\u0997\u09c7\u099f \u0985\u09a1\u09bf\u09af\u09bc\u09c7\u09a8\u09cd\u09b8 \u098f\u09ac\u0982 \u09aa\u09cd\u09b0\u09af\u09bc\u09cb\u099c\u09a8 \u09ac\u09c1\u099d\u09a4\u09c7 \u0997\u09ad\u09c0\u09b0 \u0997\u09ac\u09c7\u09b7\u09a3\u09be \u0993 \u0986\u09b2\u09cb\u099a\u09a8\u09be \u0995\u09b0\u09bf<\/p>\r\n      <\/div>\r\n\r\n      <!-- Step 2 \u2014 Design -->\r\n      <div class=\"vc-pr-step\">\r\n        <div class=\"vc-pr-step-num\">\r\n          02\r\n          <span class=\"vc-pr-step-icon\">\r\n            <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.4\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M3 3h18v18H3zM3 9h18M9 21V9\"\/><\/svg>\r\n          <\/span>\r\n        <\/div>\r\n        <h3 class=\"vc-pr-step-title\">\u09a1\u09bf\u099c\u09be\u0987\u09a8 \u0993 \u09aa\u09cd\u09b0\u09cb\u099f\u09cb\u099f\u09be\u0987\u09aa<\/h3>\r\n        <p class=\"vc-pr-step-desc\">\u0993\u09af\u09bc\u09cd\u09af\u09be\u09b0\u09ab\u09cd\u09b0\u09c7\u09ae \u09a5\u09c7\u0995\u09c7 \u09ad\u09bf\u099c\u09cd\u09af\u09c1\u09af\u09bc\u09be\u09b2 \u09a1\u09bf\u099c\u09be\u0987\u09a8 \u09aa\u09b0\u09cd\u09af\u09a8\u09cd\u09a4 \u2014 \u09b8\u09ac\u0995\u09bf\u099b\u09c1 \u0986\u09aa\u09a8\u09be\u09b0 \u09ac\u09cd\u09b0\u09cd\u09af\u09be\u09a8\u09cd\u09a1\u09c7\u09b0 \u09b8\u09be\u09a5\u09c7 \u09ae\u09bf\u09b2 \u09b0\u09c7\u0996\u09c7<\/p>\r\n      <\/div>\r\n\r\n      <!-- Step 3 \u2014 Development -->\r\n      <div class=\"vc-pr-step\">\r\n        <div class=\"vc-pr-step-num\">\r\n          03\r\n          <span class=\"vc-pr-step-icon\">\r\n            <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.4\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><polyline points=\"16 18 22 12 16 6\"\/><polyline points=\"8 6 2 12 8 18\"\/><\/svg>\r\n          <\/span>\r\n        <\/div>\r\n        <h3 class=\"vc-pr-step-title\">\u09a1\u09c7\u09ad\u09c7\u09b2\u09aa\u09ae\u09c7\u09a8\u09cd\u099f \u0993 \u099f\u09c7\u09b8\u09cd\u099f\u09bf\u0982<\/h3>\r\n        <p class=\"vc-pr-step-desc\">\u0986\u09a7\u09c1\u09a8\u09bf\u0995 \u09aa\u09cd\u09b0\u09af\u09c1\u0995\u09cd\u09a4\u09bf\u09a4\u09c7 \u09a6\u09cd\u09b0\u09c1\u09a4 \u0993 \u09a8\u09bf\u09b0\u09be\u09aa\u09a6 \u0995\u09cb\u09a1 \u09b2\u09bf\u0996\u09bf, \u09b8\u09ac \u09a1\u09bf\u09ad\u09be\u0987\u09b8\u09c7 \u09aa\u09b0\u09c0\u0995\u09cd\u09b7\u09be \u0995\u09b0\u09bf \u098f\u09ac\u0982 \u09aa\u09be\u09b0\u09ab\u09b0\u09ae\u09cd\u09af\u09be\u09a8\u09cd\u09b8 \u0985\u09aa\u09cd\u099f\u09bf\u09ae\u09be\u0987\u099c \u0995\u09b0\u09bf<\/p>\r\n      <\/div>\r\n\r\n      <!-- Step 4 \u2014 Launch (ORANGE \u2014 final step) -->\r\n      <div class=\"vc-pr-step vc-pr-step-last\">\r\n        <div class=\"vc-pr-step-num\">\r\n          04\r\n          <span class=\"vc-pr-step-icon\">\r\n            <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.4\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M4.5 16.5c-1.5 1.26-2 5-2 5s3.74-.5 5-2c.71-.84.7-2.13-.09-2.91a2.18 2.18 0 0 0-2.91-.09zM12 15l-3-3a22 22 0 0 1 2-3.95A12.88 12.88 0 0 1 22 2c0 2.72-.78 7.5-6 11a22.35 22.35 0 0 1-4 2z\"\/><path d=\"M9 12H4s.55-3.03 2-4c1.62-1.08 5 0 5 0M12 15v5s3.03-.55 4-2c1.08-1.62 0-5 0-5\"\/><\/svg>\r\n          <\/span>\r\n        <\/div>\r\n        <h3 class=\"vc-pr-step-title\">\u09b2\u099e\u09cd\u099a \u0993 \u09b8\u09be\u09aa\u09cb\u09b0\u09cd\u099f<\/h3>\r\n        <p class=\"vc-pr-step-desc\">\u09b8\u09ac \u09aa\u09b0\u09c0\u0995\u09cd\u09b7\u09be \u09b6\u09c7\u09b7\u09c7 \u0993\u09af\u09bc\u09c7\u09ac\u09b8\u09be\u0987\u099f \u09b2\u09be\u0987\u09ad \u0995\u09b0\u09bf \u098f\u09ac\u0982 \u09e8\u09ea\/\u09ed \u09b8\u09be\u09aa\u09cb\u09b0\u09cd\u099f \u0993 \u09b0\u0995\u09cd\u09b7\u09a3\u09be\u09ac\u09c7\u0995\u09cd\u09b7\u09a3 \u09aa\u09cd\u09b0\u09a6\u09be\u09a8 \u0995\u09b0\u09bf<\/p>\r\n      <\/div>\r\n\r\n    <\/div>\r\n\r\n    <!-- ===== STATS ROW ===== -->\r\n    <div class=\"vc-process-stats\">\r\n      <div class=\"vc-pr-stat\">\r\n        <b>\u09e8-\u09ea<span class=\"vc-plus\">+<\/span><\/b>\r\n        <small>\u09b8\u09aa\u09cd\u09a4\u09be\u09b9 \u09a1\u09c7\u09b2\u09bf\u09ad\u09be\u09b0\u09bf<\/small>\r\n      <\/div>\r\n      <div class=\"vc-pr-stat\">\r\n        <b>\u09e7\u09e6\u09e6<span class=\"vc-plus\">%<\/span><\/b>\r\n        <small>\u09b8\u09cd\u09ac\u099a\u09cd\u099b \u09aa\u09cd\u09b0\u0995\u09cd\u09b0\u09bf\u09af\u09bc\u09be<\/small>\r\n      <\/div>\r\n      <div class=\"vc-pr-stat\">\r\n        <b>\u09e8\u09ea\/\u09ed<\/b>\r\n        <small>\u09b8\u09be\u09aa\u09cb\u09b0\u09cd\u099f<\/small>\r\n      <\/div>\r\n      <div class=\"vc-pr-stat\">\r\n        <b>\u09ef\u09ee<span class=\"vc-plus\">%<\/span><\/b>\r\n        <small>\u0995\u09cd\u09b2\u09be\u09af\u09bc\u09c7\u09a8\u09cd\u099f \u09b8\u09a8\u09cd\u09a4\u09c1\u09b7\u09cd\u099f\u09bf<\/small>\r\n      <\/div>\r\n    <\/div>\r\n\r\n    <!-- ===== BOTTOM CTA ===== -->\r\n    <div class=\"vc-process-cta\">\r\n      <a href=\"#contact\" class=\"vc-pr-cta\">\r\n        \u0986\u099c\u0987 \u0986\u09ae\u09be\u09a6\u09c7\u09b0 \u09aa\u09cd\u09b0\u0995\u09cd\u09b0\u09bf\u09af\u09bc\u09be \u09b6\u09c1\u09b0\u09c1 \u0995\u09b0\u09c1\u09a8\r\n        <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M5 12h14M12 5l7 7-7 7\"\/><\/svg>\r\n      <\/a>\r\n    <\/div>\r\n\r\n  <\/div>\r\n<\/section>\r\n\r\n<script>\r\n\/* =====================================================\r\n   OUR PROCESS HERO JS (smooth scroll + counter animation)\r\n   ===================================================== *\/\r\n(function(){\r\n  'use strict';\r\n\r\n  \/* ---------- Smooth scroll for in-page anchor links ---------- *\/\r\n  document.querySelectorAll('.vc-process-hero a[href^=\"#\"]').forEach(link => {\r\n    link.addEventListener('click', function(e){\r\n      const href = this.getAttribute('href');\r\n      if (href.length > 1) {\r\n        const target = document.querySelector(href);\r\n        if (target) {\r\n          e.preventDefault();\r\n          const headerH = document.querySelector('.vc-header')\r\n            ? document.querySelector('.vc-header').offsetHeight : 80;\r\n          const y = target.getBoundingClientRect().top + window.scrollY - headerH - 10;\r\n          window.scrollTo({top:y, behavior:'smooth'});\r\n        }\r\n      }\r\n    });\r\n  });\r\n\r\n  \/* ---------- Stagger entrance for step cards ---------- *\/\r\n  if ('IntersectionObserver' in window) {\r\n    const stepObserver = new IntersectionObserver((entries) => {\r\n      entries.forEach(entry => {\r\n        if (entry.isIntersecting) {\r\n          const steps = entry.target.querySelectorAll('.vc-pr-step');\r\n          steps.forEach((step, i) => {\r\n            step.style.opacity = '0';\r\n            step.style.transform = 'translateY(40px)';\r\n            step.style.transition = 'opacity .6s ease, transform .6s ease';\r\n            setTimeout(() => {\r\n              step.style.opacity = '1';\r\n              step.style.transform = 'translateY(0)';\r\n            }, 150 * i);\r\n          });\r\n          stepObserver.unobserve(entry.target);\r\n        }\r\n      });\r\n    }, {threshold: 0.2});\r\n\r\n    const timeline = document.querySelector('.vc-process-timeline');\r\n    if (timeline) stepObserver.observe(timeline);\r\n  }\r\n\r\n  \/* ---------- Animate numbers when in view ---------- *\/\r\n  if ('IntersectionObserver' in window) {\r\n    const statsObserver = new IntersectionObserver((entries) => {\r\n      entries.forEach(entry => {\r\n        if (entry.isIntersecting) {\r\n          const stats = entry.target.querySelectorAll('.vc-pr-stat b');\r\n          stats.forEach(stat => {\r\n            const text = stat.textContent.trim();\r\n            \/\/ Simple pulse animation\r\n            stat.style.transition = 'transform .3s ease';\r\n            stat.style.transform = 'scale(1.05)';\r\n            setTimeout(() => {\r\n              stat.style.transform = 'scale(1)';\r\n            }, 200);\r\n          });\r\n          statsObserver.unobserve(entry.target);\r\n        }\r\n      });\r\n    }, {threshold: 0.5});\r\n\r\n    const statsRow = document.querySelector('.vc-process-stats');\r\n    if (statsRow) statsObserver.observe(statsRow);\r\n  }\r\n\r\n})();\r\n<\/script>\r\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-caceadc e-con-full e-flex e-con e-parent\" data-id=\"caceadc\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-32a10ca elementor-widget elementor-widget-html\" data-id=\"32a10ca\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- ============================================================\r\n     VIRAL COMMUNICATIONS \u2014 OUR PROCESS FINAL SECTION\r\n     Methodology + Tools + Detailed Steps + CTA Banner\r\n     Paste: Elementor \u2192 HTML Widget (place AFTER process hero)\r\n     ============================================================ -->\r\n\r\n<style>\r\n\/* ===========================================================\r\n   ROOT + RESET\r\n   =========================================================== *\/\r\n.vc-process-final *,.vc-process-final *::before,.vc-process-final *::after{\r\n  margin:0;padding:0;box-sizing:border-box;\r\n}\r\n:root{\r\n  --vc-blue:#153a8c;\r\n  --vc-blue-2:#0e2a6b;\r\n  --vc-blue-3:#0b2358;\r\n  --vc-orange:#f26b1d;\r\n  --vc-orange-2:#d95a12;\r\n  --vc-orange-soft:#ffb387;\r\n  --vc-ink:#1c2440;\r\n  --vc-muted:#5a627a;\r\n  --vc-line:#e8e6e0;\r\n  --vc-white:#fff;\r\n  --vc-font:'Hind Siliguri','Noto Sans Bengali','Bangla Sangam MN','Kohinoor Bangla','Nirmala UI','Vrinda','SolaimanLipi',-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,'Helvetica Neue',Arial,sans-serif;\r\n}\r\n\r\n\/* ===========================================================\r\n   SECTION\r\n   =========================================================== *\/\r\n.vc-process-final{\r\n  font-family:var(--vc-font);\r\n  padding:110px 0 0;\r\n  background:linear-gradient(180deg,#fff 0%,#fafaf7 50%,#fff 100%);\r\n  position:relative;\r\n  overflow:hidden;\r\n}\r\n.vc-process-final::before{\r\n  content:\"\";\r\n  position:absolute;\r\n  top:0;left:0;right:0;\r\n  height:1px;\r\n  background:linear-gradient(90deg,transparent,rgba(21,58,140,.15) 50%,transparent);\r\n}\r\n\r\n.vc-wrap{\r\n  max-width:1280px;\r\n  margin:0 auto;\r\n  padding:0 24px;\r\n  position:relative;z-index:1;\r\n}\r\n\r\n\/* ===========================================================\r\n   HEADER (center aligned)\r\n   =========================================================== *\/\r\n.vc-process-final .vc-pf-head{\r\n  text-align:center;\r\n  margin-bottom:60px;\r\n}\r\n.vc-process-final .vc-pf-badge{\r\n  display:inline-flex;align-items:center;gap:8px;\r\n  background:#fff;\r\n  border:1px solid #f6c8ae;\r\n  color:var(--vc-orange);\r\n  font-size:13px;font-weight:600;\r\n  padding:7px 18px;border-radius:30px;\r\n  margin-bottom:16px;\r\n  box-shadow:0 4px 14px rgba(242,107,29,.08);\r\n}\r\n.vc-process-final .vc-pf-badge::before{\r\n  content:\"\ud83c\udfaf\";font-size:13px;\r\n}\r\n.vc-process-final .vc-pf-title{\r\n  font-size:36px;font-weight:700;\r\n  color:var(--vc-blue);\r\n  line-height:1.3;\r\n  letter-spacing:-.01em;\r\n  margin-bottom:14px;\r\n}\r\n.vc-process-final .vc-pf-title .vc-accent{\r\n  color:var(--vc-orange);\r\n  position:relative;display:inline-block;\r\n}\r\n.vc-process-final .vc-pf-title .vc-accent::after{\r\n  content:\"\";\r\n  position:absolute;\r\n  bottom:4px;left:0;\r\n  width:100%;height:10px;\r\n  background:rgba(242,107,29,.16);\r\n  border-radius:6px;\r\n  z-index:-1;\r\n  transform:skewX(-12deg);\r\n}\r\n.vc-process-final .vc-pf-subtitle{\r\n  max-width:640px;\r\n  margin:0 auto;\r\n  color:var(--vc-muted);\r\n  font-size:16px;\r\n  line-height:1.65;\r\n}\r\n\r\n\/* ===========================================================\r\n   METHODOLOGY GRID \u2014 3 principles\r\n   =========================================================== *\/\r\n.vc-pf-methodology{\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.vc-pf-principle{\r\n  background:#fff;\r\n  border:1px solid var(--vc-line);\r\n  border-radius:16px;\r\n  padding:34px 28px 30px;\r\n  text-align:left;\r\n  position:relative;\r\n  overflow:hidden;\r\n  transition:all .35s ease;\r\n}\r\n.vc-pf-principle::before{\r\n  content:\"\";\r\n  position:absolute;\r\n  top:0;left:0;\r\n  width:0;height:4px;\r\n  background:linear-gradient(90deg,var(--vc-blue),var(--vc-orange));\r\n  transition:width .5s ease;\r\n}\r\n.vc-pf-principle:hover{\r\n  transform:translateY(-8px);\r\n  border-color:transparent;\r\n  box-shadow:0 20px 50px rgba(20,40,100,.14);\r\n}\r\n.vc-pf-principle:hover::before{width:100%}\r\n\r\n.vc-pf-principle-icon{\r\n  width:54px;height:54px;\r\n  border-radius:14px;\r\n  display:inline-flex;align-items:center;justify-content:center;\r\n  margin-bottom:18px;\r\n  color:#fff;\r\n  font-size:24px;\r\n  transition:transform .35s ease;\r\n}\r\n.vc-pf-principle:hover .vc-pf-principle-icon{\r\n  transform:rotate(-6deg) scale(1.05);\r\n}\r\n.vc-pf-principle:nth-child(1) .vc-pf-principle-icon{\r\n  background:linear-gradient(135deg,var(--vc-blue) 0%,var(--vc-blue-2) 100%);\r\n  box-shadow:0 10px 24px rgba(21,58,140,.25);\r\n}\r\n.vc-pf-principle:nth-child(2) .vc-pf-principle-icon{\r\n  background:linear-gradient(135deg,#28a745 0%,#1f8a3a 100%);\r\n  box-shadow:0 10px 24px rgba(40,167,69,.25);\r\n}\r\n.vc-pf-principle:nth-child(3) .vc-pf-principle-icon{\r\n  background:linear-gradient(135deg,var(--vc-orange) 0%,var(--vc-orange-2) 100%);\r\n  box-shadow:0 10px 24px rgba(242,107,29,.25);\r\n}\r\n.vc-pf-principle-icon svg{width:24px;height:24px}\r\n\r\n.vc-pf-principle h3{\r\n  font-size:19px;font-weight:700;\r\n  color:var(--vc-ink);\r\n  margin-bottom:10px;\r\n  line-height:1.3;\r\n}\r\n.vc-pf-principle p{\r\n  font-size:14.5px;\r\n  color:var(--vc-muted);\r\n  line-height:1.65;\r\n  margin:0 0 16px;\r\n}\r\n.vc-pf-principle-list{\r\n  list-style:none;\r\n  display:flex;flex-direction:column;\r\n  gap:8px;\r\n  padding-top:16px;\r\n  border-top:1px dashed var(--vc-line);\r\n}\r\n.vc-pf-principle-list li{\r\n  display:flex;align-items:center;\r\n  gap:8px;\r\n  font-size:13px;\r\n  color:var(--vc-ink);\r\n  font-weight:500;\r\n}\r\n.vc-pf-principle-list li::before{\r\n  content:\"\u2713\";\r\n  display:inline-flex;align-items:center;justify-content:center;\r\n  width:18px;height:18px;\r\n  background:rgba(40,167,69,.12);\r\n  color:#28a745;\r\n  border-radius:50%;\r\n  font-size:11px;font-weight:700;\r\n  line-height:1;\r\n  flex-shrink:0;\r\n}\r\n\r\n\/* ===========================================================\r\n   TOOLS & TECHNOLOGIES (Marquee)\r\n   =========================================================== *\/\r\n.vc-pf-tools{\r\n  margin-bottom:80px;\r\n  text-align:center;\r\n}\r\n.vc-pf-tools-title{\r\n  font-size:14px;\r\n  font-weight:600;\r\n  letter-spacing:3px;\r\n  text-transform:uppercase;\r\n  color:var(--vc-muted);\r\n  display:inline-flex;\r\n  align-items:center;\r\n  gap:14px;\r\n  margin-bottom:36px;\r\n}\r\n.vc-pf-tools-title::before,\r\n.vc-pf-tools-title::after{\r\n  content:\"\";\r\n  width:50px;height:1.5px;\r\n  background:linear-gradient(90deg,transparent,var(--vc-line),transparent);\r\n}\r\n\r\n.vc-pf-marquee{\r\n  position:relative;\r\n  width:100%;\r\n  overflow:hidden;\r\n  mask-image:linear-gradient(90deg,transparent 0%,#000 8%,#000 92%,transparent 100%);\r\n  -webkit-mask-image:linear-gradient(90deg,transparent 0%,#000 8%,#000 92%,transparent 100%);\r\n}\r\n.vc-pf-marquee-track{\r\n  display:flex;\r\n  width:max-content;\r\n  align-items:center;\r\n  animation:vcPfScroll 30s linear infinite;\r\n  gap:20px;\r\n}\r\n@keyframes vcPfScroll{\r\n  from{transform:translateX(0)}\r\n  to  {transform:translateX(-50%)}\r\n}\r\n.vc-pf-marquee-track:hover{\r\n  animation-play-state:paused;\r\n}\r\n\r\n.vc-pf-tool{\r\n  flex-shrink:0;\r\n  display:flex;align-items:center;\r\n  gap:10px;\r\n  padding:14px 22px;\r\n  background:#fff;\r\n  border:1px solid var(--vc-line);\r\n  border-radius:12px;\r\n  font-size:14px;\r\n  font-weight:600;\r\n  color:var(--vc-ink);\r\n  white-space:nowrap;\r\n  transition:all .3s ease;\r\n}\r\n.vc-pf-tool:hover{\r\n  border-color:rgba(242,107,29,.30);\r\n  transform:translateY(-2px);\r\n  box-shadow:0 6px 16px rgba(20,40,100,.08);\r\n}\r\n.vc-pf-tool-icon{\r\n  width:28px;height:28px;\r\n  border-radius:8px;\r\n  display:flex;align-items:center;justify-content:center;\r\n  background:rgba(21,58,140,.10);\r\n  color:var(--vc-blue);\r\n  font-size:14px;\r\n}\r\n\r\n\/* ===========================================================\r\n   TIMELINE BANNER (centered detailed flow)\r\n   =========================================================== *\/\r\n.vc-pf-timeline{\r\n  background:#fff;\r\n  border:1px solid var(--vc-line);\r\n  border-radius:18px;\r\n  padding:50px 40px;\r\n  margin-bottom:80px;\r\n  box-shadow:0 14px 40px rgba(20,40,100,.06);\r\n  position:relative;\r\n  overflow:hidden;\r\n}\r\n.vc-pf-timeline::before{\r\n  content:\"\";\r\n  position:absolute;\r\n  top:0;left:0;right:0;\r\n  height:4px;\r\n  background:linear-gradient(90deg,var(--vc-blue),var(--vc-orange));\r\n}\r\n.vc-pf-timeline-title{\r\n  font-size:22px;font-weight:700;\r\n  color:var(--vc-blue);\r\n  text-align:center;\r\n  margin-bottom:36px;\r\n  line-height:1.3;\r\n}\r\n.vc-pf-timeline-title .vc-accent{color:var(--vc-orange)}\r\n\r\n.vc-pf-timeline-flow{\r\n  display:grid;\r\n  grid-template-columns:repeat(7,1fr);\r\n  gap:0;\r\n  position:relative;\r\n}\r\n\r\n.vc-pf-flow-step{\r\n  text-align:center;\r\n  position:relative;\r\n  padding:0 4px;\r\n}\r\n\r\n\/* Number circle *\/\r\n.vc-pf-flow-num{\r\n  width:48px;height:48px;\r\n  border-radius:50%;\r\n  background:linear-gradient(135deg,var(--vc-blue) 0%,var(--vc-blue-2) 100%);\r\n  color:#fff;\r\n  display:flex;align-items:center;justify-content:center;\r\n  font-size:16px;font-weight:800;\r\n  margin:0 auto 12px;\r\n  font-family:Georgia,serif;\r\n  box-shadow:0 6px 14px rgba(21,58,140,.25);\r\n  position:relative;\r\n  z-index:1;\r\n}\r\n.vc-pf-flow-step:nth-child(4) .vc-pf-flow-num,\r\n.vc-pf-flow-step:nth-child(7) .vc-pf-flow-num{\r\n  background:linear-gradient(135deg,var(--vc-orange) 0%,var(--vc-orange-2) 100%);\r\n  box-shadow:0 6px 14px rgba(242,107,29,.25);\r\n}\r\n\r\n.vc-pf-flow-label{\r\n  font-size:13px;\r\n  font-weight:700;\r\n  color:var(--vc-ink);\r\n  margin-bottom:4px;\r\n}\r\n.vc-pf-flow-time{\r\n  font-size:11px;\r\n  color:var(--vc-muted);\r\n  font-weight:600;\r\n  text-transform:uppercase;\r\n  letter-spacing:.5px;\r\n}\r\n\r\n\/* ===========================================================\r\n   BOTTOM CTA BANNER (large)\r\n   =========================================================== *\/\r\n.vc-pf-cta{\r\n  background:linear-gradient(135deg,var(--vc-blue) 0%,var(--vc-blue-3) 100%);\r\n  border-radius:22px;\r\n  padding:60px 50px;\r\n  text-align:center;\r\n  color:#fff;\r\n  position:relative;\r\n  overflow:hidden;\r\n  box-shadow:0 30px 70px rgba(21,58,140,.30);\r\n  margin-bottom:80px;\r\n}\r\n.vc-pf-cta::before{\r\n  content:\"\";\r\n  position:absolute;\r\n  inset:0;\r\n  background-image:radial-gradient(rgba(255,255,255,.06) 1.5px,transparent 1.5px);\r\n  background-size:22px 22px;\r\n  pointer-events:none;\r\n}\r\n.vc-pf-cta::after{\r\n  content:\"\";\r\n  position:absolute;\r\n  top:0;right:0;\r\n  width:180px;height:180px;\r\n  background:var(--vc-orange);\r\n  border-bottom-left-radius:100%;\r\n  opacity:.95;\r\n  z-index:0;\r\n}\r\n.vc-pf-cta-content{position:relative;z-index:1}\r\n\r\n.vc-pf-cta-eyebrow{\r\n  display:inline-flex;align-items:center;gap:8px;\r\n  background:rgba(255,255,255,.12);\r\n  border:1px solid rgba(255,255,255,.25);\r\n  color:#ffb387;\r\n  font-size:12px;font-weight:700;\r\n  padding:5px 12px;border-radius:20px;\r\n  margin-bottom:18px;\r\n  text-transform:uppercase;\r\n  letter-spacing:.5px;\r\n}\r\n.vc-pf-cta h2{\r\n  font-size:36px;font-weight:800;\r\n  line-height:1.25;\r\n  margin-bottom:14px;\r\n  letter-spacing:-.01em;\r\n}\r\n.vc-pf-cta h2 .vc-accent{color:#ffb387}\r\n.vc-pf-cta p{\r\n  color:rgba(255,255,255,.88);\r\n  font-size:16px;\r\n  line-height:1.65;\r\n  max-width:560px;\r\n  margin:0 auto 28px;\r\n}\r\n.vc-pf-cta-actions{\r\n  display:flex;flex-wrap:wrap;\r\n  justify-content:center;\r\n  gap:14px;\r\n}\r\n.vc-pf-cta-btn{\r\n  display:inline-flex;align-items:center;gap:10px;\r\n  padding:14px 28px;\r\n  border-radius:30px;\r\n  font-size:15px;font-weight:600;\r\n  text-decoration:none;\r\n  transition:all .3s ease;\r\n  cursor:pointer;\r\n  border:0;\r\n  font-family:inherit;\r\n}\r\n.vc-pf-cta-btn svg{width:15px;height:15px;transition:transform .3s ease}\r\n.vc-pf-cta-btn:hover svg{transform:translateX(3px)}\r\n.vc-pf-cta-btn-primary{\r\n  background:var(--vc-orange);\r\n  color:#fff;\r\n  box-shadow:0 10px 26px rgba(242,107,29,.4);\r\n}\r\n.vc-pf-cta-btn-primary:hover{\r\n  background:var(--vc-orange-2);\r\n  transform:translateY(-3px);\r\n  box-shadow:0 16px 36px rgba(242,107,29,.55);\r\n}\r\n.vc-pf-cta-btn-ghost{\r\n  background:transparent;\r\n  color:#fff;\r\n  border:1.5px solid rgba(255,255,255,.4);\r\n  backdrop-filter:blur(10px);\r\n  -webkit-backdrop-filter:blur(10px);\r\n}\r\n.vc-pf-cta-btn-ghost:hover{\r\n  background:#fff;\r\n  color:var(--vc-blue);\r\n  border-color:#fff;\r\n}\r\n\r\n.vc-pf-cta-trust{\r\n  display:flex;justify-content:center;align-items:center;\r\n  gap:16px;\r\n  margin-top:28px;\r\n  flex-wrap:wrap;\r\n  font-size:13px;\r\n  color:rgba(255,255,255,.85);\r\n}\r\n.vc-pf-cta-trust-item{\r\n  display:flex;align-items:center;gap:6px;\r\n}\r\n.vc-pf-cta-trust-item svg{\r\n  width:14px;height:14px;\r\n  color:#3ddc84;\r\n}\r\n\r\n\/* ===========================================================\r\n   RESPONSIVE\r\n   =========================================================== *\/\r\n@media (max-width:992px){\r\n  .vc-pf-methodology{grid-template-columns:repeat(2,1fr);gap:20px}\r\n  .vc-pf-timeline-flow{grid-template-columns:repeat(4,1fr);gap:30px 20px}\r\n  .vc-pf-timeline-flow::before{display:none}\r\n  .vc-pf-cta{padding:50px 36px}\r\n  .vc-pf-cta h2{font-size:28px}\r\n  .vc-pf-cta::after{width:130px;height:130px}\r\n}\r\n@media (max-width:768px){\r\n  .vc-process-final{padding:80px 0 0}\r\n  .vc-pf-title{font-size:28px}\r\n  .vc-pf-timeline{padding:36px 24px}\r\n  .vc-pf-timeline-title{font-size:18px}\r\n  .vc-pf-timeline-flow{grid-template-columns:repeat(2,1fr);gap:30px}\r\n  .vc-pf-cta{padding:40px 28px;margin-bottom:60px}\r\n  .vc-pf-cta h2{font-size:24px}\r\n  .vc-pf-cta-actions{flex-direction:column;align-items:stretch}\r\n  .vc-pf-cta-btn{justify-content:center}\r\n  .vc-pf-methodology{margin-bottom:60px}\r\n  .vc-pf-tools{margin-bottom:60px}\r\n  .vc-pf-timeline{margin-bottom:60px}\r\n}\r\n@media (max-width:540px){\r\n  .vc-pf-title{font-size:24px}\r\n  .vc-pf-methodology{grid-template-columns:1fr;gap:18px}\r\n  .vc-pf-timeline-flow{grid-template-columns:1fr;gap:30px}\r\n  .vc-pf-cta h2{font-size:22px}\r\n  .vc-pf-cta-btn-primary,\r\n  .vc-pf-cta-btn-ghost{width:100%}\r\n  .vc-pf-cta-trust{flex-direction:column;gap:10px}\r\n}\r\n<\/style>\r\n\r\n<!-- =====================================================\r\n     OUR PROCESS FINAL SECTION (Detailed)\r\n     ===================================================== -->\r\n<section class=\"vc-process-final\" id=\"process-methodology\">\r\n\r\n  <div class=\"vc-wrap\">\r\n\r\n    <!-- ===== HEADER ===== -->\r\n    <div class=\"vc-pf-head\">\r\n      <span class=\"vc-pf-badge\">\u0986\u09ae\u09be\u09a6\u09c7\u09b0 \u09aa\u09a6\u09cd\u09a7\u09a4\u09bf<\/span>\r\n      <h2 class=\"vc-pf-title\">\r\n        \u09af\u09c7 <span class=\"vc-accent\">\u09a8\u09c0\u09a4\u09bf\u0997\u09c1\u09b2\u09cb<\/span> \u0986\u09ae\u09be\u09a6\u09c7\u09b0 \u09aa\u09cd\u09b0\u0995\u09cd\u09b0\u09bf\u09af\u09bc\u09be\u0995\u09c7 <span class=\"vc-accent\">\u09b8\u09ab\u09b2<\/span> \u0995\u09b0\u09c7 \u09a4\u09cb\u09b2\u09c7\r\n      <\/h2>\r\n      <p class=\"vc-pf-subtitle\">\r\n        \u09aa\u09cd\u09b0\u09a4\u09bf\u099f\u09bf \u09aa\u09cd\u09b0\u099c\u09c7\u0995\u09cd\u099f\u09c7 \u0986\u09ae\u09b0\u09be \u09a4\u09bf\u09a8\u099f\u09bf \u09ae\u09c2\u09b2 \u09a8\u09c0\u09a4\u09bf \u0985\u09a8\u09c1\u09b8\u09b0\u09a3 \u0995\u09b0\u09bf \u09af\u09be \u0986\u09ae\u09be\u09a6\u09c7\u09b0 \u0995\u09be\u099c\u09c7\u09b0 \u09ae\u09be\u09a8 \u0993 \u0995\u09cd\u09b2\u09be\u09af\u09bc\u09c7\u09a8\u09cd\u099f \u09b8\u09a8\u09cd\u09a4\u09c1\u09b7\u09cd\u099f\u09bf \u09a8\u09bf\u09b6\u09cd\u099a\u09bf\u09a4 \u0995\u09b0\u09c7\u0964\r\n      <\/p>\r\n    <\/div>\r\n\r\n    <!-- ===== 3 PRINCIPLES ===== -->\r\n    <div class=\"vc-pf-methodology\">\r\n\r\n      <!-- Principle 1 -->\r\n      <div class=\"vc-pf-principle\">\r\n        <div class=\"vc-pf-principle-icon\">\r\n          <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><circle cx=\"11\" cy=\"11\" r=\"8\"\/><path d=\"M21 21l-4.35-4.35\"\/><path d=\"M11 8v6M8 11h6\"\/><\/svg>\r\n        <\/div>\r\n        <h3>\u09a1\u09c7\u099f\u09be-\u099a\u09be\u09b2\u09bf\u09a4 \u09aa\u09a6\u09cd\u09a7\u09a4\u09bf<\/h3>\r\n        <p>\u09aa\u09cd\u09b0\u09a4\u09bf\u099f\u09bf \u09b8\u09bf\u09a6\u09cd\u09a7\u09be\u09a8\u09cd\u09a4 \u09a1\u09c7\u099f\u09be \u0993 \u09b0\u09bf\u09b8\u09be\u09b0\u09cd\u099a \u09a6\u09cd\u09ac\u09be\u09b0\u09be \u09b8\u09ae\u09b0\u09cd\u09a5\u09bf\u09a4 \u2014 \u0985\u09a8\u09c1\u09ae\u09be\u09a8 \u09a8\u09af\u09bc, \u09aa\u09cd\u09b0\u09ae\u09be\u09a3 \u09ad\u09bf\u09a4\u09cd\u09a4\u09bf\u0995\u0964<\/p>\r\n        <ul class=\"vc-pf-principle-list\">\r\n          <li>\u09ac\u09be\u099c\u09be\u09b0 \u0997\u09ac\u09c7\u09b7\u09a3\u09be \u0993 \u09ac\u09bf\u09b6\u09cd\u09b2\u09c7\u09b7\u09a3<\/li>\r\n          <li>\u0987\u0989\u099c\u09be\u09b0 \u09ac\u09bf\u09b9\u09c7\u09ad\u09bf\u09af\u09bc\u09b0 \u09b8\u09cd\u099f\u09be\u09a1\u09bf<\/li>\r\n          <li>A\/B \u099f\u09c7\u09b8\u09cd\u099f\u09bf\u0982 \u0993 \u0985\u09aa\u09cd\u099f\u09bf\u09ae\u09be\u0987\u099c\u09c7\u09b6\u09a8<\/li>\r\n          <li>\u09aa\u09be\u09b0\u09ab\u09b0\u09ae\u09cd\u09af\u09be\u09a8\u09cd\u09b8 \u0985\u09cd\u09af\u09be\u09a8\u09be\u09b2\u09bf\u099f\u09bf\u0995\u09cd\u09b8<\/li>\r\n        <\/ul>\r\n      <\/div>\r\n\r\n      <!-- Principle 2 -->\r\n      <div class=\"vc-pf-principle\">\r\n        <div class=\"vc-pf-principle-icon\">\r\n          <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M21 16V8a2 2 0 0 0-1-1.73l-7-4a2 2 0 0 0-2 0l-7 4A2 2 0 0 0 3 8v8a2 2 0 0 0 1 1.73l7 4a2 2 0 0 0 2 0l7-4A2 2 0 0 0 21 16z\"\/><polyline points=\"3.27 6.96 12 12.01 20.73 6.96\"\/><line x1=\"12\" y1=\"22.08\" x2=\"12\" y2=\"12\"\/><\/svg>\r\n        <\/div>\r\n        <h3>\u09ae\u09a1\u09bf\u0989\u09b2\u09be\u09b0 \u0986\u09b0\u09cd\u0995\u09bf\u099f\u09c7\u0995\u099a\u09be\u09b0<\/h3>\r\n        <p>\u09aa\u09cd\u09b0\u09a4\u09bf\u099f\u09bf \u0995\u09ae\u09cd\u09aa\u09cb\u09a8\u09c7\u09a8\u09cd\u099f \u09ae\u09a1\u09bf\u0989\u09b2\u09be\u09b0 \u2014 \u09ad\u09ac\u09bf\u09b7\u09cd\u09af\u09a4\u09c7 \u09b8\u09b9\u099c\u09c7 \u09b8\u09cd\u0995\u09c7\u09b2, \u0986\u09aa\u09a1\u09c7\u099f \u09ac\u09be \u09aa\u09cd\u09b0\u09a4\u09bf\u09b8\u09cd\u09a5\u09be\u09aa\u09a8\u09af\u09cb\u0997\u09cd\u09af\u0964<\/p>\r\n        <ul class=\"vc-pf-principle-list\">\r\n          <li>\u0995\u09cd\u09b2\u09bf\u09a8 \u0995\u09cb\u09a1 \u0986\u09b0\u09cd\u0995\u09bf\u099f\u09c7\u0995\u099a\u09be\u09b0<\/li>\r\n          <li>\u09b0\u09bf\u0987\u0989\u099c\u09c7\u09ac\u09b2 \u0995\u09ae\u09cd\u09aa\u09cb\u09a8\u09c7\u09a8\u09cd\u099f<\/li>\r\n          <li>API-\u09aa\u09cd\u09b0\u09a5\u09ae \u09a1\u09bf\u099c\u09be\u0987\u09a8<\/li>\r\n          <li>\u09b8\u09cd\u0995\u09c7\u09b2\u09c7\u09ac\u09b2 \u0987\u09a8\u09ab\u09cd\u09b0\u09be\u09b8\u09cd\u099f\u09cd\u09b0\u09be\u0995\u099a\u09be\u09b0<\/li>\r\n        <\/ul>\r\n      <\/div>\r\n\r\n      <!-- Principle 3 -->\r\n      <div class=\"vc-pf-principle\">\r\n        <div class=\"vc-pf-principle-icon\">\r\n          <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M14 9V5a3 3 0 0 0-3-3l-4 9v11h11.28a2 2 0 0 0 2-1.7l1.38-9a2 2 0 0 0-2-2.3zM7 22H4a2 2 0 0 1-2-2v-7a2 2 0 0 1 2-2h3\"\/><\/svg>\r\n        <\/div>\r\n        <h3>\u0995\u09cd\u09b2\u09be\u09af\u09bc\u09c7\u09a8\u09cd\u099f-\u09aa\u09cd\u09b0\u09a5\u09ae \u09ae\u09a8\u09cb\u09ad\u09be\u09ac<\/h3>\r\n        <p>\u0986\u09ae\u09b0\u09be \u09aa\u09cd\u09b0\u09a4\u09bf\u099f\u09bf \u09b8\u09bf\u09a6\u09cd\u09a7\u09be\u09a8\u09cd\u09a4\u09c7 \u0995\u09cd\u09b2\u09be\u09af\u09bc\u09c7\u09a8\u09cd\u099f\u09c7\u09b0 \u09b2\u0995\u09cd\u09b7\u09cd\u09af, \u09ac\u09be\u099c\u09c7\u099f \u0993 \u09b8\u09ae\u09af\u09bc\u09b8\u09c0\u09ae\u09be\u0995\u09c7 \u09b8\u09b0\u09cd\u09ac\u09cb\u099a\u09cd\u099a \u09aa\u09cd\u09b0\u09be\u09a7\u09be\u09a8\u09cd\u09af \u09a6\u09bf\u0987\u0964<\/p>\r\n        <ul class=\"vc-pf-principle-list\">\r\n          <li>\u09b8\u09cd\u09ac\u099a\u09cd\u099b \u09af\u09cb\u0997\u09be\u09af\u09cb\u0997<\/li>\r\n          <li>\u09a8\u09bf\u09af\u09bc\u09ae\u09bf\u09a4 \u0986\u09aa\u09a1\u09c7\u099f \u0993 \u09b0\u09bf\u09ad\u09bf\u0989<\/li>\r\n          <li>\u09ac\u09be\u099c\u09c7\u099f-\u09ac\u09be\u09a8\u09cd\u09a7\u09ac \u09b8\u09ae\u09be\u09a7\u09be\u09a8<\/li>\r\n          <li>\u099a\u09b2\u09ae\u09be\u09a8 \u09b8\u09be\u09aa\u09cb\u09b0\u09cd\u099f \u0993 \u09b0\u0995\u09cd\u09b7\u09a3\u09be\u09ac\u09c7\u0995\u09cd\u09b7\u09a3<\/li>\r\n        <\/ul>\r\n      <\/div>\r\n\r\n    <\/div>\r\n\r\n    <!-- ===== TOOLS & TECHNOLOGIES (marquee) ===== -->\r\n    <div class=\"vc-pf-tools\">\r\n      <h3 class=\"vc-pf-tools-title\">\u0986\u09ae\u09b0\u09be \u09af\u09c7 \u099f\u09c1\u09b2\u09b8 \u0993 \u09aa\u09cd\u09b0\u09af\u09c1\u0995\u09cd\u09a4\u09bf \u09ac\u09cd\u09af\u09ac\u09b9\u09be\u09b0 \u0995\u09b0\u09bf<\/h3>\r\n\r\n      <div class=\"vc-pf-marquee\">\r\n        <div class=\"vc-pf-marquee-track\">\r\n\r\n          <!-- SET A -->\r\n          <div class=\"vc-pf-tool\"><span class=\"vc-pf-tool-icon\">\u269b\ufe0f<\/span>React<\/div>\r\n          <div class=\"vc-pf-tool\"><span class=\"vc-pf-tool-icon\">\u25b2<\/span>Next.js<\/div>\r\n          <div class=\"vc-pf-tool\"><span class=\"vc-pf-tool-icon\">\ud83c\udfa8<\/span>Figma<\/div>\r\n          <div class=\"vc-pf-tool\"><span class=\"vc-pf-tool-icon\">\ud83c\udd71<\/span>Bootstrap<\/div>\r\n          <div class=\"vc-pf-tool\"><span class=\"vc-pf-tool-icon\">\ud83d\udfe2<\/span>Node.js<\/div>\r\n          <div class=\"vc-pf-tool\"><span class=\"vc-pf-tool-icon\">\ud83d\uddc4\ufe0f<\/span>MongoDB<\/div>\r\n          <div class=\"vc-pf-tool\"><span class=\"vc-pf-tool-icon\">\ud83d\udc18<\/span>PostgreSQL<\/div>\r\n          <div class=\"vc-pf-tool\"><span class=\"vc-pf-tool-icon\">\ud83d\udce6<\/span>WordPress<\/div>\r\n          <div class=\"vc-pf-tool\"><span class=\"vc-pf-tool-icon\">\ud83d\udecd\ufe0f<\/span>WooCommerce<\/div>\r\n          <div class=\"vc-pf-tool\"><span class=\"vc-pf-tool-icon\">\ud83d\udcca<\/span>Google Analytics<\/div>\r\n          <div class=\"vc-pf-tool\"><span class=\"vc-pf-tool-icon\">\ud83d\udd0d<\/span>Google Search<\/div>\r\n          <div class=\"vc-pf-tool\"><span class=\"vc-pf-tool-icon\">\ud83d\udcf1<\/span>Meta Ads<\/div>\r\n          <div class=\"vc-pf-tool\"><span class=\"vc-pf-tool-icon\">\ud83d\udce7<\/span>Mailchimp<\/div>\r\n          <div class=\"vc-pf-tool\"><span class=\"vc-pf-tool-icon\">\u2601\ufe0f<\/span>AWS<\/div>\r\n          <div class=\"vc-pf-tool\"><span class=\"vc-pf-tool-icon\">\ud83d\udc19<\/span>GitHub<\/div>\r\n\r\n          <!-- SET B (duplicate for seamless loop) -->\r\n          <div class=\"vc-pf-tool\"><span class=\"vc-pf-tool-icon\">\u269b\ufe0f<\/span>React<\/div>\r\n          <div class=\"vc-pf-tool\"><span class=\"vc-pf-tool-icon\">\u25b2<\/span>Next.js<\/div>\r\n          <div class=\"vc-pf-tool\"><span class=\"vc-pf-tool-icon\">\ud83c\udfa8<\/span>Figma<\/div>\r\n          <div class=\"vc-pf-tool\"><span class=\"vc-pf-tool-icon\">\ud83c\udd71<\/span>Bootstrap<\/div>\r\n          <div class=\"vc-pf-tool\"><span class=\"vc-pf-tool-icon\">\ud83d\udfe2<\/span>Node.js<\/div>\r\n          <div class=\"vc-pf-tool\"><span class=\"vc-pf-tool-icon\">\ud83d\uddc4\ufe0f<\/span>MongoDB<\/div>\r\n          <div class=\"vc-pf-tool\"><span class=\"vc-pf-tool-icon\">\ud83d\udc18<\/span>PostgreSQL<\/div>\r\n          <div class=\"vc-pf-tool\"><span class=\"vc-pf-tool-icon\">\ud83d\udce6<\/span>WordPress<\/div>\r\n          <div class=\"vc-pf-tool\"><span class=\"vc-pf-tool-icon\">\ud83d\udecd\ufe0f<\/span>WooCommerce<\/div>\r\n          <div class=\"vc-pf-tool\"><span class=\"vc-pf-tool-icon\">\ud83d\udcca<\/span>Google Analytics<\/div>\r\n          <div class=\"vc-pf-tool\"><span class=\"vc-pf-tool-icon\">\ud83d\udd0d<\/span>Google Search<\/div>\r\n          <div class=\"vc-pf-tool\"><span class=\"vc-pf-tool-icon\">\ud83d\udcf1<\/span>Meta Ads<\/div>\r\n          <div class=\"vc-pf-tool\"><span class=\"vc-pf-tool-icon\">\ud83d\udce7<\/span>Mailchimp<\/div>\r\n          <div class=\"vc-pf-tool\"><span class=\"vc-pf-tool-icon\">\u2601\ufe0f<\/span>AWS<\/div>\r\n          <div class=\"vc-pf-tool\"><span class=\"vc-pf-tool-icon\">\ud83d\udc19<\/span>GitHub<\/div>\r\n\r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n\r\n    <!-- ===== DETAILED TIMELINE BANNER ===== -->\r\n    <div class=\"vc-pf-timeline\">\r\n      <h3 class=\"vc-pf-timeline-title\">\r\n        \u09aa\u09cd\u09b0\u099c\u09c7\u0995\u09cd\u099f <span class=\"vc-accent\">\u099f\u09be\u0987\u09ae\u09b2\u09be\u0987\u09a8<\/span> \u2014 \u09aa\u09cd\u09b0\u09a4\u09bf\u099f\u09bf \u09a7\u09be\u09aa\u09c7 \u0995\u09a4 \u09b8\u09ae\u09af\u09bc \u09b2\u09be\u0997\u09c7?\r\n      <\/h3>\r\n\r\n      <div class=\"vc-pf-timeline-flow\">\r\n\r\n        <div class=\"vc-pf-flow-step\">\r\n          <div class=\"vc-pf-flow-num\">\u09e7<\/div>\r\n          <div class=\"vc-pf-flow-label\">\u0986\u09b2\u09cb\u099a\u09a8\u09be<\/div>\r\n          <div class=\"vc-pf-flow-time\">\u09e7-\u09e9 \u09a6\u09bf\u09a8<\/div>\r\n        <\/div>\r\n\r\n        <div class=\"vc-pf-flow-step\">\r\n          <div class=\"vc-pf-flow-num\">\u09e8<\/div>\r\n          <div class=\"vc-pf-flow-label\">\u09aa\u09b0\u09bf\u0995\u09b2\u09cd\u09aa\u09a8\u09be<\/div>\r\n          <div class=\"vc-pf-flow-time\">\u09e8-\u09ea \u09a6\u09bf\u09a8<\/div>\r\n        <\/div>\r\n\r\n        <div class=\"vc-pf-flow-step\">\r\n          <div class=\"vc-pf-flow-num\">\u09e9<\/div>\r\n          <div class=\"vc-pf-flow-label\">\u09a1\u09bf\u099c\u09be\u0987\u09a8<\/div>\r\n          <div class=\"vc-pf-flow-time\">\u09e9-\u09eb \u09a6\u09bf\u09a8<\/div>\r\n        <\/div>\r\n\r\n        <div class=\"vc-pf-flow-step\">\r\n          <div class=\"vc-pf-flow-num\">\u09ea<\/div>\r\n          <div class=\"vc-pf-flow-label\">\u09a1\u09c7\u09ad\u09c7\u09b2\u09aa\u09ae\u09c7\u09a8\u09cd\u099f<\/div>\r\n          <div class=\"vc-pf-flow-time\">\u09e8-\u09ea \u09b8\u09aa\u09cd\u09a4\u09be\u09b9<\/div>\r\n        <\/div>\r\n\r\n        <div class=\"vc-pf-flow-step\">\r\n          <div class=\"vc-pf-flow-num\">\u09eb<\/div>\r\n          <div class=\"vc-pf-flow-label\">\u099f\u09c7\u09b8\u09cd\u099f\u09bf\u0982<\/div>\r\n          <div class=\"vc-pf-flow-time\">\u09e8-\u09e9 \u09a6\u09bf\u09a8<\/div>\r\n        <\/div>\r\n\r\n        <div class=\"vc-pf-flow-step\">\r\n          <div class=\"vc-pf-flow-num\">\u09ec<\/div>\r\n          <div class=\"vc-pf-flow-label\">\u09b2\u099e\u09cd\u099a<\/div>\r\n          <div class=\"vc-pf-flow-time\">\u09e7 \u09a6\u09bf\u09a8<\/div>\r\n        <\/div>\r\n\r\n        <div class=\"vc-pf-flow-step\">\r\n          <div class=\"vc-pf-flow-num\">\u09ed<\/div>\r\n          <div class=\"vc-pf-flow-label\">\u09b8\u09be\u09aa\u09cb\u09b0\u09cd\u099f<\/div>\r\n          <div class=\"vc-pf-flow-time\">\u099a\u09b2\u09ae\u09be\u09a8<\/div>\r\n        <\/div>\r\n\r\n      <\/div>\r\n    <\/div>\r\n\r\n    <!-- ===== BOTTOM CTA BANNER ===== -->\r\n    <div class=\"vc-pf-cta\">\r\n      <div class=\"vc-pf-cta-content\">\r\n        <span class=\"vc-pf-cta-eyebrow\">\u0986\u099c\u0987 \u09b6\u09c1\u09b0\u09c1 \u0995\u09b0\u09c1\u09a8<\/span>\r\n        <h2>\r\n          \u0986\u09aa\u09a8\u09be\u09b0 <span class=\"vc-accent\">\u09aa\u09cd\u09b0\u099c\u09c7\u0995\u09cd\u099f \u09a8\u09bf\u09af\u09bc\u09c7 \u0995\u09a5\u09be \u09ac\u09b2\u09a4\u09c7<\/span> \u09aa\u09cd\u09b0\u09b8\u09cd\u09a4\u09c1\u09a4?\r\n        <\/h2>\r\n        <p>\r\n          \u0986\u09ae\u09be\u09a6\u09c7\u09b0 \u09ac\u09bf\u09b6\u09c7\u09b7\u099c\u09cd\u099e \u099f\u09bf\u09ae \u0986\u09aa\u09a8\u09be\u09b0 \u099c\u09a8\u09cd\u09af \u09aa\u09cd\u09b0\u09b8\u09cd\u09a4\u09c1\u09a4 \u2014 \u09ab\u09cd\u09b0\u09bf \u0995\u09a8\u09b8\u09be\u09b2\u099f\u09c7\u09b6\u09a8 \u09a8\u09bf\u09a8 \u098f\u09ac\u0982 \u0986\u09aa\u09a8\u09be\u09b0 \u09b8\u09cd\u09ac\u09aa\u09cd\u09a8\u09c7\u09b0 \u09aa\u09cd\u09b0\u099c\u09c7\u0995\u09cd\u099f\u0995\u09c7 \u09ac\u09be\u09b8\u09cd\u09a4\u09ac\u09c7 \u09b0\u09c2\u09aa \u09a6\u09bf\u09a8\u0964\r\n        <\/p>\r\n        <div class=\"vc-pf-cta-actions\">\r\n          <a href=\"tel:+8801703689900\" class=\"vc-pf-cta-btn vc-pf-cta-btn-primary\">\r\n            <svg viewBox=\"0 0 24 24\" fill=\"currentColor\"><path d=\"M20 15.5c-1.25 0-2.45-.2-3.57-.57-.35-.11-.74-.03-1.02.24l-2.2 2.2c-2.83-1.44-5.15-3.75-6.59-6.58l2.2-2.21c.28-.27.36-.66.25-1.01C8.7 6.45 8.5 5.25 8.5 4c0-.55-.45-1-1-1H4c-.55 0-1 .45-1 1 0 9.39 7.61 17 17 17 .55 0 1-.45 1-1v-3.5c0-.55-.45-1-1-1z\"\/><\/svg>\r\n            \u098f\u0996\u09a8\u0987 \u0995\u09b2 \u0995\u09b0\u09c1\u09a8\r\n          <\/a>\r\n          <a href=\"https:\/\/wa.me\/8801703689900\" target=\"_blank\" rel=\"noopener\" class=\"vc-pf-cta-btn vc-pf-cta-btn-ghost\">\r\n            <svg viewBox=\"0 0 24 24\" fill=\"currentColor\"><path d=\"M17.472 14.382c-.297-.149-1.758-.867-2.03-.967-.273-.099-.471-.148-.67.15-.197.297-.767.966-.94 1.164-.173.199-.347.223-.644.075-.297-.15-1.255-.463-2.39-1.475-.883-.788-1.48-1.761-1.653-2.059-.173-.297-.018-.458.13-.606.134-.133.298-.347.446-.52.149-.174.198-.298.298-.497.099-.198.05-.371-.025-.52-.075-.149-.669-1.612-.916-2.207-.242-.579-.487-.5-.669-.51-.173-.008-.371-.01-.57-.01-.198 0-.52.074-.792.372-.272.297-1.04 1.016-1.04 2.479 0 1.462 1.065 2.875 1.213 3.074.149.198 2.096 3.2 5.077 4.487.709.306 1.262.489 1.694.625.712.227 1.36.195 1.871.118.571-.085 1.758-.719 2.006-1.413.248-.694.248-1.289.173-1.413-.074-.124-.272-.198-.57-.347\"\/><\/svg>\r\n            WhatsApp\r\n          <\/a>\r\n          <a href=\"https:\/\/spariqo.com\/bd\/contact-us\/\" class=\"vc-pf-cta-btn vc-pf-cta-btn-ghost\">\r\n            <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M5 12h14M12 5l7 7-7 7\"\/><\/svg>\r\n            \u09ab\u09cd\u09b0\u09bf \u09aa\u09b0\u09be\u09ae\u09b0\u09cd\u09b6 \u09a8\u09bf\u09a8\r\n          <\/a>\r\n        <\/div>\r\n\r\n        <!-- Trust row -->\r\n        <div class=\"vc-pf-cta-trust\">\r\n          <div class=\"vc-pf-cta-trust-item\">\r\n            <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M22 11.08V12a10 10 0 1 1-5.93-9.14M22 4L12 14.01l-3-3\"\/><\/svg>\r\n            \u09eb \u09ae\u09bf\u09a8\u09bf\u099f\u09c7 \u0989\u09a4\u09cd\u09a4\u09b0\r\n          <\/div>\r\n          <div class=\"vc-pf-cta-trust-item\">\r\n            <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M20 6L9 17l-5-5\"\/><\/svg>\r\n            \u09e7\u09e6\u09e6% \u09ab\u09cd\u09b0\u09bf \u0995\u09a8\u09b8\u09be\u09b2\u099f\u09c7\u09b6\u09a8\r\n          <\/div>\r\n          <div class=\"vc-pf-cta-trust-item\">\r\n            <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M12 2L2 7l10 5 10-5-10-5zM2 17l10 5 10-5M2 12l10 5 10-5\"\/><\/svg>\r\n            \u0995\u09cb\u09a8\u09cb \u09ac\u09be\u09a7\u09cd\u09af\u09ac\u09be\u09a7\u0995\u09a4\u09be \u09a8\u09c7\u0987\r\n          <\/div>\r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n\r\n  <\/div>\r\n<\/section>\r\n\r\n<script>\r\n\/* =====================================================\r\n   OUR PROCESS FINAL SECTION JS\r\n   ===================================================== *\/\r\n(function(){\r\n  'use strict';\r\n\r\n  \/* ---------- Smooth scroll for in-page anchor links ---------- *\/\r\n  document.querySelectorAll('.vc-process-final a[href^=\"#\"]').forEach(link => {\r\n    link.addEventListener('click', function(e){\r\n      const href = this.getAttribute('href');\r\n      if (href.length > 1) {\r\n        const target = document.querySelector(href);\r\n        if (target) {\r\n          e.preventDefault();\r\n          const headerH = document.querySelector('.vc-header')\r\n            ? document.querySelector('.vc-header').offsetHeight : 80;\r\n          const y = target.getBoundingClientRect().top + window.scrollY - headerH - 10;\r\n          window.scrollTo({top:y, behavior:'smooth'});\r\n        }\r\n      }\r\n    });\r\n  });\r\n\r\n  \/* ---------- Stagger entrance for principles ---------- *\/\r\n  if ('IntersectionObserver' in window) {\r\n    const observer = new IntersectionObserver((entries) => {\r\n      entries.forEach(entry => {\r\n        if (entry.isIntersecting) {\r\n          const items = entry.target.querySelectorAll('.vc-pf-principle');\r\n          items.forEach((it, i) => {\r\n            it.style.opacity = '0';\r\n            it.style.transform = 'translateY(40px)';\r\n            it.style.transition = 'opacity .6s ease, transform .6s ease, box-shadow .3s ease, border-color .3s ease';\r\n            setTimeout(() => {\r\n              it.style.opacity = '1';\r\n              it.style.transform = 'translateY(0)';\r\n            }, 130 * i);\r\n          });\r\n          observer.unobserve(entry.target);\r\n        }\r\n      });\r\n    }, {threshold: 0.15});\r\n\r\n    const methodology = document.querySelector('.vc-pf-methodology');\r\n    if (methodology) observer.observe(methodology);\r\n  }\r\n\r\n  \/* ---------- Stagger for timeline flow steps ---------- *\/\r\n  if ('IntersectionObserver' in window) {\r\n    const flowObserver = new IntersectionObserver((entries) => {\r\n      entries.forEach(entry => {\r\n        if (entry.isIntersecting) {\r\n          const steps = entry.target.querySelectorAll('.vc-pf-flow-step');\r\n          steps.forEach((step, i) => {\r\n            step.style.opacity = '0';\r\n            step.style.transform = 'scale(.9)';\r\n            step.style.transition = 'opacity .4s ease, transform .4s ease';\r\n            setTimeout(() => {\r\n              step.style.opacity = '1';\r\n              step.style.transform = 'scale(1)';\r\n            }, 80 * i);\r\n          });\r\n          flowObserver.unobserve(entry.target);\r\n        }\r\n      });\r\n    }, {threshold: 0.2});\r\n\r\n    const flow = document.querySelector('.vc-pf-timeline-flow');\r\n    if (flow) flowObserver.observe(flow);\r\n  }\r\n\r\n})();\r\n<\/script>\r\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>\u09b9\u09cb\u09ae \u203a \u0986\u09ae\u09be\u09a6\u09c7\u09b0 \u09b8\u09ae\u09cd\u09aa\u09b0\u09cd\u0995\u09c7 \u203a \u0986\u09ae\u09be\u09a6\u09c7\u09b0 \u09aa\u09cd\u09b0\u0995\u09cd\u09b0\u09bf\u09af\u09bc\u09be \u0986\u09ae\u09be\u09a6\u09c7\u09b0 \u0995\u09be\u099c\u09c7\u09b0 \u09aa\u09cd\u09b0\u0995\u09cd\u09b0\u09bf\u09af\u09bc\u09be \u0986\u09ae\u09be\u09a6\u09c7\u09b0 \u09aa\u09cd\u09b0\u0995\u09cd\u09b0\u09bf\u09af\u09bc\u09be \u2014 \u09b8\u09ab\u09b2\u09a4\u09be\u09b0 \u09aa\u09a5\u09c7 \u09ea\u099f\u09bf \u09b8\u09b9\u099c \u09a7\u09be\u09aa \u0986\u09ae\u09b0\u09be \u098f\u0995\u099f\u09bf \u09b8\u09c1\u09a8\u09bf\u09b0\u09cd\u09a6\u09bf\u09b7\u09cd\u099f \u0993 \u09b8\u09cd\u09ac\u099a\u09cd\u099b \u09aa\u09cd\u09b0\u0995\u09cd\u09b0\u09bf\u09af\u09bc\u09be \u0985\u09a8\u09c1\u09b8\u09b0\u09a3 \u0995\u09b0\u09bf \u09af\u09be\u09a4\u09c7 \u0986\u09aa\u09a8\u09be\u09b0 \u09aa\u09cd\u09b0\u099c\u09c7\u0995\u09cd\u099f \u09b8\u09a0\u09bf\u0995 \u09b8\u09ae\u09af\u09bc\u09c7, \u09b8\u09a0\u09bf\u0995 \u09ae\u09be\u09a8\u09c7 \u098f\u09ac\u0982 \u0986\u09aa\u09a8\u09be\u09b0 \u09aa\u09cd\u09b0\u09a4\u09cd\u09af\u09be\u09b6\u09be\u09b0 \u099a\u09c7\u09af\u09bc\u09c7\u0993 \u09ad\u09be\u09b2\u09cb\u09ad\u09be\u09ac\u09c7 \u09b8\u09ae\u09cd\u09aa\u09a8\u09cd\u09a8 \u09b9\u09af\u09bc\u0964 \u09a8\u09bf\u099a\u09c7 \u0986\u09ae\u09be\u09a6\u09c7\u09b0 \u099a\u09be\u09b0\u099f\u09bf \u09ae\u09c2\u09b2 \u09a7\u09be\u09aa \u09a6\u09c7\u0996\u09c1\u09a8\u0964 01 \u0986\u09ac\u09bf\u09b7\u09cd\u0995\u09be\u09b0 \u0993 \u09aa\u09b0\u09bf\u0995\u09b2\u09cd\u09aa\u09a8\u09be \u0986\u09aa\u09a8\u09be\u09b0 \u09ac\u09cd\u09af\u09ac\u09b8\u09be\u09b0 \u09b2\u0995\u09cd\u09b7\u09cd\u09af, \u099f\u09be\u09b0\u09cd\u0997\u09c7\u099f \u0985\u09a1\u09bf\u09af\u09bc\u09c7\u09a8\u09cd\u09b8 [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-291","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/spariqo.com\/bd\/wp-json\/wp\/v2\/pages\/291","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/spariqo.com\/bd\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/spariqo.com\/bd\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/spariqo.com\/bd\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/spariqo.com\/bd\/wp-json\/wp\/v2\/comments?post=291"}],"version-history":[{"count":6,"href":"https:\/\/spariqo.com\/bd\/wp-json\/wp\/v2\/pages\/291\/revisions"}],"predecessor-version":[{"id":395,"href":"https:\/\/spariqo.com\/bd\/wp-json\/wp\/v2\/pages\/291\/revisions\/395"}],"wp:attachment":[{"href":"https:\/\/spariqo.com\/bd\/wp-json\/wp\/v2\/media?parent=291"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}