{"id":4243,"date":"2026-03-03T13:45:55","date_gmt":"2026-03-03T13:45:55","guid":{"rendered":"https:\/\/zropixel.com\/zropixel_uat\/?page_id=4243"},"modified":"2026-03-03T13:45:55","modified_gmt":"2026-03-03T13:45:55","slug":"banners","status":"publish","type":"page","link":"https:\/\/zropixel.com\/zropixel_uat\/banners\/","title":{"rendered":"Banners"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"4243\" class=\"elementor elementor-4243\">\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 Banners Design Services in UAE That Define Your Brand<\/h2>                <\/div>\n\n                \n                <div class=\"right\">\n                                        <p class=\"as-p-1 sec-disc wow fadeInRight2 tx-description\">\n                        Banners are one of the most powerful visual marketing tools for promoting brands, events, and campaigns. A professionally designed banner instantly grabs attention, communicates your message clearly, and strengthens brand recognition.\n<br>\nOur banner design services focus on creating visually engaging layouts that deliver maximum impact across digital platforms and physical displays. Whether for online advertising, exhibitions, or promotional campaigns, we design banners that attract audiences and drive results.\n <br>\n\n\n\n\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 Banner Design Services                <\/h6>\n                                <h2 class=\"tx-title as-sec-title-2 wa_title_spilt_1\">Comprehensive Banner Design Solutions\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                                    <\/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\">Website Banner Design<\/h5>\n                    Custom banners optimized for websites and landing pages to improve visual appeal and engagement.                <\/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\">Social Media Banner Design<\/h5>\n                    Platform-specific banners designed for Facebook, LinkedIn, Instagram, and other social platforms.                <\/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\">Advertising &amp; Campaign Banners<\/h5>\n                    Creative banners created for digital marketing campaigns, promotions, and paid advertisements.                <\/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\">Roll-Up &amp; Exhibition Banners<\/h5>\n                    Large-format banners designed for trade shows, conferences, and corporate events.                <\/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\">Promotional Display Banners<\/h5>\n                    Eye-catching designs for product promotions, retail displays, and marketing announcements.                <\/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\">Print Banner Design<\/h5>\n                    High-resolution, print-ready banners prepared with accurate dimensions and color settings.                <\/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\">Banner Design for Digital Marketing Campaigns<\/h3>\n          <p class=\"bb-body\">Banner design is an essential part of digital marketing. Businesses use banner advertisements to promote services and drive traffic to websites or landing pages.\n          <\/p>\n          <p class=\"bb-body\">Our banner designs are optimized for:Google Display Ads\n\u2022 Social media advertising\n\u2022 Website promotions\n\u2022 E-commerce product promotions\n\u2022 Digital marketing campaigns<\/p>\n          <p class=\"bb-closing\">These banners help businesses improve online engagement, marketing visibility, and conversion rates.<\/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\">Banner Design for Print and Outdoor Advertising<\/h3>\n          <p class=\"bb-body\"><\/p>\n          <p class=\"bb-body\">In addition to digital banners, we also design banners for large-format printing and outdoor advertising.<\/p>\n          <p class=\"bb-body\">Print banner design includes:<\/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>Roll-up banners<\/li>\n            <li><span class=\"bb-dot\"><svg viewBox=\"0 0 24 24\"><polyline points=\"20 6 9 17 4 12\"\/><\/svg><\/span>Exhibition banners<\/li>\n            <li><span class=\"bb-dot\"><svg viewBox=\"0 0 24 24\"><polyline points=\"20 6 9 17 4 12\"\/><\/svg><\/span>Retail store banners<\/li>\n            <li><span class=\"bb-dot\"><svg viewBox=\"0 0 24 24\"><polyline points=\"20 6 9 17 4 12\"\/><\/svg><\/span>Event promotion banners<\/li>\n            <li><span class=\"bb-dot\"><svg viewBox=\"0 0 24 24\"><polyline points=\"20 6 9 17 4 12\"\/><\/svg><\/span>Corporate branding banners<\/li>\n            \n          <\/ul>\n          <p class=\"bb-closing\">Our designs ensure that banners remain visually clear and impactful even at large sizes<\/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 Banner Design Process<\/h2>\n        <\/div>\n        <div class=\"proc-head-right\">\n          <p class=\"proc-desc\">From Concept to High-Impact Visual Design\n<\/p>\n        <\/div>\n      <\/div>\n\n      <!-- Grid -->\n      <div class=\"proc-grid\" id=\"procGrid\">\n\n        <!-- 01 -->\n        <div class=\"p-card\" data-step=\"0\">\n          <div class=\"c-num\">Step 01<\/div>\n          <div class=\"c-icon\">\n            <svg viewBox=\"0 0 24 24\"><circle cx=\"11\" cy=\"11\" r=\"8\"\/><path d=\"m21 21-4.35-4.35\"\/><\/svg>\n          <\/div>\n          <h4 class=\"c-title\">Discovery<\/h4>\n          <p class=\"c-text\">We learn about your business, industry, competitors, and audience.<\/p>\n        <\/div>\n\n        <!-- 02 -->\n        <div class=\"p-card\" data-step=\"1\">\n          <div class=\"c-num\">Step 02<\/div>\n          <div class=\"c-icon\">\n            <svg viewBox=\"0 0 24 24\"><path d=\"M12 20V10\"\/><path d=\"M18 20V4\"\/><path d=\"M6 20v-6\"\/><\/svg>\n          <\/div>\n          <h4 class=\"c-title\">Research & Strategy<\/h4>\n          <p class=\"c-text\">Analyze trends and define a creative direction aligned with your brand positioning.<\/p>\n        <\/div>\n\n        <!-- 03 -->\n        <div class=\"p-card\" data-step=\"2\">\n          <div class=\"c-num\">Step 03<\/div>\n          <div class=\"c-icon\">\n            <svg viewBox=\"0 0 24 24\"><circle cx=\"12\" cy=\"12\" r=\"4\"\/><path d=\"M12 3v3M12 18v3M3 12h3M18 12h3\"\/><\/svg>\n          <\/div>\n          <h4 class=\"c-title\">Concept Creation<\/h4>\n          <p class=\"c-text\">Our designers develop multiple concepts for your review.<\/p>\n        <\/div>\n\n        <!-- 04 -->\n        <div class=\"p-card\" data-step=\"3\">\n          <div class=\"c-num\">Step 04<\/div>\n          <div class=\"c-icon\">\n            <svg viewBox=\"0 0 24 24\"><path d=\"M20 6L9 17l-5-5\"\/><\/svg>\n          <\/div>\n          <h4 class=\"c-title\">Refinement<\/h4>\n          <p class=\"c-text\">We refine the selected concept based on your feedback.<\/p>\n        <\/div>\n\n        <!-- 05 -->\n        <div class=\"p-card\" data-step=\"4\">\n          <div class=\"c-num\">Step 05<\/div>\n          <div class=\"c-icon\">\n            <svg viewBox=\"0 0 24 24\"><path d=\"M5 12h14\"\/><path d=\"M12 5l7 7-7 7\"\/><\/svg>\n          <\/div>\n          <h4 class=\"c-title\">Final Delivery<\/h4>\n          <p class=\"c-text\">Receive optimized files ready for web, print, and marketing use.<\/p>\n        <\/div>\n\n        <!-- 06\n        <div class=\"p-card\" data-step=\"5\">\n          <div class=\"c-num\">Step 06<\/div>\n          <div class=\"c-icon\">\n            <svg viewBox=\"0 0 24 24\"><path d=\"M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10z\"\/><\/svg>\n          <\/div>\n          <h4 class=\"c-title\">Optional Brand Guidelines<\/h4>\n          <p class=\"c-text\">Maintain consistency with clear banner standards.<\/p>\n        <\/div>\n\n      <\/div><!-- \/grid -->\n    <\/div>\n  <\/section>\n<\/div>\n\n<!-- MODAL -->\n<div class=\"proc-modal-overlay\" id=\"procModalOverlay\">\n  <div class=\"proc-modal\">\n    <button class=\"proc-modal-close\" id=\"procModalClose\">\n      <svg viewBox=\"0 0 24 24\"><line x1=\"18\" y1=\"6\" x2=\"6\" y2=\"18\"\/><line x1=\"6\" y1=\"6\" x2=\"18\" y2=\"18\"\/><\/svg>\n    <\/button>\n    <div class=\"proc-modal-stripe\"><\/div>\n    <div class=\"proc-modal-body\">\n      <div class=\"proc-modal-eyebrow\">\n        <span class=\"proc-modal-badge\" id=\"procMBadge\">Step 01<\/span>\n        <span class=\"proc-modal-phase\" id=\"procMPhase\">Discover<\/span>\n      <\/div>\n      <div class=\"proc-modal-icon-row\">\n        <div class=\"proc-modal-icon\" id=\"procMIcon\"><\/div>\n        <h3 class=\"proc-modal-title\" id=\"procMTitle\"><\/h3>\n      <\/div>\n      <div class=\"proc-modal-divider\"><\/div>\n      <p class=\"proc-modal-text\" id=\"procMText\"><\/p>\n      <div class=\"proc-modal-dl\">\n        <div class=\"proc-dl-label\">Key Deliverables<\/div>\n        <div class=\"proc-dl-list\" id=\"procMDeliverables\"><\/div>\n      <\/div>\n      <div class=\"proc-modal-footer\">\n        <div class=\"proc-modal-nav\">\n          <button class=\"proc-nav-btn\" id=\"procPrevBtn\">\n            <svg viewBox=\"0 0 24 24\"><path d=\"M15 18l-6-6 6-6\"\/><\/svg>\n          <\/button>\n          <button class=\"proc-nav-btn\" id=\"procNextBtn\">\n            <svg viewBox=\"0 0 24 24\"><path d=\"M9 18l6-6-6-6\"\/><\/svg>\n          <\/button>\n        <\/div>\n        <a class=\"proc-modal-cta\" href=\"#\">\n          Start Project <svg viewBox=\"0 0 24 24\"><path d=\"M5 12h14M12 5l7 7-7 7\"\/><\/svg>\n        <\/a>\n      <\/div>\n    <\/div>\n  <\/div>\n<\/div>\n\n<script>\n(function(){\n  var steps = [\n    {\n      badge:\"Step 01\", phase:\"Discover\", title:\"Discovery & Research\",\n      icon:'<svg viewBox=\"0 0 24 24\" width=\"28\" height=\"28\" stroke=\"#e01a23\" fill=\"none\" stroke-width=\"1.6\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><circle cx=\"11\" cy=\"11\" r=\"8\"\/><path d=\"m21 21-4.35-4.35\"\/><\/svg>',\n      text:\"We begin by understanding your business, goals, audience, and competitive landscape. Through in-depth research and strategic conversations, we uncover insights that shape a strong foundation for your brand's success.\",\n      deliverables:[\"Brand Audit\",\"Market Research\",\"Audience Insights\",\"Competitor Analysis\",\"Business Objectives\"]\n    },\n    {\n      badge:\"Step 02\", phase:\"Strategy\", title:\"Brand Strategy Development\",\n      icon:'<svg viewBox=\"0 0 24 24\" width=\"28\" height=\"28\" stroke=\"#e01a23\" fill=\"none\" stroke-width=\"1.6\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M12 20V10\"\/><path d=\"M18 20V4\"\/><path d=\"M6 20v-6\"\/><\/svg>',\n      text:\"We define your brand's mission, vision, positioning, and messaging framework. This strategic blueprint ensures clarity, differentiation, and long-term consistency across every touchpoint.\",\n      deliverables:[\"Mission & Vision\",\"Brand Positioning\",\"Messaging Framework\",\"Value Proposition\",\"Brand Guidelines\"]\n    },\n    {\n      badge:\"Step 03\", phase:\"Create\", title:\"Creative Concepting\",\n      icon:'<svg viewBox=\"0 0 24 24\" width=\"28\" height=\"28\" stroke=\"#e01a23\" fill=\"none\" stroke-width=\"1.6\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><circle cx=\"12\" cy=\"12\" r=\"4\"\/><path d=\"M12 3v3M12 18v3M3 12h3M18 12h3\"\/><\/svg>',\n      text:\"Our designers translate strategy into compelling visual concepts. From logo exploration to typography and colour systems, we craft distinctive brand identities that resonate with your audience.\",\n      deliverables:[\"Logo Concepts\",\"Visual Identity\",\"Typography System\",\"Colour Palette\",\"Brand Mockups\"]\n    },\n    {\n      badge:\"Step 04\", phase:\"Refine\", title:\"Refinement & Collaboration\",\n      icon:'<svg viewBox=\"0 0 24 24\" width=\"28\" height=\"28\" stroke=\"#e01a23\" fill=\"none\" stroke-width=\"1.6\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M20 6L9 17l-5-5\"\/><\/svg>',\n      text:\"We collaborate closely with you to refine the chosen creative direction. Through structured feedback and iteration, we ensure every detail aligns perfectly with your brand vision.\",\n      deliverables:[\"Revisions & Feedback\",\"Final Design System\",\"Brand Documentation\",\"Approval Sign-Off\"]\n    },\n    {\n      badge:\"Step 05\", phase:\"Launch\", title:\"Brand Launch\",\n      icon:'<svg viewBox=\"0 0 24 24\" width=\"28\" height=\"28\" stroke=\"#e01a23\" fill=\"none\" stroke-width=\"1.6\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M5 12h14\"\/><path d=\"M12 5l7 7-7 7\"\/><\/svg>',\n      text:\"We deliver finalized brand assets ready for both digital and print applications. From launch kits to implementation guidance, we ensure your brand makes a powerful and cohesive debut.\",\n      deliverables:[\"Final Logo Files\",\"Brand Kit\",\"Print-Ready Assets\",\"Digital Assets\",\"Launch Support\"]\n    },\n    {\n      badge:\"Step 06\", phase:\"Support\", title:\"Ongoing Support\",\n      icon:'<svg viewBox=\"0 0 24 24\" width=\"28\" height=\"28\" stroke=\"#e01a23\" fill=\"none\" stroke-width=\"1.6\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10z\"\/><\/svg>',\n      text:\"As your business evolves, we help maintain and strengthen your brand. Whether expanding your visual system, creating new campaigns, or refreshing assets, we remain your long-term creative partner.\",\n      deliverables:[\"Brand Extensions\",\"Campaign Support\",\"Asset Updates\",\"Consultation\",\"Ongoing Advisory\"]\n    }\n  ];\n\n  var current = 0;\n  var overlay = document.getElementById('procModalOverlay');\n\n  function openModal(idx) {\n    current = idx;\n    render();\n    overlay.classList.add('proc-open');\n    document.body.style.overflow = 'hidden';\n  }\n  function closeModal() {\n    overlay.classList.remove('proc-open');\n    document.body.style.overflow = '';\n  }\n  function render() {\n    var s = steps[current];\n    document.getElementById('procMBadge').textContent  = s.badge;\n    document.getElementById('procMPhase').textContent  = s.phase;\n    document.getElementById('procMTitle').textContent  = s.title;\n    document.getElementById('procMIcon').innerHTML     = s.icon;\n    document.getElementById('procMText').textContent   = s.text;\n    document.getElementById('procMDeliverables').innerHTML =\n      s.deliverables.map(function(d){ return '<span class=\"proc-d-tag\">'+d+'<\/span>'; }).join('');\n  }\n\n  document.querySelectorAll('#procGrid .p-card[data-step]').forEach(function(card){\n    card.addEventListener('click', function(){ openModal(+card.dataset.step); });\n  });\n  document.getElementById('procModalClose').addEventListener('click', closeModal);\n  overlay.addEventListener('click', function(e){ if(e.target===overlay) closeModal(); });\n  document.getElementById('procPrevBtn').addEventListener('click', function(){\n    current = (current - 1 + steps.length) % steps.length; render();\n  });\n  document.getElementById('procNextBtn').addEventListener('click', function(){\n    current = (current + 1) % steps.length; render();\n  });\n  document.addEventListener('keydown', function(e){\n    if(!overlay.classList.contains('proc-open')) return;\n    if(e.key==='Escape') closeModal();\n    if(e.key==='ArrowLeft'){ current=(current-1+steps.length)%steps.length; render(); }\n    if(e.key==='ArrowRight'){ current=(current+1)%steps.length; render(); }\n  });\n\n  \/\/ Scroll reveal\n  var obs = new IntersectionObserver(function(entries){\n    entries.forEach(function(e){\n      if(e.isIntersecting){ e.target.classList.add('proc-revealed'); obs.unobserve(e.target); }\n    });\n  }, { threshold: 0.12 });\n  document.querySelectorAll('#procGrid .p-card').forEach(function(c){ obs.observe(c); });\n})();\n<\/script>\n<!-- End ZroPixel Process Block -->\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-0eacc9e e-con-full e-flex e-con e-parent\" data-id=\"0eacc9e\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-d3e08f0 elementor-widget elementor-widget-html\" data-id=\"d3e08f0\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t\n\n<style>\n.bi-wrap {\n  --red:      #E01A23;\n  --red-soft: rgba(224,26,35,0.12);\n  --white:    #ffffff;\n  --dark:     #ffffff;\n  --muted:    rgba(255,255,255,0.55);\n  --border:   rgba(255,255,255,0.08);\n  --bg:       #111111;\n  --ease:     cubic-bezier(0.4,0,0.2,1);\n  box-sizing: border-box;\n}\n.bi-wrap *, .bi-wrap *::before, .bi-wrap *::after {\n  box-sizing: inherit; margin: 0; padding: 0;\n}\n\n\/* \u2500\u2500 Section \u2500\u2500 *\/\n.bi-section {\n  padding: 100px 0 120px;\n  background: linear-gradient(135deg, #0a0a0a 0%, #1a0304 55%, #2a0406 100%);\n  position: relative;\n  overflow: hidden;\n}\n\/* grid texture *\/\n.bi-section::before {\n  content: '';\n  position: absolute; inset: 0;\n  background-image:\n    linear-gradient(rgba(255,255,255,0.03) 1px, transparent 1px),\n    linear-gradient(90deg, rgba(255,255,255,0.03) 1px, transparent 1px);\n  background-size: 40px 40px;\n  pointer-events: none; z-index: 0;\n}\n\/* red glow *\/\n.bi-section::after {\n  content: '';\n  position: absolute; top: -120px; right: -120px;\n  width: 500px; height: 500px;\n  background: radial-gradient(circle, rgba(224,26,35,0.14) 0%, transparent 70%);\n  pointer-events: none; z-index: 0;\n}\n\n.bi-container {\n  max-width: 1280px;\n  margin: 0 auto;\n  padding: 0 48px;\n  position: relative; z-index: 1;\n}\n\n\/* \u2500\u2500 Section header \u2500\u2500 *\/\n.bi-section-head {\n  text-align: center;\n  margin-bottom: 72px;\n  opacity: 0;\n  animation: biFadeUp 0.6s var(--ease) 0.1s forwards;\n}\n.bi-section-label {\n  display: inline-flex; align-items: center; gap: 10px;\n  font-size: 11px; font-weight: 500; letter-spacing: 0.2em;\n  text-transform: uppercase; color: var(--red);\n  margin-bottom: 18px;\n}\n.bi-section-label::before,\n.bi-section-label::after {\n  content: ''; display: block;\n  width: 24px; height: 1px;\n  background: var(--red); flex-shrink: 0;\n}\n.bi-section-title {\n  font-size: clamp(34px, 3.8vw, 54px);\n  font-weight: 800; line-height: 1.0;\n  letter-spacing: -0.02em; color: var(--white);\n}\n.bi-section-title span { color: var(--red); }\n\n\/* \u2500\u2500 2\u00d72 Grid \u2500\u2500 *\/\n.bi-grid {\n  display: grid;\n  grid-template-columns: 1fr 1fr;\n  gap: 24px;\n}\n\n\/* \u2500\u2500 Card \u2500\u2500 *\/\n.bi-card {\n  background: rgba(255,255,255,0.04);\n  border: 1px solid var(--border);\n  padding: 44px 40px 48px;\n  position: relative; overflow: hidden;\n  transition: box-shadow 0.3s var(--ease), transform 0.3s var(--ease), border-color 0.3s, background 0.3s;\n  opacity: 0; transform: translateY(20px);\n  animation: biFadeUp 0.6s var(--ease) forwards;\n}\n.bi-card:nth-child(1) { animation-delay: 0.12s; }\n.bi-card:nth-child(2) { animation-delay: 0.20s; }\n.bi-card:nth-child(3) { animation-delay: 0.28s; }\n.bi-card:nth-child(4) { animation-delay: 0.36s; }\n\n.bi-card:hover {\n  box-shadow: 0 8px 40px rgba(224,26,35,0.15);\n  transform: translateY(-4px);\n  border-color: rgba(224,26,35,0.35);\n  background: rgba(255,255,255,0.07);\n}\n\n\/* Red top accent bar *\/\n.bi-card::before {\n  content: '';\n  position: absolute; top: 0; left: 0;\n  width: 0; height: 3px;\n  background: var(--red);\n  transition: width 0.4s var(--ease);\n}\n.bi-card:hover::before { width: 100%; }\n\n\/* Corner triangle *\/\n.bi-card::after {\n  content: '';\n  position: absolute; top: 0; right: 0;\n  width: 0; height: 0; border-style: solid;\n  border-width: 0 48px 48px 0;\n  border-color: transparent rgba(255,255,255,0.04) transparent transparent;\n  transition: border-color 0.3s;\n}\n.bi-card:hover::after {\n  border-color: transparent rgba(224,26,35,0.18) transparent transparent;\n}\n\n\/* Card number *\/\n.bi-card-num {\n  font-size: 10px; font-weight: 700;\n  letter-spacing: 0.18em; color: var(--red);\n  margin-bottom: 20px; opacity: 0.75;\n}\n\n\/* Heading *\/\n.bi-card-heading {\n  font-size: 22px; font-weight: 800;\n  line-height: 1.15; letter-spacing: -0.02em;\n  color: var(--white); margin-bottom: 8px;\n  transition: color 0.2s;\n}\n.bi-card:hover .bi-card-heading { color: var(--red); }\n\n\/* Sub heading *\/\n.bi-card-sub {\n  font-size: 13px; font-weight: 600;\n  color: var(--red); letter-spacing: 0.04em;\n  margin-bottom: 22px;\n  padding-bottom: 18px;\n  border-bottom: 1px solid var(--border);\n}\n\n\/* Body text *\/\n.bi-card-body {\n  font-size: 13.5px; line-height: 1.78; color: var(--muted);\n}\n.bi-card-body p { margin-bottom: 12px; }\n.bi-card-body p:last-child { margin-bottom: 0; }\n\n\/* Check list (\u2714 items) *\/\n.bi-checklist {\n  list-style: none;\n  display: flex; flex-direction: column; gap: 11px;\n  margin-bottom: 0;\n}\n.bi-checklist li {\n  display: flex; align-items: flex-start; gap: 10px;\n  font-size: 13.5px; line-height: 1.6; color: var(--muted);\n}\n.bi-checklist li .bi-check {\n  display: inline-flex; align-items: center; justify-content: center;\n  width: 18px; height: 18px;\n  background: var(--red-soft);\n  border: 1px solid rgba(224,26,35,0.18);\n  flex-shrink: 0; margin-top: 1px;\n}\n.bi-checklist li .bi-check svg {\n  width: 10px; height: 10px;\n  stroke: var(--red); fill: none;\n  stroke-width: 2.5; stroke-linecap: round; stroke-linejoin: round;\n}\n.bi-check-label { font-weight: 600; color: var(--white); }\n.bi-check-desc { font-weight: 400; color: var(--muted); }\n\n\/* Bullet list (- items) *\/\n.bi-bulletlist {\n  list-style: none;\n  display: flex; flex-direction: column; gap: 9px;\n  margin: 12px 0;\n}\n.bi-bulletlist li {\n  display: flex; align-items: flex-start; gap: 10px;\n  font-size: 13.5px; line-height: 1.6; color: var(--muted);\n}\n.bi-bulletlist li::before {\n  content: '';\n  display: block; width: 5px; height: 5px;\n  border-radius: 0; background: var(--red);\n  margin-top: 7px; flex-shrink: 0;\n}\n\n\/* Comparison block (card 4) *\/\n.bi-compare {\n  display: grid;\n  grid-template-columns: 1fr 1px 1fr;\n  gap: 20px;\n  margin-top: 20px;\n}\n.bi-compare-divider {\n  background: var(--border); width: 1px;\n}.bi-compare-col-label {\n  font-size: 10px; font-weight: 700; letter-spacing: 0.14em;\n  text-transform: uppercase; color: var(--red);\n  margin-bottom: 10px;\n}\n.bi-compare-col p {\n  font-size: 13px; line-height: 1.7; color: var(--muted);\n}\n\n@keyframes biFadeUp {\n  to { opacity: 1; transform: translateY(0); }\n}\n\n\/* Responsive *\/\n@media (max-width: 900px) {\n  .bi-grid { grid-template-columns: 1fr; }\n  .bi-container { padding: 0 32px; }\n}\n@media (max-width: 560px) {\n  .bi-section { padding: 70px 0 80px; }\n  .bi-container { padding: 0 20px; }\n  .bi-card { padding: 32px 24px 36px; }\n  .bi-compare { grid-template-columns: 1fr; }\n  .bi-compare-divider { display: none; }\n}\n<\/style>\n\n<div class=\"bi-wrap\">\n  <section class=\"bi-section\">\n    <div class=\"bi-container\">\n\n      <!-- Section Header -->\n      <div class=\"bi-section-head\">\n        <div class=\"bi-section-label\">Logo Design Insights<\/div>\n        <h2 class=\"bi-section-title\">Professional <span>Banner Design<\/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 Banner Design<\/h3>\n          <p class=\"bi-card-sub\">Why Businesses Use Banner Design for Marketing<\/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\">Instant Brand Visibility<\/span><span class=\"bi-check-desc\">Banners attract attention immediately, helping your brand stand out in crowded digital and physical spaces.\n<\/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\">Clear Promotional Communication<\/span><span class=\"bi-check-desc\">Well-structured designs ensure your message is easy to understand at a glance.\n<\/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\">Versatile Marketing Tool<\/span><span class=\"bi-check-desc\">Banners can be used across websites, social media ads, exhibitions, storefront displays, and events.<\/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\">Higher Marketing Engagement<\/span><span class=\"bi-check-desc\">Creative visuals encourage viewers to interact, click, or inquire about your services.<\/span><\/span>\n            <\/li>\n            <li>\n              <span class=\"bi-check\"><svg viewBox=\"0 0 24 24\"><polyline points=\"20 6 9 17 4 12\"\/><\/svg><\/span>\n              <span><span class=\"bi-check-label\">Professional Business Image<\/span><span class=\"bi-check-desc\">High-quality banner designs reflect credibility and professionalism.<\/span><\/span>\n            <\/li>\n            \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\">Modern Banner Design Trends<\/h3>\n          <p class=\"bi-card-sub\">We follow modern design trends to ensure that your banners remain visually attractive and competitive.<\/p>\n\n          <ul class=\"bi-bulletlist\">\n            <li>Minimalist design styles<\/li>\n            <li>Bold typography and strong headlines<\/li>\n            <li>High-quality product visuals<\/li>\n            <li>Clear call-to-action elements<\/li>\n            <li>Creative layouts and branding elements<\/li>\n           \n           \n          <\/ul>\n          <div class=\"bi-card-body\" style=\"margin-top:18px;\">\n            <p>These trends help banners look modern, professional, and engaging.<\/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 Promote Your Business with High-Impact Banner Designs?<\/h2>\n      <p>\n        An effective banner can instantly attract attention and communicate your message to the right audience. Let our creative team design banners that strengthen your marketing campaigns.\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\/4243#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-69ea229ce1437\" 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\">Marketing-focused 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 designers<\/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 banner 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\">Fast turnaround time<\/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           \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 create banner designs that not only look attractive but also support your marketing success.<\/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_662\">\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-662-0\"\r\n                            aria-expanded=\"false\"\r\n                            aria-controls=\"collapse-662-0\">\r\n                            1. What is banner design?                            <span class=\"icon\">\r\n                                <i class=\"fa-solid fa-plus\"><\/i>\r\n                            <\/span>\r\n                        <\/button>\r\n                        <div id=\"collapse-662-0\"\r\n                        class=\"accordion-collapse collapse \"\r\n                        aria-labelledby=\"heading-662-0\"\r\n                        data-bs-parent=\"#accordionExample_662\">\r\n                            <p class=\"as-p-2 item-disc\">\r\n                                Banner design is the process of creating visually appealing graphics used for advertising, promotions, events, and digital marketing campaigns. Banners help businesses communicate messages quickly and attract customer attention.                            <\/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-662-1\"\r\n                            aria-expanded=\"false\"\r\n                            aria-controls=\"collapse-662-1\">\r\n                            2. Why is banner design important for businesses?                            <span class=\"icon\">\r\n                                <i class=\"fa-solid fa-plus\"><\/i>\r\n                            <\/span>\r\n                        <\/button>\r\n                        <div id=\"collapse-662-1\"\r\n                        class=\"accordion-collapse collapse \"\r\n                        aria-labelledby=\"heading-662-1\"\r\n                        data-bs-parent=\"#accordionExample_662\">\r\n                            <p class=\"as-p-2 item-disc\">\r\n                                Banner design helps businesses increase brand visibility, promote products or services, and attract potential customers through visually engaging marketing materials.                            <\/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-662-2\"\r\n                            aria-expanded=\"false\"\r\n                            aria-controls=\"collapse-662-2\">\r\n                            3. What types of banner design services do you offer?                            <span class=\"icon\">\r\n                                <i class=\"fa-solid fa-plus\"><\/i>\r\n                            <\/span>\r\n                        <\/button>\r\n                        <div id=\"collapse-662-2\"\r\n                        class=\"accordion-collapse collapse \"\r\n                        aria-labelledby=\"heading-662-2\"\r\n                        data-bs-parent=\"#accordionExample_662\">\r\n                            <p class=\"as-p-2 item-disc\">\r\n                                We offer various banner design services including website banners, social media banners, digital advertising banners, promotional banners, event banners, and print banners.                            <\/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-662-3\"\r\n                            aria-expanded=\"false\"\r\n                            aria-controls=\"collapse-662-3\">\r\n                            4. Can banners be used for online advertising?                            <span class=\"icon\">\r\n                                <i class=\"fa-solid fa-plus\"><\/i>\r\n                            <\/span>\r\n                        <\/button>\r\n                        <div id=\"collapse-662-3\"\r\n                        class=\"accordion-collapse collapse \"\r\n                        aria-labelledby=\"heading-662-3\"\r\n                        data-bs-parent=\"#accordionExample_662\">\r\n                            <p class=\"as-p-2 item-disc\">\r\n                                Yes, banner designs are widely used for Google Ads, display advertising, social media promotions, and website 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-662-4\"\r\n                            aria-expanded=\"false\"\r\n                            aria-controls=\"collapse-662-4\">\r\n                            5. Do you provide banner designs 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-662-4\"\r\n                        class=\"accordion-collapse collapse \"\r\n                        aria-labelledby=\"heading-662-4\"\r\n                        data-bs-parent=\"#accordionExample_662\">\r\n                            <p class=\"as-p-2 item-disc\">\r\n                                Yes, we design banners for major social media platforms including Facebook, Instagram, LinkedIn, Twitter, and YouTube.                            <\/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-662-5\"\r\n                            aria-expanded=\"false\"\r\n                            aria-controls=\"collapse-662-5\">\r\n                            6. How long does it take to design a banner?                            <span class=\"icon\">\r\n                                <i class=\"fa-solid fa-plus\"><\/i>\r\n                            <\/span>\r\n                        <\/button>\r\n                        <div id=\"collapse-662-5\"\r\n                        class=\"accordion-collapse collapse \"\r\n                        aria-labelledby=\"heading-662-5\"\r\n                        data-bs-parent=\"#accordionExample_662\">\r\n                            <p class=\"as-p-2 item-disc\">\r\n                                Most banner design projects 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_527\">\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-527-0\"\r\n                            aria-expanded=\"false\"\r\n                            aria-controls=\"collapse-527-0\">\r\n                            7. Do you provide print-ready banner files?                            <span class=\"icon\">\r\n                                <i class=\"fa-solid fa-plus\"><\/i>\r\n                            <\/span>\r\n                        <\/button>\r\n                        <div id=\"collapse-527-0\"\r\n                        class=\"accordion-collapse collapse \"\r\n                        aria-labelledby=\"heading-527-0\"\r\n                        data-bs-parent=\"#accordionExample_527\">\r\n                            <p class=\"as-p-2 item-disc\">\r\n                                Yes, we provide high-resolution and print-ready design files suitable for large-format printing and digital use.                            <\/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-527-1\"\r\n                            aria-expanded=\"false\"\r\n                            aria-controls=\"collapse-527-1\">\r\n                            8. What information is required to design a banner?                            <span class=\"icon\">\r\n                                <i class=\"fa-solid fa-plus\"><\/i>\r\n                            <\/span>\r\n                        <\/button>\r\n                        <div id=\"collapse-527-1\"\r\n                        class=\"accordion-collapse collapse \"\r\n                        aria-labelledby=\"heading-527-1\"\r\n                        data-bs-parent=\"#accordionExample_527\">\r\n                            <p class=\"as-p-2 item-disc\">\r\n                                To design a banner, we typically require logo files, text content, images, brand colors, banner size, and the purpose of the banner.                            <\/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-527-2\"\r\n                            aria-expanded=\"false\"\r\n                            aria-controls=\"collapse-527-2\">\r\n                            9. Can banner designs follow 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-527-2\"\r\n                        class=\"accordion-collapse collapse \"\r\n                        aria-labelledby=\"heading-527-2\"\r\n                        data-bs-parent=\"#accordionExample_527\">\r\n                            <p class=\"as-p-2 item-disc\">\r\n                                Yes, all banner designs are created according to your brand colors, typography, and brand identity to ensure consistency.                            <\/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-527-3\"\r\n                            aria-expanded=\"false\"\r\n                            aria-controls=\"collapse-527-3\">\r\n                            10. Do you provide revisions for banner designs?                            <span class=\"icon\">\r\n                                <i class=\"fa-solid fa-plus\"><\/i>\r\n                            <\/span>\r\n                        <\/button>\r\n                        <div id=\"collapse-527-3\"\r\n                        class=\"accordion-collapse collapse \"\r\n                        aria-labelledby=\"heading-527-3\"\r\n                        data-bs-parent=\"#accordionExample_527\">\r\n                            <p class=\"as-p-2 item-disc\">\r\n                                Yes, we offer design revisions based on client feedback to ensure the final banner 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-527-4\"\r\n                            aria-expanded=\"false\"\r\n                            aria-controls=\"collapse-527-4\">\r\n                            11. Can banners improve digital marketing performance?                            <span class=\"icon\">\r\n                                <i class=\"fa-solid fa-plus\"><\/i>\r\n                            <\/span>\r\n                        <\/button>\r\n                        <div id=\"collapse-527-4\"\r\n                        class=\"accordion-collapse collapse \"\r\n                        aria-labelledby=\"heading-527-4\"\r\n                        data-bs-parent=\"#accordionExample_527\">\r\n                            <p class=\"as-p-2 item-disc\">\r\n                                Yes, well-designed banners can increase click-through rates, improve engagement, and enhance marketing campaign effectiveness.                            <\/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-527-5\"\r\n                            aria-expanded=\"false\"\r\n                            aria-controls=\"collapse-527-5\">\r\n                            12. Why should businesses choose professional banner 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-527-5\"\r\n                        class=\"accordion-collapse collapse \"\r\n                        aria-labelledby=\"heading-527-5\"\r\n                        data-bs-parent=\"#accordionExample_527\">\r\n                            <p class=\"as-p-2 item-disc\">\r\n                                Professional banner design ensures high-quality visuals, strong branding, and effective marketing communication, helping businesses attract more customers and improve brand visibility.                            <\/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 Banners Design Services in UAE That Define Your Brand Banners are one of the most powerful visual marketing tools for promoting brands, events, and campaigns. A professionally designed banner instantly grabs attention, communicates your message clearly, and strengthens brand recognition. Our banner design services focus on creating visually engaging layouts that deliver [&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-4243","page","type-page","status-publish","hentry"],"acf":[],"aioseo_notices":[],"_links":{"self":[{"href":"https:\/\/zropixel.com\/zropixel_uat\/wp-json\/wp\/v2\/pages\/4243","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=4243"}],"version-history":[{"count":7,"href":"https:\/\/zropixel.com\/zropixel_uat\/wp-json\/wp\/v2\/pages\/4243\/revisions"}],"predecessor-version":[{"id":4653,"href":"https:\/\/zropixel.com\/zropixel_uat\/wp-json\/wp\/v2\/pages\/4243\/revisions\/4653"}],"wp:attachment":[{"href":"https:\/\/zropixel.com\/zropixel_uat\/wp-json\/wp\/v2\/media?parent=4243"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}