{"id":4106,"date":"2026-03-03T07:12:54","date_gmt":"2026-03-03T07:12:54","guid":{"rendered":"https:\/\/zropixel.com\/zropixel_uat\/?page_id=4106"},"modified":"2026-03-03T11:23:18","modified_gmt":"2026-03-03T11:23:18","slug":"identity-design","status":"publish","type":"page","link":"https:\/\/zropixel.com\/zropixel_uat\/identity-design\/","title":{"rendered":"Identity design"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"4106\" class=\"elementor elementor-4106\">\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\">Identity Design Services in UAE That Bring Your Brand to Life<\/h2>                <\/div>\n\n                \n                <div class=\"right\">\n                                        <p class=\"as-p-1 sec-disc wow fadeInRight2 tx-description\">\n                        Your brand identity is the visual language of your business \u2014 it shapes how customers perceive you, remember you, and connect with your brand. A consistent and professionally designed identity builds trust, enhances credibility, and helps your business stand out in the competitive UAE market.\n\nWe design cohesive brand identities that go beyond aesthetics. Every element \u2014 from logo and typography to colors and brand assets \u2014 is thoughtfully crafted to reflect your personality and communicate your value clearly.\n<br>\n\u2705 Complete and cohesive brand identity systems\n\u2705 Designed for consistency across all platforms\n\u2705 Strategy-driven creative approach\n\u2705 Scalable for business growth\n\u2705 Built to leave a lasting impression\n<br>\n\ud83d\udc49 Request a Free Consultation\n\ud83d\udc49 Start Building Your Brand Identity Today                    <\/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 Identity Design Services                <\/h6>\n                                <h2 class=\"tx-title as-sec-title-2 wa_title_spilt_1\">Comprehensive Visual Identity Solutions<\/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                    \n                                        <p class=\"as-p-2 disc wow fadeInUp2\" data-wow-delay=\".1s\">\n                        We take a strategic approach to identity design, ensuring every visual element aligns with your brand positioning and business goals.                    <\/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\">Logo Integration<\/h5>\n                    We design or refine logos to ensure they align seamlessly with your broader identity.                <\/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\">Color Palette Development <\/h5>\n                    Carefully selected colors that evoke the right emotions and reinforce brand recognition.                <\/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 System<\/h5>\n                    Consistent font pairings that enhance readability and visual harmony.                <\/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\">Brand Style Guide<\/h5>\n                    A detailed document outlining how to use your brand elements correctly across all channels.                <\/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\">Business Collateral Design<\/h5>\n                    Professional designs for business cards, letterheads, email signatures, and presentation templates.                <\/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\">Social Media Branding<\/h5>\n                    Create a cohesive look across digital platforms to strengthen visibility.                <\/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 Consistent Brand Experience<\/h3>\n          <p class=\"bb-body\">Customers interact with your brand in many places \u2014 your website, social media, packaging, presentations, and marketing materials. A strong identity ensures every touchpoint feels connected and professional.\n          <\/p>\n          <p class=\"bb-body\">Without a defined identity, brands often appear inconsistent and forgettable. With the right design system, your business becomes instantly recognizable.<\/p>\n          <p class=\"bb-closing\">Our identity design services help UAE businesses create a unified presence that communicates professionalism while supporting long-term brand growth.<\/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 Brand Identity Matters for Your Business:Turn Recognition Into Trust<\/h3>\n          <p class=\"bb-body\">A well-crafted brand identity does more than improve visual appeal \u2014 it influences perception, strengthens credibility, and creates emotional connections with your audience.\n          <\/p>\n          <p class=\"bb-body\">With a professional identity design, your business can:<\/p>\n\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 stronger brand recognition<\/li>\n            <li><span class=\"bb-dot\"><svg viewBox=\"0 0 24 24\"><polyline points=\"20 6 9 17 4 12\"\/><\/svg><\/span>Present a polished and professional image<\/li>\n            <li><span class=\"bb-dot\"><svg viewBox=\"0 0 24 24\"><polyline points=\"20 6 9 17 4 12\"\/><\/svg><\/span>Differentiate 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>Increase customer confidence<\/li>\n            <li><span class=\"bb-dot\"><svg viewBox=\"0 0 24 24\"><polyline points=\"20 6 9 17 4 12\"\/><\/svg><\/span>Maintain visual consistency<\/li>\n            <li><span class=\"bb-dot\"><svg viewBox=\"0 0 24 24\"><polyline points=\"20 6 9 17 4 12\"\/><\/svg><\/span>Support more effective marketing<\/li>\n            <li><span class=\"bb-dot\"><svg viewBox=\"0 0 24 24\"><polyline points=\"20 6 9 17 4 12\"\/><\/svg><\/span>Enhance overall brand value<\/li>\n            \n          <\/ul>\n          <p class=\"bb-closing\">\nYour identity becomes a powerful asset that works for your business every day.<\/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 Identity Design Process<\/h2>\n          <p class=\"proc-desc\">A Structured Approach to Building Powerful Brand Identities<\/p>\n        <\/div>\n        <div class=\"proc-head-right\">\n          <p class=\"proc-desc\">Creating a compelling identity requires more than creativity \u2014 it demands research, clarity, and strategic thinking.<\/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\">Brand Discovery<\/h4>\n          <p class=\"c-text\">We learn about your business, values, audience, and competitive landscape.<\/p>\n        <\/div>\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 & Inspiration<\/h4>\n          <p class=\"c-text\">Our team analyzes industry trends and visual opportunities to define a unique creative direction.<\/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\">Identity Concept Development\n          <\/h4>\n          <p class=\"c-text\">We craft visual systems that represent your brand personality while ensuring flexibility.<\/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\">Design Refinement<\/h4>\n          <p class=\"c-text\">Based on your feedback, we fine-tune the elements until everything aligns perfectly.<\/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\">Brand Guidelines Creation<\/h4>\n          <p class=\"c-text\">Receive clear standards to maintain consistency across every platform.<\/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\">Implementation Support<\/h4>\n          <p class=\"c-text\">We guide you on applying your identity effectively for maximum impact..<\/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 Identity Design<\/h3>\n    <p class=\"bi-card-sub\">Why Invest in Expert Identity Design?<\/p>\n\n    <ul class=\"bi-checklist\">\n      <li>\n        <span class=\"bi-check\">\n          <svg viewBox=\"0 0 24 24\"><polyline points=\"20 6 9 17 4 12\"\/><\/svg>\n        <\/span>\n        <span>\n          <span class=\"bi-check-label\">Instant Brand Recognition<\/span>\n          <span class=\"bi-check-desc\">A consistent identity makes your business easier to remember.<\/span>\n        <\/span>\n      <\/li>\n\n      <li>\n        <span class=\"bi-check\">\n          <svg viewBox=\"0 0 24 24\"><polyline points=\"20 6 9 17 4 12\"\/><\/svg>\n        <\/span>\n        <span>\n          <span class=\"bi-check-label\">Professional Market Presence<\/span>\n          <span class=\"bi-check-desc\">Build trust through polished visuals.<\/span>\n        <\/span>\n      <\/li>\n\n      <li>\n        <span class=\"bi-check\">\n          <svg viewBox=\"0 0 24 24\"><polyline points=\"20 6 9 17 4 12\"\/><\/svg>\n        <\/span>\n        <span>\n          <span class=\"bi-check-label\">Consistency Across Channels<\/span>\n          <span class=\"bi-check-desc\">Ensure every customer interaction reinforces your brand.<\/span>\n        <\/span>\n      <\/li>\n\n      <li>\n        <span class=\"bi-check\">\n          <svg viewBox=\"0 0 24 24\"><polyline points=\"20 6 9 17 4 12\"\/><\/svg>\n        <\/span>\n        <span>\n          <span class=\"bi-check-label\">Scalable for Growth<\/span>\n          <span class=\"bi-check-desc\">Your identity evolves as your business expands.<\/span>\n        <\/span>\n      <\/li>\n\n      <li>\n        <span class=\"bi-check\">\n          <svg viewBox=\"0 0 24 24\"><polyline points=\"20 6 9 17 4 12\"\/><\/svg>\n        <\/span>\n        <span>\n          <span class=\"bi-check-label\">Stronger Emotional Connection<\/span>\n          <span class=\"bi-check-desc\">Visual consistency fosters familiarity and loyalty.<\/span>\n        <\/span>\n      <\/li>\n\n      <li>\n        <span class=\"bi-check\">\n          <svg viewBox=\"0 0 24 24\"><polyline points=\"20 6 9 17 4 12\"\/><\/svg>\n        <\/span>\n        <span>\n          <span class=\"bi-check-label\">Higher Perceived Value<\/span>\n          <span class=\"bi-check-desc\">Customers associate strong branding with quality and reliability.<\/span>\n        <\/span>\n      <\/li>\n    <\/ul>\n  <\/div>\n\n  <!-- \u2500\u2500 CARD 2: Who Needs \u2500\u2500 -->\n  <div class=\"bi-card\">\n    <h3 class=\"bi-card-heading\">Who Needs Identity Design Services?<\/h3>\n    <p class=\"bi-card-sub\">\n      Identity design is essential for businesses that want to present themselves with clarity and confidence, including:\n    <\/p>\n\n    <ul class=\"bi-bulletlist\">\n      <li>Startups launching a new brand<\/li>\n      <li>Businesses undergoing rebranding<\/li>\n      <li>Growing companies seeking consistency<\/li>\n      <li>Corporate organizations<\/li>\n      <li>Technology and cybersecurity firms<\/li>\n      <li>Retail and eCommerce brands<\/li>\n      <li>Professional service providers<\/li>\n      <li>Hospitality and real estate businesses<\/li>\n    <\/ul>\n\n    <div class=\"bi-card-body\" style=\"margin-top:18px;\">\n      <p>If your goal is to be recognized, trusted, and remembered \u2014 identity design is a critical investment.<\/p>\n    <\/div>\n  <\/div>\n\n  <!-- \u2500\u2500 CARD 3: Strong Identity \u2500\u2500 -->\n  <div class=\"bi-card\">\n    <h3 class=\"bi-card-heading\">What Makes a Strong Brand Identity?<\/h3>\n    <p class=\"bi-card-sub\">Core Elements of Effective Identity Design<\/p>\n\n    <div class=\"bi-card-body\" style=\"margin-bottom:18px;\">\n      <p>The most impactful brand identities are:<\/p>\n    <\/div>\n\n    <ul class=\"bi-bulletlist\">\n      <li>Consistent across all platforms<\/li>\n      <li>Instantly recognizable<\/li>\n      <li>Aligned with brand values<\/li>\n      <li>Simple yet distinctive<\/li>\n      <li>Flexible for future growth<\/li>\n      <li>Designed with purpose<\/li>\n    <\/ul>\n\n    <div class=\"bi-card-body\" style=\"margin-top:18px;\">\n      <p>Our role is to ensure your identity reflects these qualities from the very beginning.<\/p>\n    <\/div>\n  <\/div>\n\n  <!-- \u2500\u2500 CARD 4: Industries \u2500\u2500 -->\n  <div class=\"bi-card\">\n    <h3 class=\"bi-card-heading\">Industries We Serve<\/h3>\n    <p class=\"bi-card-sub\">\n      We develop brand identities for organizations across the UAE, including:\n    <\/p>\n\n    <ul class=\"bi-bulletlist\">\n      <li>Technology & Cybersecurity<\/li>\n      <li>Finance & Consulting<\/li>\n      <li>Real Estate<\/li>\n      <li>Healthcare<\/li>\n      <li>Retail & eCommerce<\/li>\n      <li>Education<\/li>\n      <li>Hospitality<\/li>\n      <li>Corporate Enterprises<\/li>\n    <\/ul>\n\n    <div class=\"bi-card-body\" style=\"margin-top:18px;\">\n      <p>Our adaptable approach ensures your identity aligns with industry expectations while highlighting your uniqueness.<\/p>\n    <\/div>\n  <\/div>\n\n<\/div>\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\/4106#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-69ea2359e6de6\" 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\">\n          Why Choose Us for <span>Identity Design Services<\/span> in UAE?\n        <\/h2>\n      <\/div>\n\n      <div class=\"bi-grid\">\n\n        <!-- \u2500\u2500 CARD 1: Why Choose Us \u2500\u2500 -->\n        <div class=\"bi-card\">\n          <p style=\"margin-bottom:25px;color:#fff; font-size:14px;\">\n            Your Strategic Branding Partner\n          <\/p>\n\n          <ul class=\"bi-checklist\">\n            <li>\n              <span class=\"bi-check\">\n                <svg viewBox=\"0 0 24 24\"><polyline points=\"20 6 9 17 4 12\"\/><\/svg>\n              <\/span>\n              <span class=\"bi-check-label\">Deep understanding of UAE business culture<\/span>\n            <\/li>\n\n            <li>\n              <span class=\"bi-check\">\n                <svg viewBox=\"0 0 24 24\"><polyline points=\"20 6 9 17 4 12\"\/><\/svg>\n              <\/span>\n              <span class=\"bi-check-label\">Strategy-first design approach<\/span>\n            <\/li>\n\n            <li>\n              <span class=\"bi-check\">\n                <svg viewBox=\"0 0 24 24\"><polyline points=\"20 6 9 17 4 12\"\/><\/svg>\n              <\/span>\n              <span class=\"bi-check-label\">Experienced creative specialists<\/span>\n            <\/li>\n\n            <li>\n              <span class=\"bi-check\">\n                <svg viewBox=\"0 0 24 24\"><polyline points=\"20 6 9 17 4 12\"\/><\/svg>\n              <\/span>\n              <span class=\"bi-check-label\">Fully customized identity systems<\/span>\n            <\/li>\n\n            <li>\n              <span class=\"bi-check\">\n                <svg viewBox=\"0 0 24 24\"><polyline points=\"20 6 9 17 4 12\"\/><\/svg>\n              <\/span>\n              <span class=\"bi-check-label\">Research-backed creative decisions<\/span>\n            <\/li>\n\n            <li>\n              <span class=\"bi-check\">\n                <svg viewBox=\"0 0 24 24\"><polyline points=\"20 6 9 17 4 12\"\/><\/svg>\n              <\/span>\n              <span class=\"bi-check-label\">Transparent processes<\/span>\n            <\/li>\n\n            <li>\n              <span class=\"bi-check\">\n                <svg viewBox=\"0 0 24 24\"><polyline points=\"20 6 9 17 4 12\"\/><\/svg>\n              <\/span>\n              <span class=\"bi-check-label\">Dedicated ongoing support<\/span>\n            <\/li>\n          <\/ul>\n\n          <p style=\"margin-top:25px;color:#fff; font-size:14px;\">\n            We focus on building identities that are not only visually impressive but strategically positioned for long-term success.\n          <\/p>\n        <\/div>\n\n        <!-- \u2500\u2500 CARD 2: Image \u2500\u2500 -->\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               alt=\"Identity Design Services UAE\"\n               style=\"width:100%; height:auto; display:block;\">\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_212\">\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-212-0\"\r\n                            aria-expanded=\"false\"\r\n                            aria-controls=\"collapse-212-0\">\r\n                            1. What is brand identity design?                            <span class=\"icon\">\r\n                                <i class=\"fa-solid fa-plus\"><\/i>\r\n                            <\/span>\r\n                        <\/button>\r\n                        <div id=\"collapse-212-0\"\r\n                        class=\"accordion-collapse collapse \"\r\n                        aria-labelledby=\"heading-212-0\"\r\n                        data-bs-parent=\"#accordionExample_212\">\r\n                            <p class=\"as-p-2 item-disc\">\r\n                                Brand identity design is the process of creating visual elements such as logos, colors, typography, and design systems that represent your brand consistently across all platforms.\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-212-1\"\r\n                            aria-expanded=\"false\"\r\n                            aria-controls=\"collapse-212-1\">\r\n                            2. Why is brand identity important for businesses 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-212-1\"\r\n                        class=\"accordion-collapse collapse \"\r\n                        aria-labelledby=\"heading-212-1\"\r\n                        data-bs-parent=\"#accordionExample_212\">\r\n                            <p class=\"as-p-2 item-disc\">\r\n                                A strong identity helps your business stand out in a competitive market, build credibility, and create lasting customer relationships.\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-212-2\"\r\n                            aria-expanded=\"false\"\r\n                            aria-controls=\"collapse-212-2\">\r\n                            3. What is included in your identity 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-212-2\"\r\n                        class=\"accordion-collapse collapse \"\r\n                        aria-labelledby=\"heading-212-2\"\r\n                        data-bs-parent=\"#accordionExample_212\">\r\n                            <p class=\"as-p-2 item-disc\">\r\n                                Our services typically include logo alignment, color palette creation, typography selection, brand guidelines, and supporting collateral designs.                            <\/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-212-3\"\r\n                            aria-expanded=\"false\"\r\n                            aria-controls=\"collapse-212-3\">\r\n                            4. How long does the identity design process take?                            <span class=\"icon\">\r\n                                <i class=\"fa-solid fa-plus\"><\/i>\r\n                            <\/span>\r\n                        <\/button>\r\n                        <div id=\"collapse-212-3\"\r\n                        class=\"accordion-collapse collapse \"\r\n                        aria-labelledby=\"heading-212-3\"\r\n                        data-bs-parent=\"#accordionExample_212\">\r\n                            <p class=\"as-p-2 item-disc\">\r\n                                Most identity projects are completed within 2\u20135 weeks, depending on the scope and requirements.                            <\/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-212-4\"\r\n                            aria-expanded=\"false\"\r\n                            aria-controls=\"collapse-212-4\">\r\n                            5. Can you redesign my existing brand identity?                            <span class=\"icon\">\r\n                                <i class=\"fa-solid fa-plus\"><\/i>\r\n                            <\/span>\r\n                        <\/button>\r\n                        <div id=\"collapse-212-4\"\r\n                        class=\"accordion-collapse collapse \"\r\n                        aria-labelledby=\"heading-212-4\"\r\n                        data-bs-parent=\"#accordionExample_212\">\r\n                            <p class=\"as-p-2 item-disc\">\r\n                                Yes. We can refresh or completely transform your identity to better reflect your current positioning and future direction.\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_709\">\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-709-0\"\r\n                            aria-expanded=\"false\"\r\n                            aria-controls=\"collapse-709-0\">\r\n                            6. Is brand identity the same as branding?                            <span class=\"icon\">\r\n                                <i class=\"fa-solid fa-plus\"><\/i>\r\n                            <\/span>\r\n                        <\/button>\r\n                        <div id=\"collapse-709-0\"\r\n                        class=\"accordion-collapse collapse \"\r\n                        aria-labelledby=\"heading-709-0\"\r\n                        data-bs-parent=\"#accordionExample_709\">\r\n                            <p class=\"as-p-2 item-disc\">\r\n                                Brand identity focuses on visual elements, while branding includes strategy, messaging, and overall perception.\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-709-1\"\r\n                            aria-expanded=\"false\"\r\n                            aria-controls=\"collapse-709-1\">\r\n                            7. Will my identity remain effective as my business grows?                            <span class=\"icon\">\r\n                                <i class=\"fa-solid fa-plus\"><\/i>\r\n                            <\/span>\r\n                        <\/button>\r\n                        <div id=\"collapse-709-1\"\r\n                        class=\"accordion-collapse collapse \"\r\n                        aria-labelledby=\"heading-709-1\"\r\n                        data-bs-parent=\"#accordionExample_709\">\r\n                            <p class=\"as-p-2 item-disc\">\r\n                                Absolutely. We create scalable identity systems designed to evolve with your organization.\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-709-2\"\r\n                            aria-expanded=\"false\"\r\n                            aria-controls=\"collapse-709-2\">\r\n                            8. Do you provide brand guidelines?                            <span class=\"icon\">\r\n                                <i class=\"fa-solid fa-plus\"><\/i>\r\n                            <\/span>\r\n                        <\/button>\r\n                        <div id=\"collapse-709-2\"\r\n                        class=\"accordion-collapse collapse \"\r\n                        aria-labelledby=\"heading-709-2\"\r\n                        data-bs-parent=\"#accordionExample_709\">\r\n                            <p class=\"as-p-2 item-disc\">\r\n                                Yes \u2014 we deliver clear guidelines so your identity remains consistent across marketing channels.\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-709-3\"\r\n                            aria-expanded=\"false\"\r\n                            aria-controls=\"collapse-709-3\">\r\n                            9. How much do identity design services cost 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-709-3\"\r\n                        class=\"accordion-collapse collapse \"\r\n                        aria-labelledby=\"heading-709-3\"\r\n                        data-bs-parent=\"#accordionExample_709\">\r\n                            <p class=\"as-p-2 item-disc\">\r\n                                Costs vary depending on the depth of the project. We offer flexible solutions tailored to startups, SMEs, and established companies.                            <\/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-709-4\"\r\n                            aria-expanded=\"false\"\r\n                            aria-controls=\"collapse-709-4\">\r\n                            10. How do I get started?                            <span class=\"icon\">\r\n                                <i class=\"fa-solid fa-plus\"><\/i>\r\n                            <\/span>\r\n                        <\/button>\r\n                        <div id=\"collapse-709-4\"\r\n                        class=\"accordion-collapse collapse \"\r\n                        aria-labelledby=\"heading-709-4\"\r\n                        data-bs-parent=\"#accordionExample_709\">\r\n                            <p class=\"as-p-2 item-disc\">\r\n                                Simply contact us for a consultation, and we\u2019ll guide you through the process of building a strong and memorable brand identity.                            <\/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 Identity Design Services in UAE That Bring Your Brand to Life Your brand identity is the visual language of your business \u2014 it shapes how customers perceive you, remember you, and connect with your brand. A consistent and professionally designed identity builds trust, enhances credibility, and helps your business stand out in the [&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-4106","page","type-page","status-publish","hentry"],"acf":[],"aioseo_notices":[],"_links":{"self":[{"href":"https:\/\/zropixel.com\/zropixel_uat\/wp-json\/wp\/v2\/pages\/4106","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=4106"}],"version-history":[{"count":49,"href":"https:\/\/zropixel.com\/zropixel_uat\/wp-json\/wp\/v2\/pages\/4106\/revisions"}],"predecessor-version":[{"id":4225,"href":"https:\/\/zropixel.com\/zropixel_uat\/wp-json\/wp\/v2\/pages\/4106\/revisions\/4225"}],"wp:attachment":[{"href":"https:\/\/zropixel.com\/zropixel_uat\/wp-json\/wp\/v2\/media?parent=4106"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}