{"id":4245,"date":"2026-03-03T13:48:51","date_gmt":"2026-03-03T13:48:51","guid":{"rendered":"https:\/\/zropixel.com\/zropixel_uat\/?page_id=4245"},"modified":"2026-03-03T13:48:51","modified_gmt":"2026-03-03T13:48:51","slug":"social-media-graphics","status":"publish","type":"page","link":"https:\/\/zropixel.com\/zropixel_uat\/social-media-graphics\/","title":{"rendered":"Social Media Graphics"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"4245\" class=\"elementor elementor-4245\">\n\t\t\t\t<div class=\"elementor-element elementor-element-1700116 e-flex e-con-boxed e-con e-parent\" data-id=\"1700116\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-8d98cb4 elementor-widget elementor-widget-tx_service_section elh-el tx_service_section\" data-id=\"8d98cb4\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;design_style&quot;:&quot;style_1&quot;}\" data-widget_type=\"tx_service_section.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<section class=\"as-services-1-area pt-70 reny pb-120 tx-section \">\n    <div class=\"container as-container-1\">\n        <div class=\"as-services-1-container\">\n            <!-- section-title -->\n            <div class=\"as-services-1-sec-title mb-50\">\n                <div class=\"left\">\n                                        <h6 class=\"as-subtitle-1 tx-subTitle\">\n                        <span class=\"icon\">\n                            {<i aria-hidden=\"true\" class=\"fas fa-circle\"><\/i>}                        <\/span>\n                        Services                    <\/h6>\n                                        <h2 class=\"tx-title as-sec-title-1 wa_title_spilt_1\">Professional Social Media Graphics Design Services in UAE<\/h2>                <\/div>\n\n                \n                <div class=\"right\">\n                                        <p class=\"as-p-1 sec-disc wow fadeInRight2 tx-description\">\n                        In today\u2019s digital world, social media is one of the most powerful platforms for connecting with customers. High-quality visuals are essential to capture attention, communicate your message instantly, and strengthen brand recognition.<br>\n\nOur social media graphics design services help businesses create visually engaging content tailored for each platform. From promotional creatives to branded posts, we design graphics that attract audiences, encourage interaction, and enhance your online presence.\n <br>\n\n\n\ud83d\udc49 Request a Free Consultation<br>\n                    <\/p>\n                    \n                    \n                <\/div>\n            <\/div>\n\n            <!--<div class=\"as-services-1-wrap\">\n                            <\/div>-->\n        <\/div>\n    <\/div>\n<\/section>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-1ccc5f2 e-con-full e-flex e-con e-parent\" data-id=\"1ccc5f2\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-417ec8f elementor-widget elementor-widget-tx_count_box elh-el tx_count_box\" data-id=\"417ec8f\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;design_style&quot;:&quot;style_1&quot;}\" data-widget_type=\"tx_count_box.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<section class=\"as-success-2-area pt-90 pb-130 tx-section has-dark\">\n    <div class=\"container as-container-2\">\n        <div class=\"as-success-2-wrap mb-65\">\n            <!-- section-title -->\n            <div class=\"as-success-2-sec-title mb-40\">\n                                <h6 class=\"as-subtitle-2 tx-subTitle\">\n                    Our Logo Design Services                <\/h6>\n                                <h2 class=\"tx-title as-sec-title-2 wa_title_spilt_1\">Our Social Media Graphics Services\n<\/h2>\n                            <\/div>\n\n            <!-- right -->\n            <div class=\"as-success-2-experience\">\n                <!--<h3 class=\"as-h-2 number wa-p-relative\">\n                    <span class=\"odometer\" data-count=\"10\">0<\/span>                                        <span class=\"icon\">\n                        <svg aria-hidden=\"true\" class=\"e-font-icon-svg e-fas-plus\" viewBox=\"0 0 448 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M416 208H272V64c0-17.67-14.33-32-32-32h-32c-17.67 0-32 14.33-32 32v144H32c-17.67 0-32 14.33-32 32v32c0 17.67 14.33 32 32 32h144v144c0 17.67 14.33 32 32 32h32c17.67 0 32-14.33 32-32V304h144c17.67 0 32-14.33 32-32v-32c0-17.67-14.33-32-32-32z\"><\/path><\/svg>                    <\/span>\n                                    <\/h3>-->\n                <div class=\"content-wrap\">\n                                        <h3 class=\"as-h-2 title wow fadeInUp2\">\n                        Years of experience                    <\/h3>\n                    \n                                        <p class=\"as-p-2 disc wow fadeInUp2\" data-wow-delay=\".1s\">\n                        Social media graphics are visual designs created specifically for platforms like Instagram, Facebook, LinkedIn, TikTok, and Twitter. These graphics help businesses communicate ideas quickly while maintaining consistent branding across digital channels.\n\nProfessional social media visuals improve engagement, strengthen brand identity, and make your content more memorable among audiences.\n                    <\/p>\n                                    <\/div>\n            <\/div>\n        <\/div>\n\n        <div class=\"as-success-2-wrap-2\">\n                        <div class=\"as-success-2-item\">\n                                <h3 class=\"as-h-2 number wow fadeInRight2\">\n                    1                <\/h3>\n                \n                                <div class=\"as-p-2 disc wow fadeInRight2\" data-wow-delay=\".2s\">\n                    <h5 style=\"color:#fff\">Social Media Post Design<\/h5>\n                    Custom-designed posts tailored to your brand and marketing campaigns.                <\/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\"> Instagram &amp; Facebook Creatives<\/h5>\n                    Visually engaging designs optimized for feed posts, stories, reels covers, and promotions.                <\/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\">Promotional Campaign Creatives<\/h5>\n                    Graphics for product launches, offers, events, and advertising campaigns.                <\/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\">Story &amp; Highlight Cover Design<\/h5>\n                    Creative story templates and highlight icons that improve profile presentation.                <\/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\">Ad Creative Design<\/h5>\n                    High-converting visuals created specifically for paid social media advertising campaigns.                <\/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\">Branded Content Templates<\/h5>\n                    Reusable templates that maintain consistency while saving time for future posts.                <\/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\">Creative Social Media Graphics That Boost Engagement<\/h3>\n          <p class=\"bb-body\">Social media platforms are highly visual, and businesses need eye-catching graphics to capture audience interest. Professional social media design helps brands communicate messages quickly while maintaining a consistent and attractive visual identity.\n          <\/p>\n          <p class=\"bb-body\">Our social media graphics focus on:\u2022 Strong visual storytelling\n\u2022 Consistent brand identity\n\u2022 Engaging color combinations\n\u2022 Creative layouts and typography\n\u2022 Clear call-to-action elements<\/p>\n          <p class=\"bb-closing\">These elements help increase engagement, improve brand recognition, and encourage users to interact with your content.<\/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\">Social Media Design for Digital Marketing Success<\/h3>\n          <p class=\"bb-body\">Social media is a powerful marketing channel for modern businesses. Creative and strategic social media graphics can significantly improve marketing results.<\/p>\n          <p class=\"bb-body\">Our social media designs help businesses:<\/p>\n          <p class=\"bb-body\"><\/p>\n          <ul class=\"bb-list\">\n            <li><span class=\"bb-dot\"><svg viewBox=\"0 0 24 24\"><polyline points=\"20 6 9 17 4 12\"\/><\/svg><\/span>Increase brand visibility<\/li>\n            <li><span class=\"bb-dot\"><svg viewBox=\"0 0 24 24\"><polyline points=\"20 6 9 17 4 12\"\/><\/svg><\/span>Improve customer engagement<\/li>\n            <li><span class=\"bb-dot\"><svg viewBox=\"0 0 24 24\"><polyline points=\"20 6 9 17 4 12\"\/><\/svg><\/span>Support digital marketing campaigns<\/li>\n            <li><span class=\"bb-dot\"><svg viewBox=\"0 0 24 24\"><polyline points=\"20 6 9 17 4 12\"\/><\/svg><\/span>Strengthen brand communication<\/li>\n            \n          <\/ul>\n          <p class=\"bb-closing\">By combining creative design with marketing strategy, we help businesses achieve better results from their social media marketing efforts.<\/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 Social Media Design Process<\/h2>\n        <\/div>\n        <div class=\"proc-head-right\">\n          <p class=\"proc-desc\">To ensure high-quality results, we follow a professional design workflow.<\/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 Analysis<\/h4>\n          <p class=\"c-text\">We analyze your brand identity, target audience, and marketing objectives.<\/p>\n        <\/div>\n\n        <!-- 02 -->\n        <div class=\"p-card\" data-step=\"1\">\n          <div class=\"c-num\">Step 02<\/div>\n          <div class=\"c-icon\">\n            <svg viewBox=\"0 0 24 24\"><path d=\"M12 20V10\"\/><path d=\"M18 20V4\"\/><path d=\"M6 20v-6\"\/><\/svg>\n          <\/div>\n          <h4 class=\"c-title\">Content Planning<\/h4>\n          <p class=\"c-text\">Our team plans creative visual concepts that align with your social media strategy.<\/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\">Graphic Design Creation<\/h4>\n          <p class=\"c-text\">Using professional design tools, we create visually engaging social media graphics.<\/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\">Review and Feedback<\/h4>\n          <p class=\"c-text\">Design drafts are shared with you for feedback and revisions.<\/p>\n        <\/div>\n\n        <!-- 05 -->\n        <div class=\"p-card\" data-step=\"4\">\n          <div class=\"c-num\">Step 05<\/div>\n          <div class=\"c-icon\">\n            <svg viewBox=\"0 0 24 24\"><path d=\"M5 12h14\"\/><path d=\"M12 5l7 7-7 7\"\/><\/svg>\n          <\/div>\n          <h4 class=\"c-title\">Final Design Delivery<\/h4>\n          <p class=\"c-text\">Final designs are delivered in formats optimized for social media platforms and digital marketing use.<\/p>\n        <\/div>\n\n        <!-- 06 -->\n        <div class=\"p-card\" data-step=\"5\">\n          <div class=\"c-num\">Step 06<\/div>\n          <div class=\"c-icon\">\n            <svg viewBox=\"0 0 24 24\"><path d=\"M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10z\"\/><\/svg>\n          <\/div>\n          <h4 class=\"c-title\">Optional Brand Guidelines<\/h4>\n          <p class=\"c-text\">Maintain consistency with clear standards.<\/p>\n        <\/div>\n\n      <\/div><!-- \/grid -->\n    <\/div>\n  <\/section>\n<\/div>\n\n<!-- MODAL -->\n<div class=\"proc-modal-overlay\" id=\"procModalOverlay\">\n  <div class=\"proc-modal\">\n    <button class=\"proc-modal-close\" id=\"procModalClose\">\n      <svg viewBox=\"0 0 24 24\"><line x1=\"18\" y1=\"6\" x2=\"6\" y2=\"18\"\/><line x1=\"6\" y1=\"6\" x2=\"18\" y2=\"18\"\/><\/svg>\n    <\/button>\n    <div class=\"proc-modal-stripe\"><\/div>\n    <div class=\"proc-modal-body\">\n      <div class=\"proc-modal-eyebrow\">\n        <span class=\"proc-modal-badge\" id=\"procMBadge\">Step 01<\/span>\n        <span class=\"proc-modal-phase\" id=\"procMPhase\">Discover<\/span>\n      <\/div>\n      <div class=\"proc-modal-icon-row\">\n        <div class=\"proc-modal-icon\" id=\"procMIcon\"><\/div>\n        <h3 class=\"proc-modal-title\" id=\"procMTitle\"><\/h3>\n      <\/div>\n      <div class=\"proc-modal-divider\"><\/div>\n      <p class=\"proc-modal-text\" id=\"procMText\"><\/p>\n      <div class=\"proc-modal-dl\">\n        <div class=\"proc-dl-label\">Key Deliverables<\/div>\n        <div class=\"proc-dl-list\" id=\"procMDeliverables\"><\/div>\n      <\/div>\n      <div class=\"proc-modal-footer\">\n        <div class=\"proc-modal-nav\">\n          <button class=\"proc-nav-btn\" id=\"procPrevBtn\">\n            <svg viewBox=\"0 0 24 24\"><path d=\"M15 18l-6-6 6-6\"\/><\/svg>\n          <\/button>\n          <button class=\"proc-nav-btn\" id=\"procNextBtn\">\n            <svg viewBox=\"0 0 24 24\"><path d=\"M9 18l6-6-6-6\"\/><\/svg>\n          <\/button>\n        <\/div>\n        <a class=\"proc-modal-cta\" href=\"#\">\n          Start Project <svg viewBox=\"0 0 24 24\"><path d=\"M5 12h14M12 5l7 7-7 7\"\/><\/svg>\n        <\/a>\n      <\/div>\n    <\/div>\n  <\/div>\n<\/div>\n\n<script>\n(function(){\n  var steps = [\n    {\n      badge:\"Step 01\", phase:\"Discover\", title:\"Discovery & Research\",\n      icon:'<svg viewBox=\"0 0 24 24\" width=\"28\" height=\"28\" stroke=\"#e01a23\" fill=\"none\" stroke-width=\"1.6\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><circle cx=\"11\" cy=\"11\" r=\"8\"\/><path d=\"m21 21-4.35-4.35\"\/><\/svg>',\n      text:\"We begin by understanding your business, goals, audience, and competitive landscape. Through in-depth research and strategic conversations, we uncover insights that shape a strong foundation for your brand's success.\",\n      deliverables:[\"Brand Audit\",\"Market Research\",\"Audience Insights\",\"Competitor Analysis\",\"Business Objectives\"]\n    },\n    {\n      badge:\"Step 02\", phase:\"Strategy\", title:\"Brand Strategy Development\",\n      icon:'<svg viewBox=\"0 0 24 24\" width=\"28\" height=\"28\" stroke=\"#e01a23\" fill=\"none\" stroke-width=\"1.6\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M12 20V10\"\/><path d=\"M18 20V4\"\/><path d=\"M6 20v-6\"\/><\/svg>',\n      text:\"We define your brand's mission, vision, positioning, and messaging framework. This strategic blueprint ensures clarity, differentiation, and long-term consistency across every touchpoint.\",\n      deliverables:[\"Mission & Vision\",\"Brand Positioning\",\"Messaging Framework\",\"Value Proposition\",\"Brand Guidelines\"]\n    },\n    {\n      badge:\"Step 03\", phase:\"Create\", title:\"Creative Concepting\",\n      icon:'<svg viewBox=\"0 0 24 24\" width=\"28\" height=\"28\" stroke=\"#e01a23\" fill=\"none\" stroke-width=\"1.6\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><circle cx=\"12\" cy=\"12\" r=\"4\"\/><path d=\"M12 3v3M12 18v3M3 12h3M18 12h3\"\/><\/svg>',\n      text:\"Our designers translate strategy into compelling visual concepts. From logo exploration to typography and colour systems, we craft distinctive brand identities that resonate with your audience.\",\n      deliverables:[\"Logo Concepts\",\"Visual Identity\",\"Typography System\",\"Colour Palette\",\"Brand Mockups\"]\n    },\n    {\n      badge:\"Step 04\", phase:\"Refine\", title:\"Refinement & Collaboration\",\n      icon:'<svg viewBox=\"0 0 24 24\" width=\"28\" height=\"28\" stroke=\"#e01a23\" fill=\"none\" stroke-width=\"1.6\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M20 6L9 17l-5-5\"\/><\/svg>',\n      text:\"We collaborate closely with you to refine the chosen creative direction. Through structured feedback and iteration, we ensure every detail aligns perfectly with your brand vision.\",\n      deliverables:[\"Revisions & Feedback\",\"Final Design System\",\"Brand Documentation\",\"Approval Sign-Off\"]\n    },\n    {\n      badge:\"Step 05\", phase:\"Launch\", title:\"Brand Launch\",\n      icon:'<svg viewBox=\"0 0 24 24\" width=\"28\" height=\"28\" stroke=\"#e01a23\" fill=\"none\" stroke-width=\"1.6\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M5 12h14\"\/><path d=\"M12 5l7 7-7 7\"\/><\/svg>',\n      text:\"We deliver finalized brand assets ready for both digital and print applications. From launch kits to implementation guidance, we ensure your brand makes a powerful and cohesive debut.\",\n      deliverables:[\"Final Logo Files\",\"Brand Kit\",\"Print-Ready Assets\",\"Digital Assets\",\"Launch Support\"]\n    },\n    {\n      badge:\"Step 06\", phase:\"Support\", title:\"Ongoing Support\",\n      icon:'<svg viewBox=\"0 0 24 24\" width=\"28\" height=\"28\" stroke=\"#e01a23\" fill=\"none\" stroke-width=\"1.6\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10z\"\/><\/svg>',\n      text:\"As your business evolves, we help maintain and strengthen your brand. Whether expanding your visual system, creating new campaigns, or refreshing assets, we remain your long-term creative partner.\",\n      deliverables:[\"Brand Extensions\",\"Campaign Support\",\"Asset Updates\",\"Consultation\",\"Ongoing Advisory\"]\n    }\n  ];\n\n  var current = 0;\n  var overlay = document.getElementById('procModalOverlay');\n\n  function openModal(idx) {\n    current = idx;\n    render();\n    overlay.classList.add('proc-open');\n    document.body.style.overflow = 'hidden';\n  }\n  function closeModal() {\n    overlay.classList.remove('proc-open');\n    document.body.style.overflow = '';\n  }\n  function render() {\n    var s = steps[current];\n    document.getElementById('procMBadge').textContent  = s.badge;\n    document.getElementById('procMPhase').textContent  = s.phase;\n    document.getElementById('procMTitle').textContent  = s.title;\n    document.getElementById('procMIcon').innerHTML     = s.icon;\n    document.getElementById('procMText').textContent   = s.text;\n    document.getElementById('procMDeliverables').innerHTML =\n      s.deliverables.map(function(d){ return '<span class=\"proc-d-tag\">'+d+'<\/span>'; }).join('');\n  }\n\n  document.querySelectorAll('#procGrid .p-card[data-step]').forEach(function(card){\n    card.addEventListener('click', function(){ openModal(+card.dataset.step); });\n  });\n  document.getElementById('procModalClose').addEventListener('click', closeModal);\n  overlay.addEventListener('click', function(e){ if(e.target===overlay) closeModal(); });\n  document.getElementById('procPrevBtn').addEventListener('click', function(){\n    current = (current - 1 + steps.length) % steps.length; render();\n  });\n  document.getElementById('procNextBtn').addEventListener('click', function(){\n    current = (current + 1) % steps.length; render();\n  });\n  document.addEventListener('keydown', function(e){\n    if(!overlay.classList.contains('proc-open')) return;\n    if(e.key==='Escape') closeModal();\n    if(e.key==='ArrowLeft'){ current=(current-1+steps.length)%steps.length; render(); }\n    if(e.key==='ArrowRight'){ current=(current+1)%steps.length; render(); }\n  });\n\n  \/\/ Scroll reveal\n  var obs = new IntersectionObserver(function(entries){\n    entries.forEach(function(e){\n      if(e.isIntersecting){ e.target.classList.add('proc-revealed'); obs.unobserve(e.target); }\n    });\n  }, { threshold: 0.12 });\n  document.querySelectorAll('#procGrid .p-card').forEach(function(c){ obs.observe(c); });\n})();\n<\/script>\n<!-- End ZroPixel Process Block -->\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-0eacc9e e-con-full e-flex e-con e-parent\" data-id=\"0eacc9e\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-d3e08f0 elementor-widget elementor-widget-html\" data-id=\"d3e08f0\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t\n\n<style>\n.bi-wrap {\n  --red:      #E01A23;\n  --red-soft: rgba(224,26,35,0.12);\n  --white:    #ffffff;\n  --dark:     #ffffff;\n  --muted:    rgba(255,255,255,0.55);\n  --border:   rgba(255,255,255,0.08);\n  --bg:       #111111;\n  --ease:     cubic-bezier(0.4,0,0.2,1);\n  box-sizing: border-box;\n}\n.bi-wrap *, .bi-wrap *::before, .bi-wrap *::after {\n  box-sizing: inherit; margin: 0; padding: 0;\n}\n\n\/* \u2500\u2500 Section \u2500\u2500 *\/\n.bi-section {\n  padding: 100px 0 120px;\n  background: linear-gradient(135deg, #0a0a0a 0%, #1a0304 55%, #2a0406 100%);\n  position: relative;\n  overflow: hidden;\n}\n\/* grid texture *\/\n.bi-section::before {\n  content: '';\n  position: absolute; inset: 0;\n  background-image:\n    linear-gradient(rgba(255,255,255,0.03) 1px, transparent 1px),\n    linear-gradient(90deg, rgba(255,255,255,0.03) 1px, transparent 1px);\n  background-size: 40px 40px;\n  pointer-events: none; z-index: 0;\n}\n\/* red glow *\/\n.bi-section::after {\n  content: '';\n  position: absolute; top: -120px; right: -120px;\n  width: 500px; height: 500px;\n  background: radial-gradient(circle, rgba(224,26,35,0.14) 0%, transparent 70%);\n  pointer-events: none; z-index: 0;\n}\n\n.bi-container {\n  max-width: 1280px;\n  margin: 0 auto;\n  padding: 0 48px;\n  position: relative; z-index: 1;\n}\n\n\/* \u2500\u2500 Section header \u2500\u2500 *\/\n.bi-section-head {\n  text-align: center;\n  margin-bottom: 72px;\n  opacity: 0;\n  animation: biFadeUp 0.6s var(--ease) 0.1s forwards;\n}\n.bi-section-label {\n  display: inline-flex; align-items: center; gap: 10px;\n  font-size: 11px; font-weight: 500; letter-spacing: 0.2em;\n  text-transform: uppercase; color: var(--red);\n  margin-bottom: 18px;\n}\n.bi-section-label::before,\n.bi-section-label::after {\n  content: ''; display: block;\n  width: 24px; height: 1px;\n  background: var(--red); flex-shrink: 0;\n}\n.bi-section-title {\n  font-size: clamp(34px, 3.8vw, 54px);\n  font-weight: 800; line-height: 1.0;\n  letter-spacing: -0.02em; color: var(--white);\n}\n.bi-section-title span { color: var(--red); }\n\n\/* \u2500\u2500 2\u00d72 Grid \u2500\u2500 *\/\n.bi-grid {\n  display: grid;\n  grid-template-columns: 1fr 1fr;\n  gap: 24px;\n}\n\n\/* \u2500\u2500 Card \u2500\u2500 *\/\n.bi-card {\n  background: rgba(255,255,255,0.04);\n  border: 1px solid var(--border);\n  padding: 44px 40px 48px;\n  position: relative; overflow: hidden;\n  transition: box-shadow 0.3s var(--ease), transform 0.3s var(--ease), border-color 0.3s, background 0.3s;\n  opacity: 0; transform: translateY(20px);\n  animation: biFadeUp 0.6s var(--ease) forwards;\n}\n.bi-card:nth-child(1) { animation-delay: 0.12s; }\n.bi-card:nth-child(2) { animation-delay: 0.20s; }\n.bi-card:nth-child(3) { animation-delay: 0.28s; }\n.bi-card:nth-child(4) { animation-delay: 0.36s; }\n\n.bi-card:hover {\n  box-shadow: 0 8px 40px rgba(224,26,35,0.15);\n  transform: translateY(-4px);\n  border-color: rgba(224,26,35,0.35);\n  background: rgba(255,255,255,0.07);\n}\n\n\/* Red top accent bar *\/\n.bi-card::before {\n  content: '';\n  position: absolute; top: 0; left: 0;\n  width: 0; height: 3px;\n  background: var(--red);\n  transition: width 0.4s var(--ease);\n}\n.bi-card:hover::before { width: 100%; }\n\n\/* Corner triangle *\/\n.bi-card::after {\n  content: '';\n  position: absolute; top: 0; right: 0;\n  width: 0; height: 0; border-style: solid;\n  border-width: 0 48px 48px 0;\n  border-color: transparent rgba(255,255,255,0.04) transparent transparent;\n  transition: border-color 0.3s;\n}\n.bi-card:hover::after {\n  border-color: transparent rgba(224,26,35,0.18) transparent transparent;\n}\n\n\/* Card number *\/\n.bi-card-num {\n  font-size: 10px; font-weight: 700;\n  letter-spacing: 0.18em; color: var(--red);\n  margin-bottom: 20px; opacity: 0.75;\n}\n\n\/* Heading *\/\n.bi-card-heading {\n  font-size: 22px; font-weight: 800;\n  line-height: 1.15; letter-spacing: -0.02em;\n  color: var(--white); margin-bottom: 8px;\n  transition: color 0.2s;\n}\n.bi-card:hover .bi-card-heading { color: var(--red); }\n\n\/* Sub heading *\/\n.bi-card-sub {\n  font-size: 13px; font-weight: 600;\n  color: var(--red); letter-spacing: 0.04em;\n  margin-bottom: 22px;\n  padding-bottom: 18px;\n  border-bottom: 1px solid var(--border);\n}\n\n\/* Body text *\/\n.bi-card-body {\n  font-size: 13.5px; line-height: 1.78; color: var(--muted);\n}\n.bi-card-body p { margin-bottom: 12px; }\n.bi-card-body p:last-child { margin-bottom: 0; }\n\n\/* Check list (\u2714 items) *\/\n.bi-checklist {\n  list-style: none;\n  display: flex; flex-direction: column; gap: 11px;\n  margin-bottom: 0;\n}\n.bi-checklist li {\n  display: flex; align-items: flex-start; gap: 10px;\n  font-size: 13.5px; line-height: 1.6; color: var(--muted);\n}\n.bi-checklist li .bi-check {\n  display: inline-flex; align-items: center; justify-content: center;\n  width: 18px; height: 18px;\n  background: var(--red-soft);\n  border: 1px solid rgba(224,26,35,0.18);\n  flex-shrink: 0; margin-top: 1px;\n}\n.bi-checklist li .bi-check svg {\n  width: 10px; height: 10px;\n  stroke: var(--red); fill: none;\n  stroke-width: 2.5; stroke-linecap: round; stroke-linejoin: round;\n}\n.bi-check-label { font-weight: 600; color: var(--white); }\n.bi-check-desc { font-weight: 400; color: var(--muted); }\n\n\/* Bullet list (- items) *\/\n.bi-bulletlist {\n  list-style: none;\n  display: flex; flex-direction: column; gap: 9px;\n  margin: 12px 0;\n}\n.bi-bulletlist li {\n  display: flex; align-items: flex-start; gap: 10px;\n  font-size: 13.5px; line-height: 1.6; color: var(--muted);\n}\n.bi-bulletlist li::before {\n  content: '';\n  display: block; width: 5px; height: 5px;\n  border-radius: 0; background: var(--red);\n  margin-top: 7px; flex-shrink: 0;\n}\n\n\/* Comparison block (card 4) *\/\n.bi-compare {\n  display: grid;\n  grid-template-columns: 1fr 1px 1fr;\n  gap: 20px;\n  margin-top: 20px;\n}\n.bi-compare-divider {\n  background: var(--border); width: 1px;\n}.bi-compare-col-label {\n  font-size: 10px; font-weight: 700; letter-spacing: 0.14em;\n  text-transform: uppercase; color: var(--red);\n  margin-bottom: 10px;\n}\n.bi-compare-col p {\n  font-size: 13px; line-height: 1.7; color: var(--muted);\n}\n\n@keyframes biFadeUp {\n  to { opacity: 1; transform: translateY(0); }\n}\n\n\/* Responsive *\/\n@media (max-width: 900px) {\n  .bi-grid { grid-template-columns: 1fr; }\n  .bi-container { padding: 0 32px; }\n}\n@media (max-width: 560px) {\n  .bi-section { padding: 70px 0 80px; }\n  .bi-container { padding: 0 20px; }\n  .bi-card { padding: 32px 24px 36px; }\n  .bi-compare { grid-template-columns: 1fr; }\n  .bi-compare-divider { display: none; }\n}\n<\/style>\n\n<div class=\"bi-wrap\">\n  <section class=\"bi-section\">\n    <div class=\"bi-container\">\n\n      <!-- Section Header -->\n      <div class=\"bi-section-head\">\n        <div class=\"bi-section-label\">Social Media  Design Insights<\/div>\n        <h2 class=\"bi-section-title\">Professional <span>Social Media Post<\/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 Social Media Post Design<\/h3>\n          <p class=\"bi-card-sub\">Professional social media graphics provide several advantages for businesses.<\/p>\n          <ul class=\"bi-checklist\">\n            <li>\n              <span class=\"bi-check\"><svg viewBox=\"0 0 24 24\"><polyline points=\"20 6 9 17 4 12\"\/><\/svg><\/span>\n              <span><span class=\"bi-check-label\">Higher Social Media Engagement<\/span><span class=\"bi-check-desc\">Creative visuals increase likes, shares, and comments from your audience.<\/span><\/span>\n            <\/li>\n            <li>\n              <span class=\"bi-check\"><svg viewBox=\"0 0 24 24\"><polyline points=\"20 6 9 17 4 12\"\/><\/svg><\/span>\n              <span><span class=\"bi-check-label\">Stronger Brand Recognition<\/span><span class=\"bi-check-desc\">Consistent social media designs help customers easily recognize your brand.<\/span><\/span>\n            <\/li>\n            <li>\n              <span class=\"bi-check\"><svg viewBox=\"0 0 24 24\"><polyline points=\"20 6 9 17 4 12\"\/><\/svg><\/span>\n              <span><span class=\"bi-check-label\">Better Marketing Communication<\/span><span class=\"bi-check-desc\">Graphics make it easier to communicate promotional messages and brand stories.<\/span><\/span>\n            <\/li>\n            <li>\n              <span class=\"bi-check\"><svg viewBox=\"0 0 24 24\"><polyline points=\"20 6 9 17 4 12\"\/><\/svg><\/span>\n              <span><span class=\"bi-check-label\">Improved Online Presence<\/span><span class=\"bi-check-desc\">High-quality designs help businesses maintain a professional and attractive social media profile.<\/span><\/span>\n            <\/li>\n           \n        <li>\n              <span class=\"bi-check\"><svg viewBox=\"0 0 24 24\"><polyline points=\"20 6 9 17 4 12\"\/><\/svg><\/span>\n              <span><span class=\"bi-check-label\">Competitive Advantage<\/span><span class=\"bi-check-desc\">Differentiate your business in the crowded UAE marketplace.<\/span><\/span>\n            <\/li>\n          <\/ul>\n        <\/div>\n\n        <!-- \u2500\u2500 CARD 2: Who Needs \u2500\u2500 -->\n        <div class=\"bi-card\">\n          <div class=\"bi-card-num\"><\/div>\n          <h3 class=\"bi-card-heading\">Social Media Graphics for Different Industries<\/h3>\n          <p class=\"bi-card-sub\">Our social media design services support businesses from various industries including:<\/p>\n\n          <ul class=\"bi-bulletlist\">\n            <li>Retail and e-commerce businesses<\/li>\n            <li>Corporate organizations<\/li>\n            <li>Restaurants and hospitality brands<\/li>\n            <li>Healthcare providers<\/li>\n            <li>Educational institutions<\/li>\n            <li>Real estate companies<\/li>\n            <li>Event management companies<\/li>\n             <li>Startups and entrepreneurs<\/li>\n          <\/ul>\n          <div class=\"bi-card-body\" style=\"margin-top:18px;\">\n            <p>No matter the industry, professional social media graphics help businesses improve digital marketing performance.<\/p>\n          <\/div>\n        <\/div>\n\n        <!-- \u2500\u2500 CARD 3: Why Choose Us \u2500\u2500 \n        <div class=\"bi-card\">\n          <h3 class=\"bi-card-heading\">What Makes a Great Logo?<\/h3>\n          <p class=\"bi-card-sub\">The Elements of an Effective Logo<br>\n          A successful logo is more than attractive \u2014 it is purposeful.<br>The best logos are:<\/p>\n          <ul class=\"bi-bulletlist\">\n            <li>\n              <span class=\"bi-check\"><svg viewBox=\"0 0 24 24\"><polyline points=\"20 6 9 17 4 12\"\/><\/svg><\/span>\n              <span>Simple and easily recognizable\n             <\/span>\n            <\/li>\n            <li>\n              <span class=\"bi-check\"><svg viewBox=\"0 0 24 24\"><polyline points=\"20 6 9 17 4 12\"\/><\/svg><\/span>\n              <span>Relevant to the brand<\/span>\n            <\/li>\n            <li>\n              <span class=\"bi-check\"><svg viewBox=\"0 0 24 24\"><polyline points=\"20 6 9 17 4 12\"\/><\/svg><\/span>\n              <span>Memorable<\/span>\n            <\/li>\n            <li>\n              <span class=\"bi-check\"><svg viewBox=\"0 0 24 24\"><polyline points=\"20 6 9 17 4 12\"\/><\/svg><\/span>\n              <span>Scalable across mediums<\/span>\n            <\/li>\n            <li>\n              <span class=\"bi-check\"><svg viewBox=\"0 0 24 24\"><polyline points=\"20 6 9 17 4 12\"\/><\/svg><\/span>\n              <span>Timeless in design<\/span>\n            <\/li>\n            <li>\n              <span class=\"bi-check\"><svg viewBox=\"0 0 24 24\"><polyline points=\"20 6 9 17 4 12\"\/><\/svg><\/span>\n              <span>Adaptable to future growth<\/span>\n            <\/li>\n          <\/ul>\n        <\/div>\n\n        <!-- \u2500\u2500 CARD 4: Branding vs Logo \u2500\u2500 \n        <div class=\"bi-card\">\n\n          <h3 class=\"bi-card-heading\">Industries We Serve<\/h3>\n          <p class=\"bi-card-sub\">We design logos for businesses across the UAE, including:<\/p>\n          <div class=\"bi-card-body\">\n            <ul class=\"bi-bulletlist\">\n            <li>Technology & Cybersecurity<\/li>\n            <li>Finance & Consulting<\/li>\n            <li>Retail & eCommerce<\/li>\n            <li>Real Estate<\/li>\n            <li>Hospitality<\/li>\n            <li>Healthcare<\/li>\n            <li>Education<\/li>\n            <li>Corporate Enterprises<\/li>\n            <\/ul>\n          <\/div>\n          <div class=\"bi-card-body\" style=\"margin-top:18px;\">\n            <p>\nOur adaptable design approach ensures your logo aligns perfectly with your industry expectations.<\/p>\n          <\/div>\n        <\/div>\n\n      <\/div><!-- \/grid -->\n    <\/div>\n  <\/section>\n<\/div>\n<!-- End ZroPixel Branding Info Block -->\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-7d1c999 e-flex e-con-boxed e-con e-parent\" data-id=\"7d1c999\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-0bce9e0 elementor-widget elementor-widget-html\" data-id=\"0bce9e0\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\n.zp-cta-wrapper {\n  background: #ffffff;\n  padding: 20px 20px;\n}\n\n.zp-cta-box {\n  max-width: 1100px;\n  margin: auto;\n  background: linear-gradient(\n    90deg,\n    #ffffff 0%,\n    #ffffff 35%,\n    #e11d2e 80%,\n    #000000 100%\n  );\n  border-radius: 20px;\n  padding: 60px 50px;\n  box-shadow: 0 20px 50px rgba(0, 0, 0, 0.12);\n}\n\n.zp-cta-content h2 {\n  font-size: 34px;\n  font-weight: 700;\n  margin-bottom: 18px;\n  color: #111;\n}\n\n.zp-cta-content p {\n  font-size: 18px;\n  line-height: 1.6;\n  margin-bottom: 30px;\n  color: #333;\n}\n\n.zp-cta-btn {\n  display: inline-flex;\n  align-items: center;\n  gap: 8px;\n  background: #e11d2e;\n  color: #ffffff;\n  padding: 14px 28px;\n  border-radius: 40px;\n  font-weight: 600;\n  text-decoration: none;\n  transition: all 0.3s ease;\n  cursor: pointer;\n}\n\n.zp-cta-btn:hover {\n  background: #000000;\n  transform: translateX(4px);\n}\n\n\/* POPUP STYLES *\/\n.zp-popup-overlay {\n  position: fixed;\n  top: 0;\n  left: 0;\n  width: 100%;\n  height: 100%;\n  background: rgba(0,0,0,0.6);\n  display: none;\n  justify-content: center;\n  align-items: center;\n  z-index: 9999;\n}\n\n.zp-popup-content {\n  background: #fff;\n  padding: 40px;\n  border-radius: 12px;\n  width: 90%;\n  max-width: 500px;\n  position: relative;\n  animation: fadeIn 0.3s ease-in-out;\n}\n\n.zp-popup-close {\n  position: absolute;\n  top: 10px;\n  right: 15px;\n  font-size: 22px;\n  cursor: pointer;\n}\n\n@keyframes fadeIn {\n  from {opacity: 0; transform: scale(0.95);}\n  to {opacity: 1; transform: scale(1);}\n}\n\n@media (max-width: 768px) {\n  .zp-cta-box {\n    padding: 40px 25px;\n  }\n}\n<\/style>\n\n<section class=\"zp-cta-wrapper\">\n  <div class=\"zp-cta-box\">\n    <div class=\"zp-cta-content\">\n      <h2>Ready to Elevate Your Social Media Presence?<\/h2>\n      <p>\n        Creative visuals can transform how your audience interacts with your brand online. Let our design experts create social media graphics that attract attention and drive engagement.\n\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\/4245#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-69ea22cd915c0\" class=\"cf7sr-g-recaptcha\" data-theme=\"light\" data-type=\"image\" data-size=\"normal\" data-sitekey=\"6LcHt4IsAAAAAB38Rqmslx_m7LHSEsNIUBGoscqK\"><\/div><span class=\"wpcf7-form-control-wrap cf7sr-recaptcha\" data-name=\"cf7sr-recaptcha\"><input type=\"hidden\" name=\"cf7sr-recaptcha\" value=\"\" class=\"wpcf7-form-control\"><\/span>\n\n    <button type=\"submit\" class=\"as-pr-btn-3\">\n        <span class=\"text\" data-back=\"SUBMIT NOW\" data-front=\"SUBMIT NOW\"><\/span>\n        <span class=\"icon\">\n            <i class=\"fa-solid fa-arrow-right\"><\/i>\n            <i class=\"fa-solid fa-arrow-right\"><\/i>\n        <\/span>\n    <\/button>\n<\/div><div class=\"wpcf7-response-output\" aria-hidden=\"true\"><\/div>\n<\/form>\n<\/div>\n\n\n  <\/div>\n<\/div>\n\n<script>\nfunction openZpPopup() {\n  document.getElementById(\"zpPopup\").style.display = \"flex\";\n}\n\nfunction closeZpPopup() {\n  document.getElementById(\"zpPopup\").style.display = \"none\";\n}\n\nwindow.onclick = function(event) {\n  var popup = document.getElementById(\"zpPopup\");\n  if (event.target === popup) {\n    popup.style.display = \"none\";\n  }\n}\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-416d264 e-con-full e-flex e-con e-parent\" data-id=\"416d264\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t<div class=\"elementor-element elementor-element-0e530f0 e-con-full e-flex e-con e-child\" data-id=\"0e530f0\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t<div class=\"elementor-element elementor-element-e79e41b e-con-full e-flex e-con e-child\" data-id=\"e79e41b\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-fa3b2a4 elementor-widget elementor-widget-html\" data-id=\"fa3b2a4\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t\n\n<style>\n.bi-wrap {\n  --red:      #E01A23;\n  --red-soft: rgba(224,26,35,0.12);\n  --white:    #ffffff;\n  --dark:     #ffffff;\n  --muted:    rgba(255,255,255,0.55);\n  --border:   rgba(255,255,255,0.08);\n  --bg:       #111111;\n  --ease:     cubic-bezier(0.4,0,0.2,1);\n  box-sizing: border-box;\n}\n.bi-wrap *, .bi-wrap *::before, .bi-wrap *::after {\n  box-sizing: inherit; margin: 0; padding: 0;\n}\n\n\/* \u2500\u2500 Section \u2500\u2500 *\/\n.bi-section {\n  padding: 100px 0 120px;\n  background: linear-gradient(135deg, #0a0a0a 0%, #1a0304 55%, #2a0406 100%);\n  position: relative;\n  overflow: hidden;\n}\n\/* grid texture *\/\n.bi-section::before {\n  content: '';\n  position: absolute; inset: 0;\n  background-image:\n    linear-gradient(rgba(255,255,255,0.03) 1px, transparent 1px),\n    linear-gradient(90deg, rgba(255,255,255,0.03) 1px, transparent 1px);\n  background-size: 40px 40px;\n  pointer-events: none; z-index: 0;\n}\n\/* red glow *\/\n.bi-section::after {\n  content: '';\n  position: absolute; top: -120px; right: -120px;\n  width: 500px; height: 500px;\n  background: radial-gradient(circle, rgba(224,26,35,0.14) 0%, transparent 70%);\n  pointer-events: none; z-index: 0;\n}\n\n.bi-container {\n  max-width: 1280px;\n  margin: 0 auto;\n  padding: 0 48px;\n  position: relative; z-index: 1;\n}\n\n\/* \u2500\u2500 Section header \u2500\u2500 *\/\n.bi-section-head {\n  text-align: center;\n  margin-bottom: 72px;\n  opacity: 0;\n  animation: biFadeUp 0.6s var(--ease) 0.1s forwards;\n}\n.bi-section-label {\n  display: inline-flex; align-items: center; gap: 10px;\n  font-size: 11px; font-weight: 500; letter-spacing: 0.2em;\n  text-transform: uppercase; color: var(--red);\n  margin-bottom: 18px;\n}\n.bi-section-label::before,\n.bi-section-label::after {\n  content: ''; display: block;\n  width: 24px; height: 1px;\n  background: var(--red); flex-shrink: 0;\n}\n.bi-section-title {\n  font-size: clamp(34px, 3.8vw, 54px);\n  font-weight: 800; line-height: 1.0;\n  letter-spacing: -0.02em; color: var(--white);\n}\n.bi-section-title span { color: var(--red); }\n\n\/* \u2500\u2500 2\u00d72 Grid \u2500\u2500 *\/\n.bi-grid {\n  display: grid;\n  grid-template-columns: 1fr 1fr;\n  gap: 24px;\n}\n\n\/* \u2500\u2500 Card \u2500\u2500 *\/\n.bi-card {\n  background: rgba(255,255,255,0.04);\n  border: 1px solid var(--border);\n  padding: 44px 40px 48px;\n  position: relative; overflow: hidden;\n  transition: box-shadow 0.3s var(--ease), transform 0.3s var(--ease), border-color 0.3s, background 0.3s;\n  opacity: 0; transform: translateY(20px);\n  animation: biFadeUp 0.6s var(--ease) forwards;\n}\n.bi-card:nth-child(1) { animation-delay: 0.12s; }\n.bi-card:nth-child(2) { animation-delay: 0.20s; }\n.bi-card:nth-child(3) { animation-delay: 0.28s; }\n.bi-card:nth-child(4) { animation-delay: 0.36s; }\n\n.bi-card:hover {\n  box-shadow: 0 8px 40px rgba(224,26,35,0.15);\n  transform: translateY(-4px);\n  border-color: rgba(224,26,35,0.35);\n  background: rgba(255,255,255,0.07);\n}\n\n\/* Red top accent bar *\/\n.bi-card::before {\n  content: '';\n  position: absolute; top: 0; left: 0;\n  width: 0; height: 3px;\n  background: var(--red);\n  transition: width 0.4s var(--ease);\n}\n.bi-card:hover::before { width: 100%; }\n\n\/* Corner triangle *\/\n.bi-card::after {\n  content: '';\n  position: absolute; top: 0; right: 0;\n  width: 0; height: 0; border-style: solid;\n  border-width: 0 48px 48px 0;\n  border-color: transparent rgba(255,255,255,0.04) transparent transparent;\n  transition: border-color 0.3s;\n}\n.bi-card:hover::after {\n  border-color: transparent rgba(224,26,35,0.18) transparent transparent;\n}\n\n\/* Card number *\/\n.bi-card-num {\n  font-size: 10px; font-weight: 700;\n  letter-spacing: 0.18em; color: var(--red);\n  margin-bottom: 20px; opacity: 0.75;\n}\n\n\/* Heading *\/\n.bi-card-heading {\n  font-size: 22px; font-weight: 800;\n  line-height: 1.15; letter-spacing: -0.02em;\n  color: var(--white); margin-bottom: 8px;\n  transition: color 0.2s;\n}\n.bi-card:hover .bi-card-heading { color: var(--red); }\n\n\/* Sub heading *\/\n.bi-card-sub {\n  font-size: 13px; font-weight: 600;\n  color: var(--red); letter-spacing: 0.04em;\n  margin-bottom: 22px;\n  padding-bottom: 18px;\n  border-bottom: 1px solid var(--border);\n}\n\n\/* Body text *\/\n.bi-card-body {\n  font-size: 13.5px; line-height: 1.78; color: var(--muted);\n}\n.bi-card-body p { margin-bottom: 12px; }\n.bi-card-body p:last-child { margin-bottom: 0; }\n\n\/* Check list (\u2714 items) *\/\n.bi-checklist {\n  list-style: none;\n  display: flex; flex-direction: column; gap: 11px;\n  margin-bottom: 0;\n}\n.bi-checklist li {\n  display: flex; align-items: flex-start; gap: 10px;\n  font-size: 13.5px; line-height: 1.6; color: var(--muted);\n}\n.bi-checklist li .bi-check {\n  display: inline-flex; align-items: center; justify-content: center;\n  width: 18px; height: 18px;\n  background: var(--red-soft);\n  border: 1px solid rgba(224,26,35,0.18);\n  flex-shrink: 0; margin-top: 1px;\n}\n.bi-checklist li .bi-check svg {\n  width: 10px; height: 10px;\n  stroke: var(--red); fill: none;\n  stroke-width: 2.5; stroke-linecap: round; stroke-linejoin: round;\n}\n.bi-check-label { font-weight: 600; color: var(--white); }\n.bi-check-desc { font-weight: 400; color: var(--muted); }\n\n\/* Bullet list (- items) *\/\n.bi-bulletlist {\n  list-style: none;\n  display: flex; flex-direction: column; gap: 9px;\n  margin: 12px 0;\n}\n.bi-bulletlist li {\n  display: flex; align-items: flex-start; gap: 10px;\n  font-size: 13.5px; line-height: 1.6; color: var(--muted);\n}\n.bi-bulletlist li::before {\n  content: '';\n  display: block; width: 5px; height: 5px;\n  border-radius: 0; background: var(--red);\n  margin-top: 7px; flex-shrink: 0;\n}\n\n\/* Comparison block (card 4) *\/\n.bi-compare {\n  display: grid;\n  grid-template-columns: 1fr 1px 1fr;\n  gap: 20px;\n  margin-top: 20px;\n}\n.bi-compare-divider {\n  background: var(--border); width: 1px;\n}.bi-compare-col-label {\n  font-size: 10px; font-weight: 700; letter-spacing: 0.14em;\n  text-transform: uppercase; color: var(--red);\n  margin-bottom: 10px;\n}\n.bi-compare-col p {\n  font-size: 13px; line-height: 1.7; color: var(--muted);\n}\n\n@keyframes biFadeUp {\n  to { opacity: 1; transform: translateY(0); }\n}\n\n\/* Responsive *\/\n@media (max-width: 900px) {\n  .bi-grid { grid-template-columns: 1fr; }\n  .bi-container { padding: 0 32px; }\n}\n@media (max-width: 560px) {\n  .bi-section { padding: 70px 0 80px; }\n  .bi-container { padding: 0 20px; }\n  .bi-card { padding: 32px 24px 36px; }\n  .bi-compare { grid-template-columns: 1fr; }\n  .bi-compare-divider { display: none; }\n}\n<\/style>\n\n<div class=\"bi-wrap\">\n  <section class=\"bi-section\">\n    <div class=\"bi-container\">\n\n      <!-- Section Header -->\n      <div class=\"bi-section-head\">\n        <h2 class=\"bi-section-title\">Why  <span>Choose<\/span> Us<\/h2>\n      <\/div>\n\n      <div class=\"bi-grid\">\n\n        <!-- \u2500\u2500 CARD 1: Benefits \u2500\u2500 -->\n        <div class=\"bi-card\">\n            <p style=\"margin-bottom:25px;color:#fff; font-size:14px;\">Your Trusted Creative Partner<\/p>\n          <ul class=\"bi-checklist\">\n            <li>\n              <span class=\"bi-check\"><svg viewBox=\"0 0 24 24\"><polyline points=\"20 6 9 17 4 12\"\/><\/svg><\/span>\n              <span><span class=\"bi-check-label\">Deep understanding of UAE business culture<\/span><\/span>\n            <\/li>\n            <li>\n              <span class=\"bi-check\"><svg viewBox=\"0 0 24 24\"><polyline points=\"20 6 9 17 4 12\"\/><\/svg><\/span>\n              <span><span class=\"bi-check-label\">Strategy-first design approach<\/span><\/span>\n            <\/li>\n            <li>\n              <span class=\"bi-check\"><svg viewBox=\"0 0 24 24\"><polyline points=\"20 6 9 17 4 12\"\/><\/svg><\/span>\n              <span><span class=\"bi-check-label\">Experienced creative team<\/span><\/span>\n            <\/li>\n            <li>\n              <span class=\"bi-check\"><svg viewBox=\"0 0 24 24\"><polyline points=\"20 6 9 17 4 12\"\/><\/svg><\/span>\n              <span><span class=\"bi-check-label\">Fully customized concepts<\/span><\/span>\n            <\/li>\n            <li>\n              <span class=\"bi-check\"><svg viewBox=\"0 0 24 24\"><polyline points=\"20 6 9 17 4 12\"\/><\/svg><\/span>\n              <span><span class=\"bi-check-label\">Transparent pricing<\/span><\/span>\n            <\/li>\n            <li>\n              <span class=\"bi-check\"><svg viewBox=\"0 0 24 24\"><polyline points=\"20 6 9 17 4 12\"\/><\/svg><\/span>\n              <span><span class=\"bi-check-label\">Fast turnaround times<\/span><\/span>\n            <\/li>\n            <li>\n              <span class=\"bi-check\"><svg viewBox=\"0 0 24 24\"><polyline points=\"20 6 9 17 4 12\"\/><\/svg><\/span>\n              <span><span class=\"bi-check-label\">Dedicated support<\/span><\/span>\n            <\/li>\n          <\/ul>\n          <p style=\"margin-top:25px;color:#fff; font-size:14px;\"> We design social media graphics that not only look attractive but also support real marketing results.<\/p>\n        <\/div>\n        <div class=\"bi-card\">\n            <img decoding=\"async\" src=\"https:\/\/zropixel.com\/zropixel_uat\/wp-content\/uploads\/2025\/10\/f1-img-1.webp\">\n        <\/div>        \n\n      <\/div><!-- \/grid -->\n      \n    <\/div>\n  <\/section>\n<\/div>\n<!-- End ZroPixel Branding Info Block -->\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-843472b e-flex e-con-boxed e-con e-parent\" data-id=\"843472b\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"elementor-element elementor-element-6d989d6 e-con-full e-flex e-con e-child\" data-id=\"6d989d6\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-a92b047 elementor-widget elementor-widget-tx_faq elh-el tx_faq\" data-id=\"a92b047\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;design_style&quot;:&quot;style_2&quot;}\" data-widget_type=\"tx_faq.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<section class=\"as-faqs-2-area pt-130 wa-p-relative wa-fix tx-section \">\r\n    <div class=\"container as-container-2\">\r\n        <!-- section-title -->\r\n        <div class=\"as-faqs-2-sec-title mb-50\">\r\n                        <h2 class=\"tx-title as-sec-title-2 wa_title_spilt_1\">FAQ<\/h2>        <\/div>\r\n\r\n        <div class=\"as-faqs-2-wrap\">\r\n\r\n            <!-- left-img -->\r\n            \r\n            <!-- faqs-accordion -->\r\n            <div class=\"as-faqs-2-accordion\">\r\n                <div class=\"as-accordion\" id=\"accordionExample_331\">\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-331-0\"\r\n                            aria-expanded=\"false\"\r\n                            aria-controls=\"collapse-331-0\">\r\n                            1. What are social media post 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-331-0\"\r\n                        class=\"accordion-collapse collapse \"\r\n                        aria-labelledby=\"heading-331-0\"\r\n                        data-bs-parent=\"#accordionExample_331\">\r\n                            <p class=\"as-p-2 item-disc\">\r\n                                Social media post design services involve creating visually engaging graphics for platforms like Instagram, Facebook, LinkedIn, and Twitter to help businesses promote products, share updates, and build brand awareness.                            <\/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-331-1\"\r\n                            aria-expanded=\"false\"\r\n                            aria-controls=\"collapse-331-1\">\r\n                            2. Why are professional social media graphics important?                            <span class=\"icon\">\r\n                                <i class=\"fa-solid fa-plus\"><\/i>\r\n                            <\/span>\r\n                        <\/button>\r\n                        <div id=\"collapse-331-1\"\r\n                        class=\"accordion-collapse collapse \"\r\n                        aria-labelledby=\"heading-331-1\"\r\n                        data-bs-parent=\"#accordionExample_331\">\r\n                            <p class=\"as-p-2 item-disc\">\r\n                                Professional social media graphics help businesses capture attention, increase engagement, and maintain a consistent brand identity across all social media platforms.                            <\/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-331-2\"\r\n                            aria-expanded=\"false\"\r\n                            aria-controls=\"collapse-331-2\">\r\n                            3. What types of social media designs do you create?                            <span class=\"icon\">\r\n                                <i class=\"fa-solid fa-plus\"><\/i>\r\n                            <\/span>\r\n                        <\/button>\r\n                        <div id=\"collapse-331-2\"\r\n                        class=\"accordion-collapse collapse \"\r\n                        aria-labelledby=\"heading-331-2\"\r\n                        data-bs-parent=\"#accordionExample_331\">\r\n                            <p class=\"as-p-2 item-disc\">\r\n                                We design a variety of social media graphics including promotional posts, product highlights, event announcements, marketing campaigns, educational posts, and brand awareness content.                            <\/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-331-3\"\r\n                            aria-expanded=\"false\"\r\n                            aria-controls=\"collapse-331-3\">\r\n                            4. Which social media platforms do you design for?                            <span class=\"icon\">\r\n                                <i class=\"fa-solid fa-plus\"><\/i>\r\n                            <\/span>\r\n                        <\/button>\r\n                        <div id=\"collapse-331-3\"\r\n                        class=\"accordion-collapse collapse \"\r\n                        aria-labelledby=\"heading-331-3\"\r\n                        data-bs-parent=\"#accordionExample_331\">\r\n                            <p class=\"as-p-2 item-disc\">\r\n                                We design graphics for major platforms including Instagram, Facebook, LinkedIn, Twitter, YouTube, and other digital marketing platforms.                            <\/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-331-4\"\r\n                            aria-expanded=\"false\"\r\n                            aria-controls=\"collapse-331-4\">\r\n                            5. Can social media designs improve engagement?                            <span class=\"icon\">\r\n                                <i class=\"fa-solid fa-plus\"><\/i>\r\n                            <\/span>\r\n                        <\/button>\r\n                        <div id=\"collapse-331-4\"\r\n                        class=\"accordion-collapse collapse \"\r\n                        aria-labelledby=\"heading-331-4\"\r\n                        data-bs-parent=\"#accordionExample_331\">\r\n                            <p class=\"as-p-2 item-disc\">\r\n                                Yes, creative and visually appealing designs help increase likes, shares, comments, and audience interaction on social media posts.                            <\/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-331-5\"\r\n                            aria-expanded=\"false\"\r\n                            aria-controls=\"collapse-331-5\">\r\n                            6. How long does it take to design a social media post?                            <span class=\"icon\">\r\n                                <i class=\"fa-solid fa-plus\"><\/i>\r\n                            <\/span>\r\n                        <\/button>\r\n                        <div id=\"collapse-331-5\"\r\n                        class=\"accordion-collapse collapse \"\r\n                        aria-labelledby=\"heading-331-5\"\r\n                        data-bs-parent=\"#accordionExample_331\">\r\n                            <p class=\"as-p-2 item-disc\">\r\n                                Most social media post designs are completed within 1 to 2 business days, depending on the complexity and revisions required.                            <\/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_992\">\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-992-0\"\r\n                            aria-expanded=\"false\"\r\n                            aria-controls=\"collapse-992-0\">\r\n                            7. Do you design posts according to our 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-992-0\"\r\n                        class=\"accordion-collapse collapse \"\r\n                        aria-labelledby=\"heading-992-0\"\r\n                        data-bs-parent=\"#accordionExample_992\">\r\n                            <p class=\"as-p-2 item-disc\">\r\n                                Yes, all designs follow your brand colors, fonts, and visual identity to ensure consistent branding across your social media profiles.                            <\/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-992-1\"\r\n                            aria-expanded=\"false\"\r\n                            aria-controls=\"collapse-992-1\">\r\n                            8. Can social media graphics be used for advertising campaigns?                            <span class=\"icon\">\r\n                                <i class=\"fa-solid fa-plus\"><\/i>\r\n                            <\/span>\r\n                        <\/button>\r\n                        <div id=\"collapse-992-1\"\r\n                        class=\"accordion-collapse collapse \"\r\n                        aria-labelledby=\"heading-992-1\"\r\n                        data-bs-parent=\"#accordionExample_992\">\r\n                            <p class=\"as-p-2 item-disc\">\r\n                                Yes, our social media designs can be used for paid advertising campaigns, promotional posts, and digital marketing campaigns.                            <\/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-992-2\"\r\n                            aria-expanded=\"false\"\r\n                            aria-controls=\"collapse-992-2\">\r\n                            9. What information is required to design a social media post?                            <span class=\"icon\">\r\n                                <i class=\"fa-solid fa-plus\"><\/i>\r\n                            <\/span>\r\n                        <\/button>\r\n                        <div id=\"collapse-992-2\"\r\n                        class=\"accordion-collapse collapse \"\r\n                        aria-labelledby=\"heading-992-2\"\r\n                        data-bs-parent=\"#accordionExample_992\">\r\n                            <p class=\"as-p-2 item-disc\">\r\n                                We usually require logo files, text content, images, brand colors, preferred design style, and the purpose of the post.                            <\/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-992-3\"\r\n                            aria-expanded=\"false\"\r\n                            aria-controls=\"collapse-992-3\">\r\n                            10. Do you provide revisions for social media designs?                            <span class=\"icon\">\r\n                                <i class=\"fa-solid fa-plus\"><\/i>\r\n                            <\/span>\r\n                        <\/button>\r\n                        <div id=\"collapse-992-3\"\r\n                        class=\"accordion-collapse collapse \"\r\n                        aria-labelledby=\"heading-992-3\"\r\n                        data-bs-parent=\"#accordionExample_992\">\r\n                            <p class=\"as-p-2 item-disc\">\r\n                                Yes, we offer design revisions based on your feedback to ensure the final design meets your expectations.                            <\/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-992-4\"\r\n                            aria-expanded=\"false\"\r\n                            aria-controls=\"collapse-992-4\">\r\n                            11. Are the designs optimized for social media platforms?                            <span class=\"icon\">\r\n                                <i class=\"fa-solid fa-plus\"><\/i>\r\n                            <\/span>\r\n                        <\/button>\r\n                        <div id=\"collapse-992-4\"\r\n                        class=\"accordion-collapse collapse \"\r\n                        aria-labelledby=\"heading-992-4\"\r\n                        data-bs-parent=\"#accordionExample_992\">\r\n                            <p class=\"as-p-2 item-disc\">\r\n                                Yes, our designs are created according to social media platform size requirements to ensure perfect display and visual quality.                            <\/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-992-5\"\r\n                            aria-expanded=\"false\"\r\n                            aria-controls=\"collapse-992-5\">\r\n                            12. Why should businesses invest in professional social media design?                            <span class=\"icon\">\r\n                                <i class=\"fa-solid fa-plus\"><\/i>\r\n                            <\/span>\r\n                        <\/button>\r\n                        <div id=\"collapse-992-5\"\r\n                        class=\"accordion-collapse collapse \"\r\n                        aria-labelledby=\"heading-992-5\"\r\n                        data-bs-parent=\"#accordionExample_992\">\r\n                            <p class=\"as-p-2 item-disc\">\r\n                                Professional social media design helps businesses strengthen brand identity, improve engagement, and communicate marketing messages more effectively.                            <\/p>\r\n                        <\/div>\r\n                    <\/div>\r\n                    \r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n    <\/div>\r\n<\/section>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>{} Services Professional Social Media Graphics Design Services in UAE In today\u2019s digital world, social media is one of the most powerful platforms for connecting with customers. High-quality visuals are essential to capture attention, communicate your message instantly, and strengthen brand recognition. Our social media graphics design services help businesses create visually engaging content tailored [&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-4245","page","type-page","status-publish","hentry"],"acf":[],"aioseo_notices":[],"_links":{"self":[{"href":"https:\/\/zropixel.com\/zropixel_uat\/wp-json\/wp\/v2\/pages\/4245","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=4245"}],"version-history":[{"count":10,"href":"https:\/\/zropixel.com\/zropixel_uat\/wp-json\/wp\/v2\/pages\/4245\/revisions"}],"predecessor-version":[{"id":4665,"href":"https:\/\/zropixel.com\/zropixel_uat\/wp-json\/wp\/v2\/pages\/4245\/revisions\/4665"}],"wp:attachment":[{"href":"https:\/\/zropixel.com\/zropixel_uat\/wp-json\/wp\/v2\/media?parent=4245"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}