{"id":593,"date":"2025-09-25T12:20:23","date_gmt":"2025-09-25T12:20:23","guid":{"rendered":"https:\/\/ficertech.com\/?page_id=593"},"modified":"2026-01-24T15:56:45","modified_gmt":"2026-01-24T15:56:45","slug":"about","status":"publish","type":"page","link":"https:\/\/ficertech.com\/?page_id=593","title":{"rendered":"About"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"593\" class=\"elementor elementor-593\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-dca3983 e-flex e-con-boxed e-con e-parent\" data-id=\"dca3983\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-3f222b6 elementor-widget elementor-widget-html\" data-id=\"3f222b6\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<section class=\"core-values-section\">\r\n    <div class=\"cv-badge\">\ud83d\udca1 Our Core Values<\/div>\r\n\r\n    <h2 class=\"cv-title\">Principles That Guide Us<\/h2>\r\n    <p class=\"cv-subtitle\">\r\n        The fundamental beliefs that shape our culture, guide our decisions, \r\n        and define our commitment to excellence and integrity.\r\n    <\/p>\r\n\r\n    <div class=\"cv-grid\">\r\n\r\n        <div class=\"cv-card\">\r\n            <span class=\"cv-icon blue\">\ud83d\udcc4<\/span>\r\n            <h3>Technical Excellence<\/h3>\r\n            <p>We maintain the highest standards of code quality and technical innovation, ensuring scalable and maintainable solutions.<\/p>\r\n        <\/div>\r\n\r\n        <div class=\"cv-card highlight\">\r\n            <span class=\"cv-icon orange\">\ud83d\udca1<\/span>\r\n            <h3>Innovation First<\/h3>\r\n            <p>Constantly pushing boundaries and exploring new technologies to solve complex challenges in unique ways.<\/p>\r\n        <\/div>\r\n\r\n        <div class=\"cv-card\">\r\n            <span class=\"cv-icon green\">\ud83e\udd1d<\/span>\r\n            <h3>Client Partnership<\/h3>\r\n            <p>Building lasting relationships through transparent communication and dedicated collaboration.<\/p>\r\n        <\/div>\r\n\r\n        <div class=\"cv-card\">\r\n            <span class=\"cv-icon red\">\ud83d\udee1\ufe0f<\/span>\r\n            <h3>Security Focus<\/h3>\r\n            <p>Implementing robust security measures to protect our clients' valuable assets and data.<\/p>\r\n        <\/div>\r\n\r\n        <div class=\"cv-card\">\r\n            <span class=\"cv-icon purple\">\ud83c\udfaf<\/span>\r\n            <h3>Result Driven<\/h3>\r\n            <p>Focusing on delivering measurable results that directly impact our clients' business objectives.<\/p>\r\n        <\/div>\r\n\r\n        <div class=\"cv-card\">\r\n            <span class=\"cv-icon teal\">\u26a1<\/span>\r\n            <h3>Agile Methodology<\/h3>\r\n            <p>Embracing adaptive planning and evolutionary development to ensure project success.<\/p>\r\n        <\/div>\r\n\r\n    <\/div>\r\n<\/section>\r\n\r\n\r\n\r\n<style>\r\n \/* ---------------------------\r\n   SECTION\r\n---------------------------- *\/\r\n.core-values-section {\r\n    text-align: center;\r\n    padding: 80px 20px;\r\n    \/*background: radial-gradient(circle at top right, #3a0066, #000);*\/\r\n    color: #fff;\r\n    font-family: \"Inter\", sans-serif;\r\n}\r\n\r\n.cv-badge {\r\n    display: inline-block;\r\n    background: #1f2938;\r\n    padding: 8px 20px;\r\n    border-radius: 20px;\r\n    font-size: 20px;\r\n    margin-bottom: 20px;\r\n}\r\n\r\n.cv-title {\r\n    font-size: 40px;\r\n    font-weight: 800;\r\n    background: linear-gradient(90deg, #a24bff, #ff2fa4);\r\n    -webkit-background-clip: text;\r\n    -webkit-text-fill-color: transparent;\r\n}\r\n\r\n.cv-subtitle {\r\n    max-width: 700px;\r\n    margin: 15px auto 50px;\r\n    color: #d1d5db;\r\n}\r\n\r\n\/* ---------------------------\r\n   GRID\r\n---------------------------- *\/\r\n.cv-grid {\r\n    display: grid;\r\n    grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\r\n    gap: 25px;\r\n    max-width: 1100px;\r\n    margin: auto;\r\n}\r\n\r\n\/* ---------------------------\r\n   CARD (Simple + Clean)\r\n---------------------------- *\/\r\n.cv-card {\r\n    position: relative;\r\n    background: #111827;\r\n    padding: 35px;\r\n    border-radius: 20px;\r\n    text-align: center;\r\n    border: 1px solid rgba(255,255,255,0.08);\r\n    transition: 0.3s ease;\r\n}\r\n\r\n\/* Hover effect: glow + border color + lift *\/\r\n.cv-card:hover {\r\n    transform: translateY(-6px);\r\n    border-color: rgba(255,255,255,0.25);\r\n    box-shadow: 0 15px 35px rgba(0,0,0,0.45),\r\n                0 0 15px rgba(255,255,255,0.12);\r\n}\r\n\r\n\/* ---------------------------\r\n   ICON\r\n---------------------------- *\/\r\n.cv-icon {\r\n    display: inline-flex;\r\n    width: 60px;\r\n    height: 60px;\r\n    margin-bottom: 15px;\r\n    align-items: center;\r\n    justify-content: center;\r\n    font-size: 28px;\r\n    border-radius: 14px;\r\n    background: rgba(255,255,255,0.08);\r\n    transition: 0.25s ease;\r\n}\r\n\r\n\/* Icon lift *\/\r\n.cv-card:hover .cv-icon {\r\n    transform: scale(1.1);\r\n}\r\n\r\n\/* ICON COLORS *\/\r\n.cv-icon.blue { color: #3bb3ff; }\r\n.cv-icon.orange { color: #ffb744; }\r\n.cv-icon.green { color: #5cff7a; }\r\n.cv-icon.red { color: #ff6b6b; }\r\n.cv-icon.purple { color: #c286ff; }\r\n.cv-icon.teal { color: #45e0d6; }\r\n\r\n\/* ---------------------------\r\n   TEXT\r\n---------------------------- *\/\r\n.cv-card h3 {\r\n    margin-top: 10px;\r\n    font-size: 18px;\r\n    font-weight: 700;\r\n    color: #c44bfc;\r\n}\r\n\r\n.cv-card p {\r\n    margin-top: 10px;\r\n    font-size: 14px;\r\n    color: #c7c7c7;\r\n    line-height: 1.6em;\r\n}\r\n\r\n\r\n<\/style>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-fc1d730 e-flex e-con-boxed e-con e-parent\" data-id=\"fc1d730\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-a4519d6 elementor-widget elementor-widget-html\" data-id=\"a4519d6\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- Timeline with Solid Neon Glow Mini-Dots (paste whole block into WP Custom HTML) -->\r\n<style>\r\n:root{\r\n  \/*--bg:#070607;*\/\r\n  --muted:#bfc4d0;\r\n  --line:#c44bfc;\r\n  --accent-start:#c44bfc;\r\n  --accent-end:#06b6d4;\r\n  --neon-core: #c44bfc; \/* core neon color (can tweak) *\/\r\n  --neon-glow: rgba(124,58,237,0.20);\r\n  --card-bg: rgba(255,255,255,0.03);\r\n}\r\n\r\n\/* Container *\/\r\n.timeline-section{\r\n  background: radial-gradient(circle at top right, rgba(124,58,237,0.15), rgba(6,182,212,0.04) 25%, transparent 65%), var(--bg);\r\n  padding: 72px 20px;\r\n  font-family: 'Segoe UI', system-ui, -apple-system, \"Helvetica Neue\", Arial;\r\n  color: #c44bfc;\r\n}\r\n\r\n\/* Header *\/\r\n.timeline-head {\r\n  max-width: 980px;\r\n  margin: 0 auto 28px;\r\n  text-align: center;\r\n}\r\n.timeline-head .eyebrow{\r\n  display:inline-block;\r\n  padding:8px 14px;\r\n  border-radius:20px;\r\n  background: linear-gradient(90deg,var(--accent-start),#a855f7);\r\n  font-size:13px;\r\n  color:white;\r\n  margin-bottom:12px;\r\n}\r\n.timeline-head h2{\r\n  font-size:36px;\r\n  margin:8px 0 6px;\r\n  font-weight:800;\r\n  background: linear-gradient(90deg, #c44bfc, #c084fc);\r\n  -webkit-background-clip:text;\r\n  -webkit-text-fill-color:transparent;\r\n}\r\n.timeline-head p{\r\n  margin:0 auto;\r\n  color:var(--muted);\r\n  max-width:760px;\r\n  font-size:14px;\r\n}\r\n\r\n\/* Grid *\/\r\n.timeline-wrap{\r\n  max-width: 1100px;\r\n  margin: 36px auto 0;\r\n  position: relative;\r\n  padding: 40px 20px;\r\n}\r\n\r\n\/* center line *\/\r\n.timeline-line{\r\n  position: absolute;\r\n  left: 50%;\r\n  transform: translateX(-50%);\r\n  width: 4px;\r\n  height: calc(100% - 40px);\r\n  top: 20px;\r\n  border-radius: 3px;\r\n  background: linear-gradient(180deg, rgba(124,58,237,0.95), rgba(6,182,212,0.95));\r\n  box-shadow: 0 8px 40px rgba(124,58,237,0.8), 0 0 18px rgba(6,182,212,0.04);\r\n  overflow: visible;\r\n}\r\n\r\n\/* animated growing inner line (same approach as before) *\/\r\n.timeline-line::after{\r\n  content:\"\";\r\n  position:absolute;\r\n  left:0; top:0;\r\n  width:100%;\r\n  height:0%;\r\n  background: linear-gradient(180deg, rgba(255,255,255,0.12), rgba(255,255,255,0.02));\r\n  transition: height 1.2s cubic-bezier(.2,.9,.2,1);\r\n}\r\n\r\n\/* MINI DOTS on line (NEON SOLID DOTS) *\/\r\n.mini-dots {\r\n  position: absolute;\r\n  left: 50%;\r\n  transform: translateX(-50%);\r\n  top: 20px;\r\n  height: calc(100% - 40px);\r\n  width: 8px;\r\n  pointer-events: none;\r\n  z-index: 1;\r\n  display: block;\r\n}\r\n\r\n\/* each mini dot *\/\r\n.mini-dot {\r\n  position: absolute;\r\n  left: 50%;\r\n  transform: translateX(-50%);\r\n  width: 15px;\r\n  height: 15px;\r\n  border-radius: 50%;\r\n  background: var(--neon-core);\r\n  box-shadow:\r\n    0 0 6px rgba(124,58,237,0.9),\r\n    0 0 18px rgba(124,58,237,0.35),\r\n    0 6px 18px rgba(6,182,212,0.04) inset;\r\n  opacity: 0.92;\r\n  filter: blur(0.5px);\r\n  transition: transform .35s ease, opacity .35s ease;\r\n  will-change: transform, opacity;\r\n  -webkit-backface-visibility: hidden;\r\n  -moz-backface-visibility: hidden;\r\n}\r\n\r\n\/* soft halo using pseudo-element *\/\r\n.mini-dot::after{\r\n  content: \"\";\r\n  position: absolute;\r\n  left: 50%; top: 50%;\r\n  transform: translate(-50%,-50%) scale(5);\r\n  width: 30px;\r\n  height: 30px;\r\n  border-radius: 50%;\r\n  background: radial-gradient(circle, var(--neon-glow) 0%, rgba(124,58,237,0.06) 30%, transparent 60%);\r\n  opacity: 0.95;\r\n  transition: transform .6s ease, opacity .6s ease;\r\n  pointer-events: none;\r\n}\r\n\r\n\/* pulse animation for mini dots *\/\r\n@keyframes miniPulse {\r\n  0% { transform: translateX(-50%) scale(1); opacity: 0.92; }\r\n  50% { transform: translateX(-50%) scale(1.12); opacity: 1; }\r\n  100% { transform: translateX(-50%) scale(1); opacity: 0.92; }\r\n}\r\n.mini-dot.pulse{ animation: miniPulse 2.6s ease-in-out infinite; }\r\n\r\n\/* stagger pulse delays for organic feel *\/\r\n.mini-dot.d1{ top: 12%; animation-delay: 0s; }\r\n.mini-dot.d2{ top: 26%; animation-delay: 0.2s; }\r\n.mini-dot.d3{ top: 40%; animation-delay: 0.45s; }\r\n.mini-dot.d4{ top: 54%; animation-delay: 0.15s; }\r\n.mini-dot.d5{ top: 68%; animation-delay: 0.35s; }\r\n.mini-dot.d6{ top: 82%; animation-delay: 0.05s; }\r\n\r\n\/* make mini dots slightly smaller on small screens *\/\r\n@media (max-width: 880px){\r\n  .timeline-line{ left:24px; transform:none; }\r\n  .mini-dots{ left:24px; transform:none; width:8px; }\r\n  .mini-dot{ left:0; transform:none; }\r\n  .mini-dot::after{ width:24px; height:24px; }\r\n}\r\n\r\n\/* item wrapper *\/\r\n.timeline-list{\r\n  display:grid;\r\n  grid-template-columns: 1fr;\r\n  gap: 28px 0;\r\n}\r\n\r\n\r\n\/* each cell *\/\r\n.timeline-item{\r\n  position: relative;\r\n  padding: 8px 12px;\r\n  display:flex;\r\n  align-items:flex-start;\r\n}\r\n\r\n\/* left\/right offset to avoid overlap with center line *\/\r\n.timeline-item.left { justify-self: end; max-width:450px; }\r\n.timeline-item.right { justify-self: start; max-width:450px; }\r\n\r\n\/* dot container aligned to center line *\/\r\n.timeline-item .dot-anchor{\r\n  position:absolute;\r\n  left:50%;\r\n  transform: translateX(-50%);\r\n  top: 28px;\r\n  width: 24px;\r\n  height: 24px;\r\n  z-index:3;\r\n  display:flex;\r\n  align-items:center;\r\n  justify-content:center;\r\n}\r\n\r\n\/* dot visuals for main nodes *\/\r\n.dot {\r\n  \/*width:px;*\/\r\n  \/*height:px;*\/\r\n  border-radius:50%;\r\n  background: var(--bg);\r\n  border: 3px solid rgba(255,255,255,0.04);\r\n  box-shadow: 0 0 0 0 rgba(0,0,0,0);\r\n  transition: transform .45s cubic-bezier(.2,.9,.2,1), box-shadow .45s;\r\n  position:relative;\r\n}\r\n.dot.glow {\r\n  box-shadow: 0 6px 18px rgba(124,58,237,0.18), 0 0 32px rgba(6,182,212,0.06);\r\n}\r\n\r\n\/* ripple ring animated when reveal *\/\r\n.dot.ripple::after{\r\n  content:\"\";\r\n  position:absolute;\r\n  left:50%; top:50%;\r\n  transform: translate(-50%,-50%) scale(1);\r\n  width:40px; height:40px; border-radius:50%;\r\n  background: radial-gradient(circle, rgba(124,58,237,0.12), transparent 40%);\r\n  opacity:0;\r\n  transition: opacity .4s, transform .6s;\r\n}\r\n\r\n\/* card *\/\r\n.timeline-card{\r\n  background: linear-gradient(180deg, rgba(255,255,255,0.02), rgba(255,255,255,0.01));\r\n  border-radius: 12px;\r\n  padding: 18px;\r\n  box-shadow: 0 8px 30px rgba(2,6,23,0.55);\r\n  border: 1px solid rgba(255,255,255,0.03);\r\n  transform-origin: center;\r\n  overflow: hidden;\r\n  width:100%;\r\n}\r\n\r\n\/* small badge row *\/\r\n.card-badge{\r\n  display:flex;\r\n  align-items:center;\r\n  gap:10px;\r\n  margin-bottom:10px;\r\n}\r\n.badge-year{\r\n  background: linear-gradient(90deg,var(--accent-start),#60a5fa);\r\n  padding:8px 12px;\r\n  border-radius:8px;\r\n  font-weight:700;\r\n  font-size:13px;\r\n  color:white;\r\n  display:inline-flex;\r\n  align-items:center;\r\n  gap:8px;\r\n}\r\n.badge-label{\r\n  margin-left:auto;\r\n  padding:6px 10px;\r\n  border-radius:8px;\r\n  font-weight:600;\r\n  font-size:12px;\r\n  color:#fff;\r\n  background: rgba(255,255,255,0.02);\r\n}\r\n\r\n\/* title & text *\/\r\n.card-title{ font-size:16px; font-weight:800; color:#fff; margin-bottom:8px;}\r\n.card-desc{ color:var(--muted); font-size:14px; margin-bottom:12px; line-height:1.5; }\r\n.card-status{ color:#c44bfc; font-weight:700; font-size:13px; }\r\n\r\n\/* COLORS FOR DIFFERENT CARDS (override badges & glow) *\/\r\n.color-blue { --card-accent: linear-gradient(90deg,#60a5fa,#7c3aed); }\r\n.color-green { --card-accent: linear-gradient(90deg,#10b981,#06b6d4); }\r\n.color-amber { --card-accent: linear-gradient(90deg,#f59e0b,#fb923c); }\r\n.color-purple { --card-accent: linear-gradient(90deg,#c084fc,#7c3aed); }\r\n\r\n\/* apply using inline class on .badge-year for color consistency *\/\r\n.color-blue .badge-year{ background: linear-gradient(90deg,#60a5fa,#7c3aed); }\r\n.color-green .badge-year{ background: linear-gradient(90deg,#10b981,#06b6d4); }\r\n.color-amber .badge-year{ background: linear-gradient(90deg,#f59e0b,#fb923c); }\r\n.color-purple .badge-year{ background: linear-gradient(90deg,#c084fc,#7c3aed); }\r\n\r\n\/* Reveal animations: start hidden *\/\r\n.timeline-card.is-hidden{ opacity:0; transform: translateY(20px) scale(.96) rotate(0deg); filter: blur(6px); }\r\n.timeline-card.revealed{ opacity:1; transform: translateY(0) scale(1); filter: none; transition: all .8s cubic-bezier(.2,.9,.25,1); }\r\n\r\n\/* Dot reveal states *\/\r\n.dot.is-hidden{ transform: scale(.6); opacity:0.4; }\r\n.dot.revealed{ transform: scale(1); opacity:1; transition: all .6s cubic-bezier(.2,.9,.2,1); }\r\n.dot.revealed.ripple::after{ transform: translate(-50%,-50%) scale(1.5); opacity:1; transition: transform .8s cubic-bezier(.2,.9,.2,1), opacity .6s; }\r\n\r\n\/* left\/right slide offsets *\/\r\n.left .timeline-card.is-hidden{ transform: translateX(-60px) translateY(10px) scale(.96); }\r\n.right .timeline-card.is-hidden{ transform: translateX(60px) translateY(10px) scale(.96); }\r\n\r\n\/* small circle markers along center *\/\r\n.timeline-point{\r\n  position:absolute;\r\n  left:50%;\r\n  transform: translateX(-50%);\r\n  width:10px; height:10px;\r\n  background: rgba(255,255,255,0.02);\r\n  border-radius:50%;\r\n  border: 2px solid rgba(255,255,255,0.02);\r\n  top:0;\r\n}\r\n\r\n\/* responsiveness *\/\r\n@media (max-width: 880px){\r\n  .timeline-list{ grid-template-columns: 1fr; }\r\n  .timeline-item{ justify-self: stretch; padding-left: 40px; padding-right: 40px; }\r\n  .timeline-item.left, .timeline-item.right{ justify-self: stretch; max-width:none; }\r\n  .timeline-item .dot-anchor{ left:24px; transform:none; top: 28px; }\r\n  .timeline-line{ left: 24px; transform:none; }\r\n}\r\n\r\n\/* Respect reduced-motion *\/\r\n@media (prefers-reduced-motion: reduce) {\r\n  .timeline-card, .dot, .timeline-line::after, .mini-dot { transition: none !important; animation: none !important; }\r\n}\r\n<\/style>\r\n\r\n<section class=\"timeline-section\" aria-label=\"Company timeline\">\r\n  <div class=\"timeline-head\">\r\n    <div class=\"eyebrow\">Our Journey<\/div>\r\n    <h2>Our Transformative Journey<\/h2>\r\n    <p>A decade of innovation, growth, and shaping tomorrow's digital future through dedication and excellence.<\/p>\r\n  <\/div>\r\n\r\n  <div class=\"timeline-wrap\" id=\"timelineWrap\">\r\n    <div class=\"timeline-line\" id=\"timelineLine\">\r\n      <!-- mini dots container -->\r\n      <div class=\"mini-dots\" aria-hidden=\"true\">\r\n        <span class=\"mini-dot pulse d1\"><\/span>\r\n        <span class=\"mini-dot pulse d2\"><\/span>\r\n        <span class=\"mini-dot pulse d3\"><\/span>\r\n        <span class=\"mini-dot pulse d4\"><\/span>\r\n        <span class=\"mini-dot pulse d5\"><\/span>\r\n        <span class=\"mini-dot pulse d6\"><\/span>\r\n      <\/div>\r\n    <\/div>\r\n\r\n    <div class=\"timeline-list\">\r\n\r\n      <!-- ITEM 1 (LEFT) -->\r\n      <div class=\"timeline-item left\" data-index=\"0\">\r\n        <div class=\"dot-anchor\" aria-hidden=\"true\">\r\n          <div class=\"dot is-hidden color-blue\" data-dot><\/div>\r\n        <\/div>\r\n        <article class=\"timeline-card is-hidden color-blue\" role=\"article\" aria-labelledby=\"t1-title\">\r\n          <div class=\"card-badge\">\r\n            <div class=\"badge-year\">2025<\/div>\r\n            <div class=\"badge-label\">Foundation<\/div>\r\n          <\/div>\r\n          <h3 id=\"t1-title\" class=\"card-title\">Ficer Tech Established<\/h3>\r\n          <p class=\"card-desc\">Began with a dedicated team of 5 visionary developers, igniting innovation.<\/p>\r\n          <div class=\"card-status\">\u25cf Completed<\/div>\r\n        <\/article>\r\n      <\/div>\r\n\r\n      <!-- ITEM 2 (RIGHT) -->\r\n      <div class=\"timeline-item right\" data-index=\"1\">\r\n        <div class=\"dot-anchor\" aria-hidden=\"true\">\r\n          <div class=\"dot is-hidden color-green\" data-dot><\/div>\r\n        <\/div>\r\n        <article class=\"timeline-card is-hidden color-green\" role=\"article\" aria-labelledby=\"t2-title\">\r\n          <div class=\"card-badge\">\r\n            <div class=\"badge-year\">2025<\/div>\r\n            <div class=\"badge-label\">Expansion<\/div>\r\n          <\/div>\r\n          <h3 id=\"t2-title\" class=\"card-title\">Expansion Across Pakistan<\/h3>\r\n          <p class=\"card-desc\">Expanded operations to dynamic hubs in Okara and Lahore, strengthening our footprint.<\/p>\r\n          <div class=\"card-status\">\u25cf Completed<\/div>\r\n        <\/article>\r\n      <\/div>\r\n\r\n      <!-- ITEM 3 (LEFT) -->\r\n      <div class=\"timeline-item left\" data-index=\"2\">\r\n        <div class=\"dot-anchor\" aria-hidden=\"true\">\r\n          <div class=\"dot is-hidden color-amber\" data-dot><\/div>\r\n        <\/div>\r\n        <article class=\"timeline-card is-hidden color-amber\" role=\"article\" aria-labelledby=\"t3-title\">\r\n          <div class=\"card-badge\">\r\n            <div class=\"badge-year\">2025<\/div>\r\n            <div class=\"badge-label\">Recognition<\/div>\r\n          <\/div>\r\n          <h3 id=\"t3-title\" class=\"card-title\">Innovation Excellence Award<\/h3>\r\n          <p class=\"card-desc\">Honored for groundbreaking AI-driven solutions revolutionizing industries.<\/p>\r\n          <div class=\"card-status\">\u25cf Completed<\/div>\r\n        <\/article>\r\n      <\/div>\r\n\r\n      <!-- ITEM 4 (RIGHT) -->\r\n      <div class=\"timeline-item right\" data-index=\"3\">\r\n        <div class=\"dot-anchor\" aria-hidden=\"true\">\r\n          <div class=\"dot is-hidden color-purple\" data-dot><\/div>\r\n        <\/div>\r\n        <article class=\"timeline-card is-hidden color-purple\" role=\"article\" aria-labelledby=\"t4-title\">\r\n          <div class=\"card-badge\">\r\n            <div class=\"badge-year\">2025<\/div>\r\n            <div class=\"badge-label\">Enterprise<\/div>\r\n          <\/div>\r\n          <h3 id=\"t4-title\" class=\"card-title\">Enterprise Revolution<\/h3>\r\n          <p class=\"card-desc\">Launched an enterprise solutions division to meet complex global demands.<\/p>\r\n          <div class=\"card-status\">\u25cf Completed<\/div>\r\n        <\/article>\r\n      <\/div>\r\n\r\n      <!-- ITEM 5 (LEFT) -->\r\n      <div class=\"timeline-item left\" data-index=\"4\">\r\n        <div class=\"dot-anchor\" aria-hidden=\"true\">\r\n          <div class=\"dot is-hidden color-blue\" data-dot><\/div>\r\n        <\/div>\r\n        <article class=\"timeline-card is-hidden color-blue\" role=\"article\" aria-labelledby=\"t5-title\">\r\n          <div class=\"card-badge\">\r\n            <div class=\"badge-year\">2025<\/div>\r\n            <div class=\"badge-label\">Global<\/div>\r\n          <\/div>\r\n          <h3 id=\"t5-title\" class=\"card-title\">Worldwide Recognition<\/h3>\r\n          <p class=\"card-desc\">Ranked among the Top 10 Tech Companies globally by industry leaders.<\/p>\r\n          <div class=\"card-status\">\u25cf Completed<\/div>\r\n        <\/article>\r\n      <\/div>\r\n <div class=\"timeline-item right\" data-index=\"4\">\r\n        <div class=\"dot-anchor\" aria-hidden=\"true\">\r\n          <div class=\"dot is-hidden color-blue\" data-dot><\/div>\r\n        <\/div>\r\n        <article class=\"timeline-card is-hidden color-blue\" role=\"article\" aria-labelledby=\"t5-title\">\r\n          <div class=\"card-badge\">\r\n            <div class=\"badge-year\">2025<\/div>\r\n            <div class=\"badge-label\">Global<\/div>\r\n          <\/div>\r\n          <h3 id=\"t5-title\" class=\"card-title\">Worldwide Recognition<\/h3>\r\n          <p class=\"card-desc\">Ranked among the Top 10 Tech Companies globally by industry leaders.<\/p>\r\n          <div class=\"card-status\">\u25cf Completed<\/div>\r\n        <\/article>\r\n      <\/div>\r\n <!--<div class=\"timeline-item left\" data-index=\"4\">-->\r\n <!--       <div class=\"dot-anchor\" aria-hidden=\"true\">-->\r\n <!--         <div class=\"dot is-hidden color-blue\" data-dot><\/div>-->\r\n <!--       <\/div>-->\r\n <!--       <article class=\"timeline-card is-hidden color-blue\" role=\"article\" aria-labelledby=\"t5-title\">-->\r\n <!--         <div class=\"card-badge\">-->\r\n <!--           <div class=\"badge-year\">2025<\/div>-->\r\n <!--           <div class=\"badge-label\">Global<\/div>-->\r\n <!--         <\/div>-->\r\n <!--         <h3 id=\"t5-title\" class=\"card-title\">Worldwide Recognition<\/h3>-->\r\n <!--         <p class=\"card-desc\">Ranked among the Top 10 Tech Companies globally by industry leaders.<\/p>-->\r\n <!--         <div class=\"card-status\">\u25cf Completed<\/div>-->\r\n <!--       <\/article>-->\r\n <!--     <\/div>-->\r\n\r\n    <\/div>\r\n  <\/div>\r\n<\/section>\r\n\r\n<script>\r\n\/* Timeline reveal script: IntersectionObserver.\r\n   - Grows center line\r\n   - Reveals each card with slide+fade+scale\r\n   - Applies dot ripple\/glow\r\n*\/\r\n\r\n(function(){\r\n  const wrap = document.getElementById('timelineWrap');\r\n  const line = document.getElementById('timelineLine');\r\n  const items = Array.from(wrap.querySelectorAll('.timeline-item'));\r\n  const miniDots = Array.from(wrap.querySelectorAll('.mini-dot'));\r\n  const prefersReduced = window.matchMedia('(prefers-reduced-motion: reduce)').matches;\r\n\r\n  \/\/ animate line height when container enters viewport\r\n  const lineObserver = new IntersectionObserver((entries, obs) => {\r\n    entries.forEach(ent => {\r\n      if (ent.isIntersecting) {\r\n        const afterStyle = document.createElement('style');\r\n        afterStyle.innerHTML = `\r\n          #timelineLine::after{ height:100% !important; transition: height 1.4s cubic-bezier(.2,.9,.2,1) !important; }\r\n        `;\r\n        document.head.appendChild(afterStyle);\r\n        obs.unobserve(ent.target);\r\n\r\n        \/\/ also gently fade-in mini-dots with slight stagger\r\n        miniDots.forEach((d, i) => {\r\n          d.style.opacity = '0';\r\n          setTimeout(()=>{ d.style.transition = 'opacity 0.6s ease ' + (i*80) + 'ms, transform 0.6s ease ' + (i*80) + 'ms'; d.style.opacity = '1'; }, 120);\r\n        });\r\n      }\r\n    });\r\n  }, { threshold: 0.12 });\r\n\r\n  lineObserver.observe(wrap);\r\n\r\n  \/\/ reveal items with stagger\r\n  const revealObserver = new IntersectionObserver((entries) => {\r\n    entries.forEach(entry => {\r\n      const item = entry.target;\r\n      const card = item.querySelector('.timeline-card');\r\n      const dot = item.querySelector('[data-dot]');\r\n\r\n      if (entry.isIntersecting) {\r\n        const delay = (parseInt(item.dataset.index,10) || 0) * 160;\r\n        if (prefersReduced) {\r\n          dot.classList.remove('is-hidden'); dot.classList.add('revealed','glow');\r\n          card.classList.remove('is-hidden'); card.classList.add('revealed');\r\n        } else {\r\n          setTimeout(() => {\r\n            \/\/ reveal dot\r\n            dot.classList.remove('is-hidden');\r\n            dot.classList.add('revealed','glow','ripple');\r\n            \/\/ reveal card\r\n            card.classList.remove('is-hidden');\r\n            card.classList.add('revealed');\r\n          }, delay);\r\n        }\r\n        revealObserver.unobserve(item);\r\n      }\r\n    });\r\n  }, { threshold: 0.18 });\r\n\r\n  items.forEach(it => {\r\n    revealObserver.observe(it);\r\n  });\r\n\r\n})();\r\n<\/script>\r\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-e6db378 e-flex e-con-boxed e-con e-parent\" data-id=\"e6db378\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-da4aca1 elementor-widget elementor-widget-html\" data-id=\"da4aca1\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\r\n\/* ---------- Global ---------- *\/\r\n.stats-section {\r\n  \/*background: #0b0b0d;*\/\r\n  padding: 70px 20px;\r\n  text-align: center;\r\n  font-family: \"Inter\", sans-serif;\r\n  color: #fff;\r\n}\r\n\r\n.stats-section h2 {\r\n  font-size: 42px;\r\n  font-weight: 800;\r\n  background: linear-gradient(90deg, #c44bfc, #c44bfc);\r\n  -webkit-background-clip: text;\r\n  color: transparent;\r\n  margin-bottom: 14px;\r\n}\r\n\r\n.stats-section p.subtext {\r\n  max-width: 700px;\r\n  margin: 0 auto 50px;\r\n  color: #b4b7c0;\r\n  font-size: 16px;\r\n  line-height: 1.6;\r\n}\r\n\r\n\/* ---------- Grid ---------- *\/\r\n.stats-grid {\r\n  display: grid;\r\n  grid-template-columns: repeat(4, 1fr);\r\n  gap: 28px;\r\n}\r\n\r\n@media (max-width: 990px) {\r\n  .stats-grid {\r\n    grid-template-columns: repeat(2, 1fr);\r\n  }\r\n}\r\n\r\n@media (max-width: 580px) {\r\n  .stats-grid {\r\n    grid-template-columns: 1fr;\r\n  }\r\n}\r\n\r\n\/* ---------- Cards ---------- *\/\r\n.stats-card {\r\n  background: rgba(255, 255, 255, 0.04);\r\n  border: 1px solid rgba(255, 255, 255, 0.06);\r\n  border-radius: 18px;\r\n  padding: 35px 20px;\r\n  text-align: center;\r\n  transition: 0.35s ease;\r\n  position: relative;\r\n  overflow: hidden;\r\n  backdrop-filter: blur(6px);\r\n}\r\n\r\n.stats-card:hover {\r\n  transform: translateY(-8px);\r\n  box-shadow: 0 20px 60px rgba(0, 0, 0, 0.55);\r\n}\r\n\r\n\/* Glow borders *\/\r\n.stats-card.blue { border-color: #1e5bff66; }\r\n.stats-card.green { border-color: #11cfa666; }\r\n.stats-card.purple { border-color: #c45bff66; }\r\n.stats-card.orange { border-color: #ffb84a66; }\r\n\r\n\/* ---------- Icons ---------- *\/\r\n.icon-circle {\r\n  width: 78px;\r\n  height: 78px;\r\n  border-radius: 50%;\r\n  margin: 0 auto 20px;\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n}\r\n\r\n.blue .icon-circle { background: linear-gradient(#1e5bff55, #063bff33); }\r\n.green .icon-circle { background: linear-gradient(#11cfa655, #03785f33); }\r\n.purple .icon-circle { background: linear-gradient(#c45bff55, #9a3cff33); }\r\n.orange .icon-circle { background: linear-gradient(#ffb84a66, #ff922233); }\r\n\r\n.icon-circle svg {\r\n  width: 34px;\r\n  height: 34px;\r\n  stroke: #fff;\r\n}\r\n\r\n\/* ---------- Text ---------- *\/\r\n.count {\r\n  font-size: 42px;\r\n  font-weight: 800;\r\n  margin-bottom: 10px;\r\n}\r\n\r\n.card-title {\r\n  font-size: 18px;\r\n  font-weight: 700;\r\n  margin-bottom: 10px;\r\n}\r\n\r\n.card-desc {\r\n  font-size: 14px;\r\n  color: #b4b7c0;\r\n  line-height: 1.5;\r\n  max-width: 300px;\r\n  margin: 0 auto;\r\n}\r\n<\/style>\r\n\r\n<section class=\"stats-section\">\r\n  <h2>Driving Digital Innovation<\/h2>\r\n  <p class=\"subtext\">\r\n    Our commitment to excellence and innovation drives everything we do,\r\n    empowering businesses to thrive in the digital age.\r\n  <\/p>\r\n\r\n  <div class=\"stats-grid\">\r\n\r\n    <!-- Card 1 -->\r\n    <div class=\"stats-card blue\">\r\n      <div class=\"icon-circle\">\r\n        <svg fill=\"none\" viewBox=\"0 0 24 24\">\r\n          <path d=\"M8 7L3 12L8 17\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\r\n          <path d=\"M16 7L21 12L16 17\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\r\n        <\/svg>\r\n      <\/div>\r\n      <div class=\"count\">1000+<\/div>\r\n      <div class=\"card-title\">Projects Completed<\/div>\r\n      <p class=\"card-desc\">Successfully delivered over 100 projects transforming businesses through digital solutions.<\/p>\r\n    <\/div>\r\n\r\n    <!-- Card 2 -->\r\n    <div class=\"stats-card green\">\r\n      <div class=\"icon-circle\">\r\n        <svg fill=\"none\" viewBox=\"0 0 24 24\">\r\n          <path d=\"M12 12a3 3 0 100-6 3 3 0 000 6zM4 20a5 5 0 0116 0\" stroke-width=\"2\" stroke-linecap=\"round\"\/>\r\n        <\/svg>\r\n      <\/div>\r\n      <div class=\"count\">50+<\/div>\r\n      <div class=\"card-title\">Team Members<\/div>\r\n      <p class=\"card-desc\">A dedicated team of professionals working collaboratively towards excellence.<\/p>\r\n    <\/div>\r\n\r\n    <!-- Card 3 -->\r\n    <div class=\"stats-card purple\">\r\n      <div class=\"icon-circle\">\r\n        <svg fill=\"none\" viewBox=\"0 0 24 24\">\r\n          <rect x=\"3\" y=\"3\" width=\"18\" height=\"18\" rx=\"3\" stroke-width=\"2\"\/>\r\n          <circle cx=\"8\" cy=\"8\" r=\"1\" fill=\"#fff\"\/>\r\n          <circle cx=\"12\" cy=\"8\" r=\"1\" fill=\"#fff\"\/>\r\n          <circle cx=\"16\" cy=\"8\" r=\"1\" fill=\"#fff\"\/>\r\n        <\/svg>\r\n      <\/div>\r\n      <div class=\"count\">01+<\/div>\r\n      <div class=\"card-title\">Global Offices<\/div>\r\n      <p class=\"card-desc\">Serving businesses across 10+ cities around the world.<\/p>\r\n    <\/div>\r\n\r\n    <!-- Card 4 -->\r\n    <div class=\"stats-card orange\">\r\n      <div class=\"icon-circle\">\r\n        <svg fill=\"none\" viewBox=\"0 0 24 24\">\r\n          <path d=\"M8 3v2a4 4 0 004 4 4 4 0 004-4V3\" stroke-width=\"2\" stroke-linecap=\"round\"\/>\r\n          <path d=\"M8 12c-2 0-4 2-4 4v1h16v-1c0-2-2-4-4-4\" stroke-width=\"2\" stroke-linecap=\"round\"\/>\r\n        <\/svg>\r\n      <\/div>\r\n      <div class=\"count\">25+<\/div>\r\n      <div class=\"card-title\">Industry Awards<\/div>\r\n      <p class=\"card-desc\">Recognized for excellence with 25+ prestigious awards.<\/p>\r\n    <\/div>\r\n\r\n  <\/div>\r\n<\/section>\r\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>\ud83d\udca1 Our Core Values Principles That Guide Us The fundamental beliefs that shape our culture, guide our decisions, and define [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"site-sidebar-layout":"no-sidebar","site-content-layout":"","ast-site-content-layout":"full-width-container","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"disabled","ast-breadcrumbs-content":"","ast-featured-img":"disabled","footer-sml-layout":"","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"default","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"footnotes":""},"class_list":["post-593","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/ficertech.com\/index.php?rest_route=\/wp\/v2\/pages\/593","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/ficertech.com\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/ficertech.com\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/ficertech.com\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/ficertech.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=593"}],"version-history":[{"count":63,"href":"https:\/\/ficertech.com\/index.php?rest_route=\/wp\/v2\/pages\/593\/revisions"}],"predecessor-version":[{"id":2548,"href":"https:\/\/ficertech.com\/index.php?rest_route=\/wp\/v2\/pages\/593\/revisions\/2548"}],"wp:attachment":[{"href":"https:\/\/ficertech.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=593"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}