{"id":25,"date":"2025-10-25T15:20:09","date_gmt":"2025-10-25T15:20:09","guid":{"rendered":"https:\/\/themexriver.com\/wp\/avista\/?page_id=25"},"modified":"2026-03-18T04:14:24","modified_gmt":"2026-03-18T04:14:24","slug":"design-development","status":"publish","type":"page","link":"https:\/\/zropixel.com\/zropixel_uat\/design-development\/","title":{"rendered":"Website Design &#038; Development"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"25\" class=\"elementor elementor-25\">\n\t\t\t\t<div class=\"elementor-element elementor-element-d0b8949 e-flex e-con-boxed e-con e-parent\" data-id=\"d0b8949\" 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-68f3746 elementor-widget elementor-widget-tx_service_section elh-el tx_service_section\" data-id=\"68f3746\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;design_style&quot;:&quot;style_1&quot;}\" data-widget_type=\"tx_service_section.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<section class=\"as-services-1-area pt-70 reny pb-120 tx-section \">\n    <div class=\"container as-container-1\">\n        <div class=\"as-services-1-container\">\n            <!-- section-title -->\n            <div class=\"as-services-1-sec-title mb-50\">\n                <div class=\"left\">\n                                        <h6 class=\"as-subtitle-1 tx-subTitle\">\n                        <span class=\"icon\">\n                            {<i aria-hidden=\"true\" class=\"fas fa-circle\"><\/i>}                        <\/span>\n                        Services                    <\/h6>\n                                        <h2 class=\"tx-title as-sec-title-1 wa_title_spilt_1\">Website Design &amp; Development Services in UAE<\/h2>                <\/div>\n\n                \n                <div class=\"right\">\n                                        <p class=\"as-p-1 sec-disc wow fadeInRight2 tx-description\">\n                        Transform Your Digital Presence with High-Performance Websites  Your website is often the first interaction customers have with your business. A professionally designed and strategically developed website not only strengthens your brand credibility but also drives engagement, generates leads, and supports long-term growth.  Our Website Design &amp; Development Services focus on building visually compelling, fast, secure, and scalable websites tailored to meet your business objectives. Whether you need a corporate website, dynamic platform, or e-commerce solution, we deliver digital experiences that convert visitors into customers.                    <\/p>\n                    \n                    \n                <\/div>\n            <\/div>\n\n            <!--<div class=\"as-services-1-wrap\">\n                            <\/div>-->\n        <\/div>\n    <\/div>\n<\/section>\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-7ed8b4c e-con-full e-flex e-con e-parent\" data-id=\"7ed8b4c\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-fc067cb elementor-widget elementor-widget-tx_count_box elh-el tx_count_box\" data-id=\"fc067cb\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;design_style&quot;:&quot;style_1&quot;}\" data-widget_type=\"tx_count_box.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<section class=\"as-success-2-area pt-90 pb-130 tx-section has-dark\">\n    <div class=\"container as-container-2\">\n        <div class=\"as-success-2-wrap mb-65\">\n            <!-- section-title -->\n            <div class=\"as-success-2-sec-title mb-40\">\n                                <h6 class=\"as-subtitle-2 tx-subTitle\">\n                    Transform Your Life                <\/h6>\n                                <h2 class=\"tx-title as-sec-title-2 wa_title_spilt_1\">Comprehensive Website Solutions for Modern Businesses UAE<\/h2>\n                            <\/div>\n\n            <!-- right -->\n            <div class=\"as-success-2-experience\">\n                <!--<h3 class=\"as-h-2 number wa-p-relative\">\n                    <span class=\"odometer\" data-count=\"\">0<\/span>                                        <span class=\"icon\">\n                                            <\/span>\n                                    <\/h3>-->\n                <div class=\"content-wrap\">\n                    \n                                        <p class=\"as-p-2 disc wow fadeInUp2\" data-wow-delay=\".1s\">\n                        We combine creative design, advanced technology, and SEO best practices to create websites that perform exceptionally in today\u2019s competitive digital landscape.                    <\/p>\n                                    <\/div>\n            <\/div>\n        <\/div>\n\n        <div class=\"as-success-2-wrap-2\">\n                        <div class=\"as-success-2-item\">\n                                <h3 class=\"as-h-2 number wow fadeInRight2\">\n                    1                <\/h3>\n                \n                                <div class=\"as-p-2 disc wow fadeInRight2\" data-wow-delay=\".2s\">\n                    <h5 style=\"color:#fff\">Custom Website Design<\/h5>\n                    Design modern, user-centric websites aligned with your brand identity, ensuring a strong and memorable first impression.                <\/div>\n                            <\/div>\n                        <div class=\"as-success-2-item\">\n                                <h3 class=\"as-h-2 number wow fadeInRight2\">\n                    2                <\/h3>\n                \n                                <div class=\"as-p-2 disc wow fadeInRight2\" data-wow-delay=\".2s\">\n                    <h5 style=\"color:#fff\">Responsive Web Development<\/h5>\n                    Every website we build is fully optimized for desktops, tablets, and mobile devices, delivering a seamless user experience across all screen sizes.                <\/div>\n                            <\/div>\n                        <div class=\"as-success-2-item\">\n                                <h3 class=\"as-h-2 number wow fadeInRight2\">\n                    3                <\/h3>\n                \n                                <div class=\"as-p-2 disc wow fadeInRight2\" data-wow-delay=\".2s\">\n                    <h5 style=\"color:#fff\">Dynamic &amp; Static Website Development<\/h5>\n                    From lightweight static websites to feature-rich dynamic platforms, we develop solutions that match your business needs and growth plans.                <\/div>\n                            <\/div>\n                        <div class=\"as-success-2-item\">\n                                <h3 class=\"as-h-2 number wow fadeInRight2\">\n                    4                <\/h3>\n                \n                                <div class=\"as-p-2 disc wow fadeInRight2\" data-wow-delay=\".2s\">\n                    <h5 style=\"color:#fff\"> SEO-Friendly Architecture<\/h5>\n                    Our websites are built with search engine optimization in mind, helping your business achieve higher visibility and attract qualified traffic.                <\/div>\n                            <\/div>\n                        <div class=\"as-success-2-item\">\n                                <h3 class=\"as-h-2 number wow fadeInRight2\">\n                    5                <\/h3>\n                \n                                <div class=\"as-p-2 disc wow fadeInRight2\" data-wow-delay=\".2s\">\n                    <h5 style=\"color:#fff\">High-Speed Performance<\/h5>\n                    Speed is critical for user experience and rankings. We optimize every element to ensure fast loading times and reduced bounce rates.                <\/div>\n                            <\/div>\n                        <div class=\"as-success-2-item\">\n                                <h3 class=\"as-h-2 number wow fadeInRight2\">\n                    6                <\/h3>\n                \n                                <div class=\"as-p-2 disc wow fadeInRight2\" data-wow-delay=\".2s\">\n                    <h5 style=\"color:#fff\">Security-Driven Development<\/h5>\n                    With rising cyber threats, we implement strong security practices to safeguard your website and customer data.                <\/div>\n                            <\/div>\n                        <div class=\"as-success-2-item\">\n                                <h3 class=\"as-h-2 number wow fadeInRight2\">\n                    7                <\/h3>\n                \n                                <div class=\"as-p-2 disc wow fadeInRight2\" data-wow-delay=\".2s\">\n                    <h5 style=\"color:#fff\">CMS Integration<\/h5>\n                    Manage your content effortlessly with powerful CMS platforms like WordPress, enabling quick updates without technical expertise.                <\/div>\n                            <\/div>\n                        <div class=\"as-success-2-item\">\n                                <h3 class=\"as-h-2 number wow fadeInRight2\">\n                    8                <\/h3>\n                \n                                <div class=\"as-p-2 disc wow fadeInRight2\" data-wow-delay=\".2s\">\n                    <h5 style=\"color:#fff\">Third-Party Integrations<\/h5>\n                    We seamlessly integrate CRM systems, payment gateways, analytics tools, and marketing platforms to enhance functionality.                <\/div>\n                            <\/div>\n                        <div class=\"as-success-2-item\">\n                                <h3 class=\"as-h-2 number wow fadeInRight2\">\n                    9                <\/h3>\n                \n                                <div class=\"as-p-2 disc wow fadeInRight2\" data-wow-delay=\".2s\">\n                    <h5 style=\"color:#fff\">Scalable Website Solutions<\/h5>\n                    Our websites are designed to grow with your business, supporting future expansions and advanced features.                <\/div>\n                            <\/div>\n                    <\/div>\n    <\/div>\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-a396fa3 e-flex e-con-boxed e-con e-parent\" data-id=\"a396fa3\" 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-f60d1ba elementor-widget elementor-widget-html\" data-id=\"f60d1ba\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t\n<style>\n  *, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }\n\n  :root {\n    --red:       #e01a23;\n    --red-h:     #c5151d;\n    --red-soft:  rgba(224,26,35,0.08);\n    --red-mid:   rgba(224,26,35,0.18);\n    --white:     #ffffff;\n    --off:       #f7f7f7;\n    --smoke:     #f0f0f0;\n    --text:      #111111;\n    --sub:       #555;\n    --muted:     #999;\n    --border:    #e0e0e0;\n    --dark:      #0c0c0c;\n    --ff-h:      'Syne', sans-serif;\n    --ff-b:      'Plus Jakarta Sans', sans-serif;\n  }\n\n\n  \/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n     SECTION\n  \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n  .proc {\n    padding: 110px 0 120px;\n    position: relative;\n    overflow: hidden;\n  }\n\n  \/* large background text *\/\n  .proc-bg-text {\n    position: absolute;\n    bottom: -20px;\n    left: 50%;\n    transform: translateX(-50%);\n    font-size: 220px;\n    font-weight: 800;\n    white-space: nowrap;\n    color: transparent;\n    -webkit-text-stroke: 1px rgba(0,0,0,0.04);\n    letter-spacing: -0.05em;\n    pointer-events: none;\n    user-select: none;\n    line-height: 1;\n  }\n\n  .wrap {\n    max-width: 1300px;\n    margin: 0 auto;\n    padding: 0 48px;\n    position: relative;\n    z-index: 2;\n  }\n\n  \/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n     HEADER\n  \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n  .proc-head {\n    display: flex;\n    align-items: flex-end;\n    justify-content: space-between;\n    gap: 40px;\n    margin-bottom: 64px;\n  }\n\n  .head-left { max-width: 560px; }\n\n  .eyebrow {\n    display: inline-flex;\n    align-items: center;\n    gap: 8px;\n    background: var(--red);\n    color: var(--white);\n    font-size: 9.5px;\n    font-weight: 700;\n    letter-spacing: 0.25em;\n    text-transform: uppercase;\n    padding: 6px 14px;\n    margin-bottom: 20px;\n    opacity: 0;\n    animation: up 0.5s ease 0.1s forwards;\n  }\n\n  .eyebrow-dot {\n    width: 5px; height: 5px;\n    border-radius: 50%;\n    background: rgba(255,255,255,0.6);\n  }\n\n  .proc-h1 {\n    font-size: clamp(40px, 4.5vw, 64px);\n    font-weight: 800;\n    line-height: 1.0;\n    letter-spacing: -0.03em;\n    color: var(--text);\n    opacity: 0;\n    animation: up 0.8s cubic-bezier(0.16,1,0.3,1) 0.2s forwards;\n  }\n\n  .proc-h1 span { color: var(--red); }\n\n  .head-right {\n    opacity: 0;\n    animation: up 0.7s ease 0.35s forwards;\n    flex-shrink: 0;\n    max-width: 360px;\n  }\n\n  .proc-desc {\n    font-size: 14.5px;\n    line-height: 1.8;\n    color: var(--sub);\n    font-weight: 300;\n    margin-bottom: 20px;\n  }\n\n  .step-counter {\n    display: flex;\n    align-items: center;\n    gap: 6px;\n    font-size: 12px;\n    font-weight: 700;\n    color: var(--muted);\n    letter-spacing: 0.08em;\n  }\n\n  .step-counter strong { color: var(--red); font-size: 22px; }\n\n  \/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n     GRID\n  \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n  .proc-grid {\n    display: grid;\n    grid-template-columns: repeat(3, 1fr);\n    grid-template-rows: auto auto;\n    gap: 16px;\n  }\n\n  \/* \u2500\u2500 CARD \u2500\u2500 *\/\n  .p-card {\n    background: var(--white);\n    border: 1px solid var(--border);\n    padding: 36px 34px 40px;\n    position: relative;\n    overflow: hidden;\n    cursor: pointer;\n    opacity: 0;\n    transition: border-color 0.3s, box-shadow 0.3s, transform 0.3s;\n  }\n\n  .p-card.revealed { animation: up 0.65s cubic-bezier(0.16,1,0.3,1) forwards; }\n  .p-card:nth-child(1) { animation-delay: 0.05s; }\n  .p-card:nth-child(2) { animation-delay: 0.13s; }\n  .p-card:nth-child(3) { animation-delay: 0.21s; }\n  .p-card:nth-child(4) { animation-delay: 0.29s; }\n  .p-card:nth-child(5) { animation-delay: 0.37s; }\n\n  .p-card:hover {\n    border-color: var(--red);\n    box-shadow: 0 8px 40px rgba(224,26,35,0.1);\n    transform: translateY(-4px);\n  }\n\n  \/* Red corner tab *\/\n  .p-card::before {\n    content: '';\n    position: absolute;\n    top: 0; right: 0;\n    width: 0; height: 0;\n    border-style: solid;\n    border-width: 0 52px 52px 0;\n    border-color: transparent var(--smoke) transparent transparent;\n    transition: border-color 0.3s;\n  }\n\n  .p-card:hover::before {\n    border-color: transparent var(--red) transparent transparent;\n  }\n\n  \/* \u2500\u2500 Card num \u2500\u2500 *\/\n  .c-num {\n    font-size: 11px;\n    font-weight: 700;\n    letter-spacing: 0.18em;\n    color: var(--red);\n    margin-bottom: 28px;\n    display: flex;\n    align-items: center;\n    gap: 10px;\n  }\n\n  .c-num::after {\n    content: '';\n    flex: 1;\n    height: 1px;\n    background: linear-gradient(to right, var(--border), transparent);\n  }\n\n  \/* \u2500\u2500 Icon box \u2500\u2500 *\/\n  .c-icon {\n    width: 52px; height: 52px;\n    border: 1px solid var(--border);\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    margin-bottom: 22px;\n    transition: background 0.3s, border-color 0.3s, transform 0.3s;\n    border-radius: 12px;\n  }\n\n  .p-card:hover .c-icon {\n    background: var(--red);\n    border-color: var(--red);\n    transform: rotate(-6deg) scale(1.05);\n  }\n\n  .c-icon svg {\n    width: 22px; height: 22px;\n    stroke: var(--red);\n    fill: none;\n    stroke-width: 1.7;\n    stroke-linecap: round;\n    stroke-linejoin: round;\n    transition: stroke 0.3s;\n  }\n\n  .p-card:hover .c-icon svg { stroke: var(--white); }\n\n  \/* \u2500\u2500 Title \u2500\u2500 *\/\n  .c-title {\n    font-size: 19px;\n    font-weight: 700;\n    letter-spacing: -0.015em;\n    line-height: 1.2;\n    margin-bottom: 14px;\n    color: var(--text);\n    transition: color 0.2s;\n  }\n\n  .p-card:hover .c-title { color: var(--red); }\n\n  \/* \u2500\u2500 Text \u2500\u2500 *\/\n  .c-text {\n    font-size: 13.5px;\n    line-height: 1.78;\n    color: var(--muted);\n    font-weight: 300;\n  }\n\n  \/* \u2500\u2500 Click hint \u2500\u2500 *\/\n  .c-hint {\n    display: inline-flex;\n    align-items: center;\n    gap: 6px;\n    margin-top: 24px;\n    font-size: 10.5px;\n    font-weight: 600;\n    letter-spacing: 0.14em;\n    text-transform: uppercase;\n    color: var(--border);\n    transition: color 0.3s;\n  }\n\n  .p-card:hover .c-hint { color: var(--red); }\n\n  .c-hint svg {\n    width: 12px; height: 12px;\n    stroke: currentColor;\n    fill: none;\n    stroke-width: 2.2;\n    stroke-linecap: round;\n    stroke-linejoin: round;\n    transition: transform 0.3s;\n  }\n\n  .p-card:hover .c-hint svg { transform: translate(3px, -3px); }\n\n  \/* \u2500\u2500 WIDE LAST CARD (spans 3 cols) \u2500\u2500 *\/\n  .p-card--wide {\n    grid-column: span 3;\n    display: grid;\n    grid-template-columns: auto 1fr auto;\n    align-items: center;\n    gap: 48px;\n    padding: 40px 48px;\n  }\n\n  .p-card--wide .c-num { margin-bottom: 0; }\n  .p-card--wide .c-icon { margin-bottom: 0; flex-shrink: 0; }\n\n  .wide-body { display: flex; flex-direction: column; gap: 10px; }\n  .wide-body .c-title { margin-bottom: 0; font-size: 22px; }\n  .wide-body .c-text { max-width: 600px; }\n\n  .wide-cta {\n    flex-shrink: 0;\n    display: flex;\n    flex-direction: column;\n    align-items: flex-end;\n    gap: 12px;\n  }\n\n  .cta-btn {\n    display: inline-flex;\n    align-items: center;\n    gap: 10px;\n    background: var(--red);\n    color: var(--white);\n    font-size: 11px;\n    font-weight: 700;\n    letter-spacing: 0.14em;\n    text-transform: uppercase;\n    padding: 14px 24px;\n    border: none;\n    cursor: pointer;\n    transition: background 0.25s, transform 0.2s;\n    white-space: nowrap;\n    text-decoration: none;\n  }\n\n  .cta-btn:hover {\n    background: var(--red-h);\n    transform: translateY(-2px);\n  }\n\n  .cta-btn svg {\n    width: 14px; height: 14px;\n    stroke: currentColor;\n    fill: none;\n    stroke-width: 2;\n    stroke-linecap: round;\n    stroke-linejoin: round;\n  }\n\n  .cta-note {\n    font-size: 11px;\n    color: var(--muted);\n    letter-spacing: 0.06em;\n  }\n\n  \/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n     MODAL OVERLAY\n  \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n  .modal-overlay {\n    position: fixed;\n    inset: 0;\n    background: rgba(10,10,10,0.7);\n    backdrop-filter: blur(6px);\n    z-index: 1000;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    padding: 24px;\n    opacity: 0;\n    pointer-events: none;\n    transition: opacity 0.3s ease;\n  }\n\n  .modal-overlay.open {\n    opacity: 1;\n    pointer-events: all;\n  }\n\n  .modal {\n    background: var(--white);\n    max-width: 680px;\n    width: 100%;\n    position: relative;\n    transform: translateY(30px) scale(0.97);\n    transition: transform 0.4s cubic-bezier(0.16,1,0.3,1);\n    overflow: hidden;\n  }\n\n  .modal-overlay.open .modal {\n    transform: translateY(0) scale(1);\n  }\n\n  \/* Red top stripe *\/\n  .modal-stripe {\n    height: 5px;\n    background: var(--red);\n    position: relative;\n  }\n\n  .modal-stripe::after {\n    content: '';\n    position: absolute;\n    top: 0; right: 0;\n    width: 60px; height: 100%;\n    background: rgba(255,255,255,0.2);\n  }\n\n  .modal-body {\n    padding: 44px 48px 52px;\n  }\n\n  .modal-eyebrow {\n    display: flex;\n    align-items: center;\n    gap: 12px;\n    margin-bottom: 20px;\n  }\n\n  .modal-step-badge {\n    background: var(--red);\n    color: var(--white);\n    font-size: 10px;\n    font-weight: 700;\n    letter-spacing: 0.2em;\n    text-transform: uppercase;\n    padding: 5px 12px;\n  }\n\n  .modal-phase {\n    font-size: 11px;\n    font-weight: 600;\n    color: var(--muted);\n    letter-spacing: 0.12em;\n    text-transform: uppercase;\n  }\n\n  .modal-icon-row {\n    display: flex;\n    align-items: center;\n    gap: 20px;\n    margin-bottom: 28px;\n  }\n\n  .modal-icon {\n    width: 64px; height: 64px;\n    background: var(--red-soft);\n    border: 1px solid rgba(224,26,35,0.2);\n    border-radius: 16px;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    flex-shrink: 0;\n  }\n\n  .modal-icon svg {\n    width: 28px; height: 28px;\n    stroke: var(--red);\n    fill: none;\n    stroke-width: 1.6;\n    stroke-linecap: round;\n    stroke-linejoin: round;\n  }\n\n  .modal-title {\n    font-size: 30px;\n    font-weight: 800;\n    letter-spacing: -0.025em;\n    line-height: 1.1;\n    color: var(--text);\n  }\n\n  .modal-divider {\n    width: 100%;\n    height: 1px;\n    background: var(--border);\n    margin: 24px 0;\n  }\n\n  .modal-text {\n    font-size: 15px;\n    line-height: 1.82;\n    color: var(--sub);\n    font-weight: 300;\n    margin-bottom: 32px;\n  }\n\n  \/* Deliverables list *\/\n  .modal-deliverables {\n    background: var(--off);\n    border: 1px solid var(--border);\n    padding: 24px 28px;\n    margin-bottom: 32px;\n  }\n\n  .deliverables-label {\n    font-size: 9.5px;\n    font-weight: 700;\n    letter-spacing: 0.22em;\n    text-transform: uppercase;\n    color: var(--red);\n    margin-bottom: 16px;\n  }\n\n  .deliverables-list {\n    display: flex;\n    flex-wrap: wrap;\n    gap: 10px;\n  }\n\n  .d-tag {\n    background: var(--white);\n    border: 1px solid var(--border);\n    padding: 6px 14px;\n    font-size: 11.5px;\n    font-weight: 500;\n    color: var(--sub);\n    transition: border-color 0.2s, color 0.2s;\n  }\n\n  .d-tag:hover { border-color: var(--red); color: var(--red); }\n\n  \/* Modal footer *\/\n  .modal-footer {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    gap: 16px;\n  }\n\n  .modal-nav {\n    display: flex;\n    gap: 8px;\n  }\n\n  .nav-btn {\n    width: 40px; height: 40px;\n    border: 1px solid var(--border);\n    background: none;\n    cursor: pointer;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    transition: all 0.2s;\n  }\n\n  .nav-btn:hover { border-color: var(--red); background: var(--red); }\n\n  .nav-btn:hover svg { stroke: var(--white); }\n\n  .nav-btn svg {\n    width: 16px; height: 16px;\n    stroke: var(--muted);\n    fill: none;\n    stroke-width: 2;\n    stroke-linecap: round;\n    stroke-linejoin: round;\n    transition: stroke 0.2s;\n  }\n\n  .modal-close {\n    position: absolute;\n    top: 18px; right: 18px;\n    width: 36px; height: 36px;\n    background: var(--smoke);\n    border: none;\n    cursor: pointer;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    transition: background 0.2s;\n    z-index: 10;\n  }\n\n  .modal-close:hover { background: var(--red); }\n  .modal-close:hover svg { stroke: var(--white); }\n\n  .modal-close svg {\n    width: 16px; height: 16px;\n    stroke: var(--sub);\n    fill: none;\n    stroke-width: 2.2;\n    stroke-linecap: round;\n    stroke-linejoin: round;\n    transition: stroke 0.2s;\n  }\n\n  \/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n     ANIMATIONS\n  \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n  @keyframes up {\n    from { opacity: 0; transform: translateY(28px); }\n    to   { opacity: 1; transform: translateY(0); }\n  }\n\n  \/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n     RESPONSIVE\n  \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n  @media (max-width: 1000px) {\n    .proc-grid { grid-template-columns: repeat(2, 1fr); }\n    .p-card--wide { grid-column: span 2; }\n  }\n\n  @media (max-width: 700px) {\n    .proc-grid { grid-template-columns: 1fr; }\n    .p-card--wide { grid-column: span 1; grid-template-columns: 1fr; gap: 20px; }\n    .wide-cta { align-items: flex-start; }\n    .proc-head { flex-direction: column; }\n    .wrap { padding: 0 20px; }\n    .modal-body { padding: 32px 28px 40px; }\n  }\n<\/style>\n\n\n<section class=\"proc\">\n  <div class=\"proc-bg-text\">PROCESS<\/div>\n\n  <div class=\"wrap\">\n\n    <!-- HEADER -->\n    <div class=\"proc-head\">\n      <div class=\"head-left\">\n        <div class=\"eyebrow\"><span class=\"eyebrow-dot\"><\/span>How We Work<\/div>\n        <h2 class=\"proc-h1\">Our Working<br><span>Process<\/span><\/h2>\n      <\/div>\n      <div class=\"head-right\">\n        <p class=\"proc-desc\">We begin by listening \u2014 gaining a deep understanding of your goals, audience, and challenges through research and honest conversation.<\/p>\n        <div class=\"step-counter\">\n          <strong>05<\/strong> defined steps to deliver excellence\n        <\/div>\n      <\/div>\n    <\/div>\n\n    <!-- GRID -->\n    <div class=\"proc-grid\" id=\"procGrid\">\n\n      <!-- Card 01 -->\n      <div class=\"p-card\" data-step=\"0\">\n        <div class=\"c-num\">Step 01<\/div>\n        <div class=\"c-icon\">\n          <svg viewBox=\"0 0 24 24\"><circle cx=\"11\" cy=\"11\" r=\"8\"\/><path d=\"m21 21-4.35-4.35\"\/><path d=\"M11 8v6M8 11h6\"\/><\/svg>\n        <\/div>\n        <h4 class=\"c-title\">Discovery &amp; Strategy<\/h4>\n        <p class=\"c-text\">We understand your business objectives, target audience, and competitors to build a strategic roadmap that drives real growth.<\/p>\n      <\/div>\n\n      <!-- Card 02 -->\n      <div class=\"p-card\" data-step=\"1\">\n        <div class=\"c-num\">Step 02<\/div>\n        <div class=\"c-icon\">\n          <svg viewBox=\"0 0 24 24\"><rect x=\"3\" y=\"3\" width=\"18\" height=\"18\" rx=\"2\"\/><path d=\"M3 9h18M9 21V9\"\/><\/svg>\n        <\/div>\n        <h4 class=\"c-title\">UI\/UX Design<\/h4>\n        <p class=\"c-text\">Our experts craft intuitive, visually engaging interfaces that prioritize easy navigation, modern aesthetics, and conversion-driven layouts.<\/p>\n      <\/div>\n\n      <!-- Card 03 -->\n      <div class=\"p-card\" data-step=\"2\">\n        <div class=\"c-num\">Step 03<\/div>\n        <div class=\"c-icon\">\n          <svg viewBox=\"0 0 24 24\"><polyline points=\"16 18 22 12 16 6\"\/><polyline points=\"8 6 2 12 8 18\"\/><\/svg>\n        <\/div>\n        <h4 class=\"c-title\">Development<\/h4>\n        <p class=\"c-text\">Using modern frameworks and best coding practices, we build fast, scalable, and secure platforms that function flawlessly everywhere.<\/p>\n      <\/div>\n\n      <!-- Card 04 -->\n      <div class=\"p-card\" data-step=\"3\">\n        <div class=\"c-num\">Step 04<\/div>\n        <div class=\"c-icon\">\n          <svg viewBox=\"0 0 24 24\"><path d=\"M22 11.08V12a10 10 0 1 1-5.93-9.14\"\/><polyline points=\"22 4 12 14.01 9 11.01\"\/><\/svg>\n        <\/div>\n        <h4 class=\"c-title\">Testing &amp; QA<\/h4>\n        <p class=\"c-text\">Every website undergoes rigorous testing for performance, responsiveness, functionality, and security before we ever go live.<\/p>\n      <\/div>\n\n      <!-- Card 05 \u2014 WIDE -->\n      <div class=\"p-card \" data-step=\"4\">\n        <div>\n          <div class=\"c-num\" style=\"margin-bottom:0;\">Step 05<\/div>\n        <\/div>\n        <div class=\"c-icon\">\n          <svg viewBox=\"0 0 24 24\"><path d=\"M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10z\"\/><\/svg>\n        <\/div>\n        <div class=\"wide-body\">\n          <h4 class=\"c-title\">Launch &amp; Ongoing Support<\/h4>\n          <p class=\"c-text\">After successful deployment, our team provides technical support, updates, and optimization to keep your website secure and performing at its best.<\/p>\n        <\/div>\n      <\/div>\n\n    <\/div>\n\n  <\/div>\n<\/section>\n\n<!-- \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 MODAL \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 -->\n<div class=\"modal-overlay\" id=\"modalOverlay\">\n  <div class=\"modal\" id=\"modal\">\n    <button class=\"modal-close\" id=\"modalClose\">\n      <svg viewBox=\"0 0 24 24\"><line x1=\"18\" y1=\"6\" x2=\"6\" y2=\"18\"\/><line x1=\"6\" y1=\"6\" x2=\"18\" y2=\"18\"\/><\/svg>\n    <\/button>\n    <div class=\"modal-stripe\"><\/div>\n    <div class=\"modal-body\">\n      <div class=\"modal-eyebrow\">\n        <span class=\"modal-step-badge\" id=\"mBadge\">Step 01<\/span>\n        <span class=\"modal-phase\" id=\"mPhase\">Discover<\/span>\n      <\/div>\n      <div class=\"modal-icon-row\">\n        <div class=\"modal-icon\" id=\"mIcon\"><\/div>\n        <h3 class=\"modal-title\" id=\"mTitle\">Discovery &amp; Strategy<\/h3>\n      <\/div>\n      <div class=\"modal-divider\"><\/div>\n      <p class=\"modal-text\" id=\"mText\"><\/p>\n      <div class=\"modal-deliverables\">\n        <div class=\"deliverables-label\">Key Deliverables<\/div>\n        <div class=\"deliverables-list\" id=\"mDeliverables\"><\/div>\n      <\/div>\n      <div class=\"modal-footer\">\n        <div class=\"modal-nav\">\n          <button class=\"nav-btn\" id=\"prevBtn\">\n            <svg viewBox=\"0 0 24 24\"><path d=\"M15 18l-6-6 6-6\"\/><\/svg>\n          <\/button>\n          <button class=\"nav-btn\" id=\"nextBtn\">\n            <svg viewBox=\"0 0 24 24\"><path d=\"M9 18l6-6-6-6\"\/><\/svg>\n          <\/button>\n        <\/div>\n        <a class=\"cta-btn\" href=\"#\" style=\"padding:12px 22px; font-size:10.5px;\">\n          Start Project <svg viewBox=\"0 0 24 24\"><path d=\"M5 12h14M12 5l7 7-7 7\"\/><\/svg>\n        <\/a>\n      <\/div>\n    <\/div>\n  <\/div>\n<\/div>\n\n<script>\n  const steps = [\n    {\n      badge: \"Step 01\", phase: \"Discover\",\n      title: \"Discovery & Strategy\",\n      icon: `<svg viewBox=\"0 0 24 24\" width=\"28\" height=\"28\" stroke=\"#e01a23\" fill=\"none\" stroke-width=\"1.6\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><circle cx=\"11\" cy=\"11\" r=\"8\"\/><path d=\"m21 21-4.35-4.35\"\/><path d=\"M11 8v6M8 11h6\"\/><\/svg>`,\n      text: \"We begin by understanding your business objectives, target audience, industry landscape, and competitors. This discovery phase allows us to create a comprehensive strategic roadmap that aligns your website with your long-term growth goals while ensuring maximum digital impact. We conduct in-depth market research, competitor analysis, and stakeholder interviews to uncover insights that drive every decision.\",\n      deliverables: [\"Business Brief\", \"Market Research\", \"Competitor Analysis\", \"Strategic Roadmap\", \"Goal Framework\", \"KPI Definition\"]\n    },\n    {\n      badge: \"Step 02\", phase: \"Design\",\n      title: \"UI\/UX Design\",\n      icon: `<svg viewBox=\"0 0 24 24\" width=\"28\" height=\"28\" stroke=\"#e01a23\" fill=\"none\" stroke-width=\"1.6\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><rect x=\"3\" y=\"3\" width=\"18\" height=\"18\" rx=\"2\"\/><path d=\"M3 9h18M9 21V9\"\/><\/svg>`,\n      text: \"Our design experts craft intuitive and visually engaging interfaces focused on enhancing user experience. We prioritize easy navigation, modern aesthetics, and conversion-driven layouts to ensure visitors stay longer and take meaningful actions. Every pixel is deliberate \u2014 from typography and colour selection to spacing and interactive micro-animations that delight users.\",\n      deliverables: [\"Wireframes\", \"UI Style Guide\", \"Prototype\", \"Responsive Mockups\", \"Component Library\", \"Design System\"]\n    },\n    {\n      badge: \"Step 03\", phase: \"Build\",\n      title: \"Development\",\n      icon: `<svg viewBox=\"0 0 24 24\" width=\"28\" height=\"28\" stroke=\"#e01a23\" fill=\"none\" stroke-width=\"1.6\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><polyline points=\"16 18 22 12 16 6\"\/><polyline points=\"8 6 2 12 8 18\"\/><\/svg>`,\n      text: \"Using modern frameworks and best coding practices, our developers transform approved designs into high-performing websites. We focus on building fast, scalable, and secure platforms that function flawlessly across all devices and browsers. Our code is clean, documented, and built with future growth in mind \u2014 so you're never locked in.\",\n      deliverables: [\"Frontend Build\", \"Backend Integration\", \"CMS Setup\", \"API Connections\", \"SEO Foundation\", \"Performance Optimisation\"]\n    },\n    {\n      badge: \"Step 04\", phase: \"Test\",\n      title: \"Testing & Quality Assurance\",\n      icon: `<svg viewBox=\"0 0 24 24\" width=\"28\" height=\"28\" stroke=\"#e01a23\" fill=\"none\" stroke-width=\"1.6\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M22 11.08V12a10 10 0 1 1-5.93-9.14\"\/><polyline points=\"22 4 12 14.01 9 11.01\"\/><\/svg>`,\n      text: \"Before launch, every website undergoes rigorous testing to ensure optimal performance, responsiveness, functionality, and security. We identify and resolve potential issues early to deliver a seamless user experience from day one. Our QA process includes cross-browser testing, load testing, accessibility audits, and security vulnerability scanning.\",\n      deliverables: [\"Cross-Browser Testing\", \"Performance Audit\", \"Security Scan\", \"Accessibility Check\", \"Bug Report\", \"UAT Sign-Off\"]\n    },\n    {\n      badge: \"Step 05\", phase: \"Launch\",\n      title: \"Launch & Ongoing Support\",\n      icon: `<svg viewBox=\"0 0 24 24\" width=\"28\" height=\"28\" stroke=\"#e01a23\" fill=\"none\" stroke-width=\"1.6\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10z\"\/><\/svg>`,\n      text: \"After successful deployment, we ensure a smooth website launch with minimal disruption. Our team continues to provide technical support, updates, and optimization services to keep your website secure, current, and performing at its best. We offer flexible maintenance plans tailored to your needs \u2014 from monthly check-ins to full managed services.\",\n      deliverables: [\"Live Deployment\", \"DNS & Hosting Setup\", \"Monitoring Setup\", \"Training Session\", \"Monthly Reports\", \"Priority Support\"]\n    }\n  ];\n\n  let current = 0;\n\n  function openModal(idx) {\n    current = idx;\n    renderModal();\n    document.getElementById('modalOverlay').classList.add('open');\n    document.body.style.overflow = 'hidden';\n  }\n\n  function closeModal() {\n    document.getElementById('modalOverlay').classList.remove('open');\n    document.body.style.overflow = '';\n  }\n\n  function renderModal() {\n    const s = steps[current];\n    document.getElementById('mBadge').textContent = s.badge;\n    document.getElementById('mPhase').textContent = s.phase;\n    document.getElementById('mTitle').innerHTML = s.title;\n    document.getElementById('mIcon').innerHTML = s.icon;\n    document.getElementById('mText').textContent = s.text;\n    const dl = document.getElementById('mDeliverables');\n    dl.innerHTML = s.deliverables.map(d => `<span class=\"d-tag\">${d}<\/span>`).join('');\n  }\n\n  \/\/ Open on card click\n  document.querySelectorAll('.p-card[data-step]').forEach(card => {\n    card.addEventListener('click', () => openModal(+card.dataset.step));\n  });\n\n  document.getElementById('modalClose').addEventListener('click', closeModal);\n  document.getElementById('modalOverlay').addEventListener('click', e => {\n    if (e.target === e.currentTarget) closeModal();\n  });\n\n  document.getElementById('prevBtn').addEventListener('click', () => {\n    current = (current - 1 + steps.length) % steps.length;\n    renderModal();\n  });\n\n  document.getElementById('nextBtn').addEventListener('click', () => {\n    current = (current + 1) % steps.length;\n    renderModal();\n  });\n\n  document.addEventListener('keydown', e => {\n    if (!document.getElementById('modalOverlay').classList.contains('open')) return;\n    if (e.key === 'Escape') closeModal();\n    if (e.key === 'ArrowLeft') { current = (current-1+steps.length)%steps.length; renderModal(); }\n    if (e.key === 'ArrowRight') { current = (current+1)%steps.length; renderModal(); }\n  });\n\n  \/\/ Scroll reveal\n  const cards = document.querySelectorAll('.p-card');\n  const obs = new IntersectionObserver(entries => {\n    entries.forEach(e => { if (e.isIntersecting) { e.target.classList.add('revealed'); obs.unobserve(e.target); } });\n  }, { threshold: 0.15 });\n  cards.forEach(c => obs.observe(c));\n<\/script>\n\n<\/body>\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-db295c7 e-con-full e-flex e-con e-parent\" data-id=\"db295c7\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-09e7155 elementor-widget elementor-widget-html\" data-id=\"09e7155\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t\n<style>\n.wcu2-wrap {\n  --red:         #E01A23;\n  --red-dim:     rgba(224,26,35,0.15);\n  --white:       #ffffff;\n  --border-card: rgba(255,255,255,0.08);\n  --muted:       rgba(255,255,255,255);\n  --ease:        cubic-bezier(0.4,0,0.2,1);\n  box-sizing: border-box;\n}\n.wcu2-wrap *, .wcu2-wrap *::before, .wcu2-wrap *::after {\n  box-sizing: inherit; margin: 0; padding: 0;\n}\n\n\/* \u2500\u2500 Section: full black-to-red gradient \u2500\u2500 *\/\n.wcu2-section {\n  display: flex;\n  min-height: 580px;\n  position: relative;\n  overflow: hidden;\n  background: linear-gradient(120deg, #0a0a0a 0%, #1a0304 50%, #E01A23 100%);\n}\n\n\/* Grid texture overlay *\/\n.wcu2-section::before {\n  content: '';\n  position: absolute; inset: 0;\n  background-image:\n    linear-gradient(rgba(255,255,255,0.04) 1px, transparent 1px),\n    linear-gradient(90deg, rgba(255,255,255,0.04) 1px, transparent 1px);\n  background-size: 40px 40px;\n  pointer-events: none; z-index: 0;\n}\n\n\/* Radial glow \u2014 centre-right *\/\n.wcu2-section::after {\n  content: '';\n  position: absolute;\n  top: -100px; right: -100px;\n  width: 500px; height: 500px;\n  background: radial-gradient(circle, rgba(224,26,35,0.25) 0%, transparent 70%);\n  pointer-events: none; z-index: 0;\n}\n\n\/* \u2500\u2500 Left panel \u2500\u2500 *\/\n.wcu2-left {\n  width: 36%;\n  padding: 80px 52px;\n  display: flex;\n  flex-direction: column;\n  justify-content: center;\n  position: relative;\n  z-index: 1;\n  flex-shrink: 0;\n}\n\n\/* Vertical divider *\/\n.wcu2-left::after {\n  content: '';\n  position: absolute;\n  top: 10%; right: 0;\n  height: 80%; width: 1px;\n  background: linear-gradient(to bottom, transparent, rgba(255,255,255,0.12), transparent);\n}\n\n.wcu2-label {\n  display: inline-flex; align-items: center; gap: 10px;\n  font-size: 11px; font-weight: 500; letter-spacing: 0.2em;\n  text-transform: uppercase; color: rgba(255,255,255,0.55);\n  margin-bottom: 24px;\n}\n.wcu2-label::before {\n  content: ''; display: block;\n  width: 24px; height: 1px;\n  background: rgba(255,255,255,0.4); flex-shrink: 0;\n}\n\n.wcu2-title {\n  font-size: clamp(32px, 3vw, 50px);\n  font-weight: 800; line-height: 1.0;\n  letter-spacing: -0.02em;\n  color: var(--white);\n  margin-bottom: 24px;\n}\n.wcu2-title em {\n  font-style: normal;\n  color: rgba(255,255,255,0.4);\n}\n\n.wcu2-desc {\n  font-size: 15px; line-height: 1.75;\n  color: rgba(255,255,255,0.6);\n  max-width: 300px;\n}\n\n\/* \u2500\u2500 Right panel \u2500\u2500 *\/\n.wcu2-right {\n  flex: 1;\n  padding: 56px 48px;\n  display: flex;\n  align-items: center;\n  position: relative;\n  z-index: 1;\n}\n\n.wcu2-right-inner { width: 100%; }\n\n\/* \u2500\u2500 2-col grid with gap \u2500\u2500 *\/\n.wcu2-grid {\n  display: grid;\n  grid-template-columns: 1fr 1fr;\n  gap: 14px;\n}\n\n\/* \u2500\u2500 Card \u2500\u2500 *\/\n.wcu2-card {\n  background: rgba(255,255,255,0.04);\n  border: 1px solid var(--border-card);\n  padding: 22px 20px;\n  display: flex;\n  align-items: flex-start;\n  gap: 16px;\n  position: relative;\n  overflow: hidden;\n  transition: background 0.25s var(--ease), border-color 0.25s var(--ease);\n  opacity: 0;\n  transform: translateY(14px);\n  animation: wcu2FadeUp 0.5s var(--ease) forwards;\n}\n.wcu2-card:hover {\n  background: rgba(255,255,255,0.07);\n  border-color: rgba(224,26,35,0.35);\n}\n\n\/* Bottom red sweep *\/\n.wcu2-card::after {\n  content: ''; position: absolute;\n  bottom: 0; left: 0; width: 0; height: 2px;\n  background: var(--red);\n  transition: width 0.4s var(--ease);\n}\n.wcu2-card:hover::after { width: 100%; }\n\n@keyframes wcu2FadeUp { to { opacity: 1; transform: translateY(0); } }\n.wcu2-card:nth-child(1) { animation-delay: 0.05s; }\n.wcu2-card:nth-child(2) { animation-delay: 0.10s; }\n.wcu2-card:nth-child(3) { animation-delay: 0.15s; }\n.wcu2-card:nth-child(4) { animation-delay: 0.20s; }\n.wcu2-card:nth-child(5) { animation-delay: 0.25s; }\n.wcu2-card:nth-child(6) { animation-delay: 0.30s; }\n.wcu2-card:nth-child(7) { animation-delay: 0.35s; }\n.wcu2-card:nth-child(8) { animation-delay: 0.40s; }\n\n\/* \u2500\u2500 Icon \u2014 square, no radius \u2500\u2500 *\/\n.wcu2-icon {\n  width: 40px; height: 40px;\n  border: 1px solid rgba(255,255,255,0.1);\n  border-radius: 0;\n  background: rgba(255,255,255,0.05);\n  display: flex; align-items: center; justify-content: center;\n  flex-shrink: 0;\n  transition: background 0.25s, border-color 0.25s;\n}\n.wcu2-card:hover .wcu2-icon {\n  border-color: var(--red);\n  background: rgba(224,26,35,0.12);\n}\n.wcu2-icon svg {\n  width: 18px; height: 18px;\n  stroke: rgba(255,255,255,0.7); fill: none;\n  stroke-width: 1.5; stroke-linecap: round; stroke-linejoin: round;\n  transition: stroke 0.25s, transform 0.25s;\n}\n.wcu2-card:hover .wcu2-icon svg {\n  stroke: var(--white);\n  transform: scale(1.1);\n}\n\n\/* \u2500\u2500 Text \u2500\u2500 *\/\n.wcu2-card-body { flex: 1; min-width: 0; }\n\n.wcu2-card-title {\n  font-size: 14px; font-weight: 700;\n  line-height: 1.2; letter-spacing: -0.01em;\n  color: var(--white); margin-bottom: 6px;\n  transition: color 0.2s;\n}\n.wcu2-card:hover .wcu2-card-title { color: rgba(255,255,255,0.9); }\n\n.wcu2-card-text {\n  font-size: 12.5px; line-height: 1.7;\n  color: var(--muted);\n}\n\n\/* \u2500\u2500 Responsive \u2500\u2500 *\/\n@media (max-width: 1024px) {\n  .wcu2-section { flex-direction: column; }\n  .wcu2-left { width: 100%; padding: 60px 40px; }\n  .wcu2-left::after { display: none; }\n  .wcu2-desc { max-width: 100%; }\n  .wcu2-right { padding: 48px 40px; }\n}\n@media (max-width: 640px) {\n  .wcu2-left { padding: 52px 24px; }\n  .wcu2-right { padding: 40px 20px; }\n  .wcu2-grid { grid-template-columns: 1fr; gap: 10px; }\n}\n<\/style>\n\n<div class=\"wcu2-wrap\">\n  <div class=\"wcu2-section\">\n\n    <!-- LEFT -->\n    <div class=\"wcu2-left\">\n      <div class=\"wcu2-label\">Why Choose Us<\/div>\n      <h2 class=\"wcu2-title\">Zro Pixel<\/h2>\n      <p class=\"wcu2-desc\">We don't just build digital assets \u2014 we engineer growth engines tailored to your business, audience, and ambitions.<\/p>\n    <\/div>\n\n    <!-- RIGHT -->\n    <div class=\"wcu2-right\">\n      <div class=\"wcu2-right-inner\">\n        <div class=\"wcu2-grid\">\n\n          <!-- 01 -->\n          <div class=\"wcu2-card\">\n            <div class=\"wcu2-icon\">\n              <svg viewBox=\"0 0 24 24\"><path d=\"M12 2L2 7l10 5 10-5-10-5z\"\/><path d=\"M2 17l10 5 10-5\"\/><path d=\"M2 12l10 5 10-5\"\/><\/svg>\n            <\/div>\n            <div class=\"wcu2-card-body\">\n              <h3 class=\"wcu2-card-title\">Strategic Approach<\/h3>\n              <p class=\"wcu2-card-text\">We don't believe in one-size-fits-all solutions. Every strategy is carefully tailored to align with your business goals and target audience.<\/p>\n            <\/div>\n          <\/div>\n\n          <!-- 02 -->\n          <div class=\"wcu2-card\">\n            <div class=\"wcu2-icon\">\n              <svg viewBox=\"0 0 24 24\"><circle cx=\"12\" cy=\"12\" r=\"3\"\/><path d=\"M12 1v4M12 19v4M4.22 4.22l2.83 2.83M16.95 16.95l2.83 2.83M1 12h4M19 12h4M4.22 19.78l2.83-2.83M16.95 7.05l2.83-2.83\"\/><\/svg>\n            <\/div>\n            <div class=\"wcu2-card-body\">\n              <h3 class=\"wcu2-card-title\">Creative + Technical Expertise<\/h3>\n              <p class=\"wcu2-card-text\">Our team blends creative thinking with advanced technical skills to deliver websites and marketing campaigns that truly perform.<\/p>\n            <\/div>\n          <\/div>\n\n          <!-- 03 -->\n          <div class=\"wcu2-card\">\n            <div class=\"wcu2-icon\">\n              <svg viewBox=\"0 0 24 24\"><polyline points=\"22 12 18 12 15 21 9 3 6 12 2 12\"\/><\/svg>\n            <\/div>\n            <div class=\"wcu2-card-body\">\n              <h3 class=\"wcu2-card-title\">Results-Driven Execution<\/h3>\n              <p class=\"wcu2-card-text\">We focus on measurable outcomes \u2014 increased visibility, higher engagement, and real business growth.<\/p>\n            <\/div>\n          <\/div>\n\n          <!-- 04 -->\n          <div class=\"wcu2-card\">\n            <div class=\"wcu2-icon\">\n              <svg viewBox=\"0 0 24 24\"><path d=\"M17 21v-2a4 4 0 0 0-4-4H5a4 4 0 0 0-4 4v2\"\/><circle cx=\"9\" cy=\"7\" r=\"4\"\/><path d=\"M23 21v-2a4 4 0 0 0-3-3.87\"\/><path d=\"M16 3.13a4 4 0 0 1 0 7.75\"\/><\/svg>\n            <\/div>\n            <div class=\"wcu2-card-body\">\n              <h3 class=\"wcu2-card-title\">User-Centered Design<\/h3>\n              <p class=\"wcu2-card-text\">Every website we build is designed with your users in mind, ensuring seamless navigation, faster load times, and an exceptional experience.<\/p>\n            <\/div>\n          <\/div>\n\n          <!-- 05 -->\n          <div class=\"wcu2-card\">\n            <div class=\"wcu2-icon\">\n              <svg viewBox=\"0 0 24 24\"><rect x=\"2\" y=\"3\" width=\"20\" height=\"14\" rx=\"2\"\/><path d=\"M8 21h8M12 17v4\"\/><\/svg>\n            <\/div>\n            <div class=\"wcu2-card-body\">\n              <h3 class=\"wcu2-card-title\">End-to-End Services<\/h3>\n              <p class=\"wcu2-card-text\">From web development to digital marketing, we provide complete digital solutions under one roof, saving you time and ensuring brand consistency.<\/p>\n            <\/div>\n          <\/div>\n\n          <!-- 06 -->\n          <div class=\"wcu2-card\">\n            <div class=\"wcu2-icon\">\n              <svg viewBox=\"0 0 24 24\"><path d=\"M21 15a2 2 0 0 1-2 2H7l-4 4V5a2 2 0 0 1 2-2h14a2 2 0 0 1 2 2z\"\/><\/svg>\n            <\/div>\n            <div class=\"wcu2-card-body\">\n              <h3 class=\"wcu2-card-title\">Transparent Communication<\/h3>\n              <p class=\"wcu2-card-text\">We keep you informed at every stage with clear updates, honest timelines, and dedicated support.<\/p>\n            <\/div>\n          <\/div>\n\n          <!-- 07 -->\n          <div class=\"wcu2-card\">\n            <div class=\"wcu2-icon\">\n              <svg viewBox=\"0 0 24 24\"><polyline points=\"23 6 13.5 15.5 8.5 10.5 1 18\"\/><polyline points=\"17 6 23 6 23 12\"\/><\/svg>\n            <\/div>\n            <div class=\"wcu2-card-body\">\n              <h3 class=\"wcu2-card-title\">Scalable for Future Growth<\/h3>\n              <p class=\"wcu2-card-text\">Our solutions are built to grow with your business, making it easy to adapt, expand, and stay ahead of the competition.<\/p>\n            <\/div>\n          <\/div>\n\n          <!-- 08 -->\n          <div class=\"wcu2-card\">\n            <div class=\"wcu2-icon\">\n              <svg viewBox=\"0 0 24 24\"><path d=\"M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10z\"\/><\/svg>\n            <\/div>\n            <div class=\"wcu2-card-body\">\n              <h3 class=\"wcu2-card-title\">Trusted & Reliable Partner<\/h3>\n              <p class=\"wcu2-card-text\">With a proven track record and a client-first mindset, we build lasting partnerships rooted in trust, integrity, and consistent delivery.<\/p>\n            <\/div>\n          <\/div>\n\n        <\/div>\n      <\/div>\n    <\/div>\n\n  <\/div>\n<\/div>\n<!-- End ZroPixel Why Choose Us Block -->\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-5644db4 e-con-full e-flex e-con e-parent\" data-id=\"5644db4\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-47dba9f elementor-widget elementor-widget-html\" data-id=\"47dba9f\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\n.wws-wrap {\n  --red:    #E01A23;\n  --black:  #0a0a0a;\n  --white:  #ffffff;\n  --muted:  rgba(255,255,255,0.55);\n  --border: rgba(255,255,255,0.08);\n  --ease:   cubic-bezier(0.4,0,0.2,1);\n  box-sizing: border-box;\n}\n.wws-wrap *, .wws-wrap *::before, .wws-wrap *::after {\n  box-sizing: inherit; margin: 0; padding: 0;\n}\n\n\/* \u2500\u2500 Section \u2500\u2500 *\/\n.wws-section {\n  display: flex;\n  align-items: stretch;\n  background: var(--black);\n  position: relative;\n  overflow: hidden;\n}\n\n\/* Grid texture *\/\n.wws-section::before {\n  content: '';\n  position: absolute; inset: 0;\n  background-image:\n    linear-gradient(rgba(255,255,255,0.025) 1px, transparent 1px),\n    linear-gradient(90deg, rgba(255,255,255,0.025) 1px, transparent 1px);\n  background-size: 44px 44px;\n  pointer-events: none; z-index: 0;\n}\n\n\/* \u2550\u2550 LEFT \u2014 Image \u2550\u2550 *\/\n.wws-img-col {\n  width: 46%;\n  flex-shrink: 0;\n  position: relative;\n  overflow: hidden;\n  z-index: 1;\n}\n.wws-img-col img {\n  width: 100%; height: 100%;\n  object-fit: cover; object-position: center;\n  display: block;\n  filter: brightness(0.82);\n  transition: transform 0.7s var(--ease), filter 0.6s var(--ease);\n}\n.wws-img-col:hover img {\n  transform: scale(1.04);\n  filter: brightness(0.92);\n}\n\/* Red bottom gradient on image *\/\n.wws-img-col::after {\n  content: '';\n  position: absolute; bottom: 0; left: 0;\n  width: 100%; height: 55%;\n  background: linear-gradient(to top, rgba(10,10,10,0.7), transparent);\n  pointer-events: none; z-index: 1;\n}\n\/* Red left bar *\/\n.wws-img-col::before {\n  content: '';\n  position: absolute; top: 0; left: 0;\n  width: 3px; height: 100%;\n  background: var(--red); z-index: 2;\n}\n\n\/* \u2550\u2550 RIGHT \u2014 Content \u2550\u2550 *\/\n.wws-content-col {\n  flex: 1;\n  padding: 72px 56px 72px 60px;\n  display: flex;\n  flex-direction: column;\n  justify-content: center;\n  position: relative;\n  z-index: 1;\n}\n\/* Subtle red glow *\/\n.wws-content-col::before {\n  content: '';\n  position: absolute; top: -60px; right: -60px;\n  width: 340px; height: 340px;\n  background: radial-gradient(circle, rgba(224,26,35,0.09) 0%, transparent 70%);\n  pointer-events: none;\n}\n\n\/* Label *\/\n.wws-label {\n  display: inline-flex; align-items: center; gap: 10px;\n  font-size: 11px; font-weight: 500;\n  letter-spacing: 0.2em; text-transform: uppercase;\n  color: var(--red); margin-bottom: 16px;\n}\n.wws-label::before {\n  content: ''; display: block;\n  width: 24px; height: 1px;\n  background: var(--red); flex-shrink: 0;\n}\n\n\/* Title *\/\n.wws-title {\n  font-size: clamp(32px, 3.4vw, 52px);\n  font-weight: 800; line-height: 1.0;\n  letter-spacing: -0.02em; color: var(--white);\n  margin-bottom: 8px;\n}\n.wws-title span { color: var(--red); }\n\n\/* Red line *\/\n.wws-line {\n  width: 40px; height: 2px;\n  background: var(--red); margin: 22px 0; opacity: 0.75;\n}\n\n\/* Body text *\/\n.wws-body {\n  font-size: 14px; line-height: 1.8;\n  color: var(--muted); margin-bottom: 14px;\n}\n.wws-body:last-of-type { margin-bottom: 0; }\n\n\/* \u2500\u2500 Industry grid \u2014 2 cols \u00d7 4 rows \u2500\u2500 *\/\n.wws-grid {\n  display: grid;\n  grid-template-columns: 1fr 1fr;\n  gap: 10px;\n  margin-top: 28px;\n}\n\n\/* Industry item *\/\n.wws-item {\n  display: flex; align-items: center; gap: 12px;\n  padding: 13px 16px;\n  border: 1px solid var(--border);\n  background: rgba(255,255,255,0.03);\n  position: relative; overflow: hidden;\n  transition: background 0.22s var(--ease), border-color 0.22s var(--ease), transform 0.22s var(--ease);\n  cursor: default;\n  opacity: 0; transform: translateY(12px);\n  animation: wwsUp 0.45s var(--ease) forwards;\n}\n.wws-item:hover {\n  background: rgba(255,255,255,0.07);\n  border-color: rgba(224,26,35,0.3);\n  transform: translateY(-2px);\n}\n\/* top red sweep *\/\n.wws-item::after {\n  content: ''; position: absolute;\n  top: 0; left: 0; height: 2px; width: 0;\n  background: var(--red);\n  transition: width 0.35s var(--ease);\n}\n.wws-item:hover::after { width: 100%; }\n\n@keyframes wwsUp { to { opacity: 1; transform: translateY(0); } }\n.wws-item:nth-child(1) { animation-delay: 0.06s; }\n.wws-item:nth-child(2) { animation-delay: 0.11s; }\n.wws-item:nth-child(3) { animation-delay: 0.16s; }\n.wws-item:nth-child(4) { animation-delay: 0.21s; }\n.wws-item:nth-child(5) { animation-delay: 0.26s; }\n.wws-item:nth-child(6) { animation-delay: 0.31s; }\n.wws-item:nth-child(7) { animation-delay: 0.36s; }\n.wws-item:nth-child(8) { animation-delay: 0.41s; }\n\n\/* Icon *\/\n.wws-item-icon svg {\n  width: 18px; height: 18px;\n  stroke: var(--red); fill: none;\n  stroke-width: 1.5; stroke-linecap: round; stroke-linejoin: round;\n  display: block; flex-shrink: 0;\n  transition: transform 0.22s;\n}\n.wws-item:hover .wws-item-icon svg { transform: scale(1.1); }\n\n\/* Name *\/\n.wws-item-name {\n  font-size: 13px; font-weight: 600;\n  color: var(--white); line-height: 1.2;\n  letter-spacing: -0.01em;\n}\n\n\/* \u2500\u2500 Responsive \u2500\u2500 *\/\n@media (max-width: 960px) {\n  .wws-section { flex-direction: column; }\n  .wws-img-col { width: 100%; height: 320px; }\n  .wws-content-col { padding: 56px 40px; }\n}\n@media (max-width: 560px) {\n  .wws-img-col { height: 240px; }\n  .wws-content-col { padding: 44px 22px; }\n  .wws-grid { grid-template-columns: 1fr; gap: 8px; }\n}\n<\/style>\n\n<div class=\"wws-wrap\">\n  <div class=\"wws-section\">\n\n    <!-- IMAGE LEFT -->\n    <div class=\"wws-img-col\">\n      <img decoding=\"async\"\n        src=\"https:\/\/zropixel.com\/zropixel_uat\/wp-content\/uploads\/2025\/11\/p3-img-4.webp\"\n        alt=\"Who We Serve \u2013 ZroPixel\"\n      \/>\n    <\/div>\n\n    <!-- CONTENT RIGHT -->\n    <div class=\"wws-content-col\">\n\n      <div class=\"wws-label\">Our Clients<\/div>\n      <h2 class=\"wws-title\">Who We <span>Serve<\/span><\/h2>\n      <div class=\"wws-line\"><\/div>\n\n      <p class=\"wws-body\">We support businesses across diverse industries by delivering customized website solutions tailored to their unique goals.<\/p>\n      <p class=\"wws-body\">Our expertise ensures every organization benefits from a high-performing, secure, and scalable digital presence that drives measurable growth.<\/p>\n\n      <!-- 8 Industries -->\n      <div class=\"wws-grid\">\n\n        <div class=\"wws-item\">\n          <span class=\"wws-item-icon\">\n            <svg viewBox=\"0 0 24 24\"><rect x=\"2\" y=\"7\" width=\"20\" height=\"14\" rx=\"2\"\/><path d=\"M16 7V5a2 2 0 0 0-2-2h-4a2 2 0 0 0-2 2v2\"\/><line x1=\"12\" y1=\"12\" x2=\"12\" y2=\"16\"\/><line x1=\"10\" y1=\"14\" x2=\"14\" y2=\"14\"\/><\/svg>\n          <\/span>\n          <span class=\"wws-item-name\">Corporate Organizations<\/span>\n        <\/div>\n\n        <div class=\"wws-item\">\n          <span class=\"wws-item-icon\">\n            <svg viewBox=\"0 0 24 24\"><path d=\"M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10z\"\/><\/svg>\n          <\/span>\n          <span class=\"wws-item-name\">Technology &amp; Cybersecurity<\/span>\n        <\/div>\n\n        <div class=\"wws-item\">\n          <span class=\"wws-item-icon\">\n            <svg viewBox=\"0 0 24 24\"><circle cx=\"9\" cy=\"21\" r=\"1\"\/><circle cx=\"20\" cy=\"21\" r=\"1\"\/><path d=\"M1 1h4l2.68 13.39a2 2 0 0 0 2 1.61h9.72a2 2 0 0 0 2-1.61L23 6H6\"\/><\/svg>\n          <\/span>\n          <span class=\"wws-item-name\">Retail &amp; eCommerce<\/span>\n        <\/div>\n\n        <div class=\"wws-item\">\n          <span class=\"wws-item-icon\">\n            <svg viewBox=\"0 0 24 24\"><path d=\"M3 9l9-7 9 7v11a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z\"\/><polyline points=\"9 22 9 12 15 12 15 22\"\/><\/svg>\n          <\/span>\n          <span class=\"wws-item-name\">Real Estate<\/span>\n        <\/div>\n\n        <div class=\"wws-item\">\n          <span class=\"wws-item-icon\">\n            <svg viewBox=\"0 0 24 24\"><path d=\"M3 11l19-9-9 19-2-8-8-2z\"\/><\/svg>\n          <\/span>\n          <span class=\"wws-item-name\">Hospitality &amp; Restaurants<\/span>\n        <\/div>\n\n        <div class=\"wws-item\">\n          <span class=\"wws-item-icon\">\n            <svg viewBox=\"0 0 24 24\"><path d=\"M22 12h-4l-3 9L9 3l-3 9H2\"\/><\/svg>\n          <\/span>\n          <span class=\"wws-item-name\">Healthcare<\/span>\n        <\/div>\n\n        <div class=\"wws-item\">\n          <span class=\"wws-item-icon\">\n            <svg viewBox=\"0 0 24 24\"><path d=\"M2 3h6a4 4 0 0 1 4 4v14a3 3 0 0 0-3-3H2z\"\/><path d=\"M22 3h-6a4 4 0 0 0-4 4v14a3 3 0 0 1 3-3h7z\"\/><\/svg>\n          <\/span>\n          <span class=\"wws-item-name\">Education &amp; Training<\/span>\n        <\/div>\n\n        <div class=\"wws-item\">\n          <span class=\"wws-item-icon\">\n            <svg viewBox=\"0 0 24 24\"><polyline points=\"22 12 18 12 15 21 9 3 6 12 2 12\"\/><\/svg>\n          <\/span>\n          <span class=\"wws-item-name\">Marketing Agencies<\/span>\n        <\/div>\n\n      <\/div><!-- \/grid -->\n\n    <\/div><!-- \/content -->\n\n  <\/div>\n<\/div>\n<!-- End ZroPixel Who We Serve Block -->\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-139b7dd e-flex e-con-boxed e-con e-parent\" data-id=\"139b7dd\" 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-ac454e1 elementor-widget elementor-widget-html\" data-id=\"ac454e1\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\n.zp-cta-wrapper {\n  background: #ffffff;\n  padding: 60px 20px;\n}\n.zp-cta-box {\n  max-width: 1100px;\n  margin: auto;\n  background: linear-gradient(\n    90deg,\n    #ffffff 0%,\n    #ffffff 35%,\n    #e11d2e 80%,\n    #000000 100%\n  );\n  border-radius: 20px;\n  padding: 60px 50px;\n  box-shadow: 0 20px 50px rgba(0, 0, 0, 0.12);\n}\n.zp-cta-content h2 {\n  font-size: 34px;\n  font-weight: 700;\n  margin-bottom: 18px;\n  color: #111;\n}\n.zp-cta-content p {\n  font-size: 18px;\n  line-height: 1.6;\n  margin-bottom: 30px;\n  color: #333;\n}\n.zp-cta-btn {\n  display: inline-flex;\n  align-items: center;\n  gap: 8px;\n  background: #e11d2e;\n  color: #ffffff;\n  padding: 14px 28px;\n  border-radius: 40px;\n  font-weight: 600;\n  text-decoration: none;\n  transition: all 0.3s ease;\n  cursor: pointer;\n}\n.zp-cta-btn:hover {\n  background: #000000;\n  transform: translateX(4px);\n}\n\n\/* ============================================================\n   POPUP OVERLAY\n============================================================ *\/\n.zp-popup-overlay {\n  position: fixed;\n  top: 0; left: 0;\n  width: 100%; height: 100%;\n  background: rgba(0,0,0,0.75);\n  display: none;\n  justify-content: center;\n  align-items: center;\n  z-index: 9999;\n  padding: 20px;\n}\n\n\/* Dark red\/black gradient background with grid lines *\/\n.zp-popup-content {\n  background: linear-gradient(135deg, #0a0a0a 0%, #1a0304 55%, #2a0406 100%);\n  padding: 0;\n  border-radius: 4px;\n  width: 90%;\n  max-width: 540px;\n  position: relative;\n  animation: zpFadeIn 0.3s ease-in-out;\n  overflow: hidden;\n  box-shadow: 0 24px 80px rgba(0,0,0,0.7), 0 0 0 1px rgba(224,26,35,0.2);\n}\n\n\/* Grid texture *\/\n.zp-popup-content::before {\n  content: '';\n  position: absolute; inset: 0;\n  background-image:\n    linear-gradient(rgba(255,255,255,0.03) 1px, transparent 1px),\n    linear-gradient(90deg, rgba(255,255,255,0.03) 1px, transparent 1px);\n  background-size: 36px 36px;\n  pointer-events: none; z-index: 0;\n}\n\n\/* Red radial glow top-right *\/\n.zp-popup-content::after {\n  content: '';\n  position: absolute; top: -80px; right: -80px;\n  width: 300px; height: 300px;\n  background: radial-gradient(circle, rgba(224,26,35,0.18) 0%, transparent 70%);\n  pointer-events: none; z-index: 0;\n}\n\n\/* \u2500\u2500 Popup header bar \u2500\u2500 *\/\n.zp-popup-header {\n  position: relative; z-index: 1;\n  padding: 28px 36px 20px;\n  border-bottom: 1px solid rgba(255,255,255,0.07);\n}\n\n\/* Red top accent stripe *\/\n.zp-popup-header::before {\n  content: '';\n  position: absolute; top: 0; left: 0;\n  width: 100%; height: 3px;\n  background: #E01A23;\n}\n\n.zp-popup-eyebrow {\n  display: inline-flex;\n  align-items: center;\n  gap: 8px;\n  font-size: 10px;\n  font-weight: 700;\n  letter-spacing: 0.2em;\n  text-transform: uppercase;\n  color: #E01A23;\n  margin-bottom: 10px;\n}\n.zp-popup-eyebrow::before {\n  content: '';\n  display: block;\n  width: 20px; height: 1px;\n  background: #E01A23;\n  flex-shrink: 0;\n}\n\n.zp-popup-title {\n  font-size: 22px;\n  font-weight: 800;\n  line-height: 1.2;\n  letter-spacing: -0.02em;\n  color: #ffffff;\n  margin: 0;\n}\n.zp-popup-title em {\n  font-style: normal;\n  color: #E01A23;\n}\n\n.zp-popup-subtitle {\n  font-size: 13px;\n  line-height: 1.6;\n  color: rgba(255,255,255,0.45);\n  margin-top: 6px;\n}\n\n\/* \u2500\u2500 White form card inside popup \u2500\u2500 *\/\n.zp-popup-form-wrap {\n  position: relative; z-index: 1;\n  margin: 0 20px 20px;\n  background: #ffffff;\n  border-top: 3px solid #E01A23;\n  padding: 28px 28px 32px;\n  box-shadow: 0 8px 32px rgba(0,0,0,0.4);\n}\n\n\/* \u2500\u2500 CF7 fields inside popup \u2500\u2500 *\/\n.zp-popup-form-wrap .wpcf7-form label,\n.zp-popup-form-wrap label {\n  display: flex;\n  flex-direction: column;\n  gap: 6px;\n  font-size: 11px;\n  font-weight: 700;\n  letter-spacing: 0.06em;\n  text-transform: uppercase;\n  color: #444;\n  margin-bottom: 14px;\n}\n.zp-popup-form-wrap input[type=\"text\"],\n.zp-popup-form-wrap input[type=\"email\"],\n.zp-popup-form-wrap input[type=\"tel\"],\n.zp-popup-form-wrap select,\n.zp-popup-form-wrap textarea {\n  width: 100%;\n  background: #f8f8f8;\n  border: 1.5px solid #e0e0e0;\n  border-radius: 0;\n  padding: 10px 13px;\n  font-size: 14px;\n  color: #111;\n  outline: none;\n  transition: border-color 0.2s, background 0.2s, box-shadow 0.2s;\n  font-family: inherit;\n  -webkit-appearance: none;\n  appearance: none;\n}\n.zp-popup-form-wrap input[type=\"text\"]:focus,\n.zp-popup-form-wrap input[type=\"email\"]:focus,\n.zp-popup-form-wrap input[type=\"tel\"]:focus,\n.zp-popup-form-wrap select:focus,\n.zp-popup-form-wrap textarea:focus {\n  background: #fff;\n  border-color: #E01A23;\n  box-shadow: 0 0 0 3px rgba(224,26,35,0.08);\n}\n.zp-popup-form-wrap textarea { resize: vertical; min-height: 100px; }\n\n.zp-popup-form-wrap .wpcf7-submit,\n.zp-popup-form-wrap input[type=\"submit\"] {\n  width: 100%;\n  background: #E01A23;\n  color: #fff;\n  border: 2px solid #E01A23;\n  padding: 13px 24px;\n  font-size: 11px;\n  font-weight: 700;\n  letter-spacing: 0.14em;\n  text-transform: uppercase;\n  cursor: pointer;\n  border-radius: 0;\n  font-family: inherit;\n  margin-top: 6px;\n  transition: background 0.22s, border-color 0.22s, transform 0.2s;\n}\n.zp-popup-form-wrap .wpcf7-submit:hover,\n.zp-popup-form-wrap input[type=\"submit\"]:hover {\n  background: #111;\n  border-color: #111;\n  transform: translateY(-1px);\n}\n.zp-popup-form-wrap .wpcf7-not-valid {\n  border-color: #E01A23 !important;\n  background: #fff5f5 !important;\n}\n.zp-popup-form-wrap .wpcf7-not-valid-tip {\n  font-size: 11px; color: #E01A23; font-weight: 500;\n  text-transform: none; letter-spacing: 0;\n}\n.zp-popup-form-wrap .wpcf7-response-output {\n  margin: 14px 0 0; padding: 10px 14px;\n  font-size: 13px; border: none;\n  border-left: 3px solid #E01A23;\n}\n.zp-popup-form-wrap .wpcf7-mail-sent-ok {\n  background: #f0fdf4; color: #16a34a; border-left-color: #22c55e;\n}\n.zp-popup-form-wrap .wpcf7-mail-sent-ng,\n.zp-popup-form-wrap .wpcf7-validation-errors {\n  background: #fff5f5; color: #c5151d;\n}\n\n\/* \u2500\u2500 Close button \u2500\u2500 *\/\n.zp-popup-close {\n  position: absolute;\n  top: 16px; right: 18px;\n  width: 34px; height: 34px;\n  background: rgba(255,255,255,0.07);\n  border: 1px solid rgba(255,255,255,0.15);\n  border-radius: 50%;\n  display: flex; align-items: center; justify-content: center;\n  font-size: 18px; line-height: 1;\n  cursor: pointer; z-index: 10;\n  color: rgba(255,255,255,0.6);\n  transition: background 0.2s, color 0.2s, transform 0.3s;\n}\n.zp-popup-close:hover {\n  background: #E01A23;\n  border-color: #E01A23;\n  color: #fff;\n  transform: rotate(90deg);\n}\n\n@keyframes zpFadeIn {\n  from { opacity: 0; transform: scale(0.95) translateY(10px); }\n  to   { opacity: 1; transform: scale(1) translateY(0); }\n}\n\n@media (max-width: 768px) {\n  .zp-cta-box { padding: 40px 25px; }\n  .zp-popup-header { padding: 24px 22px 18px; }\n  .zp-popup-form-wrap { margin: 0 12px 12px; padding: 22px 18px 26px; }\n  .zp-popup-title { font-size: 19px; }\n}\n<\/style>\n\n<section class=\"zp-cta-wrapper\">\n  <div class=\"zp-cta-box\">\n    <div class=\"zp-cta-content\">\n      <h2>Start Building Your Online Presence Today<\/h2>\n      <p>\n        Launch a professional website that communicates your brand clearly\n        and builds customer trust.\n      <\/p>\n      <a class=\"zp-cta-btn\" onclick=\"openZpPopup()\">\n        Contact Us Today <span>\u2192<\/span>\n      <\/a>\n    <\/div>\n  <\/div>\n<\/section>\n\n<!-- POPUP -->\n<div class=\"zp-popup-overlay\" id=\"zpPopup\">\n  <div class=\"zp-popup-content\">\n\n    <!-- Close -->\n    <span class=\"zp-popup-close\" onclick=\"closeZpPopup()\" aria-label=\"Close\">\u00d7<\/span>\n\n    <!-- Header -->\n    <div class=\"zp-popup-header\">\n      <div class=\"zp-popup-eyebrow\">Get In Touch<\/div>\n      <h2 class=\"zp-popup-title\">Let's Build Something <em>Great<\/em><\/h2>\n      <p class=\"zp-popup-subtitle\">Fill in your details and our team will get back to you within 24 hours.<\/p>\n    <\/div>\n\n    <!-- White form card -->\n    <div class=\"zp-popup-form-wrap\">\n      \n<div class=\"wpcf7 no-js\" id=\"wpcf7-f3608-o1\" lang=\"en-US\" dir=\"ltr\" data-wpcf7-id=\"3608\">\n<div class=\"screen-reader-response\"><p role=\"status\" aria-live=\"polite\" aria-atomic=\"true\"><\/p> <ul><\/ul><\/div>\n<form action=\"\/zropixel_uat\/wp-json\/wp\/v2\/pages\/25#wpcf7-f3608-o1\" method=\"post\" class=\"wpcf7-form init\" aria-label=\"Contact form\" novalidate=\"novalidate\" data-status=\"init\">\n<fieldset class=\"hidden-fields-container\"><input type=\"hidden\" name=\"_wpcf7\" value=\"3608\" \/><input type=\"hidden\" name=\"_wpcf7_version\" value=\"6.1.5\" \/><input type=\"hidden\" name=\"_wpcf7_locale\" value=\"en_US\" \/><input type=\"hidden\" name=\"_wpcf7_unit_tag\" value=\"wpcf7-f3608-o1\" \/><input type=\"hidden\" name=\"_wpcf7_container_post\" value=\"0\" \/><input type=\"hidden\" name=\"_wpcf7_posted_data_hash\" value=\"\" \/>\n<\/fieldset>\n<div class=\"as-cta-2-form\">\n    <span class=\"wpcf7-form-control-wrap\" data-name=\"text-60\"><input size=\"40\" maxlength=\"400\" class=\"wpcf7-form-control wpcf7-text wpcf7-validates-as-required as-cta-2-form-input as-p-1 wa_placeholder\" aria-required=\"true\" aria-invalid=\"false\" placeholder=\"Full name *\" value=\"\" type=\"text\" name=\"text-60\" \/><\/span>\n    <span class=\"wpcf7-form-control-wrap\" data-name=\"email-60\"><input size=\"40\" maxlength=\"400\" class=\"wpcf7-form-control wpcf7-email wpcf7-validates-as-required wpcf7-text wpcf7-validates-as-email as-cta-2-form-input as-p-1 wa_placeholder\" aria-required=\"true\" aria-invalid=\"false\" placeholder=\"Business email *\" value=\"\" type=\"email\" name=\"email-60\" \/><\/span>\n<span class=\"wpcf7-form-control-wrap\" data-name=\"tel-979\"><input size=\"40\" maxlength=\"400\" class=\"wpcf7-form-control wpcf7-tel wpcf7-validates-as-required wpcf7-text wpcf7-validates-as-tel as-cta-2-form-input as-p-1 wa_placeholder\" aria-required=\"true\" aria-invalid=\"false\" placeholder=\"+9715XXXXXXXX\" value=\"\" type=\"tel\" name=\"tel-979\" \/><\/span>\n<span class=\"wpcf7-form-control-wrap\" data-name=\"text-61\"><input size=\"40\" maxlength=\"400\" class=\"wpcf7-form-control wpcf7-text wpcf7-validates-as-required as-cta-2-form-input as-p-1 wa_placeholder\" aria-required=\"true\" aria-invalid=\"false\" placeholder=\"Company Name*\" value=\"\" type=\"text\" name=\"text-61\" \/><\/span>\n    <span class=\"wpcf7-form-control-wrap\" data-name=\"textarea-60\"><textarea cols=\"40\" rows=\"10\" maxlength=\"2000\" class=\"wpcf7-form-control wpcf7-textarea wpcf7-validates-as-required as-cta-2-form-input as-p-1 wa_placeholder\" aria-required=\"true\" aria-invalid=\"false\" placeholder=\"Your message\" name=\"textarea-60\"><\/textarea><\/span>\n   <div id=\"cf7sr-69ea0b31a623a\" class=\"cf7sr-g-recaptcha\" data-theme=\"light\" data-type=\"image\" data-size=\"normal\" data-sitekey=\"6LcHt4IsAAAAAB38Rqmslx_m7LHSEsNIUBGoscqK\"><\/div><span class=\"wpcf7-form-control-wrap cf7sr-recaptcha\" data-name=\"cf7sr-recaptcha\"><input type=\"hidden\" name=\"cf7sr-recaptcha\" value=\"\" class=\"wpcf7-form-control\"><\/span>\n\n    <button type=\"submit\" class=\"as-pr-btn-3\">\n        <span class=\"text\" data-back=\"SUBMIT NOW\" data-front=\"SUBMIT NOW\"><\/span>\n        <span class=\"icon\">\n            <i class=\"fa-solid fa-arrow-right\"><\/i>\n            <i class=\"fa-solid fa-arrow-right\"><\/i>\n        <\/span>\n    <\/button>\n<\/div><div class=\"wpcf7-response-output\" aria-hidden=\"true\"><\/div>\n<\/form>\n<\/div>\n\n    <\/div>\n\n  <\/div>\n<\/div>\n\n<script>\nfunction openZpPopup() {\n  var popup = document.getElementById(\"zpPopup\");\n  popup.style.display = \"flex\";\n  document.body.style.overflow = \"hidden\";\n}\nfunction closeZpPopup() {\n  var popup = document.getElementById(\"zpPopup\");\n  popup.style.display = \"none\";\n  document.body.style.overflow = \"\";\n}\nwindow.addEventListener(\"click\", function(e) {\n  var popup = document.getElementById(\"zpPopup\");\n  if (e.target === popup) closeZpPopup();\n});\ndocument.addEventListener(\"keydown\", function(e) {\n  if (e.key === \"Escape\") closeZpPopup();\n});\n<\/script>\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-fb12e55 e-con-full e-flex e-con e-parent\" data-id=\"fb12e55\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t<div class=\"elementor-element elementor-element-631e804 e-con-full e-flex e-con e-child\" data-id=\"631e804\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-e685541 elementor-widget elementor-widget-tx_brand elh-el tx_brand\" data-id=\"e685541\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;design_style&quot;:&quot;style_3&quot;}\" data-widget_type=\"tx_brand.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<section class=\"as-partner-3-area wa-fix wa-p-relative pb-50 tx-section\">\r\n        <div class=\"as-partner-3-bg-img\">\r\n        <img decoding=\"async\" src=\"https:\/\/zropixel.com\/zropixel_uat\/wp-content\/uploads\/2025\/11\/p3-bg-img-1-1.webp\" alt=\"p3-bg-img-1\">\r\n    <\/div>\r\n    \r\n    <div class=\"wa_marquee_left_nopause d-inline-block mb-50\">\r\n        <div class=\"as-partner-3-logo\">\r\n                        <div class=\"single-logo\">\r\n                <img decoding=\"async\" src=\"https:\/\/zropixel.com\/zropixel_uat\/wp-content\/uploads\/2026\/02\/wp.png\" alt=\"\">\r\n            <\/div>\r\n                        <div class=\"single-logo\">\r\n                <img decoding=\"async\" src=\"https:\/\/zropixel.com\/zropixel_uat\/wp-content\/uploads\/2026\/02\/woo.png\" alt=\"\">\r\n            <\/div>\r\n                        <div class=\"single-logo\">\r\n                <img decoding=\"async\" src=\"https:\/\/zropixel.com\/zropixel_uat\/wp-content\/uploads\/2026\/02\/shopify.png\" alt=\"\">\r\n            <\/div>\r\n                        <div class=\"single-logo\">\r\n                <img decoding=\"async\" src=\"https:\/\/zropixel.com\/zropixel_uat\/wp-content\/uploads\/2026\/02\/react.png\" alt=\"\">\r\n            <\/div>\r\n                        <div class=\"single-logo\">\r\n                <img decoding=\"async\" src=\"https:\/\/zropixel.com\/zropixel_uat\/wp-content\/uploads\/2026\/02\/wix.png\" alt=\"\">\r\n            <\/div>\r\n                        <div class=\"single-logo\">\r\n                <img decoding=\"async\" src=\"https:\/\/zropixel.com\/zropixel_uat\/wp-content\/uploads\/2026\/02\/python.png\" alt=\"\">\r\n            <\/div>\r\n                        <div class=\"single-logo\">\r\n                <img decoding=\"async\" src=\"https:\/\/zropixel.com\/zropixel_uat\/wp-content\/uploads\/2026\/02\/sql.png\" alt=\"\">\r\n            <\/div>\r\n                        <div class=\"single-logo\">\r\n                <img decoding=\"async\" src=\"https:\/\/zropixel.com\/zropixel_uat\/wp-content\/uploads\/2026\/02\/html.png\" alt=\"\">\r\n            <\/div>\r\n                        <div class=\"single-logo\">\r\n                <img decoding=\"async\" src=\"https:\/\/zropixel.com\/zropixel_uat\/wp-content\/uploads\/2026\/02\/magento.png\" alt=\"\">\r\n            <\/div>\r\n                        <div class=\"single-logo\">\r\n                <img decoding=\"async\" src=\"https:\/\/zropixel.com\/zropixel_uat\/wp-content\/uploads\/2026\/02\/bootstrap.png\" alt=\"\">\r\n            <\/div>\r\n                        <div class=\"single-logo\">\r\n                <img decoding=\"async\" src=\"https:\/\/zropixel.com\/zropixel_uat\/wp-content\/uploads\/2026\/02\/aws.png\" alt=\"\">\r\n            <\/div>\r\n                        <div class=\"single-logo\">\r\n                <img decoding=\"async\" src=\"https:\/\/zropixel.com\/zropixel_uat\/wp-content\/uploads\/2026\/02\/jquery.png\" alt=\"\">\r\n            <\/div>\r\n                    <\/div>\r\n    <\/div>\r\n\r\n    <!-- big-title -->\r\n    <\/section>\t\t\t\t<\/div>\n\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-ca74c5d e-flex e-con-boxed e-con e-parent\" data-id=\"ca74c5d\" 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-a1590cd e-con-full e-flex e-con e-child\" data-id=\"a1590cd\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-628db08 elementor-widget elementor-widget-tx_faq elh-el tx_faq\" data-id=\"628db08\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;design_style&quot;:&quot;style_2&quot;}\" data-widget_type=\"tx_faq.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<section class=\"as-faqs-2-area pt-130 wa-p-relative wa-fix tx-section \">\r\n    <div class=\"container as-container-2\">\r\n        <!-- section-title -->\r\n        <div class=\"as-faqs-2-sec-title mb-50\">\r\n                        <h6 class=\"as-subtitle-2 tx-subTitle\">\r\n                Popular Question            <\/h6>\r\n                        <h2 class=\"tx-title as-sec-title-2 wa_title_spilt_1\">FAQS<\/h2>        <\/div>\r\n\r\n        <div class=\"as-faqs-2-wrap\">\r\n\r\n            <!-- left-img -->\r\n            \r\n            <!-- faqs-accordion -->\r\n            <div class=\"as-faqs-2-accordion\">\r\n                <div class=\"as-accordion\" id=\"accordionExample_101\">\r\n                                        <div class=\"as-accordion-item  wa_accordion_item  wow fadeInUp2\"  data-wow-delay=\".1s\">\r\n                        <button class=\"item-title as-h-2 collapsed\"\r\n                            type=\"button\"\r\n                            data-bs-toggle=\"collapse\"\r\n                            data-bs-target=\"#collapse-101-0\"\r\n                            aria-expanded=\"false\"\r\n                            aria-controls=\"collapse-101-0\">\r\n                            How long does it take to design and develop a website?                            <span class=\"icon\">\r\n                                <i class=\"fa-solid fa-plus\"><\/i>\r\n                            <\/span>\r\n                        <\/button>\r\n                        <div id=\"collapse-101-0\"\r\n                        class=\"accordion-collapse collapse \"\r\n                        aria-labelledby=\"heading-101-0\"\r\n                        data-bs-parent=\"#accordionExample_101\">\r\n                            <p class=\"as-p-2 item-disc\">\r\n                                The timeline depends on the complexity and features required. A standard business website typically takes 2\u20134 weeks, while more advanced or customized websites may take 4\u20138 weeks.                            <\/p>\r\n                        <\/div>\r\n                    <\/div>\r\n                                        <div class=\"as-accordion-item  wa_accordion_item  wow fadeInUp2\"  data-wow-delay=\".1s\">\r\n                        <button class=\"item-title as-h-2 collapsed\"\r\n                            type=\"button\"\r\n                            data-bs-toggle=\"collapse\"\r\n                            data-bs-target=\"#collapse-101-1\"\r\n                            aria-expanded=\"false\"\r\n                            aria-controls=\"collapse-101-1\">\r\n                            What is the difference between a static and dynamic website?                            <span class=\"icon\">\r\n                                <i class=\"fa-solid fa-plus\"><\/i>\r\n                            <\/span>\r\n                        <\/button>\r\n                        <div id=\"collapse-101-1\"\r\n                        class=\"accordion-collapse collapse \"\r\n                        aria-labelledby=\"heading-101-1\"\r\n                        data-bs-parent=\"#accordionExample_101\">\r\n                            <p class=\"as-p-2 item-disc\">\r\n                                A static website displays fixed content and is ideal for businesses needing a simple online presence. A dynamic website allows real-time updates, interactive features, and easier content management, making it suitable for growing businesses.                            <\/p>\r\n                        <\/div>\r\n                    <\/div>\r\n                                        <div class=\"as-accordion-item  wa_accordion_item  wow fadeInUp2\"  data-wow-delay=\".1s\">\r\n                        <button class=\"item-title as-h-2 collapsed\"\r\n                            type=\"button\"\r\n                            data-bs-toggle=\"collapse\"\r\n                            data-bs-target=\"#collapse-101-2\"\r\n                            aria-expanded=\"false\"\r\n                            aria-controls=\"collapse-101-2\">\r\n                            Will my website be mobile-friendly?                            <span class=\"icon\">\r\n                                <i class=\"fa-solid fa-plus\"><\/i>\r\n                            <\/span>\r\n                        <\/button>\r\n                        <div id=\"collapse-101-2\"\r\n                        class=\"accordion-collapse collapse \"\r\n                        aria-labelledby=\"heading-101-2\"\r\n                        data-bs-parent=\"#accordionExample_101\">\r\n                            <p class=\"as-p-2 item-disc\">\r\n                                Yes. Every website we develop is fully responsive, ensuring seamless performance across smartphones, tablets, and desktops for an optimal user experience.                            <\/p>\r\n                        <\/div>\r\n                    <\/div>\r\n                                        <div class=\"as-accordion-item  wa_accordion_item  wow fadeInUp2\"  data-wow-delay=\".1s\">\r\n                        <button class=\"item-title as-h-2 collapsed\"\r\n                            type=\"button\"\r\n                            data-bs-toggle=\"collapse\"\r\n                            data-bs-target=\"#collapse-101-3\"\r\n                            aria-expanded=\"false\"\r\n                            aria-controls=\"collapse-101-3\">\r\n                            Do you build SEO-friendly websites?                            <span class=\"icon\">\r\n                                <i class=\"fa-solid fa-plus\"><\/i>\r\n                            <\/span>\r\n                        <\/button>\r\n                        <div id=\"collapse-101-3\"\r\n                        class=\"accordion-collapse collapse \"\r\n                        aria-labelledby=\"heading-101-3\"\r\n                        data-bs-parent=\"#accordionExample_101\">\r\n                            <p class=\"as-p-2 item-disc\">\r\n                                Absolutely. We follow SEO best practices, including optimized site structure, fast loading speeds, clean coding, and mobile responsiveness to help improve your search engine visibility.                            <\/p>\r\n                        <\/div>\r\n                    <\/div>\r\n                                        <div class=\"as-accordion-item  wa_accordion_item  wow fadeInUp2\"  data-wow-delay=\".1s\">\r\n                        <button class=\"item-title as-h-2 collapsed\"\r\n                            type=\"button\"\r\n                            data-bs-toggle=\"collapse\"\r\n                            data-bs-target=\"#collapse-101-4\"\r\n                            aria-expanded=\"false\"\r\n                            aria-controls=\"collapse-101-4\">\r\n                            Can I update the website content myself?                            <span class=\"icon\">\r\n                                <i class=\"fa-solid fa-plus\"><\/i>\r\n                            <\/span>\r\n                        <\/button>\r\n                        <div id=\"collapse-101-4\"\r\n                        class=\"accordion-collapse collapse \"\r\n                        aria-labelledby=\"heading-101-4\"\r\n                        data-bs-parent=\"#accordionExample_101\">\r\n                            <p class=\"as-p-2 item-disc\">\r\n                                Yes. We provide CMS-based websites (such as WordPress) that allow you to easily update text, images, and pages without technical expertise.                            <\/p>\r\n                        <\/div>\r\n                    <\/div>\r\n                    \r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n    <\/div>\r\n<\/section>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-af98edd e-con-full e-flex e-con e-child\" data-id=\"af98edd\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-f35b279 elementor-widget elementor-widget-tx_faq elh-el tx_faq\" data-id=\"f35b279\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;design_style&quot;:&quot;style_2&quot;}\" data-widget_type=\"tx_faq.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<section class=\"as-faqs-2-area pt-130 wa-p-relative wa-fix tx-section \">\r\n    <div class=\"container as-container-2\">\r\n        <!-- section-title -->\r\n        <div class=\"as-faqs-2-sec-title mb-50\">\r\n                                <\/div>\r\n\r\n        <div class=\"as-faqs-2-wrap\">\r\n\r\n            <!-- left-img -->\r\n            \r\n            <!-- faqs-accordion -->\r\n            <div class=\"as-faqs-2-accordion\">\r\n                <div class=\"as-accordion\" id=\"accordionExample_843\">\r\n                                        <div class=\"as-accordion-item  wa_accordion_item  wow fadeInUp2\"  data-wow-delay=\".1s\">\r\n                        <button class=\"item-title as-h-2 collapsed\"\r\n                            type=\"button\"\r\n                            data-bs-toggle=\"collapse\"\r\n                            data-bs-target=\"#collapse-843-0\"\r\n                            aria-expanded=\"false\"\r\n                            aria-controls=\"collapse-843-0\">\r\n                            How secure will my website be?                            <span class=\"icon\">\r\n                                <i class=\"fa-solid fa-plus\"><\/i>\r\n                            <\/span>\r\n                        <\/button>\r\n                        <div id=\"collapse-843-0\"\r\n                        class=\"accordion-collapse collapse \"\r\n                        aria-labelledby=\"heading-843-0\"\r\n                        data-bs-parent=\"#accordionExample_843\">\r\n                            <p class=\"as-p-2 item-disc\">\r\n                                We implement strong security measures such as SSL encryption, secure hosting practices, regular updates, and protection against common cyber threats to keep your website safe.                            <\/p>\r\n                        <\/div>\r\n                    <\/div>\r\n                                        <div class=\"as-accordion-item  wa_accordion_item  wow fadeInUp2\"  data-wow-delay=\".1s\">\r\n                        <button class=\"item-title as-h-2 collapsed\"\r\n                            type=\"button\"\r\n                            data-bs-toggle=\"collapse\"\r\n                            data-bs-target=\"#collapse-843-1\"\r\n                            aria-expanded=\"false\"\r\n                            aria-controls=\"collapse-843-1\">\r\n                            Do you provide website maintenance and support?                            <span class=\"icon\">\r\n                                <i class=\"fa-solid fa-plus\"><\/i>\r\n                            <\/span>\r\n                        <\/button>\r\n                        <div id=\"collapse-843-1\"\r\n                        class=\"accordion-collapse collapse \"\r\n                        aria-labelledby=\"heading-843-1\"\r\n                        data-bs-parent=\"#accordionExample_843\">\r\n                            <p class=\"as-p-2 item-disc\">\r\n                                Yes, we offer ongoing maintenance and support services to ensure your website remains updated, secure, and optimized for performance.                            <\/p>\r\n                        <\/div>\r\n                    <\/div>\r\n                                        <div class=\"as-accordion-item  wa_accordion_item  wow fadeInUp2\"  data-wow-delay=\".1s\">\r\n                        <button class=\"item-title as-h-2 collapsed\"\r\n                            type=\"button\"\r\n                            data-bs-toggle=\"collapse\"\r\n                            data-bs-target=\"#collapse-843-2\"\r\n                            aria-expanded=\"false\"\r\n                            aria-controls=\"collapse-843-2\">\r\n                            How much does a website cost?                            <span class=\"icon\">\r\n                                <i class=\"fa-solid fa-plus\"><\/i>\r\n                            <\/span>\r\n                        <\/button>\r\n                        <div id=\"collapse-843-2\"\r\n                        class=\"accordion-collapse collapse \"\r\n                        aria-labelledby=\"heading-843-2\"\r\n                        data-bs-parent=\"#accordionExample_843\">\r\n                            <p class=\"as-p-2 item-disc\">\r\n                                Website pricing varies based on design, functionality, integrations, and customization. We offer flexible solutions tailored to your business needs and budget.                            <\/p>\r\n                        <\/div>\r\n                    <\/div>\r\n                                        <div class=\"as-accordion-item  wa_accordion_item  wow fadeInUp2\"  data-wow-delay=\".1s\">\r\n                        <button class=\"item-title as-h-2 collapsed\"\r\n                            type=\"button\"\r\n                            data-bs-toggle=\"collapse\"\r\n                            data-bs-target=\"#collapse-843-3\"\r\n                            aria-expanded=\"false\"\r\n                            aria-controls=\"collapse-843-3\">\r\n                            Can you redesign my existing website?                            <span class=\"icon\">\r\n                                <i class=\"fa-solid fa-plus\"><\/i>\r\n                            <\/span>\r\n                        <\/button>\r\n                        <div id=\"collapse-843-3\"\r\n                        class=\"accordion-collapse collapse \"\r\n                        aria-labelledby=\"heading-843-3\"\r\n                        data-bs-parent=\"#accordionExample_843\">\r\n                            <p class=\"as-p-2 item-disc\">\r\n                                Yes. We can revamp your current website with a modern design, improved performance, enhanced security, and better user experience.                            <\/p>\r\n                        <\/div>\r\n                    <\/div>\r\n                                        <div class=\"as-accordion-item  wa_accordion_item  wow fadeInUp2\"  data-wow-delay=\".1s\">\r\n                        <button class=\"item-title as-h-2 collapsed\"\r\n                            type=\"button\"\r\n                            data-bs-toggle=\"collapse\"\r\n                            data-bs-target=\"#collapse-843-4\"\r\n                            aria-expanded=\"false\"\r\n                            aria-controls=\"collapse-843-4\">\r\n                            Why is a professional website important for my business?                            <span class=\"icon\">\r\n                                <i class=\"fa-solid fa-plus\"><\/i>\r\n                            <\/span>\r\n                        <\/button>\r\n                        <div id=\"collapse-843-4\"\r\n                        class=\"accordion-collapse collapse \"\r\n                        aria-labelledby=\"heading-843-4\"\r\n                        data-bs-parent=\"#accordionExample_843\">\r\n                            <p class=\"as-p-2 item-disc\">\r\n                                A professional website builds credibility, improves brand visibility, attracts potential customers, and serves as a powerful platform for business growth in today\u2019s digital landscape.                            <\/p>\r\n                        <\/div>\r\n                    <\/div>\r\n                    \r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n    <\/div>\r\n<\/section>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>{} Services Website Design &amp; Development Services in UAE Transform Your Digital Presence with High-Performance Websites Your website is often the first interaction customers have with your business. A professionally designed and strategically developed website not only strengthens your brand credibility but also drives engagement, generates leads, and supports long-term growth. Our Website Design &amp; [&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":{"_acf_changed":false,"om_disable_all_campaigns":false,"inline_featured_image":false,"_monsterinsights_skip_tracking":false,"_monsterinsights_sitenote_active":false,"_monsterinsights_sitenote_note":"","_monsterinsights_sitenote_category":0,"footnotes":""},"class_list":["post-25","page","type-page","status-publish","hentry"],"acf":[],"aioseo_notices":[],"_links":{"self":[{"href":"https:\/\/zropixel.com\/zropixel_uat\/wp-json\/wp\/v2\/pages\/25","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/zropixel.com\/zropixel_uat\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/zropixel.com\/zropixel_uat\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/zropixel.com\/zropixel_uat\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/zropixel.com\/zropixel_uat\/wp-json\/wp\/v2\/comments?post=25"}],"version-history":[{"count":227,"href":"https:\/\/zropixel.com\/zropixel_uat\/wp-json\/wp\/v2\/pages\/25\/revisions"}],"predecessor-version":[{"id":4966,"href":"https:\/\/zropixel.com\/zropixel_uat\/wp-json\/wp\/v2\/pages\/25\/revisions\/4966"}],"wp:attachment":[{"href":"https:\/\/zropixel.com\/zropixel_uat\/wp-json\/wp\/v2\/media?parent=25"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}