{"id":591,"date":"2025-09-25T12:20:01","date_gmt":"2025-09-25T12:20:01","guid":{"rendered":"https:\/\/ficertech.com\/?page_id=591"},"modified":"2026-03-25T17:23:54","modified_gmt":"2026-03-25T17:23:54","slug":"home","status":"publish","type":"page","link":"https:\/\/ficertech.com\/","title":{"rendered":"Home"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"591\" class=\"elementor elementor-591\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-a75debb e-con-full e-flex e-con e-parent\" data-id=\"a75debb\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;video&quot;}\">\n\t\t<div class=\"elementor-element elementor-element-ed55725 e-con-full e-flex e-con e-child\" data-id=\"ed55725\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-1c0b644 elementor-widget elementor-widget-heading\" data-id=\"1c0b644\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h1 class=\"elementor-heading-title elementor-size-default\">Design. Build. Scale. Your Digital Future Starts Here.<\/h1>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-a94f033 elementor-widget elementor-widget-text-editor\" data-id=\"a94f033\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<p>We design and build modern digital experiences that help brands stand out, grow faster, and connect with their audience.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-9adec94 elementor-widget elementor-widget-html\" data-id=\"9adec94\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t\n \n\n  \n  <a class=\"btnn\" href=\"https:\/\/ficertech.com\/?page_id=595\">Let's connect<\/a>\n  \n<style>\n\/* From Uiverse.io by adamgiebl *\/ \n.btnn{\n  position: relative;\n  display: inline-block;\n  margin: px;\n  padding: 10px 10px;\n  text-align: center;\n  font-size: 18px;\n  letter-spacing: 1px;\n  text-decoration: none;\n  color: #fff;\n  background: transparent;\n  cursor: pointer;\n  transition: ease-out 0.5s;\n  border: 2px solid #A855F7;\n  border-radius: 10px;\n  box-shadow: inset 0 0 0 0 #725AC1;\n}\n\n.btnn:hover {\n  color: white;\n  box-shadow: inset 0 -100px 0 0 #A855F7;\n}\n\n.btnn:active {\n  transform: scale(0.9);\n}\n<\/style>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-30ac4c3 e-con-full e-flex e-con e-child\" data-id=\"30ac4c3\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-60708ef animated-fast elementor-invisible elementor-widget elementor-widget-image\" data-id=\"60708ef\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;motion_fx_motion_fx_mouse&quot;:&quot;yes&quot;,&quot;motion_fx_tilt_effect&quot;:&quot;yes&quot;,&quot;motion_fx_tilt_speed&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:3,&quot;sizes&quot;:[]},&quot;_animation&quot;:&quot;fadeInRight&quot;}\" data-widget_type=\"image.default\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img fetchpriority=\"high\" decoding=\"async\" width=\"2048\" height=\"2048\" src=\"https:\/\/ficertech.com\/wp-content\/uploads\/2026\/03\/ficer-laptop-ogo.png\" class=\"elementor-animation-bob attachment-full size-full wp-image-2744\" alt=\"\" srcset=\"https:\/\/ficertech.com\/wp-content\/uploads\/2026\/03\/ficer-laptop-ogo.png 2048w, https:\/\/ficertech.com\/wp-content\/uploads\/2026\/03\/ficer-laptop-ogo-300x300.png 300w, https:\/\/ficertech.com\/wp-content\/uploads\/2026\/03\/ficer-laptop-ogo-1024x1024.png 1024w, https:\/\/ficertech.com\/wp-content\/uploads\/2026\/03\/ficer-laptop-ogo-150x150.png 150w, https:\/\/ficertech.com\/wp-content\/uploads\/2026\/03\/ficer-laptop-ogo-768x768.png 768w, https:\/\/ficertech.com\/wp-content\/uploads\/2026\/03\/ficer-laptop-ogo-1536x1536.png 1536w\" sizes=\"(max-width: 2048px) 100vw, 2048px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-ee59e9b e-flex e-con-boxed e-con e-parent\" data-id=\"ee59e9b\" 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-720de09 elementor-widget elementor-widget-heading\" data-id=\"720de09\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h1 class=\"elementor-heading-title elementor-size-default\">A Glimpse Into Our  <span style=\"color: #a855f7\">Excellence<\/span><\/h1>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-e6dd8d9 elementor-widget elementor-widget-text-editor\" data-id=\"e6dd8d9\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<p>Transforming challenges into opportunities through innovation\u2014discover how we do it.<\/p>\t\t\t\t\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-10e9a33 e-con-full e-flex e-con e-parent\" data-id=\"10e9a33\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t<div class=\"elementor-element elementor-element-68cb3a1 e-con-full e-flex e-con e-child\" data-id=\"68cb3a1\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-93df814 elementor-widget elementor-widget-html\" data-id=\"93df814\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- 3-Column Parallax Services Section (Performance Optimized) -->\r\n<section class=\"parallax-columns-section\" id=\"parallax-service-section\">\r\n  \r\n  <style>\r\n    \/* --- CSS Styles --- *\/\r\n    .parallax-columns-section {\r\n      font-family: 'Segoe UI', sans-serif;\r\n      color: #fff;\r\n      overflow: hidden; \/* Crucial to hide elements moving off-screen *\/\r\n      padding: 60px 20px;\r\n    }\r\n\r\n    \/* Layout: 3 Distinct Columns *\/\r\n    .parallax-wrapper {\r\n      max-width: 1200px;\r\n      margin: 0 auto;\r\n      display: flex;\r\n      gap: 50px; \/* Space between columns *\/\r\n      justify-content: center;\r\n      align-items: flex-start;\r\n      perspective: 1000px; \/* Adds depth for 3D rotation *\/\r\n    }\r\n\r\n    .parallax-col {\r\n      flex: 1;\r\n      display: flex;\r\n      flex-direction: column;\r\n      gap: 40px; \/* Space between cards vertically *\/\r\n      will-change: transform; \/* Hardware acceleration hint *\/\r\n    }\r\n\r\n    \/* Responsive: Stack on Mobile *\/\r\n    @media (max-width: 1000px) {\r\n      .parallax-wrapper {\r\n        flex-direction: column;\r\n      }\r\n      .parallax-col {\r\n        width: 100%;\r\n        transform: none !important; \/* Disable parallax on mobile *\/\r\n      }\r\n    }\r\n\r\n    \/* Card Styling *\/\r\n    .service-card {\r\n      background: rgba(255, 255, 255, 0.05);\r\n      backdrop-filter: blur(5px);\r\n      -webkit-backdrop-filter: blur(5px);\r\n      border: 1px solid rgba(255, 255, 255, 0.1);\r\n      border-radius: 20px;\r\n      padding: 40px 25px;\r\n      text-align: center;\r\n      transition: background 0.4s ease, border-color 0.4s ease, transform 0.4s ease;\r\n      position: relative;\r\n      overflow: hidden;\r\n      box-shadow: 0 4px 20px rgba(0,0,0,0.2);\r\n    }\r\n\r\n    .service-card .icon {\r\n      font-size: 42px;\r\n      margin-bottom: 20px;\r\n      display: inline-block;\r\n      transition: transform 0.3s ease;\r\n      will-change: transform;\r\n    }\r\n\r\n    .service-card h3 {\r\n      margin: 15px 0;\r\n      font-size: 20px;\r\n      font-weight: 700;\r\n      color: #f8fafc;\r\n    }\r\n\r\n    .service-card p {\r\n      font-size: 14px;\r\n      color: #94a3b8;\r\n      line-height: 1.6;\r\n    }\r\n\r\n    .service-card:hover {\r\n      background: rgba(255, 255, 255, 0.1);\r\n      border-color: rgba(56, 189, 248, 0.5);\r\n      transform: translateY(-5px);\r\n    }\r\n    \r\n    .service-card:hover .icon {\r\n      transform: scale(1.1);\r\n    }\r\n\r\n    \/* Native Performance-Optimized Fade-Up Animations (Replaces AOS) *\/\r\n    .fade-up {\r\n      opacity: 0;\r\n      transform: translateY(30px);\r\n      transition: opacity 0.6s ease-out, transform 0.6s ease-out;\r\n      transition-delay: var(--delay, 0ms);\r\n      will-change: opacity, transform;\r\n    }\r\n    \r\n    .fade-up.visible {\r\n      opacity: 1;\r\n      transform: translateY(0);\r\n    }\r\n  <\/style>\r\n\r\n  <div class=\"parallax-wrapper\">\r\n    \r\n    <!-- COLUMN 1: Moves Up, Left, and Rotates Left -->\r\n    <div class=\"parallax-col\" id=\"col-1\">\r\n      <div class=\"service-card fade-up\">\r\n        <div class=\"icon\">\ud83c\udfa8<\/div>\r\n        <h3>Graphics Designing<\/h3>\r\n        <p>Creative and professional designs that reflect your brand identity.<\/p>\r\n      <\/div>\r\n      <div class=\"service-card fade-up\">\r\n        <div class=\"icon\">\ud83d\udd17<\/div>\r\n        <h3>CRM Integration<\/h3>\r\n        <p>Integrate platforms like HubSpot, Salesforce, and Zoho for better workflow.<\/p>\r\n      <\/div>\r\n      <div class=\"service-card fade-up\">\r\n        <div class=\"icon\">\ud83d\udcf1<\/div>\r\n        <h3>Cross Platform App<\/h3>\r\n        <p>Applications that work flawlessly across Android, iOS, and web platforms.<\/p>\r\n      <\/div>\r\n      <div class=\"service-card fade-up\">\r\n        <div class=\"icon\">\ud83d\udce2<\/div>\r\n        <h3>Digital Marketing<\/h3>\r\n        <p>Data-driven campaigns to increase online visibility and customer reach.<\/p>\r\n      <\/div>\r\n       <div class=\"service-card fade-up\">\r\n        <div class=\"icon\">\ud83c\udfac<\/div>\r\n        <h3>Video Editing<\/h3>\r\n        <p>Professional video production and editing that tell your brand\u2019s story.<\/p>\r\n      <\/div>\r\n    <\/div>\r\n\r\n    <!-- COLUMN 2: Static (Standard Scroll) -->\r\n    <div class=\"parallax-col\" id=\"col-2\">\r\n      <div class=\"service-card fade-up\" style=\"--delay: 100ms;\">\r\n        <div class=\"icon\">\ud83e\udde9<\/div>\r\n        <h3>UI \/ UX Design<\/h3>\r\n        <p>Modern, user-focused interfaces to enhance usability and experience.<\/p>\r\n      <\/div>\r\n      <div class=\"service-card fade-up\" style=\"--delay: 100ms;\">\r\n        <div class=\"icon\">\ud83c\udf10<\/div>\r\n        <h3>Website Development<\/h3>\r\n        <p>Professional sites on WordPress, Shopify, and Wix \u2014 fast and scalable.<\/p>\r\n      <\/div>\r\n      <div class=\"service-card fade-up\" style=\"--delay: 100ms;\">\r\n        <div class=\"icon\">\ud83e\udde0<\/div>\r\n        <h3>Native Solutions<\/h3>\r\n        <p>Performance-driven native apps optimized for specific devices and OS.<\/p>\r\n      <\/div>\r\n      <div class=\"service-card fade-up\" style=\"--delay: 100ms;\">\r\n        <div class=\"icon\">\u2709\ufe0f<\/div>\r\n        <h3>Email Marketing<\/h3>\r\n        <p>Powerful email campaigns designed to convert and engage customers.<\/p>\r\n      <\/div>\r\n      <div class=\"service-card fade-up\" style=\"--delay: 100ms;\">\r\n        <div class=\"icon\">\ud83c\udf00<\/div>\r\n        <h3>2D & 3D Animation<\/h3>\r\n        <p>High-quality motion graphics and animations that captivate your audience.<\/p>\r\n      <\/div>\r\n    <\/div>\r\n\r\n    <!-- COLUMN 3: Moves Up, Right, and Rotates Right -->\r\n    <div class=\"parallax-col\" id=\"col-3\">\r\n      <div class=\"service-card fade-up\" style=\"--delay: 200ms;\">\r\n        <div class=\"icon\">\u2699\ufe0f<\/div>\r\n        <h3>Customized Solutions<\/h3>\r\n        <p>Tailored digital and technical solutions designed for your business goals.<\/p>\r\n      <\/div>\r\n      <div class=\"service-card fade-up\" style=\"--delay: 200ms;\">\r\n        <div class=\"icon\">\ud83d\udcbb<\/div>\r\n        <h3>Custom Web Dev<\/h3>\r\n        <p>Develop unique, high-performing websites built around your vision.<\/p>\r\n      <\/div>\r\n      <div class=\"service-card fade-up\" style=\"--delay: 200ms;\">\r\n        <div class=\"icon\">\ud83c\udfaf<\/div>\r\n        <h3>Lead Generation<\/h3>\r\n        <p>Targeted B2B and B2C leads to help you scale your business effectively.<\/p>\r\n      <\/div>\r\n      <div class=\"service-card fade-up\" style=\"--delay: 200ms;\">\r\n        <div class=\"icon\">\ud83d\udcbc<\/div>\r\n        <h3>HubSpot Integration<\/h3>\r\n        <p>Enhance automation and analytics with seamless HubSpot integration.<\/p>\r\n      <\/div>\r\n       <div class=\"service-card fade-up\" style=\"--delay: 200ms;\">\r\n        <div class=\"icon\">\ud83d\udcbc<\/div>\r\n        <h3>HubSpot Integration<\/h3>\r\n        <p>Enhance automation and analytics with seamless HubSpot integration.<\/p>\r\n      <\/div>\r\n    <\/div>\r\n\r\n  <\/div>\r\n\r\n  <script>\r\n    document.addEventListener(\"DOMContentLoaded\", function() {\r\n      \/\/ 1. Native lightweight Intersection Observer (Replaces heavy AOS.js)\r\n      const fadeObserver = new IntersectionObserver((entries, observer) => {\r\n        entries.forEach(entry => {\r\n          if (entry.isIntersecting) {\r\n            entry.target.classList.add('visible');\r\n            observer.unobserve(entry.target); \/\/ Stop observing once visible to save CPU\r\n          }\r\n        });\r\n      }, { threshold: 0.1 });\r\n\r\n      document.querySelectorAll('.fade-up').forEach(el => fadeObserver.observe(el));\r\n\r\n      \/\/ 2. Parallax Logic (Performance Optimized)\r\n      const section = document.getElementById(\"parallax-service-section\");\r\n      const col1 = document.getElementById(\"col-1\");\r\n      const col3 = document.getElementById(\"col-3\");\r\n\r\n      const maxTranslate = 130; \r\n      const maxRotate = 5;\r\n      \r\n      let ticking = false;\r\n      let isSectionInView = false;\r\n\r\n      \/\/ Viewport culling: Only calculate parallax math when the section is actually on screen\r\n      const sectionObserver = new IntersectionObserver((entries) => {\r\n        isSectionInView = entries[0].isIntersecting;\r\n      }, { rootMargin: \"200px\" }); \/\/ Start calculating slightly before it enters viewport\r\n      \r\n      sectionObserver.observe(section);\r\n\r\n      function updateParallax() {\r\n        \/\/ Skip calculations if mobile or off-screen\r\n        if (!isSectionInView || window.innerWidth <= 1000) {\r\n          ticking = false;\r\n          return;\r\n        }\r\n\r\n        const rect = section.getBoundingClientRect();\r\n        const viewportHeight = window.innerHeight;\r\n        \r\n        const startOffset = viewportHeight; \r\n        const totalDistance = rect.height + viewportHeight;\r\n        const currentPos = (viewportHeight - rect.top);\r\n        \r\n        let progress = currentPos \/ totalDistance;\r\n\r\n        \/\/ Clamp progress between 0 and 1\r\n        progress = Math.max(0, Math.min(1, progress));\r\n\r\n        const y1 = -maxTranslate * progress;\r\n        const x1 = -maxTranslate * progress;\r\n        const r1 = -maxRotate * progress;\r\n\r\n        const y3 = -maxTranslate * progress;\r\n        const x3 = maxTranslate * progress; \r\n        const r3 = maxRotate * progress;    \r\n\r\n        \/\/ Apply Transforms using GPU hardware acceleration (translate3d)\r\n        col1.style.transform = `translate3d(${x1}px, ${y1}px, 0) rotateZ(${r1}deg)`;\r\n        col3.style.transform = `translate3d(${x3}px, ${y3}px, 0) rotateZ(${r3}deg)`;\r\n\r\n        ticking = false; \/\/ Reset the lock\r\n      }\r\n\r\n      \/\/ 3. Scroll Event with requestAnimationFrame debouncing and {passive: true}\r\n      window.addEventListener(\"scroll\", () => {\r\n        if (!ticking) {\r\n          window.requestAnimationFrame(updateParallax);\r\n          ticking = true; \/\/ Lock until the frame is rendered\r\n        }\r\n      }, { passive: true }); \/\/ Prevent blocking the main browser scroll thread\r\n    });\r\n  <\/script>\r\n<\/section>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-fd2d605 e-flex e-con-boxed e-con e-parent\" data-id=\"fd2d605\" 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-182ebc3 elementor-widget elementor-widget-html\" data-id=\"182ebc3\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!DOCTYPE html>\r\n<html lang=\"en\">\r\n<head>\r\n    <meta charset=\"UTF-8\">\r\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\r\n    <title>Who We Are Section<\/title>\r\n    \r\n    <!-- Preconnect to speed up font loading -->\r\n    <link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\r\n    <link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\r\n    <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Poppins:wght@400;600;700&display=swap\" rel=\"stylesheet\">\r\n    \r\n    <style>\r\n        \/* =========================\r\n           CSS STYLES\r\n        ========================= *\/\r\n\r\n        :root {\r\n            --bg-dark: #000000;\r\n            --text-white: #ffffff;\r\n            --text-grey: #dddddd;\r\n            --accent-purple: #a855f7; \/* Purple Accent *\/\r\n            --section-padding: 60px 20px;\r\n        }\r\n\r\n        \/* Section & Container *\/\r\n        .wa-section {\r\n            color: var(--text-white);\r\n            padding: var(--section-padding);\r\n            overflow: hidden;\r\n            font-family: 'Poppins', sans-serif;\r\n        }\r\n\r\n        .wa-container {\r\n            max-width: 1200px;\r\n            margin: 0 auto;\r\n        }\r\n\r\n        \/* Main Title *\/\r\n        .wa-main-title {\r\n            text-align: center;\r\n            font-size: 4rem;\r\n            font-weight: 800;\r\n            margin-bottom: 60px;\r\n            text-transform: uppercase;\r\n            letter-spacing: 2px;\r\n            color: var(--text-white);\r\n        }\r\n\r\n        .wa-main-title span {\r\n            color: var(--accent-purple);\r\n        }\r\n\r\n        \/* Grid Layout *\/\r\n        .wa-content-grid {\r\n            display: grid;\r\n            grid-template-columns: 1fr 1fr;\r\n            gap: 45px;\r\n            align-items: center;\r\n        }\r\n\r\n        \/* Desktop Layout: Text Left (Order 1), Image Right (Order 2) *\/\r\n        .wa-image-block {\r\n            order: 2;\r\n        }\r\n\r\n        .wa-text-block {\r\n            order: 1;\r\n            display: flex;\r\n            flex-direction: column;\r\n            gap: 35px;\r\n        }\r\n\r\n        \/* Main Image Style (Restored for Layout Stability) *\/\r\n        .wa-image-block img {\r\n            width: 100%;\r\n            height: auto;\r\n            border-radius: 20px;\r\n            object-fit: cover;\r\n            box-shadow: 0 10px 30px rgba(0,0,0,0.5);\r\n            display: block;\r\n        }\r\n\r\n        \/* Tagline Banner *\/\r\n        .wa-tagline-banner {\r\n            border-left: 5px solid var(--accent-purple);\r\n            padding-left: 20px;\r\n        }\r\n\r\n        .wa-tagline-banner h2 {\r\n            font-size: 2rem;\r\n            font-weight: 600;\r\n            margin: 0;\r\n            line-height: 1.3;\r\n            color: var(--text-white);\r\n        }\r\n\r\n        .wa-tagline-banner .highlight {\r\n            color: var(--accent-purple);\r\n        }\r\n\r\n        \/* Description *\/\r\n        .wa-description p {\r\n            color: var(--text-grey);\r\n            line-height: 1.5;\r\n            margin-bottom: 20px;\r\n            font-size: 0.9rem;\r\n        }\r\n\r\n        \/* Stats Counter Container *\/\r\n        .wa-stats-container {\r\n            display: flex;\r\n            justify-content: space-between;\r\n            margin-top: 20px;\r\n            flex-wrap: wrap;\r\n            gap: 20px;\r\n        }\r\n\r\n        .wa-stat-item {\r\n            text-align: center;\r\n            flex: 1 1 100px;\r\n        }\r\n\r\n        \/* Wrapper ensures the number and K+ sit together nicely *\/\r\n        .wa-stat-number-wrapper {\r\n             font-size: 2.5rem;\r\n             font-weight: 700;\r\n             color: var(--text-white);\r\n             line-height: 1;\r\n             margin-bottom: 10px;\r\n             display: block;\r\n        }\r\n\r\n        \/* Tabular nums prevents layout jitter during counter animation *\/\r\n        .wa-counter {\r\n            font-variant-numeric: tabular-nums;\r\n        }\r\n\r\n        .wa-stat-number-wrapper span.plus-sign {\r\n            color: var(--accent-purple);\r\n        }\r\n\r\n        .wa-stat-label {\r\n            color: var(--text-white);\r\n            font-size: 0.9rem;\r\n            line-height: 1.4;\r\n        }\r\n\r\n        \/* =========================\r\n           RESPONSIVE CSS\r\n        ========================= *\/\r\n        @media (max-width: 992px) {\r\n            .wa-main-title { font-size: 2.5rem; }\r\n            .wa-content-grid {\r\n                grid-template-columns: 1fr;\r\n                gap: 40px;\r\n            }\r\n            \/* Stacking order automatically handles text over image *\/\r\n            .wa-image-block { order: 1; }\r\n            .wa-text-block { order: 2; }\r\n        }\r\n\r\n        @media (max-width: 600px) {\r\n            .wa-main-title { font-size: 2rem; margin-bottom: 30px; }\r\n            .wa-tagline-banner h2 { font-size: 1.4rem; }\r\n            \r\n            \/* Stats 2x2 on mobile *\/\r\n            .wa-stats-container {\r\n                display: grid;\r\n                grid-template-columns: 1fr 1fr;\r\n                gap: 30px 10px;\r\n            }\r\n            .wa-stat-item { text-align: left; padding-left: 10px; }\r\n            .wa-stat-number-wrapper { font-size: 2rem; }\r\n        }\r\n    <\/style>\r\n<\/head>\r\n<body style=\"background-color: #000; margin: 0;\">\r\n\r\n<section class=\"wa-section\">\r\n    <div class=\"wa-container\">\r\n        \r\n        <h1 class=\"wa-main-title\">WHO WE <span>ARE ?<\/span><\/h1>\r\n\r\n        <div class=\"wa-content-grid\">\r\n            \r\n            <!-- Image Block: Added lazy loading and async decoding for performance -->\r\n            <div class=\"wa-image-block\">\r\n                <img src=\"https:\/\/ficertech.com\/wp-content\/uploads\/2026\/03\/Gemini_Generated_Image_cn3kdbcn3kdbcn3k-1.png\" alt=\"Tech\" loading=\"lazy\" decoding=\"async\">\r\n            <\/div>\r\n\r\n            <!-- Text Block -->\r\n            <div class=\"wa-text-block\">\r\n                \r\n                <div class=\"wa-tagline-banner\">\r\n                    <h2>We apply expert solutions to generate success for  <span class=\"highlight\">your vision<\/span><\/h2>\r\n                <\/div>\r\n\r\n                <div class=\"wa-description\">\r\n                    <p>\"FICER delivers innovative, reliable software that drives transformation. We help you streamline operations and elevate user experiences today to secure your success for tomorrow.\"<\/p>\r\n                    <p><span class=\"highlight\">FICERTECH:<\/span> Building functional digital systems, not just flashy designs.<\/p>\r\n                <\/div>\r\n\r\n                <div class=\"wa-stats-container\" id=\"wa-counter-section\">\r\n                    \r\n                    <div class=\"wa-stat-item\">\r\n                        <div class=\"wa-stat-number-wrapper\">\r\n                            <span class=\"wa-counter\" data-target=\"1\">0<\/span>K<span class=\"plus-sign\">+<\/span>\r\n                        <\/div>\r\n                        <div class=\"wa-stat-label\">Projects<br>Completed<\/div>\r\n                    <\/div>\r\n\r\n                    <div class=\"wa-stat-item\">\r\n                        <div class=\"wa-stat-number-wrapper\">\r\n                            <span class=\"wa-counter\" data-target=\"900\">0<\/span><span class=\"plus-sign\">+<\/span>\r\n                        <\/div>\r\n                        <div class=\"wa-stat-label\">Satisfied<br>Clients<\/div>\r\n                    <\/div>\r\n\r\n                    <div class=\"wa-stat-item\">\r\n                        <div class=\"wa-stat-number-wrapper\">\r\n                            <span class=\"wa-counter\" data-target=\"2\">0<\/span><span class=\"plus-sign\">+<\/span>\r\n                        <\/div>\r\n                        <div class=\"wa-stat-label\">Years of<br>Mastery<\/div>\r\n                    <\/div>\r\n\r\n                    <div class=\"wa-stat-item\">\r\n                        <div class=\"wa-stat-number-wrapper\">\r\n                            <span class=\"wa-counter\" data-target=\"5\">0<\/span><span class=\"plus-sign\">+<\/span>\r\n                        <\/div>\r\n                        <div class=\"wa-stat-label\">Worldwide<br>Honours<\/div>\r\n                    <\/div>\r\n\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n    <\/div>\r\n<\/section>\r\n\r\n<script>\r\ndocument.addEventListener(\"DOMContentLoaded\", () => {\r\n    \r\n    \/\/ Configuration\r\n    const ANIMATION_DURATION = 2000; \/\/ Time in milliseconds (2 seconds)\r\n    const SECTION_ID = \"#wa-counter-section\";\r\n    const COUNTER_CLASS = \".wa-counter\";\r\n\r\n    const section = document.querySelector(SECTION_ID);\r\n    const counters = document.querySelectorAll(COUNTER_CLASS);\r\n\r\n    \/\/ The animation logic\r\n    const runAnimation = (counterElement) => {\r\n        const target = +counterElement.getAttribute('data-target');\r\n        const startTime = performance.now();\r\n\r\n        const update = (currentTime) => {\r\n            const elapsed = currentTime - startTime;\r\n            const progress = Math.min(elapsed \/ ANIMATION_DURATION, 1);\r\n            \r\n            \/\/ Easing function: easeOutQuart (starts fast, slows down at the end)\r\n            const ease = 1 - Math.pow(1 - progress, 4);\r\n            const currentNumber = Math.floor(ease * target);\r\n            \r\n            counterElement.innerText = currentNumber;\r\n\r\n            if (progress < 1) {\r\n                requestAnimationFrame(update);\r\n            } else {\r\n                \/\/ Ensure final number is exactly the target\r\n                counterElement.innerText = target; \r\n            }\r\n        };\r\n\r\n        requestAnimationFrame(update);\r\n    };\r\n\r\n    \/\/ Intersection Observer to trigger when scrolled into view\r\n    \/\/ Optimized to unobserve immediately after triggering\r\n    if (section && counters.length > 0) {\r\n        const observer = new IntersectionObserver((entries, obs) => {\r\n            if (entries[0].isIntersecting) {\r\n                counters.forEach(counter => runAnimation(counter));\r\n                obs.disconnect(); \/\/ Completely stop observing to save CPU resources\r\n            }\r\n        }, {\r\n            threshold: 0.5 \/\/ Trigger when 50% of section is visible\r\n        });\r\n\r\n        observer.observe(section);\r\n    }\r\n});\r\n<\/script>\r\n\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-d0cecdd e-flex e-con-boxed e-con e-parent\" data-id=\"d0cecdd\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"elementor-element elementor-element-3a07edf e-con-full e-flex e-con e-child\" data-id=\"3a07edf\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-a04f032 elementor-widget elementor-widget-html\" data-id=\"a04f032\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!DOCTYPE html>\r\n<html lang=\"en\">\r\n<head>\r\n    <meta charset=\"UTF-8\">\r\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\r\n    <title>Cost Estimator<\/title>\r\n    \r\n    <!-- Embedded Styles for Futuristic Animations -->\r\n    <style>\r\n        \/* Base Reset *\/\r\n        \r\n        \/* Futuristic Loader Animations - GPU Accelerated *\/\r\n        @keyframes spinOuter {\r\n            0% { transform: rotate(0deg) translateZ(0); }\r\n            100% { transform: rotate(360deg) translateZ(0); }\r\n        }\r\n        @keyframes spinInner {\r\n            0% { transform: rotate(360deg) translateZ(0); }\r\n            100% { transform: rotate(0deg) translateZ(0); }\r\n        }\r\n        @keyframes pulseGlow {\r\n            0%, 100% { box-shadow: 0 0 15px #a24bff, inset 0 0 15px #a24bff; }\r\n            50% { box-shadow: 0 0 35px #ff2fa4, inset 0 0 35px #ff2fa4; }\r\n        }\r\n        @keyframes textBlink {\r\n            0%, 100% { opacity: 1; }\r\n            50% { opacity: 0.4; }\r\n        }\r\n        @keyframes scanline {\r\n            0% { transform: translateY(-100%) translateZ(0); }\r\n            100% { transform: translateY(100%) translateZ(0); }\r\n        }\r\n\r\n        .ai-loader-container {\r\n            display: none; \/* Hidden by default *\/\r\n            flex-direction: column;\r\n            align-items: center;\r\n            justify-content: center;\r\n            padding: 40px;\r\n            margin-top: 30px;\r\n            background: rgba(15,15,20,0.6);\r\n            backdrop-filter: blur(12px);\r\n            -webkit-backdrop-filter: blur(12px);\r\n            border-radius: 15px;\r\n            border: 1px solid rgba(164,75,255,0.4);\r\n            box-shadow: 0 0 25px rgba(164,75,255,0.2);\r\n            position: relative;\r\n            overflow: hidden;\r\n        }\r\n\r\n        \/* Scanline effect over the loader *\/\r\n        .ai-loader-container::before {\r\n            content: \"\";\r\n            position: absolute;\r\n            top: 0; left: 0; right: 0; bottom: 0;\r\n            background: linear-gradient(to bottom, transparent, rgba(255,47,164,0.2), transparent);\r\n            animation: scanline 2s linear infinite;\r\n            pointer-events: none;\r\n            will-change: transform; \/* Hint for browser optimization *\/\r\n        }\r\n\r\n        .cyber-ring-outer {\r\n            width: 80px;\r\n            height: 80px;\r\n            border: 3px dashed #a24bff;\r\n            border-radius: 50%;\r\n            animation: spinOuter 4s linear infinite;\r\n            display: flex;\r\n            align-items: center;\r\n            justify-content: center;\r\n            will-change: transform;\r\n        }\r\n\r\n        .cyber-ring-inner {\r\n            width: 50px;\r\n            height: 50px;\r\n            border: 3px solid transparent;\r\n            border-top: 3px solid #ff2fa4;\r\n            border-bottom: 3px solid #ff2fa4;\r\n            border-radius: 50%;\r\n            animation: spinInner 2s linear infinite, pulseGlow 2s ease-in-out infinite;\r\n            will-change: transform, box-shadow;\r\n        }\r\n\r\n        .cyber-text {\r\n            margin-top: 25px;\r\n            font-family: 'Courier New', Courier, monospace; \/* Monospace for tech feel *\/\r\n            color: #ff2fa4;\r\n            font-weight: bold;\r\n            letter-spacing: 2px;\r\n            animation: textBlink 1.5s infinite;\r\n            text-shadow: 0 0 10px rgba(255,47,164,0.8);\r\n            will-change: opacity;\r\n        }\r\n\r\n        \/* Calculator Reveal Animation *\/\r\n        .fade-in {\r\n            animation: fadeInCalc 0.6s ease-out forwards;\r\n        }\r\n        @keyframes fadeInCalc {\r\n            from { opacity: 0; transform: translateY(15px); }\r\n            to { opacity: 1; transform: translateY(0); }\r\n        }\r\n\r\n        \/* Pure CSS Hover Scaling (Replaces bulky JS listeners) *\/\r\n        .hover-scale {\r\n            transition: transform 0.3s cubic-bezier(0.16, 1, 0.3, 1), box-shadow 0.3s ease;\r\n            will-change: transform;\r\n        }\r\n        .hover-scale:hover {\r\n            transform: scale(1.05);\r\n        }\r\n        \r\n        \/* Service Item specific transitions to prevent animating \"all\" *\/\r\n        .service-item {\r\n            transition: background-color 0.3s ease, border-color 0.3s ease, box-shadow 0.3s ease;\r\n        }\r\n    <\/style>\r\n<\/head>\r\n<body style=\"background: #0a0a0a; margin: 0; min-height: 100vh; display: flex; align-items: center; justify-content: center;\">\r\n\r\n<!-- Project Cost Estimator Section -->\r\n<section style=\"width: 100%; padding: 80px 20px; text-align: left; color: #fff; font-family: 'Segoe UI', sans-serif; background: rgba(255, 255, 255, 0.05); backdrop-filter: blur(10px); -webkit-backdrop-filter: blur(10px); border: 1px solid rgba(255, 255, 255, 0.1); border-radius: 16px; box-shadow: 0 4px 30px rgba(0, 0, 0, 0.5);\">\r\n    <div style=\"max-width: 1200px; margin: auto; display: flex; flex-wrap: wrap; align-items: flex-start; justify-content: space-between; gap: 40px;\">\r\n\r\n        <!-- Left Content -->\r\n        <div style=\"flex: 1; min-width: 320px;\">\r\n            <span style=\"\r\n                display: block;\r\n                margin: 0 auto 40px;\r\n                width: fit-content;\r\n                background: rgba(255,255,255,0.1);\r\n                border: 1px solid rgba(255,255,255,0.2);\r\n                padding: 14px 28px;\r\n                border-radius: 9999px;\r\n                font-size: 20px;\r\n                font-weight: 500;\r\n                text-align: center;\r\n                box-shadow: 0 0 15px rgba(255,255,255,0.05);\r\n            \">\r\n                \u2b50 Project Cost Estimator\r\n            <\/span>\r\n            <h2 style=\"font-size: 42px; font-weight: bold; margin: 0 0 10px;color:#fff;\">\r\n                Calculate Your Project Cost\r\n            <\/h2>\r\n            <h2 style=\"font-size: 42px; font-weight: bold; color: #c44bfc; margin: 0 0 20px; text-shadow: 0 0 15px rgba(196, 75, 252, 0.4);\">\r\n                In Real Time\r\n            <\/h2>\r\n            <p style=\"font-size: 18px; line-height: 1.6; color: #ccc; margin-bottom: 30px;\">\r\n                Select one or more services to get a real-time estimate for your project \u2014 Website, App, Marketing, or Animations.\r\n            <\/p>\r\n\r\n            <!-- Features -->\r\n            <div style=\"display: flex; flex-wrap: wrap; gap: 15px; margin-bottom: 30px;\">\r\n                <span style=\"background: rgba(255,255,255,0.1); padding: 10px 20px; border-radius: 25px; font-size: 14px; border: 1px solid rgba(255,255,255,0.05);\">\u26a1 Instant Quote<\/span>\r\n                <span style=\"background: rgba(255,255,255,0.1); padding: 10px 20px; border-radius: 25px; font-size: 14px; border: 1px solid rgba(255,255,255,0.05);\">\u2714 No Hidden Costs<\/span>\r\n                <span style=\"background: rgba(255,255,255,0.1); padding: 10px 20px; border-radius: 25px; font-size: 14px; border: 1px solid rgba(255,255,255,0.05);\">\ud83c\udfac 2D \/ 3D & Video Editing<\/span>\r\n            <\/div>\r\n\r\n            <!-- Button (Added CSS hover-scale) -->\r\n            <a id=\"startCalculator\" href=\"javascript:void(0)\" class=\"hover-scale\" style=\"background: linear-gradient(90deg, #a24bff, #ff2fa4); padding: 14px 30px; border-radius: 30px; color: #fff; text-decoration: none; font-weight: 600; font-size: 16px; display: inline-block; box-shadow: 0 0 15px rgba(164,75,255,0.5);\">\r\n                Start AI Estimator \u2192\r\n            <\/a>\r\n\r\n            <!-- Futuristic AI Loader (Hidden by Default) -->\r\n            <div id=\"aiLoader\" class=\"ai-loader-container\">\r\n                <div class=\"cyber-ring-outer\">\r\n                    <div class=\"cyber-ring-inner\"><\/div>\r\n                <\/div>\r\n                <div id=\"loaderText\" class=\"cyber-text\">INITIALIZING AI Core...<\/div>\r\n            <\/div>\r\n\r\n            <!-- Calculator Box (Hidden by Default) -->\r\n            <div id=\"calculatorBox\" style=\"display: none; opacity: 0; margin-top: 30px; background: rgba(15,15,20,0.6); backdrop-filter: blur(12px); -webkit-backdrop-filter: blur(12px); padding: 25px; border-radius: 15px; border: 1px solid rgba(255,255,255,0.1); box-shadow: 0 0 25px rgba(164,75,255,0.3);\">\r\n                <div style=\"display: flex; flex-wrap: wrap; gap: 20px;\">\r\n\r\n                    <!-- Left: Clickable Services -->\r\n                    <div style=\"flex: 1; min-width: 280px;\">\r\n                        <h3 style=\"font-size: 20px; font-weight: 600; color:#fff; margin-bottom:10px;\">Select Services:<\/h3>\r\n                        <div id=\"serviceList\" style=\"display: flex; flex-direction: column; gap: 10px;\">\r\n                            <!-- Services injected here via JS -->\r\n                        <\/div>\r\n\r\n                        <!-- Added CSS hover-scale -->\r\n                        <button id=\"copySelection\" class=\"hover-scale\" style=\"margin-top: 25px; width: 100%; background: linear-gradient(90deg, #a24bff, #ff2fa4); border: none; color: #fff; padding: 14px 24px; border-radius: 30px; cursor: pointer; font-weight: 600; box-shadow: 0 0 15px rgba(164,75,255,0.4);\">\r\n                            Copy & Continue \u2192\r\n                        <\/button>\r\n\r\n                        <a id=\"whatsappBtn\" href=\"https:\/\/wa.me\/+92 3030608888?text=Hello!%20I%20want%20consultation%20for%20my%20project.\" target=\"_blank\" style=\"display: block; margin-top: 20px; text-align: center; color: #25D366; font-weight: 600; text-decoration: none; font-size: 16px; transition: color 0.3s;\">\r\n                            \ud83d\udcac Get Consultancy on WhatsApp\r\n                        <\/a>\r\n                    <\/div>\r\n\r\n                    <!-- Right: Live Preview -->\r\n                    <div id=\"previewBox\" style=\"flex: 1; min-width: 280px; background: rgba(255,255,255,0.03); border: 1px solid rgba(255,255,255,0.08); border-radius: 20px; padding: 25px; text-align: center; box-shadow: inset 0 0 20px rgba(0,0,0,0.5);\">\r\n                        <h3 style=\"color:#fff; font-size: 22px; margin-bottom: 15px; text-transform: uppercase; letter-spacing: 1px; font-weight: 600;\">\r\n                            <span style=\"color:#c44bfc;\">\u26a1<\/span> Live Estimate\r\n                        <\/h3>\r\n                        <div id=\"selectedServices\" style=\"font-size: 16px; color: #aaa; min-height: 100px;\">Awaiting selection...<\/div>\r\n                        <div style=\"margin-top: 15px; height: 2px; width: 100%; background: linear-gradient(90deg, transparent, #a24bff, #ff2fa4, transparent); opacity: 0.6;\"><\/div>\r\n                        <h4 id=\"totalEstimate\" style=\"margin-top: 15px; font-size: 28px; color: #ff2fa4; font-weight: 700; text-shadow: 0 0 15px rgba(255,47,164,0.6);\">Total: $0<\/h4>\r\n                    <\/div>\r\n\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n    <\/div>\r\n<\/section>\r\n\r\n<script>\r\n    const prices = {\r\n        \"Website Development\": 500,\r\n        \"App Development\": 700,\r\n        \"Digital Marketing\": 400,\r\n        \"Lead Generation\": 300,\r\n        \"IT Support\": 200,\r\n        \"Video Editing\": 250,\r\n        \"2D Animation\": 350,\r\n        \"3D Animation\": 450,\r\n        \"Ai UGC video\": 100,\r\n        \"Graphic Designing\": 300\r\n    };\r\n\r\n    const serviceList = document.getElementById(\"serviceList\");\r\n    const selectedServicesDiv = document.getElementById(\"selectedServices\");\r\n    const totalEstimate = document.getElementById(\"totalEstimate\");\r\n    const startBtn = document.getElementById(\"startCalculator\");\r\n    const aiLoader = document.getElementById(\"aiLoader\");\r\n    const calculatorBox = document.getElementById(\"calculatorBox\");\r\n    const loaderText = document.getElementById(\"loaderText\");\r\n\r\n    \/\/ 1. Batched DOM Insertion (Significantly faster than appending loops)\r\n    const servicesHTML = Object.entries(prices).map(([service, price]) => `\r\n        <div class=\"service-item\" data-service=\"${service}\" \r\n            style=\"padding: 12px 18px; border-radius: 10px; background-color: rgba(255,255,255,0.05);\r\n                   color: #fff; display: flex; justify-content: space-between; align-items: center;\r\n                   cursor: pointer; border: 1px solid transparent;\">\r\n            <span>${service}<\/span>\r\n            <span style=\"color:#c44bfc; font-weight:bold;\">$${price}<\/span>\r\n        <\/div>\r\n    `).join('');\r\n    \r\n    \/\/ Inject once\r\n    serviceList.innerHTML = servicesHTML;\r\n\r\n    const selected = new Set();\r\n\r\n    \/\/ 2. Handle Service Selection via Event Delegation\r\n    serviceList.addEventListener(\"click\", e => {\r\n        const item = e.target.closest(\".service-item\");\r\n        if (!item) return;\r\n\r\n        const service = item.getAttribute(\"data-service\");\r\n        if (selected.has(service)) {\r\n            \/\/ Deselect\r\n            selected.delete(service);\r\n            item.style.borderColor = \"transparent\";\r\n            item.style.backgroundColor = \"rgba(255,255,255,0.05)\";\r\n            item.style.boxShadow = \"none\";\r\n        } else {\r\n            \/\/ Select\r\n            selected.add(service);\r\n            item.style.borderColor = \"#ff2fa4\";\r\n            item.style.backgroundColor = \"rgba(255,47,164,0.15)\";\r\n            item.style.boxShadow = \"0 0 10px rgba(255,47,164,0.3)\";\r\n        }\r\n        updatePreview();\r\n    });\r\n\r\n    \/\/ 3. Update the Live Preview Box efficiently\r\n    function updatePreview() {\r\n        if (selected.size > 0) {\r\n            let total = 0;\r\n            \/\/ Build string quickly rather than multiple DOM creations\r\n            let listHTML = \"<ul style='list-style:none; padding:0; margin:0; text-align:left;'>\";\r\n            selected.forEach(s => {\r\n                total += prices[s];\r\n                listHTML += `<li style=\"margin:8px 0; color:#fff; display:flex; justify-content:space-between; border-bottom: 1px dashed rgba(255,255,255,0.1); padding-bottom: 4px;\">\r\n                                <span>\u2714 ${s}<\/span> \r\n                                <span style=\"color:#ff2fa4; font-weight:bold;\">$${prices[s]}<\/span>\r\n                             <\/li>`;\r\n            });\r\n            listHTML += \"<\/ul>\";\r\n            selectedServicesDiv.innerHTML = listHTML;\r\n            totalEstimate.textContent = `Total: $${total}`;\r\n        } else {\r\n            selectedServicesDiv.innerHTML = \"<span style='color: #aaa;'>Awaiting selection...<\/span>\";\r\n            totalEstimate.textContent = \"Total: $0\";\r\n        }\r\n    }\r\n\r\n    \/\/ 4. Handle \"Start AI Estimator\" Click\r\n    startBtn.addEventListener(\"click\", () => {\r\n        startBtn.style.display = \"none\";\r\n        aiLoader.style.display = \"flex\";\r\n        \r\n        \/\/ Timeout batching\r\n        setTimeout(() => loaderText.innerText = \"CALIBRATING PARAMETERS...\", 800);\r\n        setTimeout(() => loaderText.innerText = \"ACCESSING DATABASE...\", 1600);\r\n        setTimeout(() => loaderText.innerText = \"SYSTEM READY.\", 2400);\r\n\r\n        setTimeout(() => {\r\n            aiLoader.style.display = \"none\";\r\n            calculatorBox.style.display = \"block\";\r\n            calculatorBox.classList.add(\"fade-in\");\r\n        }, 2800);\r\n    });\r\n\r\n    \/\/ 5. Handle Copy & Continue\r\n    document.getElementById(\"copySelection\").addEventListener(\"click\", () => {\r\n        if (selected.size === 0) {\r\n            alert(\"\u26a0\ufe0f Please select at least one service to continue.\");\r\n            return;\r\n        }\r\n        let copyText = \"Selected Services for Project:\\n--------------------------\\n\";\r\n        let total = 0;\r\n        selected.forEach(s => {\r\n            total += prices[s];\r\n            copyText += `\u2022 ${s}: $${prices[s]}\\n`;\r\n        });\r\n        copyText += `--------------------------\\nTotal Estimate: $${total}\\n`;\r\n        \r\n        navigator.clipboard.writeText(copyText).then(() => {\r\n            const copyBtn = document.getElementById(\"copySelection\");\r\n            copyBtn.innerHTML = \"\u2714 Copied! Redirecting...\";\r\n            copyBtn.style.background = \"#25D366\"; \/\/ WhatsApp Green\r\n            copyBtn.style.boxShadow = \"0 0 15px #25D366\";\r\n            \r\n            setTimeout(() => {\r\n                window.location.href = \"https:\/\/ficertech.com\/?page_id=595\";\r\n            }, 1000);\r\n        }).catch(err => {\r\n            console.error('Failed to copy: ', err);\r\n            window.location.href = \"https:\/\/ficertech.com\/?page_id=595\"; \r\n        });\r\n    });\r\n<\/script>\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\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-d629523 e-flex e-con-boxed e-con e-parent\" data-id=\"d629523\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"elementor-element elementor-element-61d9c76 e-con-full e-flex e-con e-child\" data-id=\"61d9c76\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-926c7ba elementor-invisible elementor-widget elementor-widget-heading\" data-id=\"926c7ba\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;_animation&quot;:&quot;fadeInUp&quot;}\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h1 class=\"elementor-heading-title elementor-size-default\">What Make Us\n <span style=\"color:#a855f7\">Trusted<\/span><\/h1>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-07ba4e2 elementor-widget elementor-widget-text-editor\" data-id=\"07ba4e2\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<p>We don\u2019t just build software we shape the future, transforming challenges into powerful, innovative solutions.<\/p>\t\t\t\t\t\t\t\t<\/div>\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-b198fb8 e-flex e-con-boxed e-con e-parent\" data-id=\"b198fb8\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"elementor-element elementor-element-d1159b7 e-con-full custom-card1 e-flex e-con e-child\" data-id=\"d1159b7\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;animation&quot;:&quot;none&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-75f6afa elementor-widget elementor-widget-html\" data-id=\"75f6afa\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- Services Section -->\r\n<section style=\"padding: 80px 20px; font-family: 'Segoe UI', sans-serif; color: #fff;\">\r\n  <div class=\"services-container\">\r\n    \r\n    <!-- Left Column (Cards) -->\r\n    <div class=\"services-left\">\r\n      <!-- Card Item -->\r\n      <div class=\"custom-card\">\r\n        <span>\ud83c\udf10<\/span>\r\n        <div>\r\n          <h3>Responsive Websites<\/h3>\r\n          <p>Custom Web Development to craft dynamic, responsive, and scalable websites.<\/p>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <div class=\"custom-card\">\r\n        <span>\ud83d\udcf1<\/span>\r\n        <div>\r\n          <h3>Cross-Platform Apps<\/h3>\r\n          <p>Mobile applications designed for seamless user experiences across devices.<\/p>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <div class=\"custom-card\">\r\n        <span>\u2601\ufe0f<\/span>\r\n        <div>\r\n          <h3>Scalable Cloud Architecture<\/h3>\r\n          <p>Robust, efficient, and scalable cloud solutions for businesses.<\/p>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <div class=\"custom-card\">\r\n        <span>\ud83d\uded2<\/span>\r\n        <div>\r\n          <h3>Online Store Solutions<\/h3>\r\n          <p>Custom e-commerce platforms to boost online presence and sales.<\/p>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <div class=\"custom-card\">\r\n        <span>\ud83d\udca1<\/span>\r\n        <div>\r\n          <h3>Expert Guidance<\/h3>\r\n          <p>Professional consulting with tailored strategies for businesses.<\/p>\r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n\r\n    <!-- Right Column (Lottie Animation) -->\r\n    <div class=\"services-right\">\r\n      <script src=\"https:\/\/unpkg.com\/@lottiefiles\/dotlottie-wc@0.8.1\/dist\/dotlottie-wc.js\" type=\"module\"><\/script>\r\n      <dotlottie-wc \r\n        src=\"https:\/\/lottie.host\/697eafb3-676c-4ee7-a1f1-8e4a0b5b6270\/5n7JjJj4DE.lottie\"\r\n        autoplay\r\n        loop\r\n        class=\"lottie-animation\">\r\n      <\/dotlottie-wc>\r\n    <\/div>\r\n  <\/div>\r\n<\/section>\r\n\r\n<style>\r\n\/* \ud83d\udd39 Main Container *\/\r\n.services-container {\r\n  max-width: 1200px;\r\n  margin: auto;\r\n  display: flex;\r\n  flex-wrap: wrap;\r\n  align-items: center;\r\n  justify-content: space-between;\r\n  gap: 40px;\r\n}\r\n\r\n\/* \ud83d\udd39 Left Column *\/\r\n.services-left {\r\n  flex: 1;\r\n  min-width: 300px;\r\n}\r\n\r\n\/* \ud83d\udd39 Right Column *\/\r\n.services-right {\r\n  flex: 1;\r\n  min-width: 320px;\r\n  text-align: center;\r\n}\r\n\r\n\/* \ud83d\udd39 Lottie Animation (fixed scaling) *\/\r\n.lottie-animation {\r\n  width: 100%;\r\n  max-width: 550px;\r\n  min-width: 320px;\r\n  aspect-ratio: 1 \/ 1;\r\n  filter: drop-shadow(0px 0px 10px #c44bfc);\r\n  border-radius: 12px;\r\n  margin: 0 auto;\r\n}\r\n\r\n\/* \ud83d\udd39 Card Styling *\/\r\n.custom-card {\r\n  backdrop-filter: blur(15px);\r\n  background: rgba(255, 255, 255, 0.05);\r\n  border: 2px solid rgba(255, 255, 255, 0.1);\r\n  border-radius: 15px;\r\n  padding: 20px;\r\n  margin-bottom: 15px;\r\n  display: flex;\r\n  align-items: center;\r\n  gap: 15px;\r\n  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.2);\r\n  transition: box-shadow 0.3s ease;\r\n}\r\n\r\n.custom-card:hover {\r\n  box-shadow: 0 0 15px rgba(255, 255, 255, 0.9);\r\n}\r\n\r\n.custom-card span {\r\n  font-size: 26px;\r\n  color: #00ff95;\r\n}\r\n\r\n.custom-card h3 {\r\n  margin: 0;\r\n  font-size: 18px;\r\n  color: #a855f7;\r\n}\r\n\r\n.custom-card p {\r\n  margin: 5px 0 0;\r\n  font-size: 14px;\r\n  color: #ccc;\r\n}\r\n\r\n\/* \ud83d\udd39 Responsive Fixes *\/\r\n@media (max-width: 991px) {\r\n  .services-container {\r\n    flex-direction: column-reverse;\r\n    text-align: center;\r\n  }\r\n  .services-right {\r\n    order: -1;\r\n  }\r\n  .lottie-animation {\r\n    max-width: 420px;\r\n    min-width: 280px;\r\n    margin-bottom: 40px;\r\n  }\r\n}\r\n\r\n@media (max-width: 600px) {\r\n  .lottie-animation {\r\n    max-width: 360px;\r\n    min-width: 250px;\r\n  }\r\n  .custom-card {\r\n    flex-direction: column;\r\n    align-items: flex-start;\r\n  }\r\n}\r\n<\/style>\r\n\t\t\t\t<\/div>\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-f784824 e-con-full e-flex e-con e-parent\" data-id=\"f784824\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t<div class=\"elementor-element elementor-element-34e8610 e-con-full e-flex e-con e-child\" data-id=\"34e8610\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-03fcf2d elementor-widget elementor-widget-html\" data-id=\"03fcf2d\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!DOCTYPE html>\r\n<html lang=\"en\">\r\n<head>\r\n    <meta charset=\"UTF-8\">\r\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\r\n    <title>Futuristic Glass Testimonials<\/title>\r\n    \r\n    <!-- Swiper CSS -->\r\n    <link rel=\"stylesheet\" href=\"https:\/\/cdn.jsdelivr.net\/npm\/swiper@11\/swiper-bundle.min.css\" \/>\r\n\r\n    <style>\r\n        \/* Base page styling just to show the glass effect properly (remove in your WP theme if needed) *\/\r\n        body {\r\n            \r\n            background-image: radial-gradient(circle at 50% 0%, #2a0845 0%, #050505 60%);\r\n            margin: 0;\r\n            font-family: 'Segoe UI', system-ui, -apple-system, sans-serif;\r\n           \r\n        }\r\n\r\n        .testimonial-section {\r\n            color: #fff;\r\n            text-align: center;\r\n            padding: 80px 20px;\r\n            position: relative;\r\n            overflow: hidden;\r\n        }\r\n\r\n        \/* Subtle glowing orb in the background for depth *\/\r\n        .testimonial-section::before {\r\n            content: '';\r\n            position: absolute;\r\n            top: 50%;\r\n            left: 50%;\r\n            transform: translate(-50%, -50%);\r\n            width: 600px;\r\n            height: 600px;\r\n            background: radial-gradient(circle, rgba(168, 85, 247, 0.15) 0%, transparent 70%);\r\n            z-index: 0;\r\n            pointer-events: none;\r\n        }\r\n\r\n        .testimonial-section h2 {\r\n            font-size: 3.5rem;\r\n            font-weight: 700;\r\n            margin-bottom: 15px;\r\n            color: #fff;\r\n            position: relative;\r\n            z-index: 1;\r\n            letter-spacing: -1px;\r\n        }\r\n\r\n        \/* Futuristic gradient text *\/\r\n        .highlight-text {\r\n            background: linear-gradient(135deg, #a855f7, #ff2fa4);\r\n            -webkit-background-clip: text;\r\n            -webkit-text-fill-color: transparent;\r\n            text-shadow: 0 0 30px rgba(168, 85, 247, 0.4);\r\n        }\r\n\r\n        .testimonial-section > p {\r\n            font-size: 1.1rem;\r\n            max-width: 700px;\r\n            margin: 0 auto 60px auto;\r\n            color: #fff;\r\n            line-height: 1.6;\r\n            position: relative;\r\n            z-index: 1;\r\n        }\r\n\r\n        .swiper {\r\n            width: 100%;\r\n            max-width: 1200px;\r\n            margin: auto;\r\n            padding: 20px 10px 50px 10px !important; \/* Extra padding so shadows don't clip *\/\r\n        }\r\n\r\n        \/* iOS \/ Futuristic Glass Card *\/\r\n        .testimonial-card {\r\n            background: rgba(255, 255, 255, 0.03); \/* Extremely sheer white *\/\r\n            backdrop-filter: blur(24px); \/* Heavy iOS style blur *\/\r\n            -webkit-backdrop-filter: blur(24px);\r\n            border: 1px solid rgba(255, 255, 255, 0.08);\r\n            border-top: 1px solid rgba(255, 255, 255, 0.15); \/* Light catching the top edge *\/\r\n            border-left: 1px solid rgba(255, 255, 255, 0.15);\r\n            border-radius: 24px;\r\n            padding: 40px 30px;\r\n            box-shadow: 0 20px 40px rgba(0, 0, 0, 0.4), inset 0 0 0 1px rgba(255, 255, 255, 0.05);\r\n            position: relative;\r\n            color: #fff;\r\n            transition: all 0.4s cubic-bezier(0.16, 1, 0.3, 1);\r\n            height: 100%;\r\n            display: flex;\r\n            flex-direction: column;\r\n            justify-content: center;\r\n        }\r\n\r\n        .testimonial-card:hover {\r\n            transform: translateY(-10px);\r\n            background: rgba(255, 255, 255, 0.06);\r\n            border-color: rgba(168, 85, 247, 0.4);\r\n            box-shadow: 0 30px 60px rgba(0, 0, 0, 0.5), 0 0 20px rgba(168, 85, 247, 0.2);\r\n        }\r\n\r\n        \/* Initials Avatar *\/\r\n        .testimonial-card .initials {\r\n            background: linear-gradient(135deg, #a855f7, #6b21a8);\r\n            color: #fff;\r\n            font-weight: bold;\r\n            width: 65px;\r\n            height: 65px;\r\n            border-radius: 50%;\r\n            display: flex;\r\n            align-items: center;\r\n            justify-content: center;\r\n            margin: 0 auto 20px auto;\r\n            font-size: 1.4rem;\r\n            box-shadow: 0 0 20px rgba(168, 85, 247, 0.5);\r\n            border: 2px solid rgba(255, 255, 255, 0.2);\r\n        }\r\n\r\n        .testimonial-card h3 {\r\n            margin: 0 0 5px 0;\r\n            font-size: 1.3rem;\r\n            font-weight: 600;\r\n            letter-spacing: 0.5px;\r\n        }\r\n\r\n        .testimonial-card small {\r\n            color: #a855f7;\r\n            font-size: 0.9rem;\r\n            text-transform: uppercase;\r\n            letter-spacing: 1px;\r\n            font-weight: 500;\r\n        }\r\n\r\n        .stars {\r\n            color: #f7b500;\r\n            margin: 15px 0;\r\n            font-size: 1.2rem;\r\n            text-shadow: 0 0 10px rgba(247, 181, 0, 0.4);\r\n        }\r\n\r\n        .testimonial-card p {\r\n            font-size: 1rem;\r\n            line-height: 1.7;\r\n            color: #d1d1d1;\r\n            margin: 0;\r\n            font-weight: 300;\r\n        }\r\n\r\n        \/* Customizing Swiper Navigation *\/\r\n        .swiper-button-next, .swiper-button-prev {\r\n            color: #fff !important;\r\n            background: rgba(255, 255, 255, 0.05);\r\n            backdrop-filter: blur(10px);\r\n            -webkit-backdrop-filter: blur(10px);\r\n            width: 50px !important;\r\n            height: 50px !important;\r\n            border-radius: 50%;\r\n            border: 1px solid rgba(255, 255, 255, 0.1);\r\n            transition: all 0.3s ease;\r\n        }\r\n\r\n        .swiper-button-next:after, .swiper-button-prev:after {\r\n            font-size: 1.2rem !important;\r\n            font-weight: bold;\r\n        }\r\n\r\n        .swiper-button-next:hover, .swiper-button-prev:hover {\r\n            background: rgba(168, 85, 247, 0.8);\r\n            border-color: #a855f7;\r\n            box-shadow: 0 0 15px rgba(168, 85, 247, 0.6);\r\n            transform: scale(1.1);\r\n        }\r\n\r\n        \/* Swiper Pagination (Optional addition for better UX) *\/\r\n        .swiper-pagination-bullet {\r\n            background: rgba(255,255,255,0.3) !important;\r\n            opacity: 1 !important;\r\n        }\r\n        .swiper-pagination-bullet-active {\r\n            background: #a855f7 !important;\r\n            box-shadow: 0 0 10px #a855f7;\r\n        }\r\n\r\n        \/* Responsive typography *\/\r\n        @media (max-width: 768px) {\r\n            .testimonial-section h2 { font-size: 2.5rem; }\r\n            .testimonial-section > p { font-size: 1rem; }\r\n        }\r\n    <\/style>\r\n<\/head>\r\n<body>\r\n\r\n<section class=\"testimonial-section\">\r\n    <h2>Why Businesses <span class=\"highlight-text\">Trust Us<\/span><\/h2>\r\n    <p>We don't just craft software! We engineer the future. By partnering with forward-thinking organizations, we transform challenges into groundbreaking solutions.<\/p>\r\n    \r\n    <!-- Swiper -->\r\n    <div class=\"swiper\">\r\n        <div class=\"swiper-wrapper\">\r\n            \r\n            <!-- Testimonial 1 -->\r\n            <div class=\"swiper-slide\">\r\n                <div class=\"testimonial-card\">\r\n                    <div class=\"initials\">MF<\/div>\r\n                    \r\n                    <small>James Wilson\ud83c\udde6\ud83c\uddfa<\/small>\r\n                    <div class=\"stars\">\u2605\u2605\u2605\u2605\u2605<\/div>\r\n                    <p>\"As a mature gay man, finding Proudly Solo was like discovering a hidden gem. The information and camaraderie here are priceless.\"<\/p>\r\n                <\/div>\r\n            <\/div>\r\n            \r\n            <!-- Testimonial 2 -->\r\n            <div class=\"swiper-slide\">\r\n                <div class=\"testimonial-card\">\r\n                    <div class=\"initials\">CS<\/div>\r\n                    <small>Daniel Smith\ud83c\udde8\ud83c\udde6<\/small>\r\n                    <div class=\"stars\">\u2605\u2605\u2605\u2606\u2606<\/div>\r\n                    <p>\"This platform is a game-changer! Found so many like-minded individuals and fantastic travel tips. Absolutely love it here.\"<\/p>\r\n                <\/div>\r\n            <\/div>\r\n            \r\n            <!-- Testimonial 3 -->\r\n            <div class=\"swiper-slide\">\r\n                <div class=\"testimonial-card\">\r\n                    <div class=\"initials\">Aa<\/div>\r\n\r\n                    <small>Armughan \ud83c\uddf5\ud83c\uddf0<\/small>\r\n                    <div class=\"stars\">\u2605\u2605\u2605\u2605\u2605<\/div>\r\n                    <p>\"I\u2019m really impressed with the quality of work. They paid attention to every detail and made sure everything was exactly how I wanted.\"<\/p>\r\n                <\/div>\r\n            <\/div>\r\n\r\n            <!-- Testimonial 4 -->\r\n            <div class=\"swiper-slide\">\r\n                <div class=\"testimonial-card\">\r\n                    <div class=\"initials\">Bt<\/div>\r\n                    <small>Billtuli\ud83c\uddfa\ud83c\uddf8<\/small>\r\n                    <div class=\"stars\">\u2605\u2605\u2605\u2605\u2605<\/div>\r\n                    <p>\"Very professional and easy to communicate with. The project was completed on time and the final result exceeded my expectations..\"<\/p>\r\n                <\/div>\r\n            <\/div>\r\n\r\n        <\/div>\r\n        \r\n        <!-- Navigation Arrows -->\r\n        <div class=\"swiper-button-next\"><\/div>\r\n        <div class=\"swiper-button-prev\"><\/div>\r\n        <!-- Pagination Dots (Added for a modern touch) -->\r\n        <div class=\"swiper-pagination\"><\/div>\r\n    <\/div>\r\n<\/section>\r\n\r\n<!-- Swiper JS -->\r\n<script src=\"https:\/\/cdn.jsdelivr.net\/npm\/swiper@11\/swiper-bundle.min.js\"><\/script>\r\n<script>\r\n    var swiper = new Swiper(\".swiper\", {\r\n        loop: true,\r\n        grabCursor: true,\r\n        spaceBetween: 30,\r\n        autoplay: {\r\n            delay: 4000,\r\n            disableOnInteraction: false,\r\n        },\r\n        navigation: {\r\n            nextEl: \".swiper-button-next\",\r\n            prevEl: \".swiper-button-prev\",\r\n        },\r\n        pagination: {\r\n            el: \".swiper-pagination\",\r\n            clickable: true,\r\n        },\r\n        breakpoints: {\r\n            0: {\r\n                slidesPerView: 1,\r\n            },\r\n            768: {\r\n                slidesPerView: 2,\r\n            },\r\n            1024: {\r\n                slidesPerView: 3,\r\n            }\r\n        }\r\n    });\r\n<\/script>\r\n\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-eb1bd8f e-flex e-con-boxed e-con e-parent\" data-id=\"eb1bd8f\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"elementor-element elementor-element-6538eac e-con-full e-flex e-con e-child\" data-id=\"6538eac\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-ffc4bfe elementor-widget elementor-widget-html\" data-id=\"ffc4bfe\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!DOCTYPE html>\r\n<html lang=\"en\">\r\n<head>\r\n    <meta charset=\"UTF-8\">\r\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\r\n    <title>Futuristic Glass CTA<\/title>\r\n\r\n    <style>\r\n        \/* Base page styling to show the glass effect properly (remove in your WP theme if needed) *\/\r\n        \r\n\r\n        .cta-section {\r\n            width: 100%;\r\n           \r\n            position: relative;\r\n            overflow: hidden;\r\n        }\r\n\r\n        \/* Subtle glowing orb behind the CTA for depth *\/\r\n        .cta-section::before {\r\n            content: '';\r\n            position: absolute;\r\n            top: 50%;\r\n            left: 50%;\r\n            transform: translate(-50%, -50%);\r\n            width: 80vw;\r\n            height: 300px;\r\n            background: radial-gradient(ellipse, rgba(168, 85, 247, 0.15) 0%, transparent 60%);\r\n            z-index: 0;\r\n            pointer-events: none;\r\n        }\r\n\r\n        \/* The floating glass panel *\/\r\n        .cta-glass-panel {\r\n            background: rgba(255, 255, 255, 0.03);\r\n            backdrop-filter: blur(24px);\r\n            -webkit-backdrop-filter: blur(24px);\r\n            border: 1px solid rgba(255, 255, 255, 0.08);\r\n            border-top: 1px solid rgba(255, 255, 255, 0.2);\r\n            border-left: 1px solid rgba(255, 255, 255, 0.15);\r\n            border-radius: 32px;\r\n            padding: 50px 60px;\r\n            max-width: 1200px;\r\n            margin: auto;\r\n            display: flex;\r\n            justify-content: center;\r\n            align-items: center;\r\n            flex-wrap: wrap;\r\n            gap: 40px;\r\n            box-shadow: 0 30px 60px rgba(0, 0, 0, 0.4), inset 0 0 0 1px rgba(255, 255, 255, 0.05);\r\n            position: relative;\r\n            z-index: 1;\r\n            text-align: center;\r\n        }\r\n\r\n        \/* Wrapper to stack text and buttons *\/\r\n        .cta-content {\r\n            width: 100%;\r\n            max-width: 800px;\r\n            display: flex;\r\n            flex-direction: column;\r\n            align-items: center;\r\n            gap: 30px; \/* Adds consistent spacing between text and buttons *\/\r\n        }\r\n\r\n        .cta-text {\r\n            color: #fff;\r\n        }\r\n\r\n        .cta-text h2 {\r\n            font-size: 2.6rem;\r\n            font-weight: 700;\r\n            margin: 0 0 20px 0;\r\n            line-height: 1.2;\r\n            letter-spacing: -0.5px;\r\n             color: #fff;\r\n        }\r\n\r\n        \/* Futuristic gradient text *\/\r\n        .cta-text h2 span {\r\n            background: linear-gradient(135deg, #a855f7, #ff2fa4);\r\n            -webkit-background-clip: text;\r\n            -webkit-text-fill-color: transparent;\r\n            text-shadow: 0 0 30px rgba(168, 85, 247, 0.3);\r\n            display: inline-block;\r\n        }\r\n\r\n        .cta-text p {\r\n            font-size: 1.15rem;\r\n            line-height: 1.6;\r\n            color: #b3b3b3;\r\n            margin: 0;\r\n            font-weight: 300;\r\n        }\r\n\r\n        .cta-buttons {\r\n            display: flex;\r\n            gap: 20px;\r\n            flex-wrap: wrap;\r\n            align-items: center;\r\n            justify-content: center;\r\n        }\r\n\r\n        \/* Base button styles *\/\r\n        .cta-buttons a {\r\n            display: inline-flex;\r\n            align-items: center;\r\n            gap: 12px;\r\n            padding: 16px 32px;\r\n            border-radius: 50px; \/* Pill shape for modern look *\/\r\n            font-size: 1.05rem;\r\n            font-weight: 600;\r\n            text-decoration: none;\r\n            transition: all 0.4s cubic-bezier(0.16, 1, 0.3, 1);\r\n            position: relative;\r\n            overflow: hidden;\r\n        }\r\n\r\n        \/* WhatsApp Button - Subtle glass to glowing green *\/\r\n        .cta-buttons .whatsapp {\r\n            background: rgba(168, 85, 247, 0.15);\r\n            border: 1px solid rgba(168, 85, 247, 0.3);\r\n            color: #fff;\r\n            box-shadow: 0 0 20px rgba(168, 85, 247, 0.1);\r\n        }\r\n\r\n        .cta-buttons .whatsapp img {\r\n            filter: brightness(0) invert(1); \/* Makes the icon white *\/\r\n            transition: all 0.3s ease;\r\n        }\r\n\r\n        .cta-buttons .whatsapp:hover {\r\n            background: #25d366; \/* WhatsApp Green *\/\r\n            border-color: #25d366;\r\n            box-shadow: 0 10px 30px rgba(37, 211, 102, 0.4), 0 0 20px rgba(37, 211, 102, 0.2);\r\n            transform: translateY(-3px);\r\n        }\r\n\r\n        \/* Outline Button - Glass to glowing purple *\/\r\n        .cta-buttons .outline {\r\n            background: rgba(255, 255, 255, 0.03);\r\n            border: 1px solid rgba(255, 255, 255, 0.2);\r\n            color: #fff;\r\n            backdrop-filter: blur(10px);\r\n        }\r\n\r\n        .cta-buttons .outline:hover {\r\n            background: rgba(168, 85, 247, 0.2);\r\n            border-color: #a855f7;\r\n            box-shadow: 0 10px 30px rgba(168, 85, 247, 0.2);\r\n            transform: translateY(-3px);\r\n            color: #fff;\r\n        }\r\n\r\n        \/* Trust Indicator Styles *\/\r\n        .trust-indicator {\r\n            display: flex;\r\n            align-items: center;\r\n            justify-content: center;\r\n            gap: 15px;\r\n            margin-bottom: 5px;\r\n        }\r\n\r\n        .avatar-group {\r\n            display: flex;\r\n        }\r\n\r\n        .avatar-group img, .avatar-more {\r\n            width: 38px;\r\n            height: 38px;\r\n            border-radius: 50%;\r\n            border: 2px solid rgba(255, 255, 255, 0.15);\r\n            margin-left: -12px;\r\n            object-fit: cover;\r\n            box-shadow: 0 4px 10px rgba(0, 0, 0, 0.3);\r\n            transition: transform 0.3s cubic-bezier(0.16, 1, 0.3, 1), border-color 0.3s ease;\r\n            position: relative;\r\n        }\r\n\r\n        .avatar-group img:first-child {\r\n            margin-left: 0;\r\n        }\r\n\r\n        .avatar-group img:hover, .avatar-more:hover {\r\n            transform: translateY(-5px) scale(1.1);\r\n            border-color: #a855f7;\r\n            z-index: 10;\r\n        }\r\n\r\n        .avatar-more {\r\n            background: linear-gradient(135deg, #a855f7, #ff2fa4);\r\n            display: flex;\r\n            align-items: center;\r\n            justify-content: center;\r\n            font-size: 0.8rem;\r\n            font-weight: 700;\r\n            color: white;\r\n            z-index: 4;\r\n        }\r\n\r\n        .trust-text {\r\n            display: flex;\r\n            flex-direction: column;\r\n            justify-content: center;\r\n            text-align: left;\r\n        }\r\n\r\n        .trust-text .stars {\r\n            color: #f7b500;\r\n            font-size: 1rem;\r\n            letter-spacing: 3px;\r\n            margin-bottom: 3px;\r\n            animation: pulseStar 2.5s infinite ease-in-out;\r\n        }\r\n\r\n        .trust-text span {\r\n            color: #d1d1d1;\r\n            font-size: 0.9rem;\r\n            font-weight: 500;\r\n        }\r\n\r\n        @keyframes pulseStar {\r\n            0%, 100% { text-shadow: 0 0 5px rgba(247, 181, 0, 0.3); }\r\n            50% { text-shadow: 0 0 15px rgba(247, 181, 0, 1); }\r\n        }\r\n\r\n        \/* Responsive Adjustments *\/\r\n        @media (max-width: 900px) {\r\n            .cta-glass-panel {\r\n                flex-direction: column;\r\n                padding: 40px 30px;\r\n                border-radius: 24px;\r\n            }\r\n            .cta-content {\r\n                max-width: 100%;\r\n            }\r\n            .cta-buttons a {\r\n                width: 100%;\r\n                justify-content: center;\r\n            }\r\n        }\r\n\r\n        @media (max-width: 480px) {\r\n            .cta-text h2 {\r\n                font-size: 2rem;\r\n            }\r\n            .cta-buttons a {\r\n                padding: 14px 24px;\r\n            }\r\n            .trust-indicator {\r\n                flex-direction: column;\r\n                text-align: center;\r\n                gap: 10px;\r\n            }\r\n            .trust-text {\r\n                text-align: center;\r\n            }\r\n        }\r\n    <\/style>\r\n<\/head>\r\n<body>\r\n\r\n<!-- Copy from here to insert into your WordPress HTML Block -->\r\n<section class=\"cta-section\">\r\n    <div class=\"cta-glass-panel\">\r\n        \r\n        <!-- Center Content (Text + Buttons) -->\r\n        <div class=\"cta-content\">\r\n            <div class=\"cta-text\">\r\n                <h2>Let's Bring Your <span>Vision & Ideas<\/span> to Life<\/h2>\r\n                <p>Have a groundbreaking idea or need expert guidance? Let\u2019s collaborate to build innovative software solutions that drive your success. Reach out to us today!<\/p>\r\n            <\/div>\r\n            \r\n            <!-- Trust Indicator -->\r\n            <div class=\"trust-indicator\">\r\n                <div class=\"avatar-group\">\r\n                    <img decoding=\"async\" src=\"https:\/\/randomuser.me\/api\/portraits\/men\/32.jpg\" alt=\"Client 1\" style=\"z-index: 1;\">\r\n                    <img decoding=\"async\" src=\"https:\/\/randomuser.me\/api\/portraits\/women\/44.jpg\" alt=\"Client 2\" style=\"z-index: 2;\">\r\n                    <img decoding=\"async\" src=\"https:\/\/randomuser.me\/api\/portraits\/men\/68.jpg\" alt=\"Client 3\" style=\"z-index: 3;\">\r\n                    <div class=\"avatar-more\">50+<\/div>\r\n                <\/div>\r\n                <div class=\"trust-text\">\r\n                    <div class=\"stars\">\u2605\u2605\u2605\u2605\u2605<\/div>\r\n                    <span>Trusted by 50+ businesses<\/span>\r\n                <\/div>\r\n            <\/div>\r\n\r\n            <div class=\"cta-buttons\">\r\n                <!-- Fixed WhatsApp link formatting (removed spaces) -->\r\n                <a href=\"https:\/\/wa.me\/923030608888\" target=\"_blank\" class=\"whatsapp\">\r\n                    <img decoding=\"async\" src=\"https:\/\/cdn-icons-png.flaticon.com\/512\/124\/124034.png\" width=\"22\" height=\"22\" alt=\"WhatsApp\">\r\n                    Need Help? Chat Now!\r\n                <\/a>\r\n                <a href=\"\/?page_id=597\" class=\"outline\">View all Services<\/a>\r\n            <\/div>\r\n        <\/div>\r\n        \r\n    <\/div>\r\n<\/section>\r\n<!-- End Copy -->\r\n\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\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-70fda43 e-flex e-con-boxed e-con e-parent\" data-id=\"70fda43\" 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-636c5cf elementor-widget elementor-widget-n-accordion\" data-id=\"636c5cf\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;default_state&quot;:&quot;expanded&quot;,&quot;max_items_expended&quot;:&quot;one&quot;,&quot;n_accordion_animation_duration&quot;:{&quot;unit&quot;:&quot;ms&quot;,&quot;size&quot;:400,&quot;sizes&quot;:[]}}\" data-widget_type=\"nested-accordion.default\">\n\t\t\t\t\t\t\t<div class=\"e-n-accordion\" aria-label=\"Accordion. Open links with Enter or Space, close with Escape, and navigate with Arrow Keys\">\n\t\t\t\t\t\t<details id=\"e-n-accordion-item-1040\" class=\"e-n-accordion-item\" open>\n\t\t\t\t<summary class=\"e-n-accordion-item-title\" data-accordion-index=\"1\" tabindex=\"0\" aria-expanded=\"true\" aria-controls=\"e-n-accordion-item-1040\" >\n\t\t\t\t\t<span class='e-n-accordion-item-title-header'><div class=\"e-n-accordion-item-title-text\"> How can I start a project with FicerTech? <\/div><\/span>\n\t\t\t\t\t\t\t<span class='e-n-accordion-item-title-icon'>\n\t\t\t<span class='e-opened' ><svg aria-hidden=\"true\" class=\"e-font-icon-svg e-fas-minus\" viewBox=\"0 0 448 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M416 208H32c-17.67 0-32 14.33-32 32v32c0 17.67 14.33 32 32 32h384c17.67 0 32-14.33 32-32v-32c0-17.67-14.33-32-32-32z\"><\/path><\/svg><\/span>\n\t\t\t<span class='e-closed'><svg aria-hidden=\"true\" class=\"e-font-icon-svg e-fas-plus\" viewBox=\"0 0 448 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M416 208H272V64c0-17.67-14.33-32-32-32h-32c-17.67 0-32 14.33-32 32v144H32c-17.67 0-32 14.33-32 32v32c0 17.67 14.33 32 32 32h144v144c0 17.67 14.33 32 32 32h32c17.67 0 32-14.33 32-32V304h144c17.67 0 32-14.33 32-32v-32c0-17.67-14.33-32-32-32z\"><\/path><\/svg><\/span>\n\t\t<\/span>\n\n\t\t\t\t\t\t<\/summary>\n\t\t\t\t<div role=\"region\" aria-labelledby=\"e-n-accordion-item-1040\" class=\"elementor-element elementor-element-dd9ec36 e-con-full e-flex e-con e-child\" data-id=\"dd9ec36\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-407ae93 elementor-widget elementor-widget-text-editor\" data-id=\"407ae93\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<p>You can contact us through our <strong data-start=\"1218\" data-end=\"1251\">website contact form or email<\/strong> with your project details. Our team will review your requirements and get back to you with the best solution.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/details>\n\t\t\t\t\t\t<details id=\"e-n-accordion-item-1041\" class=\"e-n-accordion-item\" >\n\t\t\t\t<summary class=\"e-n-accordion-item-title\" data-accordion-index=\"2\" tabindex=\"-1\" aria-expanded=\"false\" aria-controls=\"e-n-accordion-item-1041\" >\n\t\t\t\t\t<span class='e-n-accordion-item-title-header'><div class=\"e-n-accordion-item-title-text\"> Do you offer both web and mobile app development? <\/div><\/span>\n\t\t\t\t\t\t\t<span class='e-n-accordion-item-title-icon'>\n\t\t\t<span class='e-opened' ><svg aria-hidden=\"true\" class=\"e-font-icon-svg e-fas-minus\" viewBox=\"0 0 448 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M416 208H32c-17.67 0-32 14.33-32 32v32c0 17.67 14.33 32 32 32h384c17.67 0 32-14.33 32-32v-32c0-17.67-14.33-32-32-32z\"><\/path><\/svg><\/span>\n\t\t\t<span class='e-closed'><svg aria-hidden=\"true\" class=\"e-font-icon-svg e-fas-plus\" viewBox=\"0 0 448 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M416 208H272V64c0-17.67-14.33-32-32-32h-32c-17.67 0-32 14.33-32 32v144H32c-17.67 0-32 14.33-32 32v32c0 17.67 14.33 32 32 32h144v144c0 17.67 14.33 32 32 32h32c17.67 0 32-14.33 32-32V304h144c17.67 0 32-14.33 32-32v-32c0-17.67-14.33-32-32-32z\"><\/path><\/svg><\/span>\n\t\t<\/span>\n\n\t\t\t\t\t\t<\/summary>\n\t\t\t\t<div role=\"region\" aria-labelledby=\"e-n-accordion-item-1041\" class=\"elementor-element elementor-element-635ebe1 e-con-full e-flex e-con e-child\" data-id=\"635ebe1\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-4afbd02 elementor-widget elementor-widget-text-editor\" data-id=\"4afbd02\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<p>Yes, we specialize in both web and mobile development. Whether you need a responsive website or a mobile app, we can handle both to help your business grow.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/details>\n\t\t\t\t\t\t<details id=\"e-n-accordion-item-1042\" class=\"e-n-accordion-item\" >\n\t\t\t\t<summary class=\"e-n-accordion-item-title\" data-accordion-index=\"3\" tabindex=\"-1\" aria-expanded=\"false\" aria-controls=\"e-n-accordion-item-1042\" >\n\t\t\t\t\t<span class='e-n-accordion-item-title-header'><div class=\"e-n-accordion-item-title-text\"> How can FicerTech help grow my business online? <\/div><\/span>\n\t\t\t\t\t\t\t<span class='e-n-accordion-item-title-icon'>\n\t\t\t<span class='e-opened' ><svg aria-hidden=\"true\" class=\"e-font-icon-svg e-fas-minus\" viewBox=\"0 0 448 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M416 208H32c-17.67 0-32 14.33-32 32v32c0 17.67 14.33 32 32 32h384c17.67 0 32-14.33 32-32v-32c0-17.67-14.33-32-32-32z\"><\/path><\/svg><\/span>\n\t\t\t<span class='e-closed'><svg aria-hidden=\"true\" class=\"e-font-icon-svg e-fas-plus\" viewBox=\"0 0 448 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M416 208H272V64c0-17.67-14.33-32-32-32h-32c-17.67 0-32 14.33-32 32v144H32c-17.67 0-32 14.33-32 32v32c0 17.67 14.33 32 32 32h144v144c0 17.67 14.33 32 32 32h32c17.67 0 32-14.33 32-32V304h144c17.67 0 32-14.33 32-32v-32c0-17.67-14.33-32-32-32z\"><\/path><\/svg><\/span>\n\t\t<\/span>\n\n\t\t\t\t\t\t<\/summary>\n\t\t\t\t<div role=\"region\" aria-labelledby=\"e-n-accordion-item-1042\" class=\"elementor-element elementor-element-7fa2d5e e-con-full e-flex e-con e-child\" data-id=\"7fa2d5e\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-069b848 elementor-widget elementor-widget-text-editor\" data-id=\"069b848\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<p>FicerTech helps businesses establish a strong digital presence through modern website development, strategic design, and digital marketing solutions that attract more customers and improve online visibility.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/details>\n\t\t\t\t\t\t<details id=\"e-n-accordion-item-1043\" class=\"e-n-accordion-item\" >\n\t\t\t\t<summary class=\"e-n-accordion-item-title\" data-accordion-index=\"4\" tabindex=\"-1\" aria-expanded=\"false\" aria-controls=\"e-n-accordion-item-1043\" >\n\t\t\t\t\t<span class='e-n-accordion-item-title-header'><div class=\"e-n-accordion-item-title-text\"> Do you build fully custom websites or use templates? <\/div><\/span>\n\t\t\t\t\t\t\t<span class='e-n-accordion-item-title-icon'>\n\t\t\t<span class='e-opened' ><svg aria-hidden=\"true\" class=\"e-font-icon-svg e-fas-minus\" viewBox=\"0 0 448 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M416 208H32c-17.67 0-32 14.33-32 32v32c0 17.67 14.33 32 32 32h384c17.67 0 32-14.33 32-32v-32c0-17.67-14.33-32-32-32z\"><\/path><\/svg><\/span>\n\t\t\t<span class='e-closed'><svg aria-hidden=\"true\" class=\"e-font-icon-svg e-fas-plus\" viewBox=\"0 0 448 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M416 208H272V64c0-17.67-14.33-32-32-32h-32c-17.67 0-32 14.33-32 32v144H32c-17.67 0-32 14.33-32 32v32c0 17.67 14.33 32 32 32h144v144c0 17.67 14.33 32 32 32h32c17.67 0 32-14.33 32-32V304h144c17.67 0 32-14.33 32-32v-32c0-17.67-14.33-32-32-32z\"><\/path><\/svg><\/span>\n\t\t<\/span>\n\n\t\t\t\t\t\t<\/summary>\n\t\t\t\t<div role=\"region\" aria-labelledby=\"e-n-accordion-item-1043\" class=\"elementor-element elementor-element-931db1f e-flex e-con-boxed e-con e-child\" data-id=\"931db1f\" 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-4b0054e elementor-widget elementor-widget-text-editor\" data-id=\"4b0054e\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<p data-start=\"908\" data-end=\"1100\">We offer both options depending on your requirements. We can create <strong data-start=\"976\" data-end=\"1010\">fully custom-designed websites<\/strong> or build optimized websites using reliable frameworks like WordPress for faster delivery.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/details>\n\t\t\t\t\t\t<details id=\"e-n-accordion-item-1044\" class=\"e-n-accordion-item\" >\n\t\t\t\t<summary class=\"e-n-accordion-item-title\" data-accordion-index=\"5\" tabindex=\"-1\" aria-expanded=\"false\" aria-controls=\"e-n-accordion-item-1044\" >\n\t\t\t\t\t<span class='e-n-accordion-item-title-header'><div class=\"e-n-accordion-item-title-text\"> What makes your software development process unique? <\/div><\/span>\n\t\t\t\t\t\t\t<span class='e-n-accordion-item-title-icon'>\n\t\t\t<span class='e-opened' ><svg aria-hidden=\"true\" class=\"e-font-icon-svg e-fas-minus\" viewBox=\"0 0 448 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M416 208H32c-17.67 0-32 14.33-32 32v32c0 17.67 14.33 32 32 32h384c17.67 0 32-14.33 32-32v-32c0-17.67-14.33-32-32-32z\"><\/path><\/svg><\/span>\n\t\t\t<span class='e-closed'><svg aria-hidden=\"true\" class=\"e-font-icon-svg e-fas-plus\" viewBox=\"0 0 448 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M416 208H272V64c0-17.67-14.33-32-32-32h-32c-17.67 0-32 14.33-32 32v144H32c-17.67 0-32 14.33-32 32v32c0 17.67 14.33 32 32 32h144v144c0 17.67 14.33 32 32 32h32c17.67 0 32-14.33 32-32V304h144c17.67 0 32-14.33 32-32v-32c0-17.67-14.33-32-32-32z\"><\/path><\/svg><\/span>\n\t\t<\/span>\n\n\t\t\t\t\t\t<\/summary>\n\t\t\t\t<div role=\"region\" aria-labelledby=\"e-n-accordion-item-1044\" class=\"elementor-element elementor-element-25689ed e-flex e-con-boxed e-con e-child\" data-id=\"25689ed\" 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-c9c0011 elementor-widget elementor-widget-text-editor\" data-id=\"c9c0011\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<p>We follow an agile development process, which ensures flexibility, transparency, and regular feedback loops. This allows us to continuously optimize and improve the solution according to your needs.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/details>\n\t\t\t\t\t\t<details id=\"e-n-accordion-item-1045\" class=\"e-n-accordion-item\" >\n\t\t\t\t<summary class=\"e-n-accordion-item-title\" data-accordion-index=\"6\" tabindex=\"-1\" aria-expanded=\"false\" aria-controls=\"e-n-accordion-item-1045\" >\n\t\t\t\t\t<span class='e-n-accordion-item-title-header'><div class=\"e-n-accordion-item-title-text\"> Can you integrate our existing systems with new software? <\/div><\/span>\n\t\t\t\t\t\t\t<span class='e-n-accordion-item-title-icon'>\n\t\t\t<span class='e-opened' ><svg aria-hidden=\"true\" class=\"e-font-icon-svg e-fas-minus\" viewBox=\"0 0 448 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M416 208H32c-17.67 0-32 14.33-32 32v32c0 17.67 14.33 32 32 32h384c17.67 0 32-14.33 32-32v-32c0-17.67-14.33-32-32-32z\"><\/path><\/svg><\/span>\n\t\t\t<span class='e-closed'><svg aria-hidden=\"true\" class=\"e-font-icon-svg e-fas-plus\" viewBox=\"0 0 448 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M416 208H272V64c0-17.67-14.33-32-32-32h-32c-17.67 0-32 14.33-32 32v144H32c-17.67 0-32 14.33-32 32v32c0 17.67 14.33 32 32 32h144v144c0 17.67 14.33 32 32 32h32c17.67 0 32-14.33 32-32V304h144c17.67 0 32-14.33 32-32v-32c0-17.67-14.33-32-32-32z\"><\/path><\/svg><\/span>\n\t\t<\/span>\n\n\t\t\t\t\t\t<\/summary>\n\t\t\t\t<div role=\"region\" aria-labelledby=\"e-n-accordion-item-1045\" class=\"elementor-element elementor-element-88eceb2 e-flex e-con-boxed e-con e-child\" data-id=\"88eceb2\" 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-b855a60 elementor-widget elementor-widget-text-editor\" data-id=\"b855a60\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<p>Absolutely! We can integrate your software with any third-party APIs, CRMs, or other systems to ensure smooth and efficient workflows.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/details>\n\t\t\t\t\t<\/div>\n\t\t\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-bbde4cc e-flex e-con-boxed e-con e-parent\" data-id=\"bbde4cc\" 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-1e62c4e elementor-widget elementor-widget-heading\" data-id=\"1e62c4e\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h3 class=\"elementor-heading-title elementor-size-default\"><a href=\"https:\/\/ficertech.com\/?page_id=595\">Still have a question  <span style=\"color: #a855f7\">Contact!<\/span><\/a><\/h3>\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>Design. Build. Scale. Your Digital Future Starts Here. We design and build modern digital experiences that help brands stand out, [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_header_footer","meta":{"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-591","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/ficertech.com\/index.php?rest_route=\/wp\/v2\/pages\/591","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=591"}],"version-history":[{"count":527,"href":"https:\/\/ficertech.com\/index.php?rest_route=\/wp\/v2\/pages\/591\/revisions"}],"predecessor-version":[{"id":2951,"href":"https:\/\/ficertech.com\/index.php?rest_route=\/wp\/v2\/pages\/591\/revisions\/2951"}],"wp:attachment":[{"href":"https:\/\/ficertech.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=591"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}