{"id":4327,"date":"2026-03-03T15:03:08","date_gmt":"2026-03-03T15:03:08","guid":{"rendered":"https:\/\/zropixel.com\/zropixel_uat\/?page_id=4327"},"modified":"2026-03-03T15:03:08","modified_gmt":"2026-03-03T15:03:08","slug":"app-development","status":"publish","type":"page","link":"https:\/\/zropixel.com\/zropixel_uat\/app-development\/","title":{"rendered":"App Development"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"4327\" class=\"elementor elementor-4327\">\n\t\t\t\t<div class=\"elementor-element elementor-element-1700116 e-flex e-con-boxed e-con e-parent\" data-id=\"1700116\" 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-8d98cb4 elementor-widget elementor-widget-tx_service_section elh-el tx_service_section\" data-id=\"8d98cb4\" 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\">Professional Logo Design Services in UAE That Define Your Brand<\/h2>                <\/div>\n\n                \n                <div class=\"right\">\n                                        <p class=\"as-p-1 sec-disc wow fadeInRight2 tx-description\">\n                        \"Your logo is the visual foundation of your brand \u2014 the symbol customers recognize, remember, and trust. A well-designed logo communicates professionalism, builds credibility, and sets you apart in a competitive marketplace.\n<br>\nWe design distinctive logos that capture your brand personality and create a lasting impression across every touchpoint. <br>\n\n\u2705 100% Custom Designs<br>\n\u2705 Unique Brand Identity<br>\n\u2705 Scalable &amp; Versatile Files<br>\n\u2705 Designed for Digital &amp; Print<br>\n\u2705 Strategy-Driven Approach<br>\n\n\ud83d\udc49 Request a Free Consultation<br>\n\ud83d\udc49 Start Your Logo Design Today\"<br>\nWhether you are a startup, small business, or corporate organization, a static website provides reliability, performance, and ease of deployment.\"                    <\/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-1ccc5f2 e-con-full e-flex e-con e-parent\" data-id=\"1ccc5f2\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-417ec8f elementor-widget elementor-widget-tx_count_box elh-el tx_count_box\" data-id=\"417ec8f\" 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                    Our Logo Design Services                <\/h6>\n                                <h2 class=\"tx-title as-sec-title-2 wa_title_spilt_1\">Strategic Logo Solutions Tailored to Your Brand\n<\/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=\"10\">0<\/span>                                        <span class=\"icon\">\n                        <svg aria-hidden=\"true\" class=\"e-font-icon-svg e-fas-plus\" viewBox=\"0 0 448 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M416 208H272V64c0-17.67-14.33-32-32-32h-32c-17.67 0-32 14.33-32 32v144H32c-17.67 0-32 14.33-32 32v32c0 17.67 14.33 32 32 32h144v144c0 17.67 14.33 32 32 32h32c17.67 0 32-14.33 32-32V304h144c17.67 0 32-14.33 32-32v-32c0-17.67-14.33-32-32-32z\"><\/path><\/svg>                    <\/span>\n                                    <\/h3>-->\n                <div class=\"content-wrap\">\n                                        <h3 class=\"as-h-2 title wow fadeInUp2\">\n                        Years of experience                    <\/h3>\n                    \n                                        <p class=\"as-p-2 disc wow fadeInUp2\" data-wow-delay=\".1s\">\n                        We don\u2019t believe in generic designs. Every logo we create is carefully crafted to reflect your business identity and resonate with your target audience.\n                    <\/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 Logo Design<\/h5>\n                    Unique concepts developed from scratch to ensure originality.                <\/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\">Logo Redesign<\/h5>\n                    Modernize outdated logos while preserving brand familiarity.                <\/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\">Typography &amp; Color Strategy<\/h5>\n                    Thoughtfully selected fonts and colors that align with your brand personality.                <\/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\">Scalable Vector Files<\/h5>\n                    Receive high-resolution formats suitable for everything from business cards to billboards.                <\/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\">Brand Alignment<\/h5>\n                    We ensure your logo integrates seamlessly with your overall branding and marketing presence.                <\/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\">Complete Ownership<\/h5>\n                    Once finalized, the logo is entirely yours to use across all platforms.                <\/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-c390b03 e-con-full e-flex e-con e-parent\" data-id=\"c390b03\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t<div class=\"elementor-element elementor-element-e5ead20 e-con-full e-flex e-con e-child\" data-id=\"e5ead20\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-af8f997 elementor-widget elementor-widget-html\" data-id=\"af8f997\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<html>\n\n<style>\n.bb-wrap {\n  --red:      #E01A23;\n  --red-soft: rgba(224,26,35,0.06);\n  --white:    #ffffff;\n  --dark:     #111111;\n  --muted:    #6b7280;\n  --border:   rgba(0,0,0,0.08);\n  --ease:     cubic-bezier(0.4,0,0.2,1);\n  box-sizing: border-box;\n}\n.bb-wrap *, .bb-wrap *::before, .bb-wrap *::after {\n  box-sizing: inherit; margin: 0; padding: 0;\n}\n\n\/* \u2500\u2500 Section \u2500\u2500 *\/\n.bb-section {\n  padding: 20px;\n  position: relative;\n  overflow: hidden;\n  background: linear-gradient(135deg, #fff5f5 0%, #ffe8e8 40%, #fff0f0 70%, #fff8f8 100%);\n}\n\n\/* Soft red overlay *\/\n.bb-section::before {\n  content: '';\n  position: absolute; inset: 0;\n  background: radial-gradient(ellipse 70% 55% at 95% 5%, rgba(224,26,35,0.09) 0%, transparent 55%),\n              radial-gradient(ellipse 55% 45% at 5% 95%, rgba(224,26,35,0.07) 0%, transparent 50%);\n  pointer-events: none; z-index: 0;\n}\n\n\/* \u2500\u2500 Decorative SVG background shapes \u2500\u2500 *\/\n.bb-shapes {\n  position: absolute; inset: 0;\n  pointer-events: none; z-index: 0;\n  overflow: hidden;\n}\n\n\/* \u2500\u2500 Container \u2500\u2500 *\/\n.bb-container {\n  max-width: 100%;\n  margin: 0;\n  padding: 0;\n  position: relative; z-index: 1;\n}\n\n\/* \u2500\u2500 2-col grid \u2500\u2500 *\/\n.bb-grid {\n  display: grid;\n  grid-template-columns: 1fr 1fr;\n  gap: 28px;\n}\n\n\/* \u2500\u2500 Card \u2500\u2500 *\/\n.bb-card {\n  background: var(--white);\n  border: 1px solid var(--border);\n  padding: 48px 44px 52px;\n  position: relative;\n  overflow: hidden;\n  box-shadow: 0 2px 12px rgba(0,0,0,0.05);\n  transition: box-shadow 0.3s var(--ease), transform 0.3s var(--ease), border-color 0.3s;\n  opacity: 0; transform: translateY(20px);\n  animation: bbUp 0.65s var(--ease) forwards;\n}\n.bb-card:nth-child(1) { animation-delay: 0.08s; }\n.bb-card:nth-child(2) { animation-delay: 0.18s; }\n\n.bb-card:hover {\n  box-shadow: 0 12px 48px rgba(224,26,35,0.1);\n  transform: translateY(-4px);\n  border-color: rgba(224,26,35,0.2);\n}\n\n\/* Red top bar *\/\n.bb-card::before {\n  content: '';\n  position: absolute; top: 0; left: 0;\n  width: 0; height: 3px;\n  background: var(--red);\n  transition: width 0.45s var(--ease);\n}\n.bb-card:hover::before { width: 100%; }\n\n\/* Corner accent *\/\n.bb-card::after {\n  content: '';\n  position: absolute; top: 0; right: 0;\n  width: 0; height: 0; border-style: solid;\n  border-width: 0 56px 56px 0;\n  border-color: transparent rgba(224,26,35,0.06) transparent transparent;\n  transition: border-color 0.3s;\n}\n.bb-card:hover::after {\n  border-color: transparent rgba(224,26,35,0.13) transparent transparent;\n}\n\n\/* Card number *\/\n.bb-num {\n  font-size: 10px; font-weight: 700;\n  letter-spacing: 0.2em; text-transform: uppercase;\n  color: var(--red); margin-bottom: 20px;\n  display: flex; align-items: center; gap: 10px;\n}\n.bb-num::after {\n  content: ''; flex: 1; height: 1px;\n  background: linear-gradient(to right, var(--border), transparent);\n}\n\n\/* Heading *\/\n.bb-heading {\n  font-size: 24px; font-weight: 800;\n  line-height: 1.15; letter-spacing: -0.02em;\n  color: var(--dark); margin-bottom: 10px;\n  transition: color 0.2s;\n}\n.bb-card:hover .bb-heading { color: var(--red); }\n\n\/* Sub heading *\/\n.bb-sub {\n  font-size: 13.5px; font-weight: 600;\n  color: var(--red); margin-bottom: 20px;\n  padding-bottom: 20px;\n  border-bottom: 1px solid var(--border);\n  line-height: 1.4;\n}\n\n\/* Body text *\/\n.bb-body {\n  font-size: 14px; line-height: 1.82; color: var(--muted);\n  margin-bottom: 24px;\n}\n.bb-body:last-child { margin-bottom: 0; }\n\n\/* Bullet list *\/\n.bb-list {\n  list-style: none;\n  display: flex; flex-direction: column; gap: 10px;\n  margin: 20px 0 24px;\n}\n.bb-list li {\n  display: flex; align-items: flex-start; gap: 11px;\n  font-size: 13.5px; line-height: 1.55; color: var(--muted);\n}\n.bb-list li .bb-dot {\n  display: inline-flex; align-items: center; justify-content: center;\n  width: 18px; height: 18px;\n  background: var(--red-soft);\n  border: 1px solid rgba(224,26,35,0.15);\n  flex-shrink: 0; margin-top: 1px;\n}\n.bb-list li .bb-dot svg {\n  width: 9px; height: 9px;\n  stroke: var(--red); fill: none;\n  stroke-width: 2.5; stroke-linecap: round; stroke-linejoin: round;\n}\n\n\/* Closing line *\/\n.bb-closing {\n  font-size: 14px; font-weight: 600;\n  color: var(--dark); line-height: 1.6;\n  padding-top: 20px;\n  border-top: 1px solid var(--border);\n  margin-top: 8px;\n}\n\n@keyframes bbUp {\n  to { opacity: 1; transform: translateY(0); }\n}\n\n\/* Responsive *\/\n@media (max-width: 860px) {\n  .bb-grid { grid-template-columns: 1fr; }\n  .bb-container { padding: 0; }\n}\n@media (max-width: 540px) {\n  .bb-container { padding: 0; }\n  .bb-card { padding: 36px 26px 40px; }\n}\n<\/style>\n\n<!-- Background decorative shapes -->\n<div class=\"bb-wrap\">\n  <section class=\"bb-section\">\n\n    <!-- SVG decorative layer -->\n    <div class=\"bb-shapes\">\n      <svg width=\"100%\" height=\"100%\" viewBox=\"0 0 1280 700\" preserveAspectRatio=\"xMidYMid slice\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n        <!-- diagonal lines top-right -->\n        <g stroke=\"rgba(224,26,35,0.07)\" stroke-width=\"1\" fill=\"none\">\n          <line x1=\"900\" y1=\"0\"   x2=\"1280\" y2=\"380\"\/>\n          <line x1=\"960\" y1=\"0\"   x2=\"1280\" y2=\"320\"\/>\n          <line x1=\"1020\" y1=\"0\"  x2=\"1280\" y2=\"260\"\/>\n          <line x1=\"1080\" y1=\"0\"  x2=\"1280\" y2=\"200\"\/>\n          <line x1=\"1140\" y1=\"0\"  x2=\"1280\" y2=\"140\"\/>\n          <line x1=\"1200\" y1=\"0\"  x2=\"1280\" y2=\"80\"\/>\n        <\/g>\n        <!-- diagonal lines bottom-left -->\n        <g stroke=\"rgba(224,26,35,0.06)\" stroke-width=\"1\" fill=\"none\">\n          <line x1=\"0\" y1=\"320\"  x2=\"380\" y2=\"700\"\/>\n          <line x1=\"0\" y1=\"380\"  x2=\"320\" y2=\"700\"\/>\n          <line x1=\"0\" y1=\"440\"  x2=\"260\" y2=\"700\"\/>\n          <line x1=\"0\" y1=\"500\"  x2=\"200\" y2=\"700\"\/>\n          <line x1=\"0\" y1=\"560\"  x2=\"140\" y2=\"700\"\/>\n          <line x1=\"0\" y1=\"620\"  x2=\"80\"  y2=\"700\"\/>\n        <\/g>\n        <!-- Large circle top-right -->\n        <circle cx=\"1200\" cy=\"-60\" r=\"280\" stroke=\"rgba(224,26,35,0.05)\" stroke-width=\"1\" fill=\"none\"\/>\n        <circle cx=\"1200\" cy=\"-60\" r=\"220\" stroke=\"rgba(224,26,35,0.04)\" stroke-width=\"1\" fill=\"none\"\/>\n        <!-- Small circle bottom-left -->\n        <circle cx=\"80\" cy=\"660\"  r=\"160\" stroke=\"rgba(224,26,35,0.05)\" stroke-width=\"1\" fill=\"none\"\/>\n        <circle cx=\"80\" cy=\"660\"  r=\"100\" stroke=\"rgba(224,26,35,0.04)\" stroke-width=\"1\" fill=\"none\"\/>\n        <!-- Cross \/ plus mark center -->\n        <g stroke=\"rgba(224,26,35,0.08)\" stroke-width=\"1\">\n          <line x1=\"640\" y1=\"280\" x2=\"640\" y2=\"420\"\/>\n          <line x1=\"570\" y1=\"350\" x2=\"710\" y2=\"350\"\/>\n        <\/g>\n        <!-- Dot grid patch -->\n        <g fill=\"rgba(224,26,35,0.08)\">\n          <circle cx=\"200\" cy=\"120\" r=\"2\"\/><circle cx=\"240\" cy=\"120\" r=\"2\"\/><circle cx=\"280\" cy=\"120\" r=\"2\"\/>\n          <circle cx=\"200\" cy=\"160\" r=\"2\"\/><circle cx=\"240\" cy=\"160\" r=\"2\"\/><circle cx=\"280\" cy=\"160\" r=\"2\"\/>\n          <circle cx=\"200\" cy=\"200\" r=\"2\"\/><circle cx=\"240\" cy=\"200\" r=\"2\"\/><circle cx=\"280\" cy=\"200\" r=\"2\"\/>\n        <\/g>\n        <g fill=\"rgba(224,26,35,0.07)\">\n          <circle cx=\"1000\" cy=\"560\" r=\"2\"\/><circle cx=\"1040\" cy=\"560\" r=\"2\"\/><circle cx=\"1080\" cy=\"560\" r=\"2\"\/>\n          <circle cx=\"1000\" cy=\"600\" r=\"2\"\/><circle cx=\"1040\" cy=\"600\" r=\"2\"\/><circle cx=\"1080\" cy=\"600\" r=\"2\"\/>\n          <circle cx=\"1000\" cy=\"640\" r=\"2\"\/><circle cx=\"1040\" cy=\"640\" r=\"2\"\/><circle cx=\"1080\" cy=\"640\" r=\"2\"\/>\n        <\/g>\n      <\/svg>\n    <\/div>\n\n    <div class=\"bb-container\">\n      <div class=\"bb-grid\">\n        <div class=\"bb-card\">\n          <img decoding=\"async\" src=\"https:\/\/zropixel.com\/zropixel_uat\/wp-content\/uploads\/2025\/11\/s1-card-img-3.webp\">\n        <\/div>\n        <!-- \u2500\u2500 BLOCK 1 \u2500\u2500 -->\n        <div class=\"bb-card\">\n          <div class=\"bb-num\"><\/div>\n          <h3 class=\"bb-heading\">Create a Logo That Customers Instantly Recognize<\/h3>\n          <p class=\"bb-body\">In today\u2019s fast-moving UAE business environment, first impressions matter more than ever. Your logo often becomes the face of your company \u2014 appearing on your website, social media, marketing materials, packaging, and advertisements.\n          <\/p>\n          <p class=\"bb-body\">A professionally designed logo does more than look attractive; it tells your story, reflects your values, and positions your business as trustworthy.<\/p>\n          <p class=\"bb-closing\">Our expert designers combine creativity with strategy to craft logos that are memorable, timeless, and aligned with your long-term vision.<\/p>\n        <\/div>\n\n        <!-- \u2500\u2500 BLOCK 2 \u2500\u2500 -->\n        <div class=\"bb-card1\">\n          <div class=\"bb-num\"><\/div>\n          <h3 class=\"bb-heading\">Why Your Business Needs a Professional Logo<\/h3>\n          <p class=\"bb-body\">Turn First Impressions Into Brand Loyalty<\/p>\n          <p class=\"bb-body\">A powerful logo is one of the most valuable assets your business can have. It influences how customers perceive your company within seconds.<\/p>\n          <p class=\"bb-body\">With a professionally designed logo, you can:<\/p>\n          <ul class=\"bb-list\">\n            <li><span class=\"bb-dot\"><svg viewBox=\"0 0 24 24\"><polyline points=\"20 6 9 17 4 12\"\/><\/svg><\/span>Build instant credibility<\/li>\n            <li><span class=\"bb-dot\"><svg viewBox=\"0 0 24 24\"><polyline points=\"20 6 9 17 4 12\"\/><\/svg><\/span>Differentiate your brand from competitors<\/li>\n            <li><span class=\"bb-dot\"><svg viewBox=\"0 0 24 24\"><polyline points=\"20 6 9 17 4 12\"\/><\/svg><\/span>Improve customer recognition<\/li>\n            <li><span class=\"bb-dot\"><svg viewBox=\"0 0 24 24\"><polyline points=\"20 6 9 17 4 12\"\/><\/svg><\/span>Create a consistent brand identity<\/li>\n            <li><span class=\"bb-dot\"><svg viewBox=\"0 0 24 24\"><polyline points=\"20 6 9 17 4 12\"\/><\/svg><\/span>Support stronger marketing campaignse<\/li>\n            <li><span class=\"bb-dot\"><svg viewBox=\"0 0 24 24\"><polyline points=\"20 6 9 17 4 12\"\/><\/svg><\/span>Enhance emotional connection with your audience<\/li>\n          <\/ul>\n          <p class=\"bb-closing\">Investing in the right logo today sets the stage for future growth.<\/p>\n        <\/div>\n\n        <div class=\"bb-card1\">\n          <img decoding=\"async\" src=\"https:\/\/zropixel.com\/zropixel_uat\/wp-content\/uploads\/2025\/11\/p3-img-3.webp\" style=\"height: 533px;width: 100%;\">\n        <\/div>\n\n      <\/div>\n    <\/div>\n  <\/section>\n<\/div>\n<!-- End ZroPixel 2-Block Branding Section -->\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-3e5d884 e-flex e-con-boxed e-con e-parent\" data-id=\"3e5d884\" 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-2a79797 elementor-widget elementor-widget-html\" data-id=\"2a79797\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t\n\n<style>\n.proc-wrap {\n  --red:      #e01a23;\n  --red-h:    #c5151d;\n  --red-soft: rgba(224,26,35,0.08);\n  --white:    #ffffff;\n  --off:      #f7f7f7;\n  --smoke:    #f0f0f0;\n  --text:     #111111;\n  --sub:      #555;\n  --muted:    #999;\n  --border:   #e0e0e0;\n  --ease:     cubic-bezier(0.16,1,0.3,1);\n  box-sizing: border-box;\n}\n.proc-wrap *, .proc-wrap *::before, .proc-wrap *::after {\n  box-sizing: inherit; margin: 0; padding: 0;\n}\n\n\/* \u2500\u2500 Section \u2500\u2500 *\/\n.proc-section {\n  padding: 100px 0 120px;\n  position: relative;\n  overflow: hidden;\n  background: var(--white);\n}\n\n\/* Large bg text *\/\n.proc-bg-text {\n  position: absolute;\n  bottom: -10px; left: 50%;\n  transform: translateX(-50%);\n  font-size: clamp(100px, 18vw, 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; user-select: none; line-height: 1;\n}\n\n.proc-inner {\n  max-width: 1300px;\n  margin: 0 auto;\n  padding: 0 48px;\n  position: relative; z-index: 2;\n}\n\n\/* \u2500\u2500 Header \u2500\u2500 *\/\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.proc-head-left { max-width: 560px; }\n\n.proc-eyebrow {\n  display: inline-flex; align-items: center; gap: 8px;\n  background: var(--red); color: var(--white);\n  font-size: 9.5px; font-weight: 700;\n  letter-spacing: 0.25em; text-transform: uppercase;\n  padding: 6px 14px; margin-bottom: 20px;\n  opacity: 0; animation: procUp 0.5s ease 0.1s forwards;\n}\n.proc-eyebrow-dot {\n  width: 5px; height: 5px;\n  border-radius: 50%; background: rgba(255,255,255,0.6);\n}\n\n.proc-title {\n  font-size: clamp(38px, 4.5vw, 62px);\n  font-weight: 800; line-height: 1.0;\n  letter-spacing: -0.03em; color: var(--text);\n  opacity: 0; animation: procUp 0.8s var(--ease) 0.2s forwards;\n}\n.proc-title span { color: var(--red); }\n\n.proc-head-right {\n  opacity: 0; animation: procUp 0.7s ease 0.35s forwards;\n  flex-shrink: 0; max-width: 360px;\n}\n.proc-desc {\n  font-size: 14.5px; line-height: 1.8;\n  color: var(--sub); font-weight: 300; margin-bottom: 20px;\n}\n.proc-counter {\n  display: flex; align-items: center; gap: 6px;\n  font-size: 12px; font-weight: 700;\n  color: var(--muted); letter-spacing: 0.08em;\n}\n.proc-counter strong { color: var(--red); font-size: 22px; }\n\n\/* \u2500\u2500 Grid \u2500\u2500 *\/\n.proc-grid {\n  display: grid;\n  grid-template-columns: repeat(3, 1fr);\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; overflow: hidden;\n  cursor: pointer;\n  opacity: 0;\n  transition: border-color 0.3s, box-shadow 0.3s, transform 0.3s;\n}\n.p-card.proc-revealed { animation: procUp 0.65s var(--ease) 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.p-card:nth-child(6) { animation-delay: 0.45s; }\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\/* Corner tab *\/\n.p-card::before {\n  content: '';\n  position: absolute; top: 0; right: 0;\n  width: 0; height: 0; 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.p-card:hover::before {\n  border-color: transparent var(--red) transparent transparent;\n}\n\n\/* Step number *\/\n.c-num {\n  font-size: 11px; font-weight: 700;\n  letter-spacing: 0.18em; color: var(--red);\n  margin-bottom: 28px;\n  display: flex; align-items: center; gap: 10px;\n}\n.c-num::after {\n  content: ''; flex: 1; height: 1px;\n  background: linear-gradient(to right, var(--border), transparent);\n}\n\n\/* Icon *\/\n.c-icon {\n  width: 52px; height: 52px;\n  border: 1px solid var(--border);\n  display: flex; align-items: center; 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.p-card:hover .c-icon {\n  background: var(--red); border-color: var(--red);\n  transform: rotate(-6deg) scale(1.05);\n}\n.c-icon svg {\n  width: 22px; height: 22px;\n  stroke: var(--red); fill: none;\n  stroke-width: 1.7; stroke-linecap: round; stroke-linejoin: round;\n  transition: stroke 0.3s;\n}\n.p-card:hover .c-icon svg { stroke: var(--white); }\n\n\/* Title *\/\n.c-title {\n  font-size: 19px; font-weight: 700;\n  letter-spacing: -0.015em; line-height: 1.2;\n  margin-bottom: 14px; color: var(--text);\n  transition: color 0.2s;\n}\n.p-card:hover .c-title { color: var(--red); }\n\n\/* Text *\/\n.c-text {\n  font-size: 13.5px; line-height: 1.78;\n  color: var(--muted); font-weight: 300;\n}\n\n\/* Hint *\/\n.c-hint {\n  display: inline-flex; align-items: center; gap: 6px;\n  margin-top: 24px; font-size: 10.5px; font-weight: 600;\n  letter-spacing: 0.14em; text-transform: uppercase;\n  color: var(--border); transition: color 0.3s;\n}\n.p-card:hover .c-hint { color: var(--red); }\n.c-hint svg {\n  width: 12px; height: 12px; stroke: currentColor; fill: none;\n  stroke-width: 2.2; stroke-linecap: round; stroke-linejoin: round;\n  transition: transform 0.3s;\n}\n.p-card:hover .c-hint svg { transform: translate(3px,-3px); }\n\n\/* \u2500\u2500 MODAL \u2500\u2500 *\/\n.proc-modal-overlay {\n  position: fixed; inset: 0;\n  background: rgba(10,10,10,0.72);\n  backdrop-filter: blur(6px);\n  z-index: 99999;\n  display: flex; align-items: center; justify-content: center;\n  padding: 24px;\n  opacity: 0; pointer-events: none;\n  transition: opacity 0.3s ease;\n}\n.proc-modal-overlay.proc-open {\n  opacity: 1; pointer-events: all;\n}\n.proc-modal {\n  background: var(--white);\n  max-width: 680px; width: 100%;\n  position: relative;\n  transform: translateY(30px) scale(0.97);\n  transition: transform 0.4s var(--ease);\n  overflow: hidden;\n}\n.proc-modal-overlay.proc-open .proc-modal {\n  transform: translateY(0) scale(1);\n}\n.proc-modal-stripe {\n  height: 5px; background: var(--red); position: relative;\n}\n.proc-modal-stripe::after {\n  content: ''; position: absolute;\n  top: 0; right: 0; width: 60px; height: 100%;\n  background: rgba(255,255,255,0.2);\n}\n.proc-modal-body { padding: 44px 48px 52px; }\n\n.proc-modal-eyebrow {\n  display: flex; align-items: center; gap: 12px; margin-bottom: 20px;\n}\n.proc-modal-badge {\n  background: var(--red); color: var(--white);\n  font-size: 10px; font-weight: 700;\n  letter-spacing: 0.2em; text-transform: uppercase;\n  padding: 5px 12px;\n}\n.proc-modal-phase {\n  font-size: 11px; font-weight: 600;\n  color: var(--muted); letter-spacing: 0.12em; text-transform: uppercase;\n}\n.proc-modal-icon-row {\n  display: flex; align-items: center; gap: 20px; margin-bottom: 28px;\n}\n.proc-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; align-items: center; justify-content: center;\n  flex-shrink: 0;\n}\n.proc-modal-icon svg {\n  width: 28px; height: 28px;\n  stroke: var(--red); fill: none;\n  stroke-width: 1.6; stroke-linecap: round; stroke-linejoin: round;\n}\n.proc-modal-title {\n  font-size: 30px; font-weight: 800;\n  letter-spacing: -0.025em; line-height: 1.1; color: var(--text);\n}\n.proc-modal-divider {\n  width: 100%; height: 1px;\n  background: var(--border); margin: 24px 0;\n}\n.proc-modal-text {\n  font-size: 15px; line-height: 1.82;\n  color: var(--sub); font-weight: 300; margin-bottom: 32px;\n}\n.proc-modal-dl {\n  background: var(--off); border: 1px solid var(--border);\n  padding: 24px 28px; margin-bottom: 32px;\n}\n.proc-dl-label {\n  font-size: 9.5px; font-weight: 700;\n  letter-spacing: 0.22em; text-transform: uppercase;\n  color: var(--red); margin-bottom: 16px;\n}\n.proc-dl-list { display: flex; flex-wrap: wrap; gap: 10px; }\n.proc-d-tag {\n  background: var(--white); border: 1px solid var(--border);\n  padding: 6px 14px; font-size: 11.5px; font-weight: 500;\n  color: var(--sub); transition: border-color 0.2s, color 0.2s;\n  cursor: default;\n}\n.proc-d-tag:hover { border-color: var(--red); color: var(--red); }\n\n.proc-modal-footer {\n  display: flex; align-items: center;\n  justify-content: space-between; gap: 16px;\n}\n.proc-modal-nav { display: flex; gap: 8px; }\n.proc-nav-btn {\n  width: 40px; height: 40px;\n  border: 1px solid var(--border);\n  background: none; cursor: pointer;\n  display: flex; align-items: center; justify-content: center;\n  transition: all 0.2s;\n}\n.proc-nav-btn:hover { border-color: var(--red); background: var(--red); }\n.proc-nav-btn:hover svg { stroke: var(--white); }\n.proc-nav-btn svg {\n  width: 16px; height: 16px;\n  stroke: var(--muted); fill: none;\n  stroke-width: 2; stroke-linecap: round; stroke-linejoin: round;\n  transition: stroke 0.2s;\n}\n.proc-modal-cta {\n  display: inline-flex; align-items: center; gap: 10px;\n  background: var(--red); color: var(--white);\n  font-size: 10.5px; font-weight: 700;\n  letter-spacing: 0.14em; text-transform: uppercase;\n  padding: 12px 22px; text-decoration: none;\n  transition: background 0.25s, transform 0.2s;\n}\n.proc-modal-cta:hover { background: var(--red-h); transform: translateY(-2px); }\n.proc-modal-cta svg {\n  width: 14px; height: 14px;\n  stroke: currentColor; fill: none;\n  stroke-width: 2; stroke-linecap: round; stroke-linejoin: round;\n}\n.proc-modal-close {\n  position: absolute; top: 18px; right: 18px;\n  width: 36px; height: 36px;\n  background: var(--smoke); border: none;\n  cursor: pointer; display: flex; align-items: center; justify-content: center;\n  transition: background 0.2s; z-index: 10;\n}\n.proc-modal-close:hover { background: var(--red); }\n.proc-modal-close:hover svg { stroke: var(--white); }\n.proc-modal-close svg {\n  width: 16px; height: 16px;\n  stroke: var(--sub); fill: none;\n  stroke-width: 2.2; stroke-linecap: round; stroke-linejoin: round;\n  transition: stroke 0.2s;\n}\n\n\/* Animations *\/\n@keyframes procUp {\n  from { opacity: 0; transform: translateY(28px); }\n  to   { opacity: 1; transform: translateY(0); }\n}\n\n\/* Responsive *\/\n@media (max-width: 1000px) {\n  .proc-grid { grid-template-columns: repeat(2, 1fr); }\n}\n@media (max-width: 700px) {\n  .proc-grid { grid-template-columns: 1fr; }\n  .proc-head { flex-direction: column; }\n  .proc-inner { padding: 0 20px; }\n  .proc-modal-body { padding: 32px 24px 40px; }\n  .proc-section { padding: 70px 0 80px; }\n}\n<\/style>\n\n<!-- SECTION -->\n<div class=\"proc-wrap\">\n  <section class=\"proc-section\">\n    <div class=\"proc-bg-text\">PROCESS<\/div>\n    <div class=\"proc-inner\">\n\n      <!-- Header -->\n      <div class=\"proc-head\">\n        <div class=\"proc-head-left\">\n          <div class=\"proc-eyebrow\">\n            <span class=\"proc-eyebrow-dot\"><\/span>How We Work\n          <\/div>\n          <h2 class=\"proc-title\">Our Logo Design Process<\/h2>\n        <\/div>\n        <div class=\"proc-head-right\">\n          <p class=\"proc-desc\">A Proven Approach to Creating Memorable Logos<\/p>\n        <\/div>\n      <\/div>\n\n      <!-- Grid -->\n      <div class=\"proc-grid\" id=\"procGrid\">\n\n        <!-- 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\"\/><\/svg>\n          <\/div>\n          <h4 class=\"c-title\">Discovery<\/h4>\n          <p class=\"c-text\">We learn about your business, industry, competitors, and audience.<\/p>\n        <\/div>\n\n        <!-- 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\"><path d=\"M12 20V10\"\/><path d=\"M18 20V4\"\/><path d=\"M6 20v-6\"\/><\/svg>\n          <\/div>\n          <h4 class=\"c-title\">Research & Strategy<\/h4>\n          <p class=\"c-text\">Analyze trends and define a creative direction aligned with your brand positioning.<\/p>\n        <\/div>\n\n        <!-- 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\"><circle cx=\"12\" cy=\"12\" r=\"4\"\/><path d=\"M12 3v3M12 18v3M3 12h3M18 12h3\"\/><\/svg>\n          <\/div>\n          <h4 class=\"c-title\">Concept Creation<\/h4>\n          <p class=\"c-text\">Our designers develop multiple concepts for your review.<\/p>\n        <\/div>\n\n        <!-- 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=\"M20 6L9 17l-5-5\"\/><\/svg>\n          <\/div>\n          <h4 class=\"c-title\">Refinement<\/h4>\n          <p class=\"c-text\">We refine the selected concept based on your feedback.<\/p>\n        <\/div>\n\n        <!-- 05 -->\n        <div class=\"p-card\" data-step=\"4\">\n          <div class=\"c-num\">Step 05<\/div>\n          <div class=\"c-icon\">\n            <svg viewBox=\"0 0 24 24\"><path d=\"M5 12h14\"\/><path d=\"M12 5l7 7-7 7\"\/><\/svg>\n          <\/div>\n          <h4 class=\"c-title\">Final Delivery<\/h4>\n          <p class=\"c-text\">Receive optimized files ready for web, print, and marketing use.<\/p>\n        <\/div>\n\n        <!-- 06 -->\n        <div class=\"p-card\" data-step=\"5\">\n          <div class=\"c-num\">Step 06<\/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          <h4 class=\"c-title\">Optional Brand Guidelines<\/h4>\n          <p class=\"c-text\">Maintain consistency with clear logo usage standards.<\/p>\n        <\/div>\n\n      <\/div><!-- \/grid -->\n    <\/div>\n  <\/section>\n<\/div>\n\n<!-- MODAL -->\n<div class=\"proc-modal-overlay\" id=\"procModalOverlay\">\n  <div class=\"proc-modal\">\n    <button class=\"proc-modal-close\" id=\"procModalClose\">\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=\"proc-modal-stripe\"><\/div>\n    <div class=\"proc-modal-body\">\n      <div class=\"proc-modal-eyebrow\">\n        <span class=\"proc-modal-badge\" id=\"procMBadge\">Step 01<\/span>\n        <span class=\"proc-modal-phase\" id=\"procMPhase\">Discover<\/span>\n      <\/div>\n      <div class=\"proc-modal-icon-row\">\n        <div class=\"proc-modal-icon\" id=\"procMIcon\"><\/div>\n        <h3 class=\"proc-modal-title\" id=\"procMTitle\"><\/h3>\n      <\/div>\n      <div class=\"proc-modal-divider\"><\/div>\n      <p class=\"proc-modal-text\" id=\"procMText\"><\/p>\n      <div class=\"proc-modal-dl\">\n        <div class=\"proc-dl-label\">Key Deliverables<\/div>\n        <div class=\"proc-dl-list\" id=\"procMDeliverables\"><\/div>\n      <\/div>\n      <div class=\"proc-modal-footer\">\n        <div class=\"proc-modal-nav\">\n          <button class=\"proc-nav-btn\" id=\"procPrevBtn\">\n            <svg viewBox=\"0 0 24 24\"><path d=\"M15 18l-6-6 6-6\"\/><\/svg>\n          <\/button>\n          <button class=\"proc-nav-btn\" id=\"procNextBtn\">\n            <svg viewBox=\"0 0 24 24\"><path d=\"M9 18l6-6-6-6\"\/><\/svg>\n          <\/button>\n        <\/div>\n        <a class=\"proc-modal-cta\" href=\"#\">\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(function(){\n  var steps = [\n    {\n      badge:\"Step 01\", phase:\"Discover\", title:\"Discovery & Research\",\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\"\/><\/svg>',\n      text:\"We begin by understanding your business, goals, audience, and competitive landscape. Through in-depth research and strategic conversations, we uncover insights that shape a strong foundation for your brand's success.\",\n      deliverables:[\"Brand Audit\",\"Market Research\",\"Audience Insights\",\"Competitor Analysis\",\"Business Objectives\"]\n    },\n    {\n      badge:\"Step 02\", phase:\"Strategy\", title:\"Brand Strategy 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\"><path d=\"M12 20V10\"\/><path d=\"M18 20V4\"\/><path d=\"M6 20v-6\"\/><\/svg>',\n      text:\"We define your brand's mission, vision, positioning, and messaging framework. This strategic blueprint ensures clarity, differentiation, and long-term consistency across every touchpoint.\",\n      deliverables:[\"Mission & Vision\",\"Brand Positioning\",\"Messaging Framework\",\"Value Proposition\",\"Brand Guidelines\"]\n    },\n    {\n      badge:\"Step 03\", phase:\"Create\", title:\"Creative Concepting\",\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=\"12\" cy=\"12\" r=\"4\"\/><path d=\"M12 3v3M12 18v3M3 12h3M18 12h3\"\/><\/svg>',\n      text:\"Our designers translate strategy into compelling visual concepts. From logo exploration to typography and colour systems, we craft distinctive brand identities that resonate with your audience.\",\n      deliverables:[\"Logo Concepts\",\"Visual Identity\",\"Typography System\",\"Colour Palette\",\"Brand Mockups\"]\n    },\n    {\n      badge:\"Step 04\", phase:\"Refine\", title:\"Refinement & Collaboration\",\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=\"M20 6L9 17l-5-5\"\/><\/svg>',\n      text:\"We collaborate closely with you to refine the chosen creative direction. Through structured feedback and iteration, we ensure every detail aligns perfectly with your brand vision.\",\n      deliverables:[\"Revisions & Feedback\",\"Final Design System\",\"Brand Documentation\",\"Approval Sign-Off\"]\n    },\n    {\n      badge:\"Step 05\", phase:\"Launch\", title:\"Brand Launch\",\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=\"M5 12h14\"\/><path d=\"M12 5l7 7-7 7\"\/><\/svg>',\n      text:\"We deliver finalized brand assets ready for both digital and print applications. From launch kits to implementation guidance, we ensure your brand makes a powerful and cohesive debut.\",\n      deliverables:[\"Final Logo Files\",\"Brand Kit\",\"Print-Ready Assets\",\"Digital Assets\",\"Launch Support\"]\n    },\n    {\n      badge:\"Step 06\", phase:\"Support\", title:\"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:\"As your business evolves, we help maintain and strengthen your brand. Whether expanding your visual system, creating new campaigns, or refreshing assets, we remain your long-term creative partner.\",\n      deliverables:[\"Brand Extensions\",\"Campaign Support\",\"Asset Updates\",\"Consultation\",\"Ongoing Advisory\"]\n    }\n  ];\n\n  var current = 0;\n  var overlay = document.getElementById('procModalOverlay');\n\n  function openModal(idx) {\n    current = idx;\n    render();\n    overlay.classList.add('proc-open');\n    document.body.style.overflow = 'hidden';\n  }\n  function closeModal() {\n    overlay.classList.remove('proc-open');\n    document.body.style.overflow = '';\n  }\n  function render() {\n    var s = steps[current];\n    document.getElementById('procMBadge').textContent  = s.badge;\n    document.getElementById('procMPhase').textContent  = s.phase;\n    document.getElementById('procMTitle').textContent  = s.title;\n    document.getElementById('procMIcon').innerHTML     = s.icon;\n    document.getElementById('procMText').textContent   = s.text;\n    document.getElementById('procMDeliverables').innerHTML =\n      s.deliverables.map(function(d){ return '<span class=\"proc-d-tag\">'+d+'<\/span>'; }).join('');\n  }\n\n  document.querySelectorAll('#procGrid .p-card[data-step]').forEach(function(card){\n    card.addEventListener('click', function(){ openModal(+card.dataset.step); });\n  });\n  document.getElementById('procModalClose').addEventListener('click', closeModal);\n  overlay.addEventListener('click', function(e){ if(e.target===overlay) closeModal(); });\n  document.getElementById('procPrevBtn').addEventListener('click', function(){\n    current = (current - 1 + steps.length) % steps.length; render();\n  });\n  document.getElementById('procNextBtn').addEventListener('click', function(){\n    current = (current + 1) % steps.length; render();\n  });\n  document.addEventListener('keydown', function(e){\n    if(!overlay.classList.contains('proc-open')) return;\n    if(e.key==='Escape') closeModal();\n    if(e.key==='ArrowLeft'){ current=(current-1+steps.length)%steps.length; render(); }\n    if(e.key==='ArrowRight'){ current=(current+1)%steps.length; render(); }\n  });\n\n  \/\/ Scroll reveal\n  var obs = new IntersectionObserver(function(entries){\n    entries.forEach(function(e){\n      if(e.isIntersecting){ e.target.classList.add('proc-revealed'); obs.unobserve(e.target); }\n    });\n  }, { threshold: 0.12 });\n  document.querySelectorAll('#procGrid .p-card').forEach(function(c){ obs.observe(c); });\n})();\n<\/script>\n<!-- End ZroPixel Process Block -->\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-0eacc9e e-con-full e-flex e-con e-parent\" data-id=\"0eacc9e\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-d3e08f0 elementor-widget elementor-widget-html\" data-id=\"d3e08f0\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t\n\n<style>\n.bi-wrap {\n  --red:      #E01A23;\n  --red-soft: rgba(224,26,35,0.12);\n  --white:    #ffffff;\n  --dark:     #ffffff;\n  --muted:    rgba(255,255,255,0.55);\n  --border:   rgba(255,255,255,0.08);\n  --bg:       #111111;\n  --ease:     cubic-bezier(0.4,0,0.2,1);\n  box-sizing: border-box;\n}\n.bi-wrap *, .bi-wrap *::before, .bi-wrap *::after {\n  box-sizing: inherit; margin: 0; padding: 0;\n}\n\n\/* \u2500\u2500 Section \u2500\u2500 *\/\n.bi-section {\n  padding: 100px 0 120px;\n  background: linear-gradient(135deg, #0a0a0a 0%, #1a0304 55%, #2a0406 100%);\n  position: relative;\n  overflow: hidden;\n}\n\/* grid texture *\/\n.bi-section::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: 40px 40px;\n  pointer-events: none; z-index: 0;\n}\n\/* red glow *\/\n.bi-section::after {\n  content: '';\n  position: absolute; top: -120px; right: -120px;\n  width: 500px; height: 500px;\n  background: radial-gradient(circle, rgba(224,26,35,0.14) 0%, transparent 70%);\n  pointer-events: none; z-index: 0;\n}\n\n.bi-container {\n  max-width: 1280px;\n  margin: 0 auto;\n  padding: 0 48px;\n  position: relative; z-index: 1;\n}\n\n\/* \u2500\u2500 Section header \u2500\u2500 *\/\n.bi-section-head {\n  text-align: center;\n  margin-bottom: 72px;\n  opacity: 0;\n  animation: biFadeUp 0.6s var(--ease) 0.1s forwards;\n}\n.bi-section-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: var(--red);\n  margin-bottom: 18px;\n}\n.bi-section-label::before,\n.bi-section-label::after {\n  content: ''; display: block;\n  width: 24px; height: 1px;\n  background: var(--red); flex-shrink: 0;\n}\n.bi-section-title {\n  font-size: clamp(34px, 3.8vw, 54px);\n  font-weight: 800; line-height: 1.0;\n  letter-spacing: -0.02em; color: var(--white);\n}\n.bi-section-title span { color: var(--red); }\n\n\/* \u2500\u2500 2\u00d72 Grid \u2500\u2500 *\/\n.bi-grid {\n  display: grid;\n  grid-template-columns: 1fr 1fr;\n  gap: 24px;\n}\n\n\/* \u2500\u2500 Card \u2500\u2500 *\/\n.bi-card {\n  background: rgba(255,255,255,0.04);\n  border: 1px solid var(--border);\n  padding: 44px 40px 48px;\n  position: relative; overflow: hidden;\n  transition: box-shadow 0.3s var(--ease), transform 0.3s var(--ease), border-color 0.3s, background 0.3s;\n  opacity: 0; transform: translateY(20px);\n  animation: biFadeUp 0.6s var(--ease) forwards;\n}\n.bi-card:nth-child(1) { animation-delay: 0.12s; }\n.bi-card:nth-child(2) { animation-delay: 0.20s; }\n.bi-card:nth-child(3) { animation-delay: 0.28s; }\n.bi-card:nth-child(4) { animation-delay: 0.36s; }\n\n.bi-card:hover {\n  box-shadow: 0 8px 40px rgba(224,26,35,0.15);\n  transform: translateY(-4px);\n  border-color: rgba(224,26,35,0.35);\n  background: rgba(255,255,255,0.07);\n}\n\n\/* Red top accent bar *\/\n.bi-card::before {\n  content: '';\n  position: absolute; top: 0; left: 0;\n  width: 0; height: 3px;\n  background: var(--red);\n  transition: width 0.4s var(--ease);\n}\n.bi-card:hover::before { width: 100%; }\n\n\/* Corner triangle *\/\n.bi-card::after {\n  content: '';\n  position: absolute; top: 0; right: 0;\n  width: 0; height: 0; border-style: solid;\n  border-width: 0 48px 48px 0;\n  border-color: transparent rgba(255,255,255,0.04) transparent transparent;\n  transition: border-color 0.3s;\n}\n.bi-card:hover::after {\n  border-color: transparent rgba(224,26,35,0.18) transparent transparent;\n}\n\n\/* Card number *\/\n.bi-card-num {\n  font-size: 10px; font-weight: 700;\n  letter-spacing: 0.18em; color: var(--red);\n  margin-bottom: 20px; opacity: 0.75;\n}\n\n\/* Heading *\/\n.bi-card-heading {\n  font-size: 22px; font-weight: 800;\n  line-height: 1.15; letter-spacing: -0.02em;\n  color: var(--white); margin-bottom: 8px;\n  transition: color 0.2s;\n}\n.bi-card:hover .bi-card-heading { color: var(--red); }\n\n\/* Sub heading *\/\n.bi-card-sub {\n  font-size: 13px; font-weight: 600;\n  color: var(--red); letter-spacing: 0.04em;\n  margin-bottom: 22px;\n  padding-bottom: 18px;\n  border-bottom: 1px solid var(--border);\n}\n\n\/* Body text *\/\n.bi-card-body {\n  font-size: 13.5px; line-height: 1.78; color: var(--muted);\n}\n.bi-card-body p { margin-bottom: 12px; }\n.bi-card-body p:last-child { margin-bottom: 0; }\n\n\/* Check list (\u2714 items) *\/\n.bi-checklist {\n  list-style: none;\n  display: flex; flex-direction: column; gap: 11px;\n  margin-bottom: 0;\n}\n.bi-checklist li {\n  display: flex; align-items: flex-start; gap: 10px;\n  font-size: 13.5px; line-height: 1.6; color: var(--muted);\n}\n.bi-checklist li .bi-check {\n  display: inline-flex; align-items: center; justify-content: center;\n  width: 18px; height: 18px;\n  background: var(--red-soft);\n  border: 1px solid rgba(224,26,35,0.18);\n  flex-shrink: 0; margin-top: 1px;\n}\n.bi-checklist li .bi-check svg {\n  width: 10px; height: 10px;\n  stroke: var(--red); fill: none;\n  stroke-width: 2.5; stroke-linecap: round; stroke-linejoin: round;\n}\n.bi-check-label { font-weight: 600; color: var(--white); }\n.bi-check-desc { font-weight: 400; color: var(--muted); }\n\n\/* Bullet list (- items) *\/\n.bi-bulletlist {\n  list-style: none;\n  display: flex; flex-direction: column; gap: 9px;\n  margin: 12px 0;\n}\n.bi-bulletlist li {\n  display: flex; align-items: flex-start; gap: 10px;\n  font-size: 13.5px; line-height: 1.6; color: var(--muted);\n}\n.bi-bulletlist li::before {\n  content: '';\n  display: block; width: 5px; height: 5px;\n  border-radius: 0; background: var(--red);\n  margin-top: 7px; flex-shrink: 0;\n}\n\n\/* Comparison block (card 4) *\/\n.bi-compare {\n  display: grid;\n  grid-template-columns: 1fr 1px 1fr;\n  gap: 20px;\n  margin-top: 20px;\n}\n.bi-compare-divider {\n  background: var(--border); width: 1px;\n}.bi-compare-col-label {\n  font-size: 10px; font-weight: 700; letter-spacing: 0.14em;\n  text-transform: uppercase; color: var(--red);\n  margin-bottom: 10px;\n}\n.bi-compare-col p {\n  font-size: 13px; line-height: 1.7; color: var(--muted);\n}\n\n@keyframes biFadeUp {\n  to { opacity: 1; transform: translateY(0); }\n}\n\n\/* Responsive *\/\n@media (max-width: 900px) {\n  .bi-grid { grid-template-columns: 1fr; }\n  .bi-container { padding: 0 32px; }\n}\n@media (max-width: 560px) {\n  .bi-section { padding: 70px 0 80px; }\n  .bi-container { padding: 0 20px; }\n  .bi-card { padding: 32px 24px 36px; }\n  .bi-compare { grid-template-columns: 1fr; }\n  .bi-compare-divider { display: none; }\n}\n<\/style>\n\n<div class=\"bi-wrap\">\n  <section class=\"bi-section\">\n    <div class=\"bi-container\">\n\n      <!-- Section Header -->\n      <div class=\"bi-section-head\">\n        <div class=\"bi-section-label\">Logo Design Insights<\/div>\n        <h2 class=\"bi-section-title\">Professional <span>Branding<\/span> \u2014 Everything You Need to Know<\/h2>\n      <\/div>\n\n      <div class=\"bi-grid\">\n\n        <!-- \u2500\u2500 CARD 1: Benefits \u2500\u2500 -->\n        <div class=\"bi-card\">\n          <h3 class=\"bi-card-heading\">Benefits of Professional Logo Design<\/h3>\n          <p class=\"bi-card-sub\">Why Invest in Expert Logo Design?<\/p>\n          <ul class=\"bi-checklist\">\n            <li>\n              <span class=\"bi-check\"><svg viewBox=\"0 0 24 24\"><polyline points=\"20 6 9 17 4 12\"\/><\/svg><\/span>\n              <span><span class=\"bi-check-label\">Stronger Brand Recognition<\/span><span class=\"bi-check-desc\">A memorable logo keeps your business top-of-mind.<\/span><\/span>\n            <\/li>\n            <li>\n              <span class=\"bi-check\"><svg viewBox=\"0 0 24 24\"><polyline points=\"20 6 9 17 4 12\"\/><\/svg><\/span>\n              <span><span class=\"bi-check-label\">Professional Market Presence<\/span><span class=\"bi-check-desc\">Stand out with a polished and credible visual identity.<\/span><\/span>\n            <\/li>\n            <li>\n              <span class=\"bi-check\"><svg viewBox=\"0 0 24 24\"><polyline points=\"20 6 9 17 4 12\"\/><\/svg><\/span>\n              <span><span class=\"bi-check-label\">Versatility Across Platforms<\/span><span class=\"bi-check-desc\">Your logo will look flawless everywhere \u2014 from mobile screens to large signage.<\/span><\/span>\n            <\/li>\n            <li>\n              <span class=\"bi-check\"><svg viewBox=\"0 0 24 24\"><polyline points=\"20 6 9 17 4 12\"\/><\/svg><\/span>\n              <span><span class=\"bi-check-label\">Timeless Appeal<\/span><span class=\"bi-check-desc\">Avoid frequent redesigns with a logo built for longevity.<\/span><\/span>\n            <\/li>\n            <li>\n              <span class=\"bi-check\"><svg viewBox=\"0 0 24 24\"><polyline points=\"20 6 9 17 4 12\"\/><\/svg><\/span>\n              <span><span class=\"bi-check-label\">Improved Customer Trust<\/span><span class=\"bi-check-desc\">Professional design signals reliability.<\/span><\/span>\n            <\/li>\n            <li>\n              <span class=\"bi-check\"><svg viewBox=\"0 0 24 24\"><polyline points=\"20 6 9 17 4 12\"\/><\/svg><\/span>\n              <span><span class=\"bi-check-label\">Competitive Advantage<\/span><span class=\"bi-check-desc\">Differentiate your business in the crowded UAE marketplace.<\/span><\/span>\n            <\/li>\n          <\/ul>\n        <\/div>\n\n        <!-- \u2500\u2500 CARD 2: Who Needs \u2500\u2500 -->\n        <div class=\"bi-card\">\n          <div class=\"bi-card-num\"><\/div>\n          <h3 class=\"bi-card-heading\">Who Needs Logo Design Services?<\/h3>\n          <p class=\"bi-card-sub\">Our logo design services are ideal for:<\/p>\n\n          <ul class=\"bi-bulletlist\">\n            <li>Startups launching a new brand<\/li>\n            <li>Small businesses seeking a professional identity<\/li>\n            <li>Established companies planning a rebrand<\/li>\n            <li>eCommerce businesses<\/li>\n            <li>Technology & cybersecurity firms<\/li>\n            <li>Corporate organizations<\/li>\n            <li>Personal brands and consultants<\/li>\n          <\/ul>\n          <div class=\"bi-card-body\" style=\"margin-top:18px;\">\n            <p>Whether starting fresh or evolving your image, the right logo makes a powerful impact.<\/p>\n          <\/div>\n        <\/div>\n\n        <!-- \u2500\u2500 CARD 3: Why Choose Us \u2500\u2500 -->\n        <div class=\"bi-card\">\n          <h3 class=\"bi-card-heading\">What Makes a Great Logo?<\/h3>\n          <p class=\"bi-card-sub\">The Elements of an Effective Logo<br>\n          A successful logo is more than attractive \u2014 it is purposeful.<br>The best logos are:<\/p>\n          <ul class=\"bi-bulletlist\">\n            <li>\n              <span class=\"bi-check\"><svg viewBox=\"0 0 24 24\"><polyline points=\"20 6 9 17 4 12\"\/><\/svg><\/span>\n              <span>Simple and easily recognizable\n             <\/span>\n            <\/li>\n            <li>\n              <span class=\"bi-check\"><svg viewBox=\"0 0 24 24\"><polyline points=\"20 6 9 17 4 12\"\/><\/svg><\/span>\n              <span>Relevant to the brand<\/span>\n            <\/li>\n            <li>\n              <span class=\"bi-check\"><svg viewBox=\"0 0 24 24\"><polyline points=\"20 6 9 17 4 12\"\/><\/svg><\/span>\n              <span>Memorable<\/span>\n            <\/li>\n            <li>\n              <span class=\"bi-check\"><svg viewBox=\"0 0 24 24\"><polyline points=\"20 6 9 17 4 12\"\/><\/svg><\/span>\n              <span>Scalable across mediums<\/span>\n            <\/li>\n            <li>\n              <span class=\"bi-check\"><svg viewBox=\"0 0 24 24\"><polyline points=\"20 6 9 17 4 12\"\/><\/svg><\/span>\n              <span>Timeless in design<\/span>\n            <\/li>\n            <li>\n              <span class=\"bi-check\"><svg viewBox=\"0 0 24 24\"><polyline points=\"20 6 9 17 4 12\"\/><\/svg><\/span>\n              <span>Adaptable to future growth<\/span>\n            <\/li>\n          <\/ul>\n        <\/div>\n\n        <!-- \u2500\u2500 CARD 4: Branding vs Logo \u2500\u2500 -->\n        <div class=\"bi-card\">\n\n          <h3 class=\"bi-card-heading\">Industries We Serve<\/h3>\n          <p class=\"bi-card-sub\">We design logos for businesses across the UAE, including:<\/p>\n          <div class=\"bi-card-body\">\n            <ul class=\"bi-bulletlist\">\n            <li>Technology & Cybersecurity<\/li>\n            <li>Finance & Consulting<\/li>\n            <li>Retail & eCommerce<\/li>\n            <li>Real Estate<\/li>\n            <li>Hospitality<\/li>\n            <li>Healthcare<\/li>\n            <li>Education<\/li>\n            <li>Corporate Enterprises<\/li>\n            <\/ul>\n          <\/div>\n          <div class=\"bi-card-body\" style=\"margin-top:18px;\">\n            <p>\nOur adaptable design approach ensures your logo aligns perfectly with your industry expectations.<\/p>\n          <\/div>\n        <\/div>\n\n      <\/div><!-- \/grid -->\n    <\/div>\n  <\/section>\n<\/div>\n<!-- End ZroPixel Branding Info Block -->\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-7d1c999 e-flex e-con-boxed e-con e-parent\" data-id=\"7d1c999\" 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-0bce9e0 elementor-widget elementor-widget-html\" data-id=\"0bce9e0\" 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: 20px 20px;\n}\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\n.zp-cta-content h2 {\n  font-size: 34px;\n  font-weight: 700;\n  margin-bottom: 18px;\n  color: #111;\n}\n\n.zp-cta-content p {\n  font-size: 18px;\n  line-height: 1.6;\n  margin-bottom: 30px;\n  color: #333;\n}\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\n.zp-cta-btn:hover {\n  background: #000000;\n  transform: translateX(4px);\n}\n\n\/* POPUP STYLES *\/\n.zp-popup-overlay {\n  position: fixed;\n  top: 0;\n  left: 0;\n  width: 100%;\n  height: 100%;\n  background: rgba(0,0,0,0.6);\n  display: none;\n  justify-content: center;\n  align-items: center;\n  z-index: 9999;\n}\n\n.zp-popup-content {\n  background: #fff;\n  padding: 40px;\n  border-radius: 12px;\n  width: 90%;\n  max-width: 500px;\n  position: relative;\n  animation: fadeIn 0.3s ease-in-out;\n}\n\n.zp-popup-close {\n  position: absolute;\n  top: 10px;\n  right: 15px;\n  font-size: 22px;\n  cursor: pointer;\n}\n\n@keyframes fadeIn {\n  from {opacity: 0; transform: scale(0.95);}\n  to {opacity: 1; transform: scale(1);}\n}\n\n@media (max-width: 768px) {\n  .zp-cta-box {\n    padding: 40px 25px;\n  }\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\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    <span class=\"zp-popup-close\" onclick=\"closeZpPopup()\">\u00d7<\/span>\n\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\/4327#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-69ea235a013b8\" 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\n  <\/div>\n<\/div>\n\n<script>\nfunction openZpPopup() {\n  document.getElementById(\"zpPopup\").style.display = \"flex\";\n}\n\nfunction closeZpPopup() {\n  document.getElementById(\"zpPopup\").style.display = \"none\";\n}\n\nwindow.onclick = function(event) {\n  var popup = document.getElementById(\"zpPopup\");\n  if (event.target === popup) {\n    popup.style.display = \"none\";\n  }\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-416d264 e-con-full e-flex e-con e-parent\" data-id=\"416d264\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t<div class=\"elementor-element elementor-element-0e530f0 e-con-full e-flex e-con e-child\" data-id=\"0e530f0\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t<div class=\"elementor-element elementor-element-e79e41b e-con-full e-flex e-con e-child\" data-id=\"e79e41b\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-fa3b2a4 elementor-widget elementor-widget-html\" data-id=\"fa3b2a4\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t\n\n<style>\n.bi-wrap {\n  --red:      #E01A23;\n  --red-soft: rgba(224,26,35,0.12);\n  --white:    #ffffff;\n  --dark:     #ffffff;\n  --muted:    rgba(255,255,255,0.55);\n  --border:   rgba(255,255,255,0.08);\n  --bg:       #111111;\n  --ease:     cubic-bezier(0.4,0,0.2,1);\n  box-sizing: border-box;\n}\n.bi-wrap *, .bi-wrap *::before, .bi-wrap *::after {\n  box-sizing: inherit; margin: 0; padding: 0;\n}\n\n\/* \u2500\u2500 Section \u2500\u2500 *\/\n.bi-section {\n  padding: 100px 0 120px;\n  background: linear-gradient(135deg, #0a0a0a 0%, #1a0304 55%, #2a0406 100%);\n  position: relative;\n  overflow: hidden;\n}\n\/* grid texture *\/\n.bi-section::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: 40px 40px;\n  pointer-events: none; z-index: 0;\n}\n\/* red glow *\/\n.bi-section::after {\n  content: '';\n  position: absolute; top: -120px; right: -120px;\n  width: 500px; height: 500px;\n  background: radial-gradient(circle, rgba(224,26,35,0.14) 0%, transparent 70%);\n  pointer-events: none; z-index: 0;\n}\n\n.bi-container {\n  max-width: 1280px;\n  margin: 0 auto;\n  padding: 0 48px;\n  position: relative; z-index: 1;\n}\n\n\/* \u2500\u2500 Section header \u2500\u2500 *\/\n.bi-section-head {\n  text-align: center;\n  margin-bottom: 72px;\n  opacity: 0;\n  animation: biFadeUp 0.6s var(--ease) 0.1s forwards;\n}\n.bi-section-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: var(--red);\n  margin-bottom: 18px;\n}\n.bi-section-label::before,\n.bi-section-label::after {\n  content: ''; display: block;\n  width: 24px; height: 1px;\n  background: var(--red); flex-shrink: 0;\n}\n.bi-section-title {\n  font-size: clamp(34px, 3.8vw, 54px);\n  font-weight: 800; line-height: 1.0;\n  letter-spacing: -0.02em; color: var(--white);\n}\n.bi-section-title span { color: var(--red); }\n\n\/* \u2500\u2500 2\u00d72 Grid \u2500\u2500 *\/\n.bi-grid {\n  display: grid;\n  grid-template-columns: 1fr 1fr;\n  gap: 24px;\n}\n\n\/* \u2500\u2500 Card \u2500\u2500 *\/\n.bi-card {\n  background: rgba(255,255,255,0.04);\n  border: 1px solid var(--border);\n  padding: 44px 40px 48px;\n  position: relative; overflow: hidden;\n  transition: box-shadow 0.3s var(--ease), transform 0.3s var(--ease), border-color 0.3s, background 0.3s;\n  opacity: 0; transform: translateY(20px);\n  animation: biFadeUp 0.6s var(--ease) forwards;\n}\n.bi-card:nth-child(1) { animation-delay: 0.12s; }\n.bi-card:nth-child(2) { animation-delay: 0.20s; }\n.bi-card:nth-child(3) { animation-delay: 0.28s; }\n.bi-card:nth-child(4) { animation-delay: 0.36s; }\n\n.bi-card:hover {\n  box-shadow: 0 8px 40px rgba(224,26,35,0.15);\n  transform: translateY(-4px);\n  border-color: rgba(224,26,35,0.35);\n  background: rgba(255,255,255,0.07);\n}\n\n\/* Red top accent bar *\/\n.bi-card::before {\n  content: '';\n  position: absolute; top: 0; left: 0;\n  width: 0; height: 3px;\n  background: var(--red);\n  transition: width 0.4s var(--ease);\n}\n.bi-card:hover::before { width: 100%; }\n\n\/* Corner triangle *\/\n.bi-card::after {\n  content: '';\n  position: absolute; top: 0; right: 0;\n  width: 0; height: 0; border-style: solid;\n  border-width: 0 48px 48px 0;\n  border-color: transparent rgba(255,255,255,0.04) transparent transparent;\n  transition: border-color 0.3s;\n}\n.bi-card:hover::after {\n  border-color: transparent rgba(224,26,35,0.18) transparent transparent;\n}\n\n\/* Card number *\/\n.bi-card-num {\n  font-size: 10px; font-weight: 700;\n  letter-spacing: 0.18em; color: var(--red);\n  margin-bottom: 20px; opacity: 0.75;\n}\n\n\/* Heading *\/\n.bi-card-heading {\n  font-size: 22px; font-weight: 800;\n  line-height: 1.15; letter-spacing: -0.02em;\n  color: var(--white); margin-bottom: 8px;\n  transition: color 0.2s;\n}\n.bi-card:hover .bi-card-heading { color: var(--red); }\n\n\/* Sub heading *\/\n.bi-card-sub {\n  font-size: 13px; font-weight: 600;\n  color: var(--red); letter-spacing: 0.04em;\n  margin-bottom: 22px;\n  padding-bottom: 18px;\n  border-bottom: 1px solid var(--border);\n}\n\n\/* Body text *\/\n.bi-card-body {\n  font-size: 13.5px; line-height: 1.78; color: var(--muted);\n}\n.bi-card-body p { margin-bottom: 12px; }\n.bi-card-body p:last-child { margin-bottom: 0; }\n\n\/* Check list (\u2714 items) *\/\n.bi-checklist {\n  list-style: none;\n  display: flex; flex-direction: column; gap: 11px;\n  margin-bottom: 0;\n}\n.bi-checklist li {\n  display: flex; align-items: flex-start; gap: 10px;\n  font-size: 13.5px; line-height: 1.6; color: var(--muted);\n}\n.bi-checklist li .bi-check {\n  display: inline-flex; align-items: center; justify-content: center;\n  width: 18px; height: 18px;\n  background: var(--red-soft);\n  border: 1px solid rgba(224,26,35,0.18);\n  flex-shrink: 0; margin-top: 1px;\n}\n.bi-checklist li .bi-check svg {\n  width: 10px; height: 10px;\n  stroke: var(--red); fill: none;\n  stroke-width: 2.5; stroke-linecap: round; stroke-linejoin: round;\n}\n.bi-check-label { font-weight: 600; color: var(--white); }\n.bi-check-desc { font-weight: 400; color: var(--muted); }\n\n\/* Bullet list (- items) *\/\n.bi-bulletlist {\n  list-style: none;\n  display: flex; flex-direction: column; gap: 9px;\n  margin: 12px 0;\n}\n.bi-bulletlist li {\n  display: flex; align-items: flex-start; gap: 10px;\n  font-size: 13.5px; line-height: 1.6; color: var(--muted);\n}\n.bi-bulletlist li::before {\n  content: '';\n  display: block; width: 5px; height: 5px;\n  border-radius: 0; background: var(--red);\n  margin-top: 7px; flex-shrink: 0;\n}\n\n\/* Comparison block (card 4) *\/\n.bi-compare {\n  display: grid;\n  grid-template-columns: 1fr 1px 1fr;\n  gap: 20px;\n  margin-top: 20px;\n}\n.bi-compare-divider {\n  background: var(--border); width: 1px;\n}.bi-compare-col-label {\n  font-size: 10px; font-weight: 700; letter-spacing: 0.14em;\n  text-transform: uppercase; color: var(--red);\n  margin-bottom: 10px;\n}\n.bi-compare-col p {\n  font-size: 13px; line-height: 1.7; color: var(--muted);\n}\n\n@keyframes biFadeUp {\n  to { opacity: 1; transform: translateY(0); }\n}\n\n\/* Responsive *\/\n@media (max-width: 900px) {\n  .bi-grid { grid-template-columns: 1fr; }\n  .bi-container { padding: 0 32px; }\n}\n@media (max-width: 560px) {\n  .bi-section { padding: 70px 0 80px; }\n  .bi-container { padding: 0 20px; }\n  .bi-card { padding: 32px 24px 36px; }\n  .bi-compare { grid-template-columns: 1fr; }\n  .bi-compare-divider { display: none; }\n}\n<\/style>\n\n<div class=\"bi-wrap\">\n  <section class=\"bi-section\">\n    <div class=\"bi-container\">\n\n      <!-- Section Header -->\n      <div class=\"bi-section-head\">\n        <h2 class=\"bi-section-title\">Why  <span>Choose<\/span> Us<\/h2>\n      <\/div>\n\n      <div class=\"bi-grid\">\n\n        <!-- \u2500\u2500 CARD 1: Benefits \u2500\u2500 -->\n        <div class=\"bi-card\">\n            <p style=\"margin-bottom:25px;color:#fff; font-size:14px;\">Your Trusted Creative Partner<\/p>\n          <ul class=\"bi-checklist\">\n            <li>\n              <span class=\"bi-check\"><svg viewBox=\"0 0 24 24\"><polyline points=\"20 6 9 17 4 12\"\/><\/svg><\/span>\n              <span><span class=\"bi-check-label\">Deep understanding of UAE business culture<\/span><\/span>\n            <\/li>\n            <li>\n              <span class=\"bi-check\"><svg viewBox=\"0 0 24 24\"><polyline points=\"20 6 9 17 4 12\"\/><\/svg><\/span>\n              <span><span class=\"bi-check-label\">Strategy-first design approach<\/span><\/span>\n            <\/li>\n            <li>\n              <span class=\"bi-check\"><svg viewBox=\"0 0 24 24\"><polyline points=\"20 6 9 17 4 12\"\/><\/svg><\/span>\n              <span><span class=\"bi-check-label\">Experienced creative team<\/span><\/span>\n            <\/li>\n            <li>\n              <span class=\"bi-check\"><svg viewBox=\"0 0 24 24\"><polyline points=\"20 6 9 17 4 12\"\/><\/svg><\/span>\n              <span><span class=\"bi-check-label\">Fully customized concepts<\/span><\/span>\n            <\/li>\n            <li>\n              <span class=\"bi-check\"><svg viewBox=\"0 0 24 24\"><polyline points=\"20 6 9 17 4 12\"\/><\/svg><\/span>\n              <span><span class=\"bi-check-label\">Transparent pricing<\/span><\/span>\n            <\/li>\n            <li>\n              <span class=\"bi-check\"><svg viewBox=\"0 0 24 24\"><polyline points=\"20 6 9 17 4 12\"\/><\/svg><\/span>\n              <span><span class=\"bi-check-label\">Fast turnaround times<\/span><\/span>\n            <\/li>\n            <li>\n              <span class=\"bi-check\"><svg viewBox=\"0 0 24 24\"><polyline points=\"20 6 9 17 4 12\"\/><\/svg><\/span>\n              <span><span class=\"bi-check-label\">Dedicated support<\/span><\/span>\n            <\/li>\n          <\/ul>\n          <p style=\"margin-top:25px;color:#fff; font-size:14px;\"> \u201cWe focus on designing logos that are not only visually striking but strategically positioned for long-term success.\u201d<\/p>\n        <\/div>\n        <div class=\"bi-card\">\n            <img decoding=\"async\" src=\"https:\/\/zropixel.com\/zropixel_uat\/wp-content\/uploads\/2025\/10\/f1-img-1.webp\">\n        <\/div>        \n\n      <\/div><!-- \/grid -->\n      \n    <\/div>\n  <\/section>\n<\/div>\n<!-- End ZroPixel Branding Info Block -->\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-843472b e-flex e-con-boxed e-con e-parent\" data-id=\"843472b\" 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-6d989d6 e-con-full e-flex e-con e-child\" data-id=\"6d989d6\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-a92b047 elementor-widget elementor-widget-tx_faq elh-el tx_faq\" data-id=\"a92b047\" 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                        <h2 class=\"tx-title as-sec-title-2 wa_title_spilt_1\">FAQ<\/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_994\">\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-994-0\"\r\n                            aria-expanded=\"false\"\r\n                            aria-controls=\"collapse-994-0\">\r\n                            1. What is included in your logo design services?                            <span class=\"icon\">\r\n                                <i class=\"fa-solid fa-plus\"><\/i>\r\n                            <\/span>\r\n                        <\/button>\r\n                        <div id=\"collapse-994-0\"\r\n                        class=\"accordion-collapse collapse \"\r\n                        aria-labelledby=\"heading-994-0\"\r\n                        data-bs-parent=\"#accordionExample_994\">\r\n                            <p class=\"as-p-2 item-disc\">\r\n                                Our logo design services include concept creation, multiple design options, revisions, typography selection, color strategy, and final files optimized for both digital and print use. We ensure your logo reflects your brand identity and communicates professionalism.\n                            <\/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-994-1\"\r\n                            aria-expanded=\"false\"\r\n                            aria-controls=\"collapse-994-1\">\r\n                            2. Who should choose a static website?                            <span class=\"icon\">\r\n                                <i class=\"fa-solid fa-plus\"><\/i>\r\n                            <\/span>\r\n                        <\/button>\r\n                        <div id=\"collapse-994-1\"\r\n                        class=\"accordion-collapse collapse \"\r\n                        aria-labelledby=\"heading-994-1\"\r\n                        data-bs-parent=\"#accordionExample_994\">\r\n                            <p class=\"as-p-2 item-disc\">\r\n                                Static websites are perfect for startups, small businesses, consulting firms, corporate profiles, and portfolio websites that do not require frequent content updates.\n                            <\/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-994-2\"\r\n                            aria-expanded=\"false\"\r\n                            aria-controls=\"collapse-994-2\">\r\n                            3. Is a static website good for SEO?                            <span class=\"icon\">\r\n                                <i class=\"fa-solid fa-plus\"><\/i>\r\n                            <\/span>\r\n                        <\/button>\r\n                        <div id=\"collapse-994-2\"\r\n                        class=\"accordion-collapse collapse \"\r\n                        aria-labelledby=\"heading-994-2\"\r\n                        data-bs-parent=\"#accordionExample_994\">\r\n                            <p class=\"as-p-2 item-disc\">\r\n                                Yes. Static websites typically load faster and have simple structures, making it easier for search engines to crawl and index pages \u2014 which can positively impact rankings.\n                            <\/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-994-3\"\r\n                            aria-expanded=\"false\"\r\n                            aria-controls=\"collapse-994-3\">\r\n                            4. Are static websites secure?                            <span class=\"icon\">\r\n                                <i class=\"fa-solid fa-plus\"><\/i>\r\n                            <\/span>\r\n                        <\/button>\r\n                        <div id=\"collapse-994-3\"\r\n                        class=\"accordion-collapse collapse \"\r\n                        aria-labelledby=\"heading-994-3\"\r\n                        data-bs-parent=\"#accordionExample_994\">\r\n                            <p class=\"as-p-2 item-disc\">\r\n                                Static websites are generally more secure because they do not rely on databases or multiple plugins. With fewer entry points, the risk of cyberattacks is significantly reduced.\n                            <\/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-994-4\"\r\n                            aria-expanded=\"false\"\r\n                            aria-controls=\"collapse-994-4\">\r\n                            5. How long does it take to build a static website in the UAE?                            <span class=\"icon\">\r\n                                <i class=\"fa-solid fa-plus\"><\/i>\r\n                            <\/span>\r\n                        <\/button>\r\n                        <div id=\"collapse-994-4\"\r\n                        class=\"accordion-collapse collapse \"\r\n                        aria-labelledby=\"heading-994-4\"\r\n                        data-bs-parent=\"#accordionExample_994\">\r\n                            <p class=\"as-p-2 item-disc\">\r\n                                Most static websites can be designed and launched within 1 to 3 weeks, depending on the number of pages and design requirements.\n                            <\/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-994-5\"\r\n                            aria-expanded=\"false\"\r\n                            aria-controls=\"collapse-994-5\">\r\n                            6. Can a static website handle high traffic?                            <span class=\"icon\">\r\n                                <i class=\"fa-solid fa-plus\"><\/i>\r\n                            <\/span>\r\n                        <\/button>\r\n                        <div id=\"collapse-994-5\"\r\n                        class=\"accordion-collapse collapse \"\r\n                        aria-labelledby=\"heading-994-5\"\r\n                        data-bs-parent=\"#accordionExample_994\">\r\n                            <p class=\"as-p-2 item-disc\">\r\n                                Yes. Static websites are lightweight and perform efficiently even during traffic spikes, ensuring a smooth experience for visitors.\n                            <\/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-e946174 e-con-full e-flex e-con e-child\" data-id=\"e946174\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-26ae723 elementor-widget elementor-widget-tx_faq elh-el tx_faq\" data-id=\"26ae723\" 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_172\">\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-172-0\"\r\n                            aria-expanded=\"false\"\r\n                            aria-controls=\"collapse-172-0\">\r\n                            7. What is the difference between static and dynamic websites?                            <span class=\"icon\">\r\n                                <i class=\"fa-solid fa-plus\"><\/i>\r\n                            <\/span>\r\n                        <\/button>\r\n                        <div id=\"collapse-172-0\"\r\n                        class=\"accordion-collapse collapse \"\r\n                        aria-labelledby=\"heading-172-0\"\r\n                        data-bs-parent=\"#accordionExample_172\">\r\n                            <p class=\"as-p-2 item-disc\">\r\n                                Static websites display fixed content and are best for informational purposes, while dynamic websites allow real-time updates and support advanced features like user portals or eCommerce.\n                            <\/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-172-1\"\r\n                            aria-expanded=\"false\"\r\n                            aria-controls=\"collapse-172-1\">\r\n                            8. Is a static website more affordable than a 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-172-1\"\r\n                        class=\"accordion-collapse collapse \"\r\n                        aria-labelledby=\"heading-172-1\"\r\n                        data-bs-parent=\"#accordionExample_172\">\r\n                            <p class=\"as-p-2 item-disc\">\r\n                                In most cases, yes. Static websites require less development time and minimal maintenance, making them a cost-effective choice for many businesses.\n                            <\/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-172-2\"\r\n                            aria-expanded=\"false\"\r\n                            aria-controls=\"collapse-172-2\">\r\n                            9. Can I upgrade my static website later?                            <span class=\"icon\">\r\n                                <i class=\"fa-solid fa-plus\"><\/i>\r\n                            <\/span>\r\n                        <\/button>\r\n                        <div id=\"collapse-172-2\"\r\n                        class=\"accordion-collapse collapse \"\r\n                        aria-labelledby=\"heading-172-2\"\r\n                        data-bs-parent=\"#accordionExample_172\">\r\n                            <p class=\"as-p-2 item-disc\">\r\n                                Absolutely. Your website can be expanded or converted into a dynamic platform as your business grows and your requirements evolve.\n                            <\/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-172-3\"\r\n                            aria-expanded=\"false\"\r\n                            aria-controls=\"collapse-172-3\">\r\n                            10. Will my static 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-172-3\"\r\n                        class=\"accordion-collapse collapse \"\r\n                        aria-labelledby=\"heading-172-3\"\r\n                        data-bs-parent=\"#accordionExample_172\">\r\n                            <p class=\"as-p-2 item-disc\">\r\n                                Yes. We design fully responsive static websites that adapt seamlessly to smartphones, tablets, and desktops.\n                            <\/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-172-4\"\r\n                            aria-expanded=\"false\"\r\n                            aria-controls=\"collapse-172-4\">\r\n                            11. Do static websites require maintenance?                            <span class=\"icon\">\r\n                                <i class=\"fa-solid fa-plus\"><\/i>\r\n                            <\/span>\r\n                        <\/button>\r\n                        <div id=\"collapse-172-4\"\r\n                        class=\"accordion-collapse collapse \"\r\n                        aria-labelledby=\"heading-172-4\"\r\n                        data-bs-parent=\"#accordionExample_172\">\r\n                            <p class=\"as-p-2 item-disc\">\r\n                                Static websites need very little maintenance compared to dynamic platforms. Occasional updates and security checks are usually sufficient to keep the site running smoothly.\n                            <\/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-172-5\"\r\n                            aria-expanded=\"false\"\r\n                            aria-controls=\"collapse-172-5\">\r\n                            12. Why choose your company for static website design services in UAE?                            <span class=\"icon\">\r\n                                <i class=\"fa-solid fa-plus\"><\/i>\r\n                            <\/span>\r\n                        <\/button>\r\n                        <div id=\"collapse-172-5\"\r\n                        class=\"accordion-collapse collapse \"\r\n                        aria-labelledby=\"heading-172-5\"\r\n                        data-bs-parent=\"#accordionExample_172\">\r\n                            <p class=\"as-p-2 item-disc\">\r\n                                We focus on creating fast, secure, and visually appealing websites tailored to your brand. Our team combines strategic design with technical expertise to deliver websites that enhance credibility and support business growth.                            <\/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 Professional Logo Design Services in UAE That Define Your Brand &#8220;Your logo is the visual foundation of your brand \u2014 the symbol customers recognize, remember, and trust. A well-designed logo communicates professionalism, builds credibility, and sets you apart in a competitive marketplace. We design distinctive logos that capture your brand personality and create [&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-4327","page","type-page","status-publish","hentry"],"acf":[],"aioseo_notices":[],"_links":{"self":[{"href":"https:\/\/zropixel.com\/zropixel_uat\/wp-json\/wp\/v2\/pages\/4327","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=4327"}],"version-history":[{"count":1,"href":"https:\/\/zropixel.com\/zropixel_uat\/wp-json\/wp\/v2\/pages\/4327\/revisions"}],"predecessor-version":[{"id":4328,"href":"https:\/\/zropixel.com\/zropixel_uat\/wp-json\/wp\/v2\/pages\/4327\/revisions\/4328"}],"wp:attachment":[{"href":"https:\/\/zropixel.com\/zropixel_uat\/wp-json\/wp\/v2\/media?parent=4327"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}