{"id":23565,"date":"2026-05-04T04:51:56","date_gmt":"2026-05-04T04:51:56","guid":{"rendered":"https:\/\/zadigital.com.pk\/demo\/?page_id=23565"},"modified":"2026-05-06T08:36:25","modified_gmt":"2026-05-06T08:36:25","slug":"web-development","status":"publish","type":"page","link":"https:\/\/zadigital.com.pk\/demo\/web-development\/","title":{"rendered":"Web Development"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"23565\" class=\"elementor elementor-23565\" data-elementor-post-type=\"page\">\n\t\t\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-a3026fd elementor-section-full_width elementor-section-height-default elementor-section-height-default sc_fly_static\" data-id=\"a3026fd\" data-element_type=\"section\" data-e-type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-extended\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-2ce0adb sc_content_align_inherit sc_layouts_column_icons_position_left sc_fly_static\" data-id=\"2ce0adb\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-b81e2d5 sc_fly_static elementor-widget elementor-widget-html\" data-id=\"b81e2d5\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<style>\r\n  .aigs-wrapper,\r\n  .aigs-wrapper *,\r\n  .aigs-wrapper *::before,\r\n  .aigs-wrapper *::after {\r\n    margin: 0;\r\n    padding: 0;\r\n    box-sizing: border-box;\r\n  }\r\n  .aigs-wrapper {\r\n    position: relative;\r\n    width: 100%;\r\n    height: 84vh;\r\n    min-height: 380px;\r\n    background:\r\n      radial-gradient(ellipse 45% 80% at 0% 70%, #4a1f8a 0%, transparent 60%),\r\n      radial-gradient(ellipse 20% 45% at 2% 90%, #2d0f5e 0%, transparent 55%),\r\n      #07071a;\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    overflow: hidden;\r\n    font-family: 'Inter', sans-serif;\r\n  }\r\n  canvas#aigs-particles {\r\n    position: absolute;\r\n    inset: 0;\r\n    width: 100%;\r\n    height: 100%;\r\n    opacity: 0.55;\r\n    pointer-events: none;\r\n  }\r\n  .aigs-arrow {\r\n    position: absolute;\r\n    bottom: 5%;\r\n    right: 4%;\r\n    width: clamp(28px, 4vw, 40px);\r\n    height: auto;\r\n    opacity: 0.35;\r\n    pointer-events: none;\r\n    z-index: 2;\r\n  }\r\n  .aigs-content {\r\n    position: relative;\r\n    z-index: 10;\r\n    padding: 0 7%;\r\n    width: 100%;\r\n    max-width: 1400px;\r\n    margin: 0 auto;\r\n    display: flex;\r\n    flex-direction: column;\r\n    justify-content: center;\r\n    align-items: center;\r\n    text-align: center;\r\n  }\r\n  .aigs-headline {\r\n    font-size: clamp(32px, 7vw, 82px);\r\n    font-weight: 900;\r\n    line-height: 1.18;\r\n    letter-spacing: -0.025em;\r\n    color: #ffffff;\r\n    margin-bottom: clamp(10px, 1.8vh, 22px);\r\n  }\r\n  .aigs-gradient {\r\n    background: linear-gradient(135deg, #FF2DC8, #FF854E);\r\n    -webkit-background-clip: text;\r\n    -webkit-text-fill-color: transparent;\r\n    background-clip: text;\r\n  }\r\n  .aigs-subtitle {\r\n    font-size: clamp(13px, 1.05vw, 16px);\r\n    color: #ffffff;\r\n    font-weight: 400;\r\n    line-height: 1.5;\r\n    margin-bottom: clamp(16px, 2.5vh, 30px);\r\n    max-width: 760px;\r\n  }\r\n  .aigs-btn {\r\n    display: inline-block;\r\n    align-self: center;\r\n    background: #17144C;\r\n    color: #fff;\r\n    font-family: 'Inter', sans-serif;\r\n    font-size: clamp(13px, 0.95vw, 15px);\r\n    font-weight: 600;\r\n    padding: clamp(10px, 1.3vh, 14px) clamp(26px, 2.5vw, 38px);\r\n    border-radius: 10px;\r\n    text-decoration: none;\r\n    letter-spacing: 0.025em;\r\n    transition: background 0.3s ease, transform 0.3s ease;\r\n    cursor: pointer;\r\n    border: none;\r\n  }\r\n  .aigs-btn:hover {\r\n    background: #17144C;\r\n    color: white;\r\n    transform: translateY(-2px);\r\n  }\r\n  @media (max-height: 460px) {\r\n    .aigs-headline { font-size: 24px; margin-bottom: 8px; }\r\n    .aigs-subtitle { margin-bottom: 12px; font-size: 12px; }\r\n    .aigs-btn { padding: 7px 18px; }\r\n  }\r\n  @media (max-width: 480px) {\r\n    .aigs-content { padding: 0 8%; }\r\n  }\r\n<\/style>\r\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@400;600;700;800;900&display=swap\" rel=\"stylesheet\"\/>\r\n<div class=\"aigs-wrapper\" id=\"aigsWrapper\">\r\n  <canvas id=\"aigs-particles\"><\/canvas>\r\n  <div class=\"aigs-arrow\">\r\n    <svg viewBox=\"0 0 44 44\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\r\n      <polyline points=\"4,4 40,4 40,40\" stroke=\"rgba(200,215,255,0.7)\" stroke-width=\"2.2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\r\n      <line x1=\"4\" y1=\"40\" x2=\"40\" y2=\"4\" stroke=\"rgba(200,215,255,0.7)\" stroke-width=\"2.2\" stroke-linecap=\"round\"\/>\r\n    <\/svg>\r\n  <\/div>\r\n  <div class=\"aigs-content\">\r\n    <h1 class=\"aigs-headline\">\r\n     Websites That    <span class=\"aigs-gradient\"> Load Fast, Look Sharp<br><\/span>and  Actually Convert\r\n    <\/h1>\r\n    <p class=\"aigs-subtitle\">A slow, outdated or hard-to-navigate website costs you business every day. We build websites that work properly \u2014 on every device, at every screen size, for every type of visitor  and hand them over in a way you can manage without calling a developer every time something needs updating.<\/p>\r\n    <a href=\"#\" class=\"aigs-btn\">Let's Talk<\/a>\r\n  <\/div>\r\n<\/div>\r\n<script>\r\n(function() {\r\n  var canvas = document.getElementById('aigs-particles');\r\n  var wrapper = document.getElementById('aigsWrapper');\r\n  var ctx = canvas.getContext('2d');\r\n  var W, H, nodes, animId;\r\n  var NODE_COUNT = 55;\r\n  var MAX_DIST = 140;\r\n  var colors = ['#9b7fe8','#7ab5f7','#4ec9f8','#c084fc','#818cf8'];\r\n\r\n  function resize() {\r\n    W = canvas.width = wrapper.offsetWidth;\r\n    H = canvas.height = wrapper.offsetHeight;\r\n  }\r\n\r\n  function randColor() { return colors[Math.floor(Math.random() * colors.length)]; }\r\n\r\n  function initNodes() {\r\n    nodes = [];\r\n    for (var i = 0; i < NODE_COUNT; i++) {\r\n      nodes.push({\r\n        x: Math.random() * W,\r\n        y: Math.random() * H,\r\n        vx: (Math.random() - 0.5) * 0.45,\r\n        vy: (Math.random() - 0.5) * 0.45,\r\n        r: Math.random() * 1.8 + 1,\r\n        color: randColor(),\r\n        pulse: Math.random() * Math.PI * 2\r\n      });\r\n    }\r\n  }\r\n\r\n  function draw() {\r\n    ctx.clearRect(0, 0, W, H);\r\n\r\n    for (var i = 0; i < nodes.length; i++) {\r\n      var a = nodes[i];\r\n      for (var j = i + 1; j < nodes.length; j++) {\r\n        var b = nodes[j];\r\n        var dx = a.x - b.x, dy = a.y - b.y;\r\n        var dist = Math.sqrt(dx*dx + dy*dy);\r\n        if (dist < MAX_DIST) {\r\n          var alpha = (1 - dist \/ MAX_DIST) * 0.22;\r\n          ctx.beginPath();\r\n          ctx.strokeStyle = 'rgba(150,170,255,' + alpha + ')';\r\n          ctx.lineWidth = 0.7;\r\n          ctx.moveTo(a.x, a.y);\r\n          ctx.lineTo(b.x, b.y);\r\n          ctx.stroke();\r\n        }\r\n      }\r\n    }\r\n\r\n    for (var i = 0; i < nodes.length; i++) {\r\n      var n = nodes[i];\r\n      n.pulse += 0.018;\r\n      var pr = n.r + Math.sin(n.pulse) * 0.6;\r\n      ctx.beginPath();\r\n      ctx.arc(n.x, n.y, pr, 0, Math.PI * 2);\r\n      ctx.fillStyle = n.color;\r\n      ctx.globalAlpha = 0.75;\r\n      ctx.fill();\r\n      ctx.globalAlpha = 1;\r\n\r\n      n.x += n.vx;\r\n      n.y += n.vy;\r\n      if (n.x < 0 || n.x > W) n.vx *= -1;\r\n      if (n.y < 0 || n.y > H) n.vy *= -1;\r\n    }\r\n\r\n    animId = requestAnimationFrame(draw);\r\n  }\r\n\r\n  resize();\r\n  initNodes();\r\n  draw();\r\n\r\n  window.addEventListener('resize', function() {\r\n    resize();\r\n    initNodes();\r\n  });\r\n})();\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-6cc9cac elementor-section-boxed elementor-section-height-default elementor-section-height-default sc_fly_static\" data-id=\"6cc9cac\" data-element_type=\"section\" data-e-type=\"section\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-extended\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-50 elementor-top-column elementor-element elementor-element-d379442 sc_content_align_inherit sc_layouts_column_icons_position_left sc_fly_static\" data-id=\"d379442\" data-element_type=\"column\" data-e-type=\"column\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-f9fc712 elementor--h-position-center elementor--v-position-middle sc_fly_static elementor-widget elementor-widget-slides\" data-id=\"f9fc712\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;navigation&quot;:&quot;none&quot;,&quot;autoplay&quot;:&quot;yes&quot;,&quot;pause_on_hover&quot;:&quot;yes&quot;,&quot;pause_on_interaction&quot;:&quot;yes&quot;,&quot;autoplay_speed&quot;:5000,&quot;infinite&quot;:&quot;yes&quot;,&quot;transition&quot;:&quot;slide&quot;,&quot;transition_speed&quot;:500}\" data-widget_type=\"slides.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<div class=\"elementor-swiper\">\n\t\t\t\t\t<div class=\"elementor-slides-wrapper elementor-main-swiper swiper\" role=\"region\" aria-roledescription=\"carousel\" aria-label=\"Slides\" dir=\"ltr\" data-animation=\"fadeInUp\">\n\t\t\t\t<div class=\"swiper-wrapper elementor-slides\">\n\t\t\t\t\t\t\t\t\t\t<div class=\"elementor-repeater-item-83a2de5 swiper-slide\" role=\"group\" aria-roledescription=\"slide\"><div class=\"swiper-slide-bg\" role=\"img\" aria-label=\"img_184\"><\/div><div class=\"swiper-slide-inner\" ><div class=\"swiper-slide-contents\"><\/div><\/div><\/div>\t\t\t\t<\/div>\n\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\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<\/div>\n\t\t\t\t<div class=\"elementor-column elementor-col-50 elementor-top-column elementor-element elementor-element-bc46baa sc_content_align_inherit sc_layouts_column_icons_position_left sc_fly_static\" data-id=\"bc46baa\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div data-animation-type=\"block\" class=\"elementor-element elementor-element-7fb37ea animation_type_block sc_fly_static elementor-invisible elementor-widget elementor-widget-trx_sc_title\" data-id=\"7fb37ea\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;_animation&quot;:&quot;ann-fadein&quot;,&quot;_animation_delay&quot;:200}\" data-widget_type=\"trx_sc_title.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div\t\tclass=\"sc_title sc_title_default\" ><span class=\"sc_item_subtitle sc_title_subtitle sc_item_subtitle_above sc_item_title_style_default sc_item_subtitle_with_custom_color trx_addons_inline_756963512\">Complete Services<\/span><h2 class=\"sc_item_title sc_title_title sc_item_title_style_default sc_item_title_tag\"\n\t\t\t><span class=\"sc_item_title_text\">What We Build<\/span><\/h2><\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-7c6b505 sc_fly_static elementor-widget elementor-widget-spacer\" data-id=\"7c6b505\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"spacer.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-spacer\">\n\t\t\t<div class=\"elementor-spacer-inner\"><\/div>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div data-animation-type=\"block\" class=\"elementor-element elementor-element-238aafc elementor-widget-divider--view-line animation_type_block sc_fly_static elementor-invisible elementor-widget elementor-widget-divider\" data-id=\"238aafc\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;_animation&quot;:&quot;ann-fadein&quot;,&quot;_animation_delay&quot;:300}\" data-widget_type=\"divider.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-divider\">\n\t\t\t<span class=\"elementor-divider-separator\">\n\t\t\t\t\t\t<\/span>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div data-animation-type=\"block\" class=\"elementor-element elementor-element-6ee701e bordered animation_type_block sc_fly_static elementor-invisible elementor-widget elementor-widget-accordion\" data-id=\"6ee701e\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;_animation&quot;:&quot;ann-fadein&quot;,&quot;_animation_delay&quot;:400}\" data-widget_type=\"accordion.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-accordion\">\n\t\t\t\t\t\t\t<div class=\"elementor-accordion-item\">\n\t\t\t\t\t<div id=\"elementor-tab-title-1161\" class=\"elementor-tab-title\" data-tab=\"1\" role=\"button\" aria-controls=\"elementor-tab-content-1161\" aria-expanded=\"false\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-accordion-icon elementor-accordion-icon-right\" aria-hidden=\"true\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-accordion-icon-closed\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" xmlns:xlink=\"http:\/\/www.w3.org\/1999\/xlink\" x=\"0px\" y=\"0px\" viewBox=\"0 0 19.9 19.9\" style=\"enable-background:new 0 0 19.9 19.9;\" xml:space=\"preserve\"><path d=\"M18,8.8l-5-5 c-0.3-0.3-0.8-0.3-1.1,0c-0.3,0.3-0.3,0.8,0,1.1l3.6,3.6H2.4C2,8.6,1.6,8.9,1.6,9.4c0,0.4,0.3,0.8,0.8,0.8h13.2L12,13.8 c-0.3,0.3-0.3,0.8,0,1.1c0.3,0.3,0.8,0.3,1.1,0l5-5C18.3,9.6,18.3,9.1,18,8.8z\"><\/path><\/svg><\/span>\n\t\t\t\t\t\t\t\t<span class=\"elementor-accordion-icon-opened\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" xmlns:xlink=\"http:\/\/www.w3.org\/1999\/xlink\" x=\"0px\" y=\"0px\" viewBox=\"0 0 19.9 19.9\" style=\"enable-background:new 0 0 19.9 19.9;\" xml:space=\"preserve\"><path d=\"M16.1,15.3l0-7c0-0.4-0.3-0.8-0.8-0.8c-0.4,0-0.8,0.3-0.8,0.8l0,5.1L5.1,4.1 c-0.3-0.3-0.8-0.3-1.1,0c-0.3,0.3-0.3,0.8,0,1.1l9.4,9.4l-5.1,0c-0.4,0-0.8,0.3-0.8,0.8c0,0.4,0.3,0.8,0.8,0.8l7,0 C15.7,16.1,16.1,15.7,16.1,15.3z\"><\/path><\/svg><\/span>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t\t\t\t<a class=\"elementor-accordion-title\" tabindex=\"0\">Responsive Design<\/a>\n\t\t\t\t\t<\/div>\n\t\t\t\t\t<div id=\"elementor-tab-content-1161\" class=\"elementor-tab-content elementor-clearfix\" data-tab=\"1\" role=\"region\" aria-labelledby=\"elementor-tab-title-1161\"><ul><li>Built to look and work correctly on mobile, tablet and desktop. Not an afterthought\u00a0 built that way from the start.<\/li><\/ul><\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t\t\t<div class=\"elementor-accordion-item\">\n\t\t\t\t\t<div id=\"elementor-tab-title-1162\" class=\"elementor-tab-title\" data-tab=\"2\" role=\"button\" aria-controls=\"elementor-tab-content-1162\" aria-expanded=\"false\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-accordion-icon elementor-accordion-icon-right\" aria-hidden=\"true\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-accordion-icon-closed\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" xmlns:xlink=\"http:\/\/www.w3.org\/1999\/xlink\" x=\"0px\" y=\"0px\" viewBox=\"0 0 19.9 19.9\" style=\"enable-background:new 0 0 19.9 19.9;\" xml:space=\"preserve\"><path d=\"M18,8.8l-5-5 c-0.3-0.3-0.8-0.3-1.1,0c-0.3,0.3-0.3,0.8,0,1.1l3.6,3.6H2.4C2,8.6,1.6,8.9,1.6,9.4c0,0.4,0.3,0.8,0.8,0.8h13.2L12,13.8 c-0.3,0.3-0.3,0.8,0,1.1c0.3,0.3,0.8,0.3,1.1,0l5-5C18.3,9.6,18.3,9.1,18,8.8z\"><\/path><\/svg><\/span>\n\t\t\t\t\t\t\t\t<span class=\"elementor-accordion-icon-opened\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" xmlns:xlink=\"http:\/\/www.w3.org\/1999\/xlink\" x=\"0px\" y=\"0px\" viewBox=\"0 0 19.9 19.9\" style=\"enable-background:new 0 0 19.9 19.9;\" xml:space=\"preserve\"><path d=\"M16.1,15.3l0-7c0-0.4-0.3-0.8-0.8-0.8c-0.4,0-0.8,0.3-0.8,0.8l0,5.1L5.1,4.1 c-0.3-0.3-0.8-0.3-1.1,0c-0.3,0.3-0.3,0.8,0,1.1l9.4,9.4l-5.1,0c-0.4,0-0.8,0.3-0.8,0.8c0,0.4,0.3,0.8,0.8,0.8l7,0 C15.7,16.1,16.1,15.7,16.1,15.3z\"><\/path><\/svg><\/span>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t\t\t\t<a class=\"elementor-accordion-title\" tabindex=\"0\">Speed Optimisation<\/a>\n\t\t\t\t\t<\/div>\n\t\t\t\t\t<div id=\"elementor-tab-content-1162\" class=\"elementor-tab-content elementor-clearfix\" data-tab=\"2\" role=\"region\" aria-labelledby=\"elementor-tab-title-1162\"><ul><li>Fast-loading pages, compressed assets and clean code. Google ranks fast sites higher and users leave slow ones.<\/li><\/ul><\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t\t\t<div class=\"elementor-accordion-item\">\n\t\t\t\t\t<div id=\"elementor-tab-title-1163\" class=\"elementor-tab-title\" data-tab=\"3\" role=\"button\" aria-controls=\"elementor-tab-content-1163\" aria-expanded=\"false\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-accordion-icon elementor-accordion-icon-right\" aria-hidden=\"true\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-accordion-icon-closed\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" xmlns:xlink=\"http:\/\/www.w3.org\/1999\/xlink\" x=\"0px\" y=\"0px\" viewBox=\"0 0 19.9 19.9\" style=\"enable-background:new 0 0 19.9 19.9;\" xml:space=\"preserve\"><path d=\"M18,8.8l-5-5 c-0.3-0.3-0.8-0.3-1.1,0c-0.3,0.3-0.3,0.8,0,1.1l3.6,3.6H2.4C2,8.6,1.6,8.9,1.6,9.4c0,0.4,0.3,0.8,0.8,0.8h13.2L12,13.8 c-0.3,0.3-0.3,0.8,0,1.1c0.3,0.3,0.8,0.3,1.1,0l5-5C18.3,9.6,18.3,9.1,18,8.8z\"><\/path><\/svg><\/span>\n\t\t\t\t\t\t\t\t<span class=\"elementor-accordion-icon-opened\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" xmlns:xlink=\"http:\/\/www.w3.org\/1999\/xlink\" x=\"0px\" y=\"0px\" viewBox=\"0 0 19.9 19.9\" style=\"enable-background:new 0 0 19.9 19.9;\" xml:space=\"preserve\"><path d=\"M16.1,15.3l0-7c0-0.4-0.3-0.8-0.8-0.8c-0.4,0-0.8,0.3-0.8,0.8l0,5.1L5.1,4.1 c-0.3-0.3-0.8-0.3-1.1,0c-0.3,0.3-0.3,0.8,0,1.1l9.4,9.4l-5.1,0c-0.4,0-0.8,0.3-0.8,0.8c0,0.4,0.3,0.8,0.8,0.8l7,0 C15.7,16.1,16.1,15.7,16.1,15.3z\"><\/path><\/svg><\/span>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t\t\t\t<a class=\"elementor-accordion-title\" tabindex=\"0\">CMS Integration<\/a>\n\t\t\t\t\t<\/div>\n\t\t\t\t\t<div id=\"elementor-tab-content-1163\" class=\"elementor-tab-content elementor-clearfix\" data-tab=\"3\" role=\"region\" aria-labelledby=\"elementor-tab-title-1163\"><ul><li>We set up your content management system so you can update text, images and pages without touching code.<\/li><\/ul><\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div data-animation-type=\"block\" class=\"elementor-element elementor-element-d1ccfb2 bordered animation_type_block sc_fly_static elementor-invisible elementor-widget elementor-widget-accordion\" data-id=\"d1ccfb2\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;_animation&quot;:&quot;ann-fadein&quot;,&quot;_animation_delay&quot;:400}\" data-widget_type=\"accordion.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-accordion\">\n\t\t\t\t\t\t\t<div class=\"elementor-accordion-item\">\n\t\t\t\t\t<div id=\"elementor-tab-title-2191\" class=\"elementor-tab-title\" data-tab=\"1\" role=\"button\" aria-controls=\"elementor-tab-content-2191\" aria-expanded=\"false\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-accordion-icon elementor-accordion-icon-right\" aria-hidden=\"true\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-accordion-icon-closed\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" xmlns:xlink=\"http:\/\/www.w3.org\/1999\/xlink\" x=\"0px\" y=\"0px\" viewBox=\"0 0 19.9 19.9\" style=\"enable-background:new 0 0 19.9 19.9;\" xml:space=\"preserve\"><path d=\"M18,8.8l-5-5 c-0.3-0.3-0.8-0.3-1.1,0c-0.3,0.3-0.3,0.8,0,1.1l3.6,3.6H2.4C2,8.6,1.6,8.9,1.6,9.4c0,0.4,0.3,0.8,0.8,0.8h13.2L12,13.8 c-0.3,0.3-0.3,0.8,0,1.1c0.3,0.3,0.8,0.3,1.1,0l5-5C18.3,9.6,18.3,9.1,18,8.8z\"><\/path><\/svg><\/span>\n\t\t\t\t\t\t\t\t<span class=\"elementor-accordion-icon-opened\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" xmlns:xlink=\"http:\/\/www.w3.org\/1999\/xlink\" x=\"0px\" y=\"0px\" viewBox=\"0 0 19.9 19.9\" style=\"enable-background:new 0 0 19.9 19.9;\" xml:space=\"preserve\"><path d=\"M16.1,15.3l0-7c0-0.4-0.3-0.8-0.8-0.8c-0.4,0-0.8,0.3-0.8,0.8l0,5.1L5.1,4.1 c-0.3-0.3-0.8-0.3-1.1,0c-0.3,0.3-0.3,0.8,0,1.1l9.4,9.4l-5.1,0c-0.4,0-0.8,0.3-0.8,0.8c0,0.4,0.3,0.8,0.8,0.8l7,0 C15.7,16.1,16.1,15.7,16.1,15.3z\"><\/path><\/svg><\/span>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t\t\t\t<a class=\"elementor-accordion-title\" tabindex=\"0\">E-commerce Development<\/a>\n\t\t\t\t\t<\/div>\n\t\t\t\t\t<div id=\"elementor-tab-content-2191\" class=\"elementor-tab-content elementor-clearfix\" data-tab=\"1\" role=\"region\" aria-labelledby=\"elementor-tab-title-2191\"><ul><li>Shopify and WooCommerce stores built to sell. Product pages, checkout flow, payment integration and inventory management.<\/li><\/ul><\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t\t\t<div class=\"elementor-accordion-item\">\n\t\t\t\t\t<div id=\"elementor-tab-title-2192\" class=\"elementor-tab-title\" data-tab=\"2\" role=\"button\" aria-controls=\"elementor-tab-content-2192\" aria-expanded=\"false\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-accordion-icon elementor-accordion-icon-right\" aria-hidden=\"true\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-accordion-icon-closed\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" xmlns:xlink=\"http:\/\/www.w3.org\/1999\/xlink\" x=\"0px\" y=\"0px\" viewBox=\"0 0 19.9 19.9\" style=\"enable-background:new 0 0 19.9 19.9;\" xml:space=\"preserve\"><path d=\"M18,8.8l-5-5 c-0.3-0.3-0.8-0.3-1.1,0c-0.3,0.3-0.3,0.8,0,1.1l3.6,3.6H2.4C2,8.6,1.6,8.9,1.6,9.4c0,0.4,0.3,0.8,0.8,0.8h13.2L12,13.8 c-0.3,0.3-0.3,0.8,0,1.1c0.3,0.3,0.8,0.3,1.1,0l5-5C18.3,9.6,18.3,9.1,18,8.8z\"><\/path><\/svg><\/span>\n\t\t\t\t\t\t\t\t<span class=\"elementor-accordion-icon-opened\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" xmlns:xlink=\"http:\/\/www.w3.org\/1999\/xlink\" x=\"0px\" y=\"0px\" viewBox=\"0 0 19.9 19.9\" style=\"enable-background:new 0 0 19.9 19.9;\" xml:space=\"preserve\"><path d=\"M16.1,15.3l0-7c0-0.4-0.3-0.8-0.8-0.8c-0.4,0-0.8,0.3-0.8,0.8l0,5.1L5.1,4.1 c-0.3-0.3-0.8-0.3-1.1,0c-0.3,0.3-0.3,0.8,0,1.1l9.4,9.4l-5.1,0c-0.4,0-0.8,0.3-0.8,0.8c0,0.4,0.3,0.8,0.8,0.8l7,0 C15.7,16.1,16.1,15.7,16.1,15.3z\"><\/path><\/svg><\/span>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t\t\t\t<a class=\"elementor-accordion-title\" tabindex=\"0\">SEO-Ready Structure<\/a>\n\t\t\t\t\t<\/div>\n\t\t\t\t\t<div id=\"elementor-tab-content-2192\" class=\"elementor-tab-content elementor-clearfix\" data-tab=\"2\" role=\"region\" aria-labelledby=\"elementor-tab-title-2192\"><ul><li>Clean URL structure, proper heading hierarchy, meta tag setup and schema markup. Built for Google from day one.<\/li><\/ul><\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t\t\t<div class=\"elementor-accordion-item\">\n\t\t\t\t\t<div id=\"elementor-tab-title-2193\" class=\"elementor-tab-title\" data-tab=\"3\" role=\"button\" aria-controls=\"elementor-tab-content-2193\" aria-expanded=\"false\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-accordion-icon elementor-accordion-icon-right\" aria-hidden=\"true\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-accordion-icon-closed\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" xmlns:xlink=\"http:\/\/www.w3.org\/1999\/xlink\" x=\"0px\" y=\"0px\" viewBox=\"0 0 19.9 19.9\" style=\"enable-background:new 0 0 19.9 19.9;\" xml:space=\"preserve\"><path d=\"M18,8.8l-5-5 c-0.3-0.3-0.8-0.3-1.1,0c-0.3,0.3-0.3,0.8,0,1.1l3.6,3.6H2.4C2,8.6,1.6,8.9,1.6,9.4c0,0.4,0.3,0.8,0.8,0.8h13.2L12,13.8 c-0.3,0.3-0.3,0.8,0,1.1c0.3,0.3,0.8,0.3,1.1,0l5-5C18.3,9.6,18.3,9.1,18,8.8z\"><\/path><\/svg><\/span>\n\t\t\t\t\t\t\t\t<span class=\"elementor-accordion-icon-opened\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" xmlns:xlink=\"http:\/\/www.w3.org\/1999\/xlink\" x=\"0px\" y=\"0px\" viewBox=\"0 0 19.9 19.9\" style=\"enable-background:new 0 0 19.9 19.9;\" xml:space=\"preserve\"><path d=\"M16.1,15.3l0-7c0-0.4-0.3-0.8-0.8-0.8c-0.4,0-0.8,0.3-0.8,0.8l0,5.1L5.1,4.1 c-0.3-0.3-0.8-0.3-1.1,0c-0.3,0.3-0.3,0.8,0,1.1l9.4,9.4l-5.1,0c-0.4,0-0.8,0.3-0.8,0.8c0,0.4,0.3,0.8,0.8,0.8l7,0 C15.7,16.1,16.1,15.7,16.1,15.3z\"><\/path><\/svg><\/span>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t\t\t\t<a class=\"elementor-accordion-title\" tabindex=\"0\">Ongoing Support<\/a>\n\t\t\t\t\t<\/div>\n\t\t\t\t\t<div id=\"elementor-tab-content-2193\" class=\"elementor-tab-content elementor-clearfix\" data-tab=\"3\" role=\"region\" aria-labelledby=\"elementor-tab-title-2193\"><ul><li>We do not disappear after launch. Maintenance plans available for updates, backups and security monitoring.<\/li><\/ul><\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div data-animation-type=\"block\" class=\"elementor-element elementor-element-fa63537 elementor-widget-divider--view-line animation_type_block sc_fly_static elementor-invisible elementor-widget elementor-widget-divider\" data-id=\"fa63537\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;_animation&quot;:&quot;ann-fadein&quot;,&quot;_animation_delay&quot;:500}\" data-widget_type=\"divider.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-divider\">\n\t\t\t<span class=\"elementor-divider-separator\">\n\t\t\t\t\t\t<\/span>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-590fe66 elementor-section-boxed elementor-section-height-default elementor-section-height-default sc_fly_static\" data-id=\"590fe66\" data-element_type=\"section\" data-e-type=\"section\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-extended\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-1cc1e20 sc_content_align_inherit sc_layouts_column_icons_position_left sc_fly_static\" data-id=\"1cc1e20\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-941e6c5 sc_layouts_hide_on_mobile sc_layouts_hide_on_notebook sc_layouts_hide_on_tablet sc_fly_static elementor-widget elementor-widget-spacer\" data-id=\"941e6c5\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"spacer.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-spacer\">\n\t\t\t<div class=\"elementor-spacer-inner\"><\/div>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-2ed5d89 sc_fly_static elementor-widget elementor-widget-text-editor\" data-id=\"2ed5d89\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p><strong><b>OUR PROCESS<\/b><\/strong><\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-8fd681d sc_fly_static elementor-widget elementor-widget-heading\" data-id=\"8fd681d\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">What we bring to the table<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-7b1ad00 sc_fly_static elementor-widget elementor-widget-text-editor\" data-id=\"7b1ad00\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>Clear strategy, sharp execution, and outcomes you can actually measure<\/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<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-5596d61 elementor-section-full_width elementor-section-height-default elementor-section-height-default sc_fly_static\" data-id=\"5596d61\" data-element_type=\"section\" data-e-type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-extended\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-e0d38e2 sc_content_align_inherit sc_layouts_column_icons_position_left sc_fly_static\" data-id=\"e0d38e2\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-4d76f89 sc_fly_static elementor-widget elementor-widget-html\" data-id=\"4d76f89\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.5.0\/css\/all.min.css\">\r\n\r\n<style>\r\n  @import url('https:\/\/fonts.googleapis.com\/css2?family=DM+Sans:ital,opsz,wght@0,9..40,400;0,9..40,500;0,9..40,600;0,9..40,700;1,9..40,400&display=swap');\r\n\r\n  * {\r\n    margin: 0;\r\n    padding: 0;\r\n    box-sizing: border-box;\r\n  }\r\n\r\n  .cards-section {\r\n    font-family: 'DM Sans', sans-serif;\r\n    padding: 80px 24px;\r\n    background: #f4f4f9;\r\n    min-height: 100vh;\r\n    display: flex;\r\n    align-items: center;\r\n  }\r\n\r\n  .cards-wrapper {\r\n    max-width: 1240px;\r\n    margin: 0 auto;\r\n    width: 100%;\r\n  }\r\n\r\n  .cards-grid {\r\n    display: grid;\r\n    grid-template-columns: repeat(4, 1fr);\r\n    gap: 28px;\r\n  }\r\n\r\n  .card {\r\n    background: #ffffff;\r\n    border-radius: 24px;\r\n    padding: 44px 30px 40px;\r\n    text-align: center;\r\n    cursor: pointer;\r\n    position: relative;\r\n    overflow: hidden;\r\n    transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);\r\n    box-shadow:\r\n      0 2px 8px rgba(23, 20, 76, 0.06),\r\n      0 8px 32px rgba(23, 20, 76, 0.05);\r\n    border: 1.5px solid rgba(23, 20, 76, 0.07);\r\n  }\r\n\r\n  .card::before {\r\n    content: '';\r\n    position: absolute;\r\n    inset: 0;\r\n    background: linear-gradient(135deg, #17144c 0%, #2a2580 100%);\r\n    opacity: 0;\r\n    transition: opacity 0.4s ease;\r\n    z-index: 0;\r\n  }\r\n\r\n  .card:hover::before {\r\n    opacity: 1;\r\n  }\r\n\r\n  .card:hover {\r\n    transform: translateY(-10px);\r\n    border-color: transparent;\r\n    box-shadow:\r\n      0 20px 60px rgba(23, 20, 76, 0.35),\r\n      0 8px 24px rgba(23, 20, 76, 0.2);\r\n  }\r\n\r\n  \/* Step Number Badge *\/\r\n  .card-step {\r\n    position: absolute;\r\n    top: 18px;\r\n    right: 20px;\r\n    font-size: 11px;\r\n    font-weight: 700;\r\n    letter-spacing: 0.08em;\r\n    color: #c0bedd;\r\n    text-transform: uppercase;\r\n    z-index: 1;\r\n    transition: color 0.4s ease;\r\n  }\r\n\r\n  .card:hover .card-step {\r\n    color: rgba(255,255,255,0.35);\r\n  }\r\n\r\n  \/* Icon Area *\/\r\n  .card-icon-wrap {\r\n    position: relative;\r\n    z-index: 1;\r\n    width: 76px;\r\n    height: 76px;\r\n    margin: 0 auto 28px;\r\n    border-radius: 20px;\r\n    background: linear-gradient(135deg, #fff0f4 0%, #ffe4ec 100%);\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    transition: all 0.4s ease;\r\n    box-shadow: 0 4px 16px rgba(232, 61, 107, 0.15);\r\n  }\r\n\r\n  .card:hover .card-icon-wrap {\r\n    background: rgba(255, 255, 255, 0.15);\r\n    box-shadow: 0 4px 20px rgba(0,0,0,0.2);\r\n  }\r\n\r\n  .card-icon-wrap i {\r\n    font-size: 30px;\r\n    color: #e83d6b;\r\n    transition: color 0.4s ease, transform 0.4s ease;\r\n  }\r\n\r\n  .card:hover .card-icon-wrap i {\r\n    color: #ffffff;\r\n    transform: scale(1.1) rotate(-5deg);\r\n  }\r\n\r\n  \/* Title *\/\r\n  .card-title {\r\n    position: relative;\r\n    z-index: 1;\r\n    font-size: 19px;\r\n    font-weight: 700;\r\n    color: #17144c;\r\n    margin-bottom: 16px;\r\n    line-height: 1.35;\r\n    transition: color 0.4s ease;\r\n    letter-spacing: -0.01em;\r\n  }\r\n\r\n  .card:hover .card-title {\r\n    color: #ffffff;\r\n  }\r\n\r\n  \/* Divider *\/\r\n  .card-divider {\r\n    position: relative;\r\n    z-index: 1;\r\n    width: 36px;\r\n    height: 3px;\r\n    background: #e83d6b;\r\n    border-radius: 99px;\r\n    margin: 0 auto 18px;\r\n    transition: background 0.4s ease, width 0.4s ease;\r\n  }\r\n\r\n  .card:hover .card-divider {\r\n    background: rgba(255,255,255,0.5);\r\n    width: 52px;\r\n  }\r\n\r\n  \/* Text *\/\r\n  .card-text {\r\n    position: relative;\r\n    z-index: 1;\r\n    font-size: 14.5px;\r\n    font-weight: 400;\r\n    color: #6e6e90;\r\n    line-height: 1.75;\r\n    transition: color 0.4s ease;\r\n  }\r\n\r\n  .card:hover .card-text {\r\n    color: rgba(255, 255, 255, 0.78);\r\n  }\r\n\r\n  \/* =====================\r\n     RESPONSIVE BREAKPOINTS\r\n     ===================== *\/\r\n\r\n  \/* Large Laptop *\/\r\n  @media (max-width: 1280px) {\r\n    .cards-grid {\r\n      gap: 22px;\r\n    }\r\n    .card {\r\n      padding: 38px 22px 34px;\r\n    }\r\n  }\r\n\r\n  \/* Tablet Landscape \/ Small Laptop *\/\r\n  @media (max-width: 1024px) {\r\n    .cards-grid {\r\n      grid-template-columns: repeat(2, 1fr);\r\n      gap: 22px;\r\n    }\r\n    .cards-section {\r\n      padding: 60px 20px;\r\n    }\r\n  }\r\n\r\n  \/* Tablet Portrait *\/\r\n  @media (max-width: 768px) {\r\n    .cards-grid {\r\n      grid-template-columns: repeat(2, 1fr);\r\n      gap: 18px;\r\n    }\r\n    .card {\r\n      padding: 34px 20px 30px;\r\n    }\r\n    .card-title {\r\n      font-size: 17px;\r\n    }\r\n    .card-text {\r\n      font-size: 13.5px;\r\n    }\r\n    .card-icon-wrap {\r\n      width: 66px;\r\n      height: 66px;\r\n    }\r\n    .card-icon-wrap i {\r\n      font-size: 26px;\r\n    }\r\n  }\r\n\r\n  \/* Large Phone *\/\r\n  @media (max-width: 600px) {\r\n    .cards-grid {\r\n      grid-template-columns: 1fr;\r\n      gap: 16px;\r\n    }\r\n    .cards-section {\r\n      padding: 48px 16px;\r\n    }\r\n    .card {\r\n      padding: 36px 28px 32px;\r\n      border-radius: 20px;\r\n    }\r\n    .card:hover {\r\n      transform: translateY(-5px);\r\n    }\r\n  }\r\n\r\n  \/* Small Phone *\/\r\n  @media (max-width: 390px) {\r\n    .card {\r\n      padding: 30px 20px 28px;\r\n    }\r\n    .card-title {\r\n      font-size: 16px;\r\n    }\r\n    .card-text {\r\n      font-size: 13px;\r\n    }\r\n  }\r\n<\/style>\r\n\r\n<section class=\"cards-section\">\r\n  <div class=\"cards-wrapper\">\r\n    <div class=\"cards-grid\">\r\n\r\n      <div class=\"card\">\r\n        <span class=\"card-step\">01<\/span>\r\n        <div class=\"card-icon-wrap\"><i class=\"fa-solid fa-compass-drafting\"><\/i><\/div>\r\n        <div class=\"card-title\">Discovery &<br>Scoping<\/div>\r\n        <div class=\"card-line\"><\/div>\r\n        <div class=\"card-text\">We understand what the website needs to do, who it is for and what success looks like. We map out pages, features and functionality before writing a single line of code.<\/div>\r\n      <\/div>\r\n\r\n      <div class=\"card\">\r\n        <span class=\"card-step\">02<\/span>\r\n        <div class=\"card-icon-wrap\"><i class=\"fa-solid fa-pencil-ruler\"><\/i><\/div>\r\n        <div class=\"card-title\">Design &<br>Wireframes<\/div>\r\n        <div class=\"card-line\"><\/div>\r\n        <div class=\"card-text\">We show you how it will look and feel before building. You review layouts, approve the direction and we incorporate feedback before moving to development.<\/div>\r\n      <\/div>\r\n\r\n      <div class=\"card\">\r\n        <span class=\"card-step\">03<\/span>\r\n        <div class=\"card-icon-wrap\"><i class=\"fa-solid fa-laptop-code\"><\/i><\/div>\r\n        <div class=\"card-title\">Development &<br>Testing<\/div>\r\n        <div class=\"card-line\"><\/div>\r\n        <div class=\"card-text\">We build, test across devices and browsers and fix anything that does not work properly. You get a staging link to review before anything goes live.<\/div>\r\n      <\/div>\r\n\r\n      <div class=\"card\">\r\n        <span class=\"card-step\">04<\/span>\r\n        <div class=\"card-icon-wrap\"><i class=\"fa-solid fa-rocket\"><\/i><\/div>\r\n        <div class=\"card-title\">Launch &<br>Handover<\/div>\r\n        <div class=\"card-line\"><\/div>\r\n        <div class=\"card-text\">We go live, submit to Google Search Console and walk you through how to manage your site. You are not left wondering what to do next.<\/div>\r\n      <\/div>\r\n\r\n    <\/div>\r\n  <\/div>\r\n<\/section>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-0d16273 elementor-section-boxed elementor-section-height-default elementor-section-height-default sc_fly_static\" data-id=\"0d16273\" data-element_type=\"section\" data-e-type=\"section\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-extended\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-f7adf38 sc_content_align_inherit sc_layouts_column_icons_position_left sc_fly_static\" data-id=\"f7adf38\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-79b1b4e sc_fly_static elementor-widget elementor-widget-heading\" data-id=\"79b1b4e\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Questions Clients Ask Us Most<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div data-animation-type=\"block\" class=\"elementor-element elementor-element-f534eae animation_type_block sc_fly_static elementor-invisible elementor-widget elementor-widget-toggle\" data-id=\"f534eae\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;_animation&quot;:&quot;ann-fadein&quot;,&quot;_animation_delay&quot;:200}\" data-widget_type=\"toggle.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-toggle\">\n\t\t\t\t\t\t\t<div class=\"elementor-toggle-item\">\n\t\t\t\t\t<h5 id=\"elementor-tab-title-2571\" class=\"elementor-tab-title\" data-tab=\"1\" role=\"button\" aria-controls=\"elementor-tab-content-2571\" aria-expanded=\"false\">\n\t\t\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-toggle-icon elementor-toggle-icon-right\" aria-hidden=\"true\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-toggle-icon-closed\"><i class=\"fas fa-plus\"><\/i><\/span>\n\t\t\t\t\t\t\t\t<span class=\"elementor-toggle-icon-opened\"><i class=\"elementor-toggle-icon-opened fas fa-minus\"><\/i><\/span>\n\t\t\t\t\t\t\t\t\t\t\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t\t\t\t<a class=\"elementor-toggle-title\" tabindex=\"0\">How long does a website take to build?<\/a>\n\t\t\t\t\t<\/h5>\n\n\t\t\t\t\t<div id=\"elementor-tab-content-2571\" class=\"elementor-tab-content elementor-clearfix\" data-tab=\"1\" role=\"region\" aria-labelledby=\"elementor-tab-title-2571\"><p>A standard business website takes 3 to 5 weeks. E-commerce and custom web applications take longer depending on the scope. We give you a timeline before we start and stick to it.<\/p><\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t\t\t<div class=\"elementor-toggle-item\">\n\t\t\t\t\t<h5 id=\"elementor-tab-title-2572\" class=\"elementor-tab-title\" data-tab=\"2\" role=\"button\" aria-controls=\"elementor-tab-content-2572\" aria-expanded=\"false\">\n\t\t\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-toggle-icon elementor-toggle-icon-right\" aria-hidden=\"true\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-toggle-icon-closed\"><i class=\"fas fa-plus\"><\/i><\/span>\n\t\t\t\t\t\t\t\t<span class=\"elementor-toggle-icon-opened\"><i class=\"elementor-toggle-icon-opened fas fa-minus\"><\/i><\/span>\n\t\t\t\t\t\t\t\t\t\t\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t\t\t\t<a class=\"elementor-toggle-title\" tabindex=\"0\">Will I be able to update the site myself?<\/a>\n\t\t\t\t\t<\/h5>\n\n\t\t\t\t\t<div id=\"elementor-tab-content-2572\" class=\"elementor-tab-content elementor-clearfix\" data-tab=\"2\" role=\"region\" aria-labelledby=\"elementor-tab-title-2572\"><p>Yes. We build on platforms that are easy to manage and include a handover session so you know how to make basic updates without needing to call us every time.<\/p><\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t\t\t<div class=\"elementor-toggle-item\">\n\t\t\t\t\t<h5 id=\"elementor-tab-title-2573\" class=\"elementor-tab-title\" data-tab=\"3\" role=\"button\" aria-controls=\"elementor-tab-content-2573\" aria-expanded=\"false\">\n\t\t\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-toggle-icon elementor-toggle-icon-right\" aria-hidden=\"true\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-toggle-icon-closed\"><i class=\"fas fa-plus\"><\/i><\/span>\n\t\t\t\t\t\t\t\t<span class=\"elementor-toggle-icon-opened\"><i class=\"elementor-toggle-icon-opened fas fa-minus\"><\/i><\/span>\n\t\t\t\t\t\t\t\t\t\t\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t\t\t\t<a class=\"elementor-toggle-title\" tabindex=\"0\">Do you offer hosting?<\/a>\n\t\t\t\t\t<\/h5>\n\n\t\t\t\t\t<div id=\"elementor-tab-content-2573\" class=\"elementor-tab-content elementor-clearfix\" data-tab=\"3\" role=\"region\" aria-labelledby=\"elementor-tab-title-2573\"><p>We can recommend hosting providers and set everything up for you. We do not resell hosting but we make sure you are on a server that is fast and reliable for your audience&#8217;s location.<\/p><\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t\t\t<div class=\"elementor-toggle-item\">\n\t\t\t\t\t<h5 id=\"elementor-tab-title-2574\" class=\"elementor-tab-title\" data-tab=\"4\" role=\"button\" aria-controls=\"elementor-tab-content-2574\" aria-expanded=\"false\">\n\t\t\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-toggle-icon elementor-toggle-icon-right\" aria-hidden=\"true\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-toggle-icon-closed\"><i class=\"fas fa-plus\"><\/i><\/span>\n\t\t\t\t\t\t\t\t<span class=\"elementor-toggle-icon-opened\"><i class=\"elementor-toggle-icon-opened fas fa-minus\"><\/i><\/span>\n\t\t\t\t\t\t\t\t\t\t\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t\t\t\t<a class=\"elementor-toggle-title\" tabindex=\"0\">Can you redesign an existing website without losing SEO?<\/a>\n\t\t\t\t\t<\/h5>\n\n\t\t\t\t\t<div id=\"elementor-tab-content-2574\" class=\"elementor-tab-content elementor-clearfix\" data-tab=\"4\" role=\"region\" aria-labelledby=\"elementor-tab-title-2574\"><p>Yes. We handle redirects, preserve existing URLs where possible and set up everything properly so a redesign does not undo the rankings you already have.<\/p><\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-359c6ce elementor-section-content-middle elementor-section-boxed elementor-section-height-default elementor-section-height-default sc_fly_static\" data-id=\"359c6ce\" data-element_type=\"section\" data-e-type=\"section\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-extended\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-50 elementor-top-column elementor-element elementor-element-6249288 sc_content_align_inherit sc_layouts_column_icons_position_left sc_fly_static\" data-id=\"6249288\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div data-animation-type=\"block\" class=\"elementor-element elementor-element-ef4c5f7 elementor-widget__width-initial animation_type_block sc_fly_static elementor-invisible elementor-widget elementor-widget-trx_sc_title\" data-id=\"ef4c5f7\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;_animation&quot;:&quot;ann-fadein&quot;}\" data-widget_type=\"trx_sc_title.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div\t\tclass=\"sc_title sc_title_default\" ><span class=\"sc_item_subtitle sc_title_subtitle sc_item_subtitle_above sc_item_title_style_default sc_item_subtitle_with_custom_color trx_addons_inline_1841253333\">Join the community<\/span><h1 class=\"sc_item_title sc_title_title sc_item_title_style_default sc_item_title_tag\"\n\t\t\t><span class=\"sc_item_title_text\">Need a Website That Works as Hard as You Do?<\/span><\/h1><div class=\"sc_item_descr sc_title_descr\"><p>Send us your brief or just describe what you need. We will review it and come back with a realistic scope, timeline and cost.<\/p>\n<\/div><\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-2bf2e30 sc_height_small sc_fly_static elementor-widget elementor-widget-spacer\" data-id=\"2bf2e30\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"spacer.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-spacer\">\n\t\t\t<div class=\"elementor-spacer-inner\"><\/div>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-9b48ddb sc_fly_static elementor-widget elementor-widget-button\" data-id=\"9b48ddb\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"button.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<div class=\"elementor-button-wrapper\">\n\t\t\t\t\t<a class=\"elementor-button elementor-button-link elementor-size-sm\" href=\"#\">\n\t\t\t\t\t\t<span class=\"elementor-button-content-wrapper\">\n\t\t\t\t\t\t\t\t\t<span class=\"elementor-button-text\">Get a Free Web Development Quote \u2192<\/span>\n\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/a>\n\t\t\t\t<\/div>\n\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<\/div>\n\t\t\t\t<div class=\"elementor-column elementor-col-50 elementor-top-column elementor-element elementor-element-59652ac up-translateZ-wrap sc_content_align_inherit sc_layouts_column_icons_position_left sc_fly_static\" data-id=\"59652ac\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-dc95402 sc_fly_static elementor-widget elementor-widget-html\" data-id=\"dc95402\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<style>\r\n.flag-wrap {\r\n  position: relative;\r\n  width: 100%;\r\n  height: 420px;\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n}\r\n\r\n.flag-bubble {\r\n  position: absolute;\r\n  width: 74px; height: 74px; border-radius: 50%;\r\n  background: #fff; box-shadow: 0 4px 18px rgba(0,0,0,0.10);\r\n  display: flex; align-items: center; justify-content: center;\r\n  font-size: 38px; user-select: none; z-index: 2;\r\n  will-change: transform;\r\n}\r\n.flag-bubble.sm { width: 54px; height: 54px; font-size: 28px; }\r\n\r\n.f-uk { top: 3%;  left: 58%; }\r\n.f-ca { top: 16%; left: 15%; }\r\n.f-us { top: 38%; left: 42%; }\r\n.f-es { top: 28%; left: 80%; }\r\n.f-it { top: 58%; left: 18%; }\r\n.f-de { top: 60%; left: 60%; }\r\n.f-se { top: 82%; left: 35%; }\r\n\r\n\r\n<\/style>\r\n\r\n<div class=\"flag-wrap\" id=\"flagWrap\">\r\n  <svg style=\"position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);pointer-events:none;\" width=\"420\" height=\"420\" viewBox=\"0 0 420 420\" fill=\"none\">\r\n    <circle cx=\"210\" cy=\"210\" r=\"150\" stroke=\"rgba(100,100,130,0.22)\" stroke-width=\"1.5\" stroke-dasharray=\"7 8\"\/>\r\n    <circle cx=\"210\" cy=\"210\" r=\"95\"  stroke=\"rgba(100,100,130,0.18)\" stroke-width=\"1.5\" stroke-dasharray=\"5 7\"\/>\r\n  <\/svg>\r\n  <div class=\"flag-bubble f-uk\"    data-strength=\"22\">\ud83c\uddec\ud83c\udde7<\/div>\r\n  <div class=\"flag-bubble f-ca\"    data-strength=\"18\">\ud83c\udde8\ud83c\udde6<\/div>\r\n  <div class=\"flag-bubble f-us\"    data-strength=\"28\">\ud83c\uddfa\ud83c\uddf8<\/div>\r\n  <div class=\"flag-bubble f-es sm\" data-strength=\"14\">\ud83c\uddea\ud83c\uddf8<\/div>\r\n  <div class=\"flag-bubble f-it\"    data-strength=\"20\">\ud83c\uddee\ud83c\uddf9<\/div>\r\n  <div class=\"flag-bubble f-de\"    data-strength=\"25\">\ud83c\udde9\ud83c\uddea<\/div>\r\n  <div class=\"flag-bubble f-se\"    data-strength=\"16\">\ud83c\uddf8\ud83c\uddea<\/div>\r\n  <div class=\"dot\"><\/div>\r\n<\/div>\r\n\r\n<script>\r\n(function(){\r\n  var wrap  = document.getElementById('flagWrap');\r\n  var flags = wrap.querySelectorAll('.flag-bubble');\r\n  var cur   = Array.from(flags).map(function(){ return {x:0,y:0}; });\r\n  var tgt   = Array.from(flags).map(function(){ return {x:0,y:0}; });\r\n\r\n  document.addEventListener('mousemove', function(e){\r\n    var rect = wrap.getBoundingClientRect();\r\n    var normX = ((e.clientX - rect.left)  \/ rect.width  - 0.5) * 2;\r\n    var normY = ((e.clientY - rect.top)   \/ rect.height - 0.5) * 2;\r\n    flags.forEach(function(flag, i){\r\n      var s = parseFloat(flag.dataset.strength);\r\n      tgt[i].x = normX * s * -1;\r\n      tgt[i].y = normY * s * -1;\r\n    });\r\n  });\r\n\r\n  document.addEventListener('mouseleave', function(){\r\n    flags.forEach(function(_, i){ tgt[i].x = 0; tgt[i].y = 0; });\r\n  });\r\n\r\n  function lerp(a,b,t){ return a+(b-a)*t; }\r\n\r\n  function tick(){\r\n    flags.forEach(function(flag, i){\r\n      var ease = 0.07 + i * 0.005;\r\n      cur[i].x = lerp(cur[i].x, tgt[i].x, ease);\r\n      cur[i].y = lerp(cur[i].y, tgt[i].y, ease);\r\n      flag.style.transform = 'translate('+cur[i].x.toFixed(2)+'px,'+cur[i].y.toFixed(2)+'px)';\r\n      var dist = Math.sqrt(cur[i].x*cur[i].x + cur[i].y*cur[i].y);\r\n      flag.style.boxShadow = '0 '+(4+dist*0.4)+'px '+(8+dist*0.8)+'px rgba(0,0,0,'+(0.08+dist*0.003)+')';\r\n    });\r\n    requestAnimationFrame(tick);\r\n  }\r\n  tick();\r\n})();\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Websites That Load Fast, Look Sharpand Actually Convert A slow, outdated or hard-to-navigate website costs you business every day. We build websites that work properly \u2014 on every device, at&hellip;<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"pmpro_default_level":"","footnotes":""},"class_list":["post-23565","page","type-page","status-publish","hentry","pmpro-has-access"],"_links":{"self":[{"href":"https:\/\/zadigital.com.pk\/demo\/wp-json\/wp\/v2\/pages\/23565","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/zadigital.com.pk\/demo\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/zadigital.com.pk\/demo\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/zadigital.com.pk\/demo\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/zadigital.com.pk\/demo\/wp-json\/wp\/v2\/comments?post=23565"}],"version-history":[{"count":31,"href":"https:\/\/zadigital.com.pk\/demo\/wp-json\/wp\/v2\/pages\/23565\/revisions"}],"predecessor-version":[{"id":23826,"href":"https:\/\/zadigital.com.pk\/demo\/wp-json\/wp\/v2\/pages\/23565\/revisions\/23826"}],"wp:attachment":[{"href":"https:\/\/zadigital.com.pk\/demo\/wp-json\/wp\/v2\/media?parent=23565"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}