{"id":1354,"date":"2022-06-22T08:36:02","date_gmt":"2022-06-22T08:36:02","guid":{"rendered":"https:\/\/startersites.io\/elementor\/persona\/?page_id=1354"},"modified":"2026-07-13T07:55:37","modified_gmt":"2026-07-13T07:55:37","slug":"services","status":"publish","type":"page","link":"https:\/\/nadersaied.com\/ar\/services\/","title":{"rendered":"Services"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"1354\" class=\"elementor elementor-1354\">\n\t\t\t\t<div class=\"elementor-element elementor-element-b5611f8 e-con-full e-flex wpr-particle-no wpr-jarallax-no wpr-parallax-no wpr-sticky-section-no wpr-column-slider-no wpr-equal-height-no e-con e-parent\" data-id=\"b5611f8\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-b5a1d0b elementor-widget elementor-widget-html\" data-id=\"b5a1d0b\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- Nader Saied Services \u2014 Modern Premium Rebuild -->\n<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\n<link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Plus+Jakarta+Sans:wght@400;500;600;700;800&family=Sora:wght@500;600;700&display=swap\" rel=\"stylesheet\">\n\n<section class=\"nsp\" id=\"nspServices\">\n\n  <div class=\"nsp-separator\" aria-hidden=\"true\"><span><\/span><\/div>\n\n  <div class=\"nsp-shell\">\n\n    <header class=\"nsp-hero\">\n      <div class=\"nsp-hero__top\">\n        <img decoding=\"async\" src=\"https:\/\/nadersaied.com\/wp-content\/uploads\/2026\/06\/cropped-Logo-Nader-White.png\" alt=\"Nader Saied Logo\">\n        <span>PREMIUM DIGITAL SERVICES<\/span>\n      <\/div>\n\n      <div class=\"nsp-hero__main\">\n        <div class=\"nsp-hero__copy\">\n          <span class=\"nsp-eyebrow\">DESIGN \u00b7 WEB \u00b7 AI \u00b7 MARKETING<\/span>\n\n          <h1>\n            Everything your brand needs\n            <strong>to look sharper, move faster and grow stronger.<\/strong>\n          <\/h1>\n\n          <p>\n            A complete creative service system built around one goal:\n            giving your brand a clear, premium and professional digital presence.\n          <\/p>\n\n          <div class=\"nsp-actions\">\n            <a href=\"https:\/\/nadersaied.com\/contact\/\" class=\"nsp-btn nsp-btn--primary\">Start a Project<\/a>\n            <a href=\"https:\/\/nadersaied.com\/projects\/\" class=\"nsp-btn nsp-btn--secondary\">View Projects<\/a>\n          <\/div>\n        <\/div>\n\n        <div class=\"nsp-hero__panel\">\n          <div class=\"nsp-panel__head\">\n            <span>FULL CREATIVE STACK<\/span>\n            <strong>One partner. Six connected services.<\/strong>\n          <\/div>\n\n          <div class=\"nsp-panel__grid\">\n            <div><b>01<\/b><span>Brand Identity<\/span><\/div>\n            <div><b>02<\/b><span>Social Media<\/span><\/div>\n            <div><b>03<\/b><span>Web Design<\/span><\/div>\n            <div><b>04<\/b><span>AI Visuals<\/span><\/div>\n            <div><b>05<\/b><span>AI Video<\/span><\/div>\n            <div><b>06<\/b><span>Marketing<\/span><\/div>\n          <\/div>\n\n          <div class=\"nsp-panel__foot\">\n            <span>Built as individual services or one complete system.<\/span>\n          <\/div>\n        <\/div>\n      <\/div>\n    <\/header>\n\n    <section class=\"nsp-trust\">\n      <div>\n        <strong>Clear Direction<\/strong>\n        <span>Every project starts with a focused creative strategy.<\/span>\n      <\/div>\n      <div>\n        <strong>Premium Execution<\/strong>\n        <span>Professional quality across every deliverable.<\/span>\n      <\/div>\n      <div>\n        <strong>Connected Results<\/strong>\n        <span>Design, content and technology working together.<\/span>\n      <\/div>\n    <\/section>\n\n    <section class=\"nsp-services-section\">\n      <div class=\"nsp-section-head\">\n        <span>SERVICES<\/span>\n        <h2>Choose what your brand needs now.<\/h2>\n        <p>Or combine multiple services into one complete digital presence.<\/p>\n      <\/div>\n\n      <div class=\"nsp-services-grid\">\n        \n    <article class=\"nsp-service is-featured\">\n      <div class=\"nsp-service__index\">01<\/div>\n      <div class=\"nsp-service__icon\">\u25c6<\/div>\n\n      <div class=\"nsp-service__content\">\n        <span>Build a brand people remember.<\/span>\n        <h3>Brand Identity<\/h3>\n        <p>Logo systems, visual direction and brand assets designed to create a clear, premium and consistent identity.<\/p>\n      <\/div>\n\n      <ul class=\"nsp-service__list\">\n        <li>Logo & visual system<\/li><li>Colors & typography<\/li><li>Brand guidelines<\/li><li>Presentation assets<\/li>\n      <\/ul>\n\n      <a href=\"https:\/\/nadersaied.com\/contact\/\" class=\"nsp-service__link\">\n        <span>Start Branding<\/span>\n        <b>\u2197<\/b>\n      <\/a>\n    <\/article>\n    \n    <article class=\"nsp-service \">\n      <div class=\"nsp-service__index\">02<\/div>\n      <div class=\"nsp-service__icon\">\u25c9<\/div>\n\n      <div class=\"nsp-service__content\">\n        <span>Turn your page into a strong brand presence.<\/span>\n        <h3>Social Media Design<\/h3>\n        <p>Campaign concepts, premium posts and complete visual systems built for clarity, consistency and engagement.<\/p>\n      <\/div>\n\n      <ul class=\"nsp-service__list\">\n        <li>Campaign direction<\/li><li>Post design systems<\/li><li>Ad creatives<\/li><li>Page branding<\/li>\n      <\/ul>\n\n      <a href=\"https:\/\/nadersaied.com\/my-social-work\/\" class=\"nsp-service__link\">\n        <span>View Social Work<\/span>\n        <b>\u2197<\/b>\n      <\/a>\n    <\/article>\n    \n    <article class=\"nsp-service is-featured\">\n      <div class=\"nsp-service__index\">03<\/div>\n      <div class=\"nsp-service__icon\">\u25a3<\/div>\n\n      <div class=\"nsp-service__content\">\n        <span>A digital experience that builds trust.<\/span>\n        <h3>Website Design<\/h3>\n        <p>Modern WordPress websites and landing pages focused on presentation, usability, speed and conversion.<\/p>\n      <\/div>\n\n      <ul class=\"nsp-service__list\">\n        <li>WordPress websites<\/li><li>Landing pages<\/li><li>Portfolio websites<\/li><li>Responsive development<\/li>\n      <\/ul>\n\n      <a href=\"https:\/\/nadersaied.com\/projects\/\" class=\"nsp-service__link\">\n        <span>Explore Websites<\/span>\n        <b>\u2197<\/b>\n      <\/a>\n    <\/article>\n    \n    <article class=\"nsp-service \">\n      <div class=\"nsp-service__index\">04<\/div>\n      <div class=\"nsp-service__icon\">\u2726<\/div>\n\n      <div class=\"nsp-service__content\">\n        <span>Create visuals beyond traditional production.<\/span>\n        <h3>AI Creative Production<\/h3>\n        <p>High-end AI scenes, product visuals, campaign concepts and cinematic artwork tailored to your brand.<\/p>\n      <\/div>\n\n      <ul class=\"nsp-service__list\">\n        <li>Product scenes<\/li><li>Campaign visuals<\/li><li>Cinematic posters<\/li><li>Character concepts<\/li>\n      <\/ul>\n\n      <a href=\"https:\/\/nadersaied.com\/ai-projects\/\" class=\"nsp-service__link\">\n        <span>View AI Work<\/span>\n        <b>\u2197<\/b>\n      <\/a>\n    <\/article>\n    \n    <article class=\"nsp-service \">\n      <div class=\"nsp-service__index\">05<\/div>\n      <div class=\"nsp-service__icon\">\u25b6<\/div>\n\n      <div class=\"nsp-service__content\">\n        <span>Move your story with cinematic content.<\/span>\n        <h3>AI Video Production<\/h3>\n        <p>Short-form videos, motion scenes and AI-powered storytelling for modern digital campaigns.<\/p>\n      <\/div>\n\n      <ul class=\"nsp-service__list\">\n        <li>AI reels<\/li><li>Motion scenes<\/li><li>Brand videos<\/li><li>Video campaigns<\/li>\n      <\/ul>\n\n      <a href=\"https:\/\/nadersaied.com\/ai-video-production\/\" class=\"nsp-service__link\">\n        <span>View Video Work<\/span>\n        <b>\u2197<\/b>\n      <\/a>\n    <\/article>\n    \n    <article class=\"nsp-service \">\n      <div class=\"nsp-service__index\">06<\/div>\n      <div class=\"nsp-service__icon\">\u2197<\/div>\n\n      <div class=\"nsp-service__content\">\n        <span>Connect creativity with business growth.<\/span>\n        <h3>Digital Marketing<\/h3>\n        <p>Content strategy, campaign planning and positioning that turn creative work into a focused growth system.<\/p>\n      <\/div>\n\n      <ul class=\"nsp-service__list\">\n        <li>Content strategy<\/li><li>Campaign planning<\/li><li>Brand positioning<\/li><li>Growth direction<\/li>\n      <\/ul>\n\n      <a href=\"https:\/\/nadersaied.com\/contact\/\" class=\"nsp-service__link\">\n        <span>Plan a Campaign<\/span>\n        <b>\u2197<\/b>\n      <\/a>\n    <\/article>\n    \n      <\/div>\n    <\/section>\n\n    <section class=\"nsp-bundles\">\n      <div class=\"nsp-section-head nsp-section-head--left\">\n        <span>SMART SOLUTIONS<\/span>\n        <h2>Not sure where to start?<\/h2>\n        <p>Choose a complete solution based on your current business stage.<\/p>\n      <\/div>\n\n      <div class=\"nsp-bundle-grid\">\n        <article>\n          <span>STARTUP<\/span>\n          <h3>Brand Launch<\/h3>\n          <p>Identity, social media direction and launch visuals for a strong first impression.<\/p>\n          <ul>\n            <li>Logo & visual identity<\/li>\n            <li>Launch campaign<\/li>\n            <li>Social media starter kit<\/li>\n          <\/ul>\n        <\/article>\n\n        <article class=\"is-highlighted\">\n          <span>GROWTH<\/span>\n          <h3>Complete Digital Presence<\/h3>\n          <p>A connected system for brands ready to look professional across every digital touchpoint.<\/p>\n          <ul>\n            <li>Brand identity<\/li>\n            <li>Website design<\/li>\n            <li>Social media system<\/li>\n            <li>AI campaign visuals<\/li>\n          <\/ul>\n        <\/article>\n\n        <article>\n          <span>CAMPAIGN<\/span>\n          <h3>Creative Production<\/h3>\n          <p>Visuals, video and campaign assets built around a specific launch or marketing goal.<\/p>\n          <ul>\n            <li>Campaign concept<\/li>\n            <li>AI visuals<\/li>\n            <li>Video production<\/li>\n          <\/ul>\n        <\/article>\n      <\/div>\n    <\/section>\n\n    <section class=\"nsp-process\">\n      <div class=\"nsp-section-head nsp-section-head--left\">\n        <span>PROCESS<\/span>\n        <h2>Simple from first call to final delivery.<\/h2>\n      <\/div>\n\n      <div class=\"nsp-process__line\">\n        <article>\n          <span>01<\/span>\n          <h3>Discover<\/h3>\n          <p>Your goals, audience and required deliverables.<\/p>\n        <\/article>\n\n        <article>\n          <span>02<\/span>\n          <h3>Direct<\/h3>\n          <p>The concept, visual language and execution plan.<\/p>\n        <\/article>\n\n        <article>\n          <span>03<\/span>\n          <h3>Create<\/h3>\n          <p>Design, development, production and refinement.<\/p>\n        <\/article>\n\n        <article>\n          <span>04<\/span>\n          <h3>Deliver<\/h3>\n          <p>Final files, publishing support and handover.<\/p>\n        <\/article>\n      <\/div>\n    <\/section>\n\n    <section class=\"nsp-cta\">\n      <div>\n        <span>READY TO BUILD SOMETHING STRONGER?<\/span>\n        <h2>Tell me what your brand needs. I\u2019ll shape the right creative solution.<\/h2>\n      <\/div>\n\n      <a href=\"https:\/\/nadersaied.com\/contact\/\" class=\"nsp-btn nsp-btn--primary\">Start Your Project<\/a>\n    <\/section>\n\n  <\/div>\n<\/section>\n\n<style>\n.nsp,\n.nsp * {\n  box-sizing:border-box;\n}\n\n.nsp {\n  --bg:#080304;\n  --bg2:#17070c;\n  --card:#12070a;\n  --gold:#efc76a;\n  --gold2:#fff0b5;\n  --wine:#8f1739;\n  --text:#ffffff;\n  --muted:rgba(255,255,255,.64);\n  --line:rgba(255,255,255,.10);\n\n  position:relative;\n  overflow:hidden;\n  padding:90px 5% 76px;\n  color:var(--text);\n  background:\n    radial-gradient(circle at 9% 8%,rgba(143,23,57,.16),transparent 27%),\n    radial-gradient(circle at 90% 15%,rgba(239,199,106,.06),transparent 23%),\n    linear-gradient(145deg,var(--bg),var(--bg2) 60%,#070203);\n  font-family:\"Plus Jakarta Sans\",Arial,sans-serif;\n}\n\n.nsp::before {\n  content:\"\";\n  position:absolute;\n  inset:0;\n  opacity:.08;\n  pointer-events:none;\n  background-image:\n    linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px),\n    linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px);\n  background-size:64px 64px;\n}\n\n.nsp-shell {\n  position:relative;\n  z-index:2;\n  width:min(1380px,100%);\n  margin:0 auto;\n}\n\n.nsp-separator {\n  position:absolute;\n  top:0;\n  left:50%;\n  width:min(86%,1150px);\n  height:2px;\n  transform:translateX(-50%);\n  background:linear-gradient(90deg,transparent,rgba(239,199,106,.36),var(--gold),rgba(239,199,106,.36),transparent);\n  box-shadow:0 0 18px rgba(239,199,106,.26);\n}\n\n.nsp-separator span {\n  position:absolute;\n  top:-7px;\n  left:50%;\n  width:14px;\n  height:14px;\n  transform:translateX(-50%) rotate(45deg);\n  border:2px solid var(--gold);\n  background:#100507;\n  box-shadow:0 0 15px rgba(239,199,106,.55);\n}\n\n.nsp-hero {\n  padding:8px 0 92px;\n  border-bottom:1px solid var(--line);\n}\n\n.nsp-hero__top {\n  display:flex;\n  flex-direction:column;\n  align-items:center;\n  gap:12px;\n  margin-bottom:64px;\n  text-align:center;\n}\n\n.nsp-hero__top img {\n  width:170px;\n  height:170px;\n  object-fit:contain;\n  filter:drop-shadow(0 22px 42px rgba(0,0,0,.38));\n}\n\n.nsp-hero__top span,\n.nsp-eyebrow,\n.nsp-section-head > span,\n.nsp-cta > div > span {\n  color:var(--gold);\n  font-size:10px;\n  font-weight:800;\n  letter-spacing:2.5px;\n}\n\n.nsp-hero__main {\n  display:grid;\n  grid-template-columns:1.08fr .92fr;\n  gap:72px;\n  align-items:center;\n}\n\n.nsp-hero__copy h1 {\n  margin:16px 0 0;\n  max-width:790px;\n  font-family:\"Sora\",Arial,sans-serif;\n  font-size:clamp(48px,5.6vw,82px);\n  line-height:1.02;\n  letter-spacing:-3.6px;\n  font-weight:700;\n}\n\n.nsp-hero__copy h1 strong {\n  display:block;\n  margin-top:12px;\n  color:var(--gold2);\n  font-weight:700;\n}\n\n.nsp-hero__copy p {\n  max-width:670px;\n  margin:24px 0 0;\n  color:var(--muted);\n  font-size:16px;\n  line-height:1.82;\n}\n\n.nsp-actions {\n  display:flex;\n  flex-wrap:wrap;\n  gap:12px;\n  margin-top:30px;\n}\n\n.nsp-btn {\n  min-height:52px;\n  display:inline-flex;\n  align-items:center;\n  justify-content:center;\n  padding:0 24px;\n  border-radius:12px;\n  text-decoration:none!important;\n  font-size:12px;\n  font-weight:800;\n  transition:transform .25s ease;\n}\n\n.nsp-btn:hover {\n  transform:translateY(-3px);\n}\n\n.nsp-btn--primary {\n  background:linear-gradient(135deg,var(--gold2),var(--gold));\n  color:#17080b!important;\n  box-shadow:0 14px 34px rgba(239,199,106,.16);\n}\n\n.nsp-btn--secondary {\n  border:1px solid rgba(255,255,255,.18);\n  background:rgba(255,255,255,.035);\n  color:#fff!important;\n}\n\n.nsp-hero__panel {\n  overflow:hidden;\n  border:1px solid var(--line);\n  border-radius:26px;\n  background:\n    radial-gradient(circle at 100% 0%,rgba(239,199,106,.08),transparent 35%),\n    rgba(255,255,255,.03);\n}\n\n.nsp-panel__head {\n  padding:26px;\n  border-bottom:1px solid var(--line);\n}\n\n.nsp-panel__head span {\n  display:block;\n  color:var(--gold);\n  font-size:9px;\n  font-weight:800;\n  letter-spacing:2px;\n}\n\n.nsp-panel__head strong {\n  display:block;\n  margin-top:10px;\n  font-family:\"Sora\",Arial,sans-serif;\n  font-size:24px;\n  line-height:1.25;\n}\n\n.nsp-panel__grid {\n  display:grid;\n  grid-template-columns:repeat(2,1fr);\n}\n\n.nsp-panel__grid div {\n  display:grid;\n  grid-template-columns:34px 1fr;\n  gap:10px;\n  align-items:center;\n  min-height:74px;\n  padding:16px 20px;\n  border-right:1px solid var(--line);\n  border-bottom:1px solid var(--line);\n}\n\n.nsp-panel__grid div:nth-child(even) {\n  border-right:0;\n}\n\n.nsp-panel__grid div:nth-last-child(-n+2) {\n  border-bottom:0;\n}\n\n.nsp-panel__grid b {\n  color:var(--gold);\n  font-size:10px;\n}\n\n.nsp-panel__grid span {\n  color:rgba(255,255,255,.84);\n  font-size:13px;\n  font-weight:700;\n}\n\n.nsp-panel__foot {\n  padding:17px 24px;\n  border-top:1px solid var(--line);\n  color:var(--muted);\n  font-size:11px;\n}\n\n.nsp-trust {\n  display:grid;\n  grid-template-columns:repeat(3,1fr);\n  border-bottom:1px solid var(--line);\n}\n\n.nsp-trust div {\n  padding:28px 24px;\n  border-right:1px solid var(--line);\n}\n\n.nsp-trust div:last-child {\n  border-right:0;\n}\n\n.nsp-trust strong {\n  display:block;\n  font-family:\"Sora\",Arial,sans-serif;\n  font-size:17px;\n}\n\n.nsp-trust span {\n  display:block;\n  margin-top:8px;\n  color:var(--muted);\n  font-size:12px;\n  line-height:1.6;\n}\n\n.nsp-services-section,\n.nsp-bundles,\n.nsp-process {\n  padding:100px 0;\n  border-bottom:1px solid var(--line);\n}\n\n.nsp-section-head {\n  max-width:860px;\n  margin:0 auto 44px;\n  text-align:center;\n}\n\n.nsp-section-head--left {\n  margin-left:0;\n  text-align:left;\n}\n\n.nsp-section-head h2 {\n  margin:12px 0 12px;\n  font-family:\"Sora\",Arial,sans-serif;\n  font-size:clamp(38px,4.6vw,66px);\n  line-height:1.05;\n  letter-spacing:-2.8px;\n}\n\n.nsp-section-head p {\n  margin:0;\n  color:var(--muted);\n  font-size:14px;\n}\n\n.nsp-services-grid {\n  display:grid;\n  grid-template-columns:repeat(2,1fr);\n  gap:16px;\n}\n\n.nsp-service {\n  position:relative;\n  min-height:420px;\n  display:grid;\n  grid-template-columns:70px 1fr;\n  grid-template-rows:auto 1fr auto;\n  gap:0 24px;\n  padding:28px;\n  border:1px solid var(--line);\n  border-radius:24px;\n  background:\n    radial-gradient(circle at 100% 0%,rgba(239,199,106,.055),transparent 32%),\n    rgba(255,255,255,.026);\n  transition:transform .25s ease,border-color .25s ease;\n}\n\n.nsp-service:hover {\n  transform:translateY(-5px);\n  border-color:rgba(239,199,106,.28);\n}\n\n.nsp-service.is-featured {\n  background:\n    linear-gradient(145deg,rgba(143,23,57,.20),rgba(255,255,255,.025)),\n    radial-gradient(circle at 100% 0%,rgba(239,199,106,.08),transparent 34%);\n}\n\n.nsp-service__index {\n  position:absolute;\n  top:24px;\n  right:24px;\n  color:rgba(255,255,255,.15);\n  font-family:\"Sora\",Arial,sans-serif;\n  font-size:34px;\n  font-weight:700;\n}\n\n.nsp-service__icon {\n  grid-column:1;\n  grid-row:1 \/ span 2;\n  width:62px;\n  height:62px;\n  display:grid;\n  place-items:center;\n  border:1px solid rgba(239,199,106,.22);\n  border-radius:18px;\n  background:rgba(239,199,106,.07);\n  color:var(--gold);\n  font-family:\"Sora\",Arial,sans-serif;\n  font-size:24px;\n  font-weight:700;\n}\n\n.nsp-service__content {\n  grid-column:2;\n}\n\n.nsp-service__content > span {\n  color:var(--gold);\n  font-size:9px;\n  font-weight:800;\n  letter-spacing:1.2px;\n  text-transform:uppercase;\n}\n\n.nsp-service h3 {\n  margin:9px 0 12px;\n  font-family:\"Sora\",Arial,sans-serif;\n  font-size:30px;\n  line-height:1.08;\n  letter-spacing:-1px;\n}\n\n.nsp-service p {\n  margin:0;\n  color:var(--muted);\n  font-size:13px;\n  line-height:1.75;\n}\n\n.nsp-service__list {\n  grid-column:2;\n  display:grid;\n  grid-template-columns:repeat(2,minmax(0,1fr));\n  gap:9px 16px;\n  margin:24px 0 0;\n  padding:0;\n  list-style:none;\n}\n\n.nsp-service__list li {\n  position:relative;\n  padding-left:16px;\n  color:rgba(255,255,255,.76);\n  font-size:11px;\n}\n\n.nsp-service__list li::before {\n  content:\"\";\n  position:absolute;\n  top:.43em;\n  left:0;\n  width:6px;\n  height:6px;\n  transform:rotate(45deg);\n  border:1px solid var(--gold);\n}\n\n.nsp-service__link {\n  grid-column:1 \/ -1;\n  display:flex;\n  align-items:center;\n  justify-content:space-between;\n  margin-top:28px;\n  padding-top:18px;\n  border-top:1px solid var(--line);\n  color:#fff!important;\n  text-decoration:none!important;\n  font-size:11px;\n  font-weight:800;\n}\n\n.nsp-service__link b {\n  color:var(--gold);\n  font-size:17px;\n}\n\n.nsp-bundle-grid {\n  display:grid;\n  grid-template-columns:repeat(3,1fr);\n  gap:16px;\n}\n\n.nsp-bundle-grid article {\n  min-height:360px;\n  padding:28px;\n  border:1px solid var(--line);\n  border-radius:22px;\n  background:rgba(255,255,255,.025);\n}\n\n.nsp-bundle-grid article.is-highlighted {\n  border-color:rgba(239,199,106,.30);\n  background:\n    radial-gradient(circle at 100% 0%,rgba(239,199,106,.08),transparent 35%),\n    linear-gradient(145deg,rgba(143,23,57,.18),rgba(255,255,255,.025));\n}\n\n.nsp-bundle-grid article > span {\n  color:var(--gold);\n  font-size:9px;\n  font-weight:800;\n  letter-spacing:2px;\n}\n\n.nsp-bundle-grid h3 {\n  margin:18px 0 12px;\n  font-family:\"Sora\",Arial,sans-serif;\n  font-size:28px;\n}\n\n.nsp-bundle-grid p {\n  margin:0;\n  color:var(--muted);\n  font-size:13px;\n  line-height:1.75;\n}\n\n.nsp-bundle-grid ul {\n  display:grid;\n  gap:10px;\n  margin:26px 0 0;\n  padding:0;\n  list-style:none;\n}\n\n.nsp-bundle-grid li {\n  position:relative;\n  padding-left:17px;\n  color:rgba(255,255,255,.78);\n  font-size:12px;\n}\n\n.nsp-bundle-grid li::before {\n  content:\"\";\n  position:absolute;\n  left:0;\n  top:.43em;\n  width:6px;\n  height:6px;\n  border-radius:50%;\n  background:var(--gold);\n}\n\n.nsp-process__line {\n  display:grid;\n  grid-template-columns:repeat(4,1fr);\n  border-top:1px solid var(--line);\n}\n\n.nsp-process__line article {\n  padding:28px 22px;\n  border-right:1px solid var(--line);\n}\n\n.nsp-process__line article:last-child {\n  border-right:0;\n}\n\n.nsp-process__line span {\n  color:var(--gold);\n  font-size:10px;\n  font-weight:800;\n}\n\n.nsp-process__line h3 {\n  margin:14px 0 9px;\n  font-family:\"Sora\",Arial,sans-serif;\n  font-size:20px;\n}\n\n.nsp-process__line p {\n  margin:0;\n  color:var(--muted);\n  font-size:12px;\n  line-height:1.7;\n}\n\n.nsp-cta {\n  display:flex;\n  align-items:center;\n  justify-content:space-between;\n  gap:30px;\n  padding:76px 0 8px;\n}\n\n.nsp-cta h2 {\n  max-width:900px;\n  margin:12px 0 0;\n  font-family:\"Sora\",Arial,sans-serif;\n  font-size:clamp(32px,4vw,58px);\n  line-height:1.08;\n  letter-spacing:-2px;\n}\n\n@media(max-width:1050px) {\n  .nsp-hero__main {\n    grid-template-columns:1fr;\n  }\n\n  .nsp-services-grid {\n    grid-template-columns:1fr;\n  }\n\n  .nsp-bundle-grid {\n    grid-template-columns:1fr;\n  }\n\n  .nsp-process__line {\n    grid-template-columns:repeat(2,1fr);\n  }\n\n  .nsp-process__line article:nth-child(2) {\n    border-right:0;\n  }\n}\n\n@media(max-width:767px) {\n  .nsp {\n    padding:58px 14px 48px;\n  }\n\n  .nsp-hero {\n    padding-bottom:68px;\n  }\n\n  .nsp-hero__top {\n    margin-bottom:42px;\n  }\n\n  .nsp-hero__top img {\n    width:150px;\n    height:150px;\n  }\n\n  .nsp-hero__copy h1 {\n    font-size:43px;\n    line-height:1.05;\n    letter-spacing:-1.7px;\n  }\n\n  .nsp-hero__copy p {\n    font-size:14px;\n  }\n\n  .nsp-actions {\n    display:grid;\n    grid-template-columns:1fr;\n  }\n\n  .nsp-btn {\n    width:100%;\n  }\n\n  .nsp-panel__grid {\n    grid-template-columns:1fr;\n  }\n\n  .nsp-panel__grid div,\n  .nsp-panel__grid div:nth-child(even),\n  .nsp-panel__grid div:nth-last-child(-n+2) {\n    border-right:0;\n    border-bottom:1px solid var(--line);\n  }\n\n  .nsp-panel__grid div:last-child {\n    border-bottom:0;\n  }\n\n  .nsp-trust {\n    grid-template-columns:1fr;\n  }\n\n  .nsp-trust div {\n    border-right:0;\n    border-bottom:1px solid var(--line);\n  }\n\n  .nsp-trust div:last-child {\n    border-bottom:0;\n  }\n\n  .nsp-services-section,\n  .nsp-bundles,\n  .nsp-process {\n    padding:74px 0;\n  }\n\n  .nsp-section-head {\n    text-align:left;\n  }\n\n  .nsp-service {\n    min-height:auto;\n    grid-template-columns:1fr;\n    gap:18px;\n  }\n\n  .nsp-service__icon {\n    grid-column:1;\n    grid-row:auto;\n  }\n\n  .nsp-service__content,\n  .nsp-service__list {\n    grid-column:1;\n  }\n\n  .nsp-service__list {\n    grid-template-columns:1fr;\n    margin-top:0;\n  }\n\n  .nsp-process__line {\n    grid-template-columns:1fr;\n  }\n\n  .nsp-process__line article {\n    border-right:0;\n    border-bottom:1px solid var(--line);\n  }\n\n  .nsp-process__line article:last-child {\n    border-bottom:0;\n  }\n\n  .nsp-cta {\n    flex-direction:column;\n    align-items:stretch;\n  }\n}\n<\/style>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-1528e0d e-con-full e-flex wpr-particle-no wpr-jarallax-no wpr-parallax-no wpr-sticky-section-no wpr-column-slider-no wpr-equal-height-no e-con e-parent\" data-id=\"1528e0d\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-5809f6d elementor-widget elementor-widget-html\" data-id=\"5809f6d\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- Nader Saied Social Media Portfolio Slider -->\n<link\n  rel=\"stylesheet\"\n  href=\"https:\/\/cdn.jsdelivr.net\/npm\/swiper@11\/swiper-bundle.min.css\"\n\/>\n\n<section class=\"nader-portfolio-slider\" id=\"naderPortfolioSlider\">\n\n  <div class=\"nader-slider-background\"><\/div>\n  <div class=\"nader-slider-glow nader-slider-glow-1\"><\/div>\n  <div class=\"nader-slider-glow nader-slider-glow-2\"><\/div>\n\n  <div class=\"nader-slider-container\">\n\n    <!-- Section Heading -->\n    <div class=\"nader-slider-heading\">\n\n      <div class=\"nader-social-icon\">\n        <img decoding=\"async\"\n          src=\"https:\/\/nadersaied.com\/wp-content\/uploads\/2026\/06\/Social.png\"\n          alt=\"Social Media Design\"\n          loading=\"eager\"\n        >\n      <\/div>\n\n      <div class=\"nader-section-tag\">\n        <span><\/span>\n        SOCIAL MEDIA DESIGN\n        <span><\/span>\n      <\/div>\n\n      <h2>Creative Social Media<\/h2>\n\n      <p>\n        A curated collection of social media visuals, campaigns and branded digital content.\n      <\/p>\n\n    <\/div>\n\n    <!-- Main Slider -->\n    <div class=\"swiper nader-main-swiper\">\n\n      <div class=\"swiper-wrapper\">\n\n        <div class=\"swiper-slide\">\n          <button type=\"button\" class=\"nader-design-card\" data-index=\"0\" aria-label=\"Open design 1\">\n            <img decoding=\"async\"\n              src=\"https:\/\/nadersaied.com\/wp-content\/uploads\/2026\/07\/Slide-12.jpg\"\n              alt=\"Social media design by Nader Saied\"\n            >\n\n            <span class=\"nader-card-number\">01<\/span>\n\n            <span class=\"nader-card-expand\">\n              <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\n                <path d=\"M8 3H3v5h2V5h3V3zm13 5V3h-5v2h3v3h2zM5 16H3v5h5v-2H5v-3zm16 0h-2v3h-3v2h5v-5z\"\/>\n              <\/svg>\n            <\/span>\n          <\/button>\n        <\/div>\n\n        <div class=\"swiper-slide\">\n          <button type=\"button\" class=\"nader-design-card\" data-index=\"1\" aria-label=\"Open design 2\">\n            <img decoding=\"async\"\n              src=\"https:\/\/nadersaied.com\/wp-content\/uploads\/2026\/07\/Slide-7.jpg\"\n              alt=\"Social media design by Nader Saied\"\n              loading=\"lazy\"\n            >\n\n            <span class=\"nader-card-number\">02<\/span>\n\n            <span class=\"nader-card-expand\">\n              <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\n                <path d=\"M8 3H3v5h2V5h3V3zm13 5V3h-5v2h3v3h2zM5 16H3v5h5v-2H5v-3zm16 0h-2v3h-3v2h5v-5z\"\/>\n              <\/svg>\n            <\/span>\n          <\/button>\n        <\/div>\n\n        <div class=\"swiper-slide\">\n          <button type=\"button\" class=\"nader-design-card\" data-index=\"2\" aria-label=\"Open design 3\">\n            <img decoding=\"async\"\n              src=\"https:\/\/nadersaied.com\/wp-content\/uploads\/2026\/07\/Slide-6.jpg\"\n              alt=\"Social media design by Nader Saied\"\n              loading=\"lazy\"\n            >\n\n            <span class=\"nader-card-number\">03<\/span>\n\n            <span class=\"nader-card-expand\">\n              <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\n                <path d=\"M8 3H3v5h2V5h3V3zm13 5V3h-5v2h3v3h2zM5 16H3v5h5v-2H5v-3zm16 0h-2v3h-3v2h5v-5z\"\/>\n              <\/svg>\n            <\/span>\n          <\/button>\n        <\/div>\n\n        <div class=\"swiper-slide\">\n          <button type=\"button\" class=\"nader-design-card\" data-index=\"3\" aria-label=\"Open design 4\">\n            <img decoding=\"async\"\n              src=\"https:\/\/nadersaied.com\/wp-content\/uploads\/2026\/07\/Slide-5.jpg\"\n              alt=\"Social media design by Nader Saied\"\n              loading=\"lazy\"\n            >\n\n            <span class=\"nader-card-number\">04<\/span>\n\n            <span class=\"nader-card-expand\">\n              <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\n                <path d=\"M8 3H3v5h2V5h3V3zm13 5V3h-5v2h3v3h2zM5 16H3v5h5v-2H5v-3zm16 0h-2v3h-3v2h5v-5z\"\/>\n              <\/svg>\n            <\/span>\n          <\/button>\n        <\/div>\n\n        <div class=\"swiper-slide\">\n          <button type=\"button\" class=\"nader-design-card\" data-index=\"4\" aria-label=\"Open design 5\">\n            <img decoding=\"async\"\n              src=\"https:\/\/nadersaied.com\/wp-content\/uploads\/2026\/07\/Slide-4.jpg\"\n              alt=\"Social media design by Nader Saied\"\n              loading=\"lazy\"\n            >\n\n            <span class=\"nader-card-number\">05<\/span>\n\n            <span class=\"nader-card-expand\">\n              <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\n                <path d=\"M8 3H3v5h2V5h3V3zm13 5V3h-5v2h3v3h2zM5 16H3v5h5v-2H5v-3zm16 0h-2v3h-3v2h5v-5z\"\/>\n              <\/svg>\n            <\/span>\n          <\/button>\n        <\/div>\n\n        <div class=\"swiper-slide\">\n          <button type=\"button\" class=\"nader-design-card\" data-index=\"5\" aria-label=\"Open design 6\">\n            <img decoding=\"async\"\n              src=\"https:\/\/nadersaied.com\/wp-content\/uploads\/2026\/07\/Slide-55.jpg\"\n              alt=\"Social media design by Nader Saied\"\n              loading=\"lazy\"\n            >\n\n            <span class=\"nader-card-number\">06<\/span>\n\n            <span class=\"nader-card-expand\">\n              <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\n                <path d=\"M8 3H3v5h2V5h3V3zm13 5V3h-5v2h3v3h2zM5 16H3v5h5v-2H5v-3zm16 0h-2v3h-3v2h5v-5z\"\/>\n              <\/svg>\n            <\/span>\n          <\/button>\n        <\/div>\n\n        <div class=\"swiper-slide\">\n          <button type=\"button\" class=\"nader-design-card\" data-index=\"6\" aria-label=\"Open design 7\">\n            <img decoding=\"async\"\n              src=\"https:\/\/nadersaied.com\/wp-content\/uploads\/2026\/07\/Slide-2.jpg\"\n              alt=\"Social media design by Nader Saied\"\n              loading=\"lazy\"\n            >\n\n            <span class=\"nader-card-number\">07<\/span>\n\n            <span class=\"nader-card-expand\">\n              <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\n                <path d=\"M8 3H3v5h2V5h3V3zm13 5V3h-5v2h3v3h2zM5 16H3v5h5v-2H5v-3zm16 0h-2v3h-3v2h5v-5z\"\/>\n              <\/svg>\n            <\/span>\n          <\/button>\n        <\/div>\n\n        <div class=\"swiper-slide\">\n          <button type=\"button\" class=\"nader-design-card\" data-index=\"7\" aria-label=\"Open design 8\">\n            <img decoding=\"async\"\n              src=\"https:\/\/nadersaied.com\/wp-content\/uploads\/2026\/07\/dell-g15-5530-copy.jpg\"\n              alt=\"Product advertising design by Nader Saied\"\n              loading=\"lazy\"\n            >\n\n            <span class=\"nader-card-number\">08<\/span>\n\n            <span class=\"nader-card-expand\">\n              <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\n                <path d=\"M8 3H3v5h2V5h3V3zm13 5V3h-5v2h3v3h2zM5 16H3v5h5v-2H5v-3zm16 0h-2v3h-3v2h5v-5z\"\/>\n              <\/svg>\n            <\/span>\n          <\/button>\n        <\/div>\n\n        <div class=\"swiper-slide\">\n          <button type=\"button\" class=\"nader-design-card\" data-index=\"8\" aria-label=\"Open design 9\">\n            <img decoding=\"async\"\n              src=\"https:\/\/nadersaied.com\/wp-content\/uploads\/2026\/07\/Slide-3.jpg\"\n              alt=\"Social media design by Nader Saied\"\n              loading=\"lazy\"\n            >\n\n            <span class=\"nader-card-number\">09<\/span>\n\n            <span class=\"nader-card-expand\">\n              <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\n                <path d=\"M8 3H3v5h2V5h3V3zm13 5V3h-5v2h3v3h2zM5 16H3v5h5v-2H5v-3zm16 0h-2v3h-3v2h5v-5z\"\/>\n              <\/svg>\n            <\/span>\n          <\/button>\n        <\/div>\n\n        <div class=\"swiper-slide\">\n          <button type=\"button\" class=\"nader-design-card\" data-index=\"9\" aria-label=\"Open design 10\">\n            <img decoding=\"async\"\n              src=\"https:\/\/nadersaied.com\/wp-content\/uploads\/2026\/07\/Slide-10.jpg\"\n              alt=\"Social media design by Nader Saied\"\n              loading=\"lazy\"\n            >\n\n            <span class=\"nader-card-number\">10<\/span>\n\n            <span class=\"nader-card-expand\">\n              <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\n                <path d=\"M8 3H3v5h2V5h3V3zm13 5V3h-5v2h3v3h2zM5 16H3v5h5v-2H5v-3zm16 0h-2v3h-3v2h5v-5z\"\/>\n              <\/svg>\n            <\/span>\n          <\/button>\n        <\/div>\n\n        <div class=\"swiper-slide\">\n          <button type=\"button\" class=\"nader-design-card\" data-index=\"10\" aria-label=\"Open design 11\">\n            <img decoding=\"async\"\n              src=\"https:\/\/nadersaied.com\/wp-content\/uploads\/2026\/07\/Slide-8.jpg\"\n              alt=\"Social media design by Nader Saied\"\n              loading=\"lazy\"\n            >\n\n            <span class=\"nader-card-number\">11<\/span>\n\n            <span class=\"nader-card-expand\">\n              <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\n                <path d=\"M8 3H3v5h2V5h3V3zm13 5V3h-5v2h3v3h2zM5 16H3v5h5v-2H5v-3zm16 0h-2v3h-3v2h5v-5z\"\/>\n              <\/svg>\n            <\/span>\n          <\/button>\n        <\/div>\n\n      <\/div>\n\n      <!-- Slider Arrows -->\n      <button type=\"button\" class=\"nader-main-arrow nader-main-prev\" aria-label=\"Previous design\">\n        <svg viewBox=\"0 0 24 24\">\n          <path d=\"M15.4 5.4 8.8 12l6.6 6.6-1.4 1.4L6 12l8-8 1.4 1.4z\"\/>\n        <\/svg>\n      <\/button>\n\n      <button type=\"button\" class=\"nader-main-arrow nader-main-next\" aria-label=\"Next design\">\n        <svg viewBox=\"0 0 24 24\">\n          <path d=\"m8.6 18.6 6.6-6.6-6.6-6.6L10 4l8 8-8 8-1.4-1.4z\"\/>\n        <\/svg>\n      <\/button>\n\n    <\/div>\n\n    <!-- Main Thumbnails -->\n    <div class=\"nader-thumbnails-wrapper\">\n\n      <div class=\"swiper nader-thumbs-swiper\">\n\n        <div class=\"swiper-wrapper\">\n\n          <div class=\"swiper-slide\">\n            <img decoding=\"async\" src=\"https:\/\/nadersaied.com\/wp-content\/uploads\/2026\/07\/Slide-12.jpg\" alt=\"Thumbnail 1\">\n          <\/div>\n\n          <div class=\"swiper-slide\">\n            <img decoding=\"async\" src=\"https:\/\/nadersaied.com\/wp-content\/uploads\/2026\/07\/Slide-7.jpg\" alt=\"Thumbnail 2\">\n          <\/div>\n\n          <div class=\"swiper-slide\">\n            <img decoding=\"async\" src=\"https:\/\/nadersaied.com\/wp-content\/uploads\/2026\/07\/Slide-6.jpg\" alt=\"Thumbnail 3\">\n          <\/div>\n\n          <div class=\"swiper-slide\">\n            <img decoding=\"async\" src=\"https:\/\/nadersaied.com\/wp-content\/uploads\/2026\/07\/Slide-5.jpg\" alt=\"Thumbnail 4\">\n          <\/div>\n\n          <div class=\"swiper-slide\">\n            <img decoding=\"async\" src=\"https:\/\/nadersaied.com\/wp-content\/uploads\/2026\/07\/Slide-4.jpg\" alt=\"Thumbnail 5\">\n          <\/div>\n\n          <div class=\"swiper-slide\">\n            <img decoding=\"async\" src=\"https:\/\/nadersaied.com\/wp-content\/uploads\/2026\/07\/Slide-55.jpg\" alt=\"Thumbnail 6\">\n          <\/div>\n\n          <div class=\"swiper-slide\">\n            <img decoding=\"async\" src=\"https:\/\/nadersaied.com\/wp-content\/uploads\/2026\/07\/Slide-2.jpg\" alt=\"Thumbnail 7\">\n          <\/div>\n\n          <div class=\"swiper-slide\">\n            <img decoding=\"async\" src=\"https:\/\/nadersaied.com\/wp-content\/uploads\/2026\/07\/dell-g15-5530-copy.jpg\" alt=\"Thumbnail 8\">\n          <\/div>\n\n          <div class=\"swiper-slide\">\n            <img decoding=\"async\" src=\"https:\/\/nadersaied.com\/wp-content\/uploads\/2026\/07\/Slide-3.jpg\" alt=\"Thumbnail 9\">\n          <\/div>\n\n          <div class=\"swiper-slide\">\n            <img decoding=\"async\" src=\"https:\/\/nadersaied.com\/wp-content\/uploads\/2026\/07\/Slide-10.jpg\" alt=\"Thumbnail 10\">\n          <\/div>\n\n          <div class=\"swiper-slide\">\n            <img decoding=\"async\" src=\"https:\/\/nadersaied.com\/wp-content\/uploads\/2026\/07\/Slide-8.jpg\" alt=\"Thumbnail 11\">\n          <\/div>\n\n        <\/div>\n\n      <\/div>\n\n    <\/div>\n\n    <!-- Counter And Pagination -->\n    <div class=\"nader-slider-bottom\">\n\n      <div class=\"nader-slider-counter\">\n        <strong class=\"nader-current-number\">01<\/strong>\n        <span><\/span>\n        <small>11<\/small>\n      <\/div>\n\n      <div class=\"nader-slider-pagination\"><\/div>\n\n    <\/div>\n\n    <!-- View All Button -->\n    <div class=\"nader-view-all-wrapper\">\n      <a\n        href=\"https:\/\/nadersaied.com\/my-social-work\/\"\n        class=\"nader-view-all-button\"\n        aria-label=\"View all social media designs\"\n      >\n        <span>View All Social Media Designs<\/span>\n\n        <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\n          <path d=\"M13.2 5.4 19.8 12l-6.6 6.6-1.4-1.4 4.2-4.2H4v-2h12l-4.2-4.2 1.4-1.4z\"\/>\n        <\/svg>\n      <\/a>\n    <\/div>\n\n  <\/div>\n<\/section>\n\n<!-- Fullscreen Viewer -->\n<div\n  class=\"nader-lightbox\"\n  id=\"naderLightbox\"\n  aria-hidden=\"true\"\n  role=\"dialog\"\n  aria-modal=\"true\"\n  aria-label=\"Social media design preview\"\n>\n\n  <div class=\"nader-lightbox-overlay\"><\/div>\n\n  <button\n    type=\"button\"\n    class=\"nader-lightbox-close\"\n    aria-label=\"Close fullscreen image\"\n    title=\"Close\"\n  >\u00d7<\/button>\n\n  <button\n    type=\"button\"\n    class=\"nader-lightbox-arrow nader-lightbox-prev\"\n    aria-label=\"Previous image\"\n  >\n    <svg viewBox=\"0 0 24 24\">\n      <path d=\"M15.4 5.4 8.8 12l6.6 6.6-1.4 1.4L6 12l8-8 1.4 1.4z\"\/>\n    <\/svg>\n  <\/button>\n\n  <div class=\"nader-lightbox-stage\">\n\n    <div class=\"nader-lightbox-loader\"><\/div>\n\n    <img decoding=\"async\"\n      class=\"nader-lightbox-image\"\n      src=\"\"\n      alt=\"Fullscreen social media design\"\n    >\n\n  <\/div>\n\n  <button\n    type=\"button\"\n    class=\"nader-lightbox-arrow nader-lightbox-next\"\n    aria-label=\"Next image\"\n  >\n    <svg viewBox=\"0 0 24 24\">\n      <path d=\"m8.6 18.6 6.6-6.6-6.6-6.6L10 4l8 8-8 8-1.4-1.4z\"\/>\n    <\/svg>\n  <\/button>\n\n  <div class=\"nader-lightbox-bottom\">\n\n    <div class=\"nader-lightbox-counter\">\n      <strong class=\"nader-lightbox-current\">01<\/strong>\n      <span><\/span>\n      <small>11<\/small>\n    <\/div>\n\n    <div class=\"nader-lightbox-thumbnails\">\n\n      <button type=\"button\" data-index=\"0\" aria-label=\"Open image 1\">\n        <img decoding=\"async\" src=\"https:\/\/nadersaied.com\/wp-content\/uploads\/2026\/07\/Slide-12.jpg\" alt=\"\">\n      <\/button>\n\n      <button type=\"button\" data-index=\"1\" aria-label=\"Open image 2\">\n        <img decoding=\"async\" src=\"https:\/\/nadersaied.com\/wp-content\/uploads\/2026\/07\/Slide-7.jpg\" alt=\"\">\n      <\/button>\n\n      <button type=\"button\" data-index=\"2\" aria-label=\"Open image 3\">\n        <img decoding=\"async\" src=\"https:\/\/nadersaied.com\/wp-content\/uploads\/2026\/07\/Slide-6.jpg\" alt=\"\">\n      <\/button>\n\n      <button type=\"button\" data-index=\"3\" aria-label=\"Open image 4\">\n        <img decoding=\"async\" src=\"https:\/\/nadersaied.com\/wp-content\/uploads\/2026\/07\/Slide-5.jpg\" alt=\"\">\n      <\/button>\n\n      <button type=\"button\" data-index=\"4\" aria-label=\"Open image 5\">\n        <img decoding=\"async\" src=\"https:\/\/nadersaied.com\/wp-content\/uploads\/2026\/07\/Slide-4.jpg\" alt=\"\">\n      <\/button>\n\n      <button type=\"button\" data-index=\"5\" aria-label=\"Open image 6\">\n        <img decoding=\"async\" src=\"https:\/\/nadersaied.com\/wp-content\/uploads\/2026\/07\/Slide-55.jpg\" alt=\"\">\n      <\/button>\n\n      <button type=\"button\" data-index=\"6\" aria-label=\"Open image 7\">\n        <img decoding=\"async\" src=\"https:\/\/nadersaied.com\/wp-content\/uploads\/2026\/07\/Slide-2.jpg\" alt=\"\">\n      <\/button>\n\n      <button type=\"button\" data-index=\"7\" aria-label=\"Open image 8\">\n        <img decoding=\"async\" src=\"https:\/\/nadersaied.com\/wp-content\/uploads\/2026\/07\/dell-g15-5530-copy.jpg\" alt=\"\">\n      <\/button>\n\n      <button type=\"button\" data-index=\"8\" aria-label=\"Open image 9\">\n        <img decoding=\"async\" src=\"https:\/\/nadersaied.com\/wp-content\/uploads\/2026\/07\/Slide-3.jpg\" alt=\"\">\n      <\/button>\n\n      <button type=\"button\" data-index=\"9\" aria-label=\"Open image 10\">\n        <img decoding=\"async\" src=\"https:\/\/nadersaied.com\/wp-content\/uploads\/2026\/07\/Slide-10.jpg\" alt=\"\">\n      <\/button>\n\n      <button type=\"button\" data-index=\"10\" aria-label=\"Open image 11\">\n        <img decoding=\"async\" src=\"https:\/\/nadersaied.com\/wp-content\/uploads\/2026\/07\/Slide-8.jpg\" alt=\"\">\n      <\/button>\n\n    <\/div>\n\n  <\/div>\n\n<\/div>\n\n<style>\n.nader-portfolio-slider,\n.nader-portfolio-slider *,\n.nader-lightbox,\n.nader-lightbox * {\n  box-sizing: border-box;\n}\n\n.nader-portfolio-slider {\n  --nader-gold: #f5c85c;\n  --nader-gold-light: #fff1b4;\n  --nader-red: #d21f55;\n  --nader-dark: #080305;\n\n  position: relative;\n  isolation: isolate;\n  overflow: hidden;\n  width: 100%;\n  padding: 90px 5% 85px;\n  border-top: 1px solid rgba(255,255,255,0.06);\n  background:\n    radial-gradient(circle at 15% 20%, rgba(197,18,65,0.19), transparent 30%),\n    radial-gradient(circle at 88% 80%, rgba(245,200,92,0.10), transparent 28%),\n    linear-gradient(135deg, #080305 0%, #18050b 43%, #360814 72%, #090305 100%);\n  color: #ffffff;\n  font-family: \"Inter\", \"Poppins\", Arial, sans-serif;\n}\n\n\/* Professional Separator *\/\n.nader-portfolio-slider::before {\n  content: \"\";\n  position: absolute;\n  top: 0;\n  left: 50%;\n  z-index: 5;\n  width: min(86%, 1150px);\n  height: 1px;\n  transform: translateX(-50%);\n  background: linear-gradient(\n    90deg,\n    transparent 0%,\n    rgba(255,255,255,0.08) 18%,\n    rgba(245,200,92,0.90) 50%,\n    rgba(210,31,85,0.35) 78%,\n    transparent 100%\n  );\n  box-shadow:\n    0 0 18px rgba(245,200,92,0.24),\n    0 0 40px rgba(210,31,85,0.12);\n}\n\n.nader-portfolio-slider::after {\n  content: \"\";\n  position: absolute;\n  top: -7px;\n  left: 50%;\n  z-index: 6;\n  width: 15px;\n  height: 15px;\n  transform: translateX(-50%) rotate(45deg);\n  border: 2px solid var(--nader-gold);\n  background: #17060b;\n  box-shadow:\n    0 0 16px rgba(245,200,92,0.70),\n    0 0 30px rgba(210,31,85,0.24);\n}\n\n.nader-slider-background {\n  position: absolute;\n  inset: 0;\n  z-index: -3;\n  opacity: 0.18;\n  background-image:\n    linear-gradient(rgba(255,255,255,0.025) 1px, transparent 1px),\n    linear-gradient(90deg, rgba(255,255,255,0.025) 1px, transparent 1px);\n  background-size: 48px 48px;\n}\n\n.nader-slider-glow {\n  position: absolute;\n  z-index: -2;\n  border-radius: 50%;\n  filter: blur(15px);\n  pointer-events: none;\n}\n\n.nader-slider-glow-1 {\n  top: 80px;\n  left: -120px;\n  width: 380px;\n  height: 380px;\n  background: radial-gradient(circle, rgba(218,31,83,0.20), transparent 70%);\n}\n\n.nader-slider-glow-2 {\n  right: -140px;\n  bottom: -80px;\n  width: 460px;\n  height: 460px;\n  background: radial-gradient(circle, rgba(245,200,92,0.16), transparent 70%);\n}\n\n.nader-slider-container {\n  position: relative;\n  z-index: 2;\n  width: 100%;\n  max-width: 1500px;\n  margin: 0 auto;\n}\n\n\/* Social Media Icon *\/\n.nader-social-icon {\n  position: relative;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  width: clamp(165px, 15vw, 235px);\n  height: clamp(165px, 15vw, 235px);\n  margin: 0 auto 28px;\n}\n\n.nader-social-icon::before {\n  content: \"\";\n  position: absolute;\n  width: 138%;\n  height: 138%;\n  border-radius: 50%;\n  background:\n    radial-gradient(circle, rgba(245,200,92,0.12), transparent 58%),\n    radial-gradient(circle at 65% 35%, rgba(210,31,85,0.12), transparent 54%);\n  filter: blur(12px);\n  opacity: .88;\n  pointer-events: none;\n}\n\n.nader-social-icon::after {\n  content: \"\";\n  position: absolute;\n  bottom: -10px;\n  width: 74px;\n  height: 1px;\n  background: linear-gradient(\n    90deg,\n    transparent,\n    rgba(245,200,92,0.78),\n    transparent\n  );\n  box-shadow: 0 0 14px rgba(245,200,92,0.25);\n}\n\n.nader-social-icon img {\n  position: relative;\n  z-index: 2;\n  display: block;\n  width: 112%;\n  height: 112%;\n  object-fit: contain;\n  filter:\n    drop-shadow(0 16px 25px rgba(0,0,0,0.30))\n    drop-shadow(0 0 16px rgba(245,200,92,0.07));\n  transform: translateZ(0);\n}\n\n\/* Heading *\/\n.nader-slider-heading {\n  max-width: 760px;\n  margin: 0 auto 45px;\n  text-align: center;\n}\n\n.nader-section-tag {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  gap: 13px;\n  margin-bottom: 16px;\n  color: var(--nader-gold);\n  font-size: 10px;\n  font-weight: 800;\n  letter-spacing: 3.5px;\n}\n\n.nader-section-tag span {\n  width: 38px;\n  height: 1px;\n  background: linear-gradient(\n    90deg,\n    transparent,\n    rgba(245,200,92,0.78)\n  );\n}\n\n.nader-section-tag span:last-child {\n  background: linear-gradient(\n    90deg,\n    rgba(245,200,92,0.78),\n    transparent\n  );\n}\n\n.nader-slider-heading h2 {\n  margin: 0;\n  color: #ffffff;\n  font-family: Georgia, \"Times New Roman\", serif;\n  font-size: clamp(44px, 5.4vw, 72px);\n  font-weight: 500;\n  line-height: 1.04;\n  letter-spacing: -2.2px;\n}\n\n.nader-slider-heading p {\n  max-width: 560px;\n  margin: 18px auto 0;\n  color: rgba(255,255,255,0.58);\n  font-size: 14px;\n  line-height: 1.7;\n}\n\n\/* Main Slider *\/\n.nader-main-swiper {\n  position: relative;\n  width: 100%;\n  overflow: hidden;\n  padding: 15px 7px 32px;\n}\n\n.nader-main-swiper .swiper-slide,\n.nader-main-swiper .swiper-slide-active,\n.nader-main-swiper .swiper-slide-prev,\n.nader-main-swiper .swiper-slide-next {\n  height: auto;\n  opacity: 1 !important;\n  filter: none !important;\n}\n\n.nader-design-card {\n  position: relative;\n  display: block;\n  overflow: hidden;\n  width: 100%;\n  aspect-ratio: 1 \/ 1;\n  padding: 0;\n  border: 1px solid rgba(255,255,255,0.12);\n  border-radius: 22px;\n  background: #16070b;\n  box-shadow: 0 25px 60px rgba(0,0,0,0.38);\n  cursor: zoom-in;\n  appearance: none;\n  -webkit-appearance: none;\n  transition:\n    transform 0.4s ease,\n    border-color 0.35s ease,\n    box-shadow 0.4s ease;\n}\n\n.nader-design-card:hover {\n  transform: translateY(-7px);\n  border-color: rgba(245,200,92,0.58);\n  box-shadow:\n    0 34px 80px rgba(0,0,0,0.52),\n    0 0 40px rgba(210,31,85,0.13);\n}\n\n.nader-design-card > img {\n  position: absolute;\n  inset: 0;\n  display: block;\n  width: 100%;\n  height: 100%;\n  object-fit: cover;\n  object-position: center;\n  opacity: 1 !important;\n  filter: none !important;\n  transition: transform 0.7s ease;\n}\n\n.nader-design-card:hover > img {\n  transform: scale(1.035);\n}\n\n.nader-main-swiper .swiper-slide-active .nader-design-card {\n  border-color: rgba(245,200,92,0.62);\n  box-shadow:\n    0 30px 75px rgba(0,0,0,0.52),\n    0 0 0 1px rgba(245,200,92,0.10),\n    0 0 35px rgba(210,31,85,0.10);\n}\n\n.nader-card-number {\n  position: absolute;\n  top: 15px;\n  left: 15px;\n  z-index: 3;\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  min-width: 42px;\n  height: 28px;\n  padding: 0 10px;\n  border: 1px solid rgba(255,255,255,0.20);\n  border-radius: 40px;\n  background: rgba(8,3,5,0.64);\n  color: rgba(255,255,255,0.88);\n  font-size: 9px;\n  font-weight: 800;\n  letter-spacing: 2px;\n  backdrop-filter: blur(10px);\n}\n\n.nader-card-expand {\n  position: absolute;\n  right: 15px;\n  bottom: 15px;\n  z-index: 3;\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  width: 43px;\n  height: 43px;\n  border: 1px solid rgba(245,200,92,0.52);\n  border-radius: 50%;\n  background: rgba(8,3,5,0.68);\n  backdrop-filter: blur(12px);\n  transition:\n    background 0.3s ease,\n    transform 0.3s ease;\n}\n\n.nader-card-expand svg {\n  width: 19px;\n  height: 19px;\n  fill: var(--nader-gold);\n}\n\n.nader-design-card:hover .nader-card-expand {\n  transform: rotate(90deg);\n  background: var(--nader-gold);\n}\n\n.nader-design-card:hover .nader-card-expand svg {\n  fill: #18070c;\n}\n\n\/* Main Arrows *\/\n.nader-main-arrow {\n  position: absolute;\n  top: 50%;\n  z-index: 15;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  width: 57px;\n  height: 57px;\n  padding: 0;\n  border: 1px solid rgba(245,200,92,0.36);\n  border-radius: 50%;\n  background: rgba(8,3,5,0.76);\n  cursor: pointer;\n  transform: translateY(-50%);\n  backdrop-filter: blur(14px);\n}\n\n.nader-main-prev {\n  left: 18px;\n}\n\n.nader-main-next {\n  right: 18px;\n}\n\n.nader-main-arrow svg {\n  width: 24px;\n  height: 24px;\n  fill: #ffffff;\n}\n\n.nader-main-arrow:hover {\n  background: var(--nader-gold);\n}\n\n.nader-main-arrow:hover svg {\n  fill: #18070c;\n}\n\n\/* Thumbnails *\/\n.nader-thumbnails-wrapper {\n  width: min(100%, 1050px);\n  margin: 0 auto;\n  padding: 8px;\n  border: 1px solid rgba(255,255,255,0.08);\n  border-radius: 17px;\n  background: rgba(255,255,255,0.025);\n  box-shadow: 0 18px 45px rgba(0,0,0,0.24);\n  backdrop-filter: blur(16px);\n}\n\n.nader-thumbs-swiper {\n  width: 100%;\n  overflow: hidden;\n}\n\n.nader-thumbs-swiper .swiper-slide {\n  overflow: hidden;\n  aspect-ratio: 1 \/ 1;\n  border: 1px solid transparent;\n  border-radius: 11px;\n  opacity: 0.42;\n  cursor: pointer;\n  transition:\n    opacity 0.3s ease,\n    border-color 0.3s ease,\n    transform 0.3s ease;\n}\n\n.nader-thumbs-swiper .swiper-slide-thumb-active {\n  border-color: var(--nader-gold);\n  opacity: 1;\n  transform: scale(0.96);\n}\n\n.nader-thumbs-swiper img {\n  display: block;\n  width: 100%;\n  height: 100%;\n  object-fit: cover;\n}\n\n\/* Counter *\/\n.nader-slider-bottom {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  gap: 28px;\n  margin-top: 24px;\n}\n\n.nader-slider-counter {\n  display: flex;\n  align-items: center;\n  gap: 10px;\n}\n\n.nader-slider-counter strong {\n  color: var(--nader-gold);\n  font-size: 19px;\n}\n\n.nader-slider-counter span {\n  width: 36px;\n  height: 1px;\n  background: rgba(255,255,255,0.30);\n}\n\n.nader-slider-counter small {\n  color: rgba(255,255,255,0.55);\n  font-size: 12px;\n}\n\n.nader-slider-pagination {\n  position: static !important;\n  display: flex;\n  align-items: center;\n  gap: 7px;\n  width: auto !important;\n}\n\n.nader-slider-pagination .swiper-pagination-bullet {\n  width: 7px;\n  height: 7px;\n  margin: 0 !important;\n  border-radius: 20px;\n  background: rgba(255,255,255,0.32);\n  opacity: 1;\n}\n\n.nader-slider-pagination .swiper-pagination-bullet-active {\n  width: 34px;\n  background: linear-gradient(90deg, var(--nader-red), var(--nader-gold));\n}\n\n\/* View All Button *\/\n.nader-view-all-wrapper {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  margin-top: 34px;\n}\n\n.nader-view-all-button {\n  position: relative;\n  isolation: isolate;\n  overflow: hidden;\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  gap: 13px;\n  min-width: 285px;\n  min-height: 58px;\n  padding: 0 28px;\n  border: 1px solid rgba(245,200,92,0.52);\n  border-radius: 12px;\n  background: linear-gradient(135deg, rgba(210,31,85,0.94), rgba(117,10,43,0.96));\n  box-shadow:\n    0 18px 42px rgba(0,0,0,0.30),\n    0 10px 35px rgba(210,31,85,0.20);\n  color: #ffffff !important;\n  font-size: 14px;\n  font-weight: 800;\n  text-decoration: none !important;\n  transition:\n    transform 0.3s ease,\n    border-color 0.3s ease,\n    box-shadow 0.3s ease;\n}\n\n.nader-view-all-button::before {\n  content: \"\";\n  position: absolute;\n  top: -100%;\n  left: -45%;\n  z-index: -1;\n  width: 38%;\n  height: 300%;\n  background: linear-gradient(\n    90deg,\n    transparent,\n    rgba(255,255,255,0.30),\n    transparent\n  );\n  transform: rotate(20deg);\n  transition: left 0.7s ease;\n}\n\n.nader-view-all-button:hover::before {\n  left: 125%;\n}\n\n.nader-view-all-button:hover {\n  transform: translateY(-4px);\n  border-color: rgba(245,200,92,0.92);\n  box-shadow:\n    0 24px 55px rgba(0,0,0,0.38),\n    0 15px 45px rgba(210,31,85,0.30);\n}\n\n.nader-view-all-button svg {\n  width: 21px;\n  height: 21px;\n  fill: var(--nader-gold);\n  transition:\n    transform 0.3s ease,\n    fill 0.3s ease;\n}\n\n.nader-view-all-button:hover svg {\n  transform: translateX(5px);\n  fill: var(--nader-gold-light);\n}\n\n\/* Lightbox *\/\n.nader-lightbox {\n  position: fixed;\n  inset: 0;\n  z-index: 99999999;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  visibility: hidden;\n  overflow: hidden;\n  opacity: 0;\n  pointer-events: none;\n  font-family: \"Inter\", \"Poppins\", Arial, sans-serif;\n  transition:\n    opacity 0.3s ease,\n    visibility 0.3s ease;\n}\n\n.nader-lightbox.is-open {\n  visibility: visible;\n  opacity: 1;\n  pointer-events: auto;\n}\n\n.nader-lightbox-overlay {\n  position: absolute;\n  inset: 0;\n  background:\n    radial-gradient(circle at center, rgba(91,12,34,0.34), transparent 48%),\n    rgba(2,1,1,0.97);\n  backdrop-filter: blur(18px);\n}\n\n\n\n\n\n.nader-lightbox-stage {\n  position: relative;\n  z-index: 3;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  width: min(82vw, 1250px);\n  height: calc(100vh - 190px);\n  padding: 15px;\n}\n\n.nader-lightbox-image {\n  display: block;\n  max-width: 100%;\n  max-height: 100%;\n  object-fit: contain;\n  border-radius: 8px;\n  box-shadow: 0 40px 120px rgba(0,0,0,0.78);\n  opacity: 0;\n  transform: scale(0.96);\n  transition:\n    opacity 0.3s ease,\n    transform 0.4s ease;\n}\n\n.nader-lightbox-image.is-loaded {\n  opacity: 1;\n  transform: scale(1);\n}\n\n.nader-lightbox-loader {\n  position: absolute;\n  width: 48px;\n  height: 48px;\n  border: 3px solid rgba(255,255,255,0.16);\n  border-top-color: var(--nader-gold);\n  border-radius: 50%;\n  animation: naderLoader 0.8s linear infinite;\n}\n\n.nader-lightbox-loader.is-hidden {\n  display: none;\n}\n\n.nader-lightbox-arrow {\n  position: fixed;\n  top: 50%;\n  z-index: 100000001;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  width: 61px;\n  height: 61px;\n  border: 1px solid rgba(245,200,92,0.38);\n  border-radius: 50%;\n  background: rgba(12,4,7,0.82);\n  cursor: pointer;\n  transform: translateY(-50%);\n}\n\n.nader-lightbox-prev {\n  left: 24px;\n}\n\n.nader-lightbox-next {\n  right: 24px;\n}\n\n.nader-lightbox-arrow svg {\n  width: 27px;\n  height: 27px;\n  fill: #ffffff;\n}\n\n.nader-lightbox-bottom {\n  position: fixed;\n  right: 0;\n  bottom: 0;\n  left: 0;\n  z-index: 100000000;\n  padding: 12px 18px 16px;\n  background: linear-gradient(0deg, rgba(0,0,0,0.96), rgba(0,0,0,0.15));\n}\n\n.nader-lightbox-counter {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  gap: 11px;\n  margin-bottom: 10px;\n}\n\n.nader-lightbox-counter strong {\n  color: var(--nader-gold);\n  font-size: 17px;\n}\n\n.nader-lightbox-counter span {\n  width: 34px;\n  height: 1px;\n  background: rgba(255,255,255,0.28);\n}\n\n.nader-lightbox-counter small {\n  color: rgba(255,255,255,0.54);\n  font-size: 11px;\n}\n\n.nader-lightbox-thumbnails {\n  display: flex;\n  align-items: center;\n  gap: 8px;\n  max-width: 820px;\n  margin: 0 auto;\n  overflow-x: auto;\n  padding: 3px 3px 6px;\n}\n\n.nader-lightbox-thumbnails button {\n  flex: 0 0 58px;\n  overflow: hidden;\n  width: 58px;\n  height: 58px;\n  padding: 0;\n  border: 2px solid transparent;\n  border-radius: 9px;\n  background: transparent;\n  opacity: 0.45;\n  cursor: pointer;\n}\n\n.nader-lightbox-thumbnails button.is-active {\n  border-color: var(--nader-gold);\n  opacity: 1;\n}\n\n.nader-lightbox-thumbnails img {\n  display: block;\n  width: 100%;\n  height: 100%;\n  object-fit: cover;\n}\n\nbody.nader-lightbox-open {\n  overflow: hidden !important;\n  touch-action: none;\n}\n\n@keyframes naderLoader {\n  to {\n    transform: rotate(360deg);\n  }\n}\n\n\/* Mobile *\/\n@media (max-width: 767px) {\n  .nader-social-icon {\n    width: 150px;\n    height: 150px;\n    margin-bottom: 22px;\n  }\n\n  .nader-portfolio-slider {\n    padding: 58px 16px;\n  }\n\n  .nader-slider-heading {\n    margin-bottom: 25px;\n  }\n\n  .nader-section-tag {\n    gap: 8px;\n    margin-bottom: 10px;\n    font-size: 7px;\n    letter-spacing: 1.8px;\n    white-space: nowrap;\n  }\n\n  .nader-section-tag span {\n    width: 20px;\n  }\n\n  .nader-slider-heading h2 {\n    font-size: clamp(27px, 8vw, 38px);\n    line-height: 1.12;\n    letter-spacing: -1px;\n    white-space: normal;\n  }\n\n  .nader-slider-heading p {\n    max-width: 310px;\n    margin: 11px auto 0;\n    font-size: 11px;\n    line-height: 1.55;\n  }\n\n  .nader-main-arrow {\n    display: none;\n  }\n\n  .nader-design-card {\n    border-radius: 16px;\n  }\n\n  .nader-thumbnails-wrapper {\n    padding: 6px;\n    border-radius: 12px;\n  }\n\n  .nader-slider-bottom {\n    gap: 16px;\n    margin-top: 20px;\n  }\n\n  .nader-view-all-wrapper {\n    margin-top: 27px;\n  }\n\n  .nader-view-all-button {\n    width: min(100%, 310px);\n    min-width: 0;\n    min-height: 53px;\n    padding: 0 20px;\n    border-radius: 10px;\n    font-size: 12px;\n  }\n\n  \n\n  .nader-lightbox-stage {\n    width: 100vw;\n    height: 100dvh;\n    padding:\n      calc(70px + env(safe-area-inset-top))\n      8px\n      calc(115px + env(safe-area-inset-bottom));\n  }\n\n  .nader-lightbox-arrow {\n    top: auto;\n    bottom: calc(88px + env(safe-area-inset-bottom));\n    width: 46px;\n    height: 46px;\n    transform: none;\n  }\n\n  .nader-lightbox-prev {\n    left: 12px;\n  }\n\n  .nader-lightbox-next {\n    right: 12px;\n  }\n\n  .nader-lightbox-thumbnails button {\n    flex-basis: 48px;\n    width: 48px;\n    height: 48px;\n  }\n}\n\n\/* MOBILE-SAFE CLOSE BUTTON *\/\n\n\n@media (max-width:767px){\n  \n}\n\n\n@media (max-width: 390px) {\n  .nader-social-icon {\n    width: 132px;\n    height: 132px;\n  }\n}\n\n\n\n\/* ==================================================\n   SINGLE DEFINITIVE GOLD GLASS CLOSE BUTTON\n   Desktop + Tablet + Mobile\n================================================== *\/\n#naderLightbox .nader-lightbox-close {\n  position: fixed !important;\n  top: 18px !important;\n  right: 18px !important;\n  left: auto !important;\n  bottom: auto !important;\n  z-index: 2147483647 !important;\n\n  display: flex !important;\n  align-items: center !important;\n  justify-content: center !important;\n\n  width: 58px !important;\n  height: 58px !important;\n  min-width: 58px !important;\n  min-height: 58px !important;\n  padding: 0 0 4px 0 !important;\n  margin: 0 !important;\n\n  border: 1px solid rgba(255, 222, 135, 0.96) !important;\n  border-radius: 50% !important;\n  outline: none !important;\n\n  background:\n    linear-gradient(145deg, rgba(255,255,255,0.22), rgba(255,255,255,0.04)),\n    rgba(32, 8, 15, 0.90) !important;\n\n  box-shadow:\n    inset 0 1px 0 rgba(255,255,255,0.34),\n    inset 0 -1px 0 rgba(245,200,92,0.14),\n    0 14px 38px rgba(0,0,0,0.70),\n    0 0 0 4px rgba(245,200,92,0.08),\n    0 0 34px rgba(245,200,92,0.42) !important;\n\n  color: #f5c85c !important;\n  text-shadow:\n    0 0 8px rgba(245,200,92,0.95),\n    0 0 18px rgba(245,200,92,0.45) !important;\n\n  font-family: Arial, Helvetica, sans-serif !important;\n  font-size: 42px !important;\n  font-weight: 300 !important;\n  line-height: 1 !important;\n  text-align: center !important;\n\n  opacity: 1 !important;\n  visibility: visible !important;\n  pointer-events: auto !important;\n\n  cursor: pointer !important;\n  touch-action: manipulation !important;\n  appearance: none !important;\n  -webkit-appearance: none !important;\n  -webkit-tap-highlight-color: transparent !important;\n\n  backdrop-filter: blur(18px) saturate(155%) !important;\n  -webkit-backdrop-filter: blur(18px) saturate(155%) !important;\n\n  transform: translate3d(0,0,0) !important;\n  transition:\n    transform .25s ease,\n    background .25s ease,\n    box-shadow .25s ease !important;\n}\n\n#naderLightbox .nader-lightbox-close::before {\n  content: \"\" !important;\n  position: absolute !important;\n  top: 7px !important;\n  left: 11px !important;\n  width: 25px !important;\n  height: 10px !important;\n  border-radius: 50% !important;\n  background: linear-gradient(90deg, rgba(255,255,255,0.52), transparent) !important;\n  filter: blur(1px) !important;\n  transform: rotate(-24deg) !important;\n  pointer-events: none !important;\n}\n\n#naderLightbox .nader-lightbox-close:hover {\n  background:\n    linear-gradient(145deg, rgba(245,200,92,0.31), rgba(255,255,255,0.08)),\n    rgba(48, 11, 21, 0.96) !important;\n\n  box-shadow:\n    inset 0 1px 0 rgba(255,255,255,0.42),\n    0 16px 44px rgba(0,0,0,0.74),\n    0 0 0 5px rgba(245,200,92,0.10),\n    0 0 44px rgba(245,200,92,0.54) !important;\n\n  transform: rotate(90deg) scale(1.06) translate3d(0,0,0) !important;\n}\n\n#naderLightbox .nader-lightbox-close:active {\n  transform: rotate(90deg) scale(.92) translate3d(0,0,0) !important;\n}\n\n#naderLightbox .nader-lightbox-close:focus-visible {\n  outline: 2px solid #fff1b4 !important;\n  outline-offset: 4px !important;\n}\n\n\/* Tablet *\/\n@media (max-width: 1024px) {\n  #naderLightbox .nader-lightbox-close {\n    top: 15px !important;\n    right: 15px !important;\n    width: 54px !important;\n    height: 54px !important;\n    min-width: 54px !important;\n    min-height: 54px !important;\n    font-size: 39px !important;\n  }\n}\n\n\/* Mobile *\/\n@media (max-width: 767px) {\n  #naderLightbox .nader-lightbox-close {\n    top: calc(12px + env(safe-area-inset-top)) !important;\n    right: calc(12px + env(safe-area-inset-right)) !important;\n    width: 50px !important;\n    height: 50px !important;\n    min-width: 50px !important;\n    min-height: 50px !important;\n    font-size: 37px !important;\n  }\n}\n\n\/* Small mobile *\/\n@media (max-width: 390px) {\n  #naderLightbox .nader-lightbox-close {\n    top: calc(10px + env(safe-area-inset-top)) !important;\n    right: calc(10px + env(safe-area-inset-right)) !important;\n    width: 48px !important;\n    height: 48px !important;\n    min-width: 48px !important;\n    min-height: 48px !important;\n    font-size: 35px !important;\n  }\n}\n\n<\/style>\n\n<script src=\"https:\/\/cdn.jsdelivr.net\/npm\/swiper@11\/swiper-bundle.min.js\"><\/script>\n\n<script>\n(function () {\n\n  function initializeNaderSlider() {\n\n    const sliderSection = document.getElementById(\"naderPortfolioSlider\");\n    const lightbox = document.getElementById(\"naderLightbox\");\n\n    if (!sliderSection || !lightbox) return;\n    if (sliderSection.dataset.initialized === \"true\") return;\n\n    sliderSection.dataset.initialized = \"true\";\n\n    \/* Move lightbox directly under body so position:fixed works correctly in Elementor\/mobile *\/\n    if (lightbox.parentElement !== document.body) {\n      document.body.appendChild(lightbox);\n    }\n\n    const images = [\n      \"https:\/\/nadersaied.com\/wp-content\/uploads\/2026\/07\/Slide-12.jpg\",\n      \"https:\/\/nadersaied.com\/wp-content\/uploads\/2026\/07\/Slide-7.jpg\",\n      \"https:\/\/nadersaied.com\/wp-content\/uploads\/2026\/07\/Slide-6.jpg\",\n      \"https:\/\/nadersaied.com\/wp-content\/uploads\/2026\/07\/Slide-5.jpg\",\n      \"https:\/\/nadersaied.com\/wp-content\/uploads\/2026\/07\/Slide-4.jpg\",\n      \"https:\/\/nadersaied.com\/wp-content\/uploads\/2026\/07\/Slide-55.jpg\",\n      \"https:\/\/nadersaied.com\/wp-content\/uploads\/2026\/07\/Slide-2.jpg\",\n      \"https:\/\/nadersaied.com\/wp-content\/uploads\/2026\/07\/dell-g15-5530-copy.jpg\",\n      \"https:\/\/nadersaied.com\/wp-content\/uploads\/2026\/07\/Slide-3.jpg\",\n      \"https:\/\/nadersaied.com\/wp-content\/uploads\/2026\/07\/Slide-10.jpg\",\n      \"https:\/\/nadersaied.com\/wp-content\/uploads\/2026\/07\/Slide-8.jpg\"\n    ];\n\n    const formatNumber = number => String(number).padStart(2, \"0\");\n\n    const currentNumber =\n      sliderSection.querySelector(\".nader-current-number\");\n\n    const thumbnailsSwiper = new Swiper(\n      sliderSection.querySelector(\".nader-thumbs-swiper\"),\n      {\n        slidesPerView: 5,\n        spaceBetween: 7,\n        watchSlidesProgress: true,\n        freeMode: true,\n\n        breakpoints: {\n          480: {\n            slidesPerView: 6,\n            spaceBetween: 8\n          },\n\n          768: {\n            slidesPerView: 8,\n            spaceBetween: 9\n          },\n\n          1100: {\n            slidesPerView: 11,\n            spaceBetween: 10\n          }\n        }\n      }\n    );\n\n    const mainSwiper = new Swiper(\n      sliderSection.querySelector(\".nader-main-swiper\"),\n      {\n        slidesPerView: 1,\n        spaceBetween: 18,\n        speed: 750,\n        loop: false,\n        grabCursor: true,\n\n        thumbs: {\n          swiper: thumbnailsSwiper\n        },\n\n        navigation: {\n          nextEl: sliderSection.querySelector(\".nader-main-next\"),\n          prevEl: sliderSection.querySelector(\".nader-main-prev\")\n        },\n\n        pagination: {\n          el: sliderSection.querySelector(\".nader-slider-pagination\"),\n          clickable: true\n        },\n\n        autoplay: {\n          delay: 3500,\n          disableOnInteraction: false,\n          pauseOnMouseEnter: true\n        },\n\n        breakpoints: {\n          540: {\n            slidesPerView: 1.35,\n            spaceBetween: 20\n          },\n\n          768: {\n            slidesPerView: 2.15,\n            spaceBetween: 23\n          },\n\n          1100: {\n            slidesPerView: 3,\n            spaceBetween: 27\n          }\n        },\n\n        on: {\n          init: function () {\n            currentNumber.textContent =\n              formatNumber(this.activeIndex + 1);\n          },\n\n          slideChange: function () {\n            currentNumber.textContent =\n              formatNumber(this.activeIndex + 1);\n          }\n        }\n      }\n    );\n\n    const lightboxImage =\n      lightbox.querySelector(\".nader-lightbox-image\");\n\n    const lightboxLoader =\n      lightbox.querySelector(\".nader-lightbox-loader\");\n\n    const lightboxClose =\n      lightbox.querySelector(\".nader-lightbox-close\");\n\n\n    function forceCloseButtonVisible() {\n      if (!lightboxClose) return;\n\n      lightboxClose.textContent = \"\u00d7\";\n      lightboxClose.setAttribute(\"aria-label\", \"Close fullscreen image\");\n      lightboxClose.setAttribute(\"title\", \"Close\");\n\n      const isMobile = window.matchMedia(\"(max-width: 767px)\").matches;\n      const isTablet = window.matchMedia(\"(max-width: 1024px)\").matches;\n\n      lightboxClose.style.setProperty(\"position\", \"fixed\", \"important\");\n      lightboxClose.style.setProperty(\"top\", isMobile\n        ? \"calc(12px + env(safe-area-inset-top))\"\n        : (isTablet ? \"15px\" : \"18px\"), \"important\");\n      lightboxClose.style.setProperty(\"right\", isMobile\n        ? \"calc(12px + env(safe-area-inset-right))\"\n        : (isTablet ? \"15px\" : \"18px\"), \"important\");\n      lightboxClose.style.setProperty(\"left\", \"auto\", \"important\");\n      lightboxClose.style.setProperty(\"bottom\", \"auto\", \"important\");\n      lightboxClose.style.setProperty(\"z-index\", \"2147483647\", \"important\");\n      lightboxClose.style.setProperty(\"display\", \"flex\", \"important\");\n      lightboxClose.style.setProperty(\"align-items\", \"center\", \"important\");\n      lightboxClose.style.setProperty(\"justify-content\", \"center\", \"important\");\n      lightboxClose.style.setProperty(\"opacity\", \"1\", \"important\");\n      lightboxClose.style.setProperty(\"visibility\", \"visible\", \"important\");\n      lightboxClose.style.setProperty(\"pointer-events\", \"auto\", \"important\");\n    }\n\n    const lightboxPrevious =\n      lightbox.querySelector(\".nader-lightbox-prev\");\n\n    const lightboxNext =\n      lightbox.querySelector(\".nader-lightbox-next\");\n\n    const lightboxOverlay =\n      lightbox.querySelector(\".nader-lightbox-overlay\");\n\n    const lightboxCurrent =\n      lightbox.querySelector(\".nader-lightbox-current\");\n\n    const lightboxThumbButtons =\n      Array.from(\n        lightbox.querySelectorAll(\".nader-lightbox-thumbnails button\")\n      );\n\n    const cards =\n      sliderSection.querySelectorAll(\".nader-design-card\");\n\n    let activeImageIndex = 0;\n    let touchStartX = 0;\n\n    function updateLightboxThumbnails() {\n\n      lightboxThumbButtons.forEach(function (button, index) {\n        button.classList.toggle(\n          \"is-active\",\n          index === activeImageIndex\n        );\n      });\n\n      const activeThumbnail =\n        lightboxThumbButtons[activeImageIndex];\n\n      if (activeThumbnail) {\n        activeThumbnail.scrollIntoView({\n          behavior: \"smooth\",\n          block: \"nearest\",\n          inline: \"center\"\n        });\n      }\n    }\n\n    function loadLightboxImage() {\n\n      lightboxImage.classList.remove(\"is-loaded\");\n      lightboxLoader.classList.remove(\"is-hidden\");\n\n      lightboxCurrent.textContent =\n        formatNumber(activeImageIndex + 1);\n\n      updateLightboxThumbnails();\n\n      const preloadImage = new Image();\n\n      preloadImage.onload = function () {\n        lightboxImage.src = images[activeImageIndex];\n\n        requestAnimationFrame(function () {\n          lightboxImage.classList.add(\"is-loaded\");\n          lightboxLoader.classList.add(\"is-hidden\");\n        });\n      };\n\n      preloadImage.onerror = function () {\n        lightboxLoader.classList.add(\"is-hidden\");\n      };\n\n      preloadImage.src = images[activeImageIndex];\n    }\n\n    function openLightbox(index) {\n\n      activeImageIndex = index;\n\n      lightbox.classList.add(\"is-open\");\n      lightbox.setAttribute(\"aria-hidden\", \"false\");\n      forceCloseButtonVisible();\n\n      document.body.classList.add(\"nader-lightbox-open\");\n\n      document.body.style.overflow = \"hidden\";\n      document.body.style.touchAction = \"none\";\n      document.documentElement.style.overflow = \"hidden\";\n      document.documentElement.style.touchAction = \"none\";\n\n      if (mainSwiper.autoplay) {\n        mainSwiper.autoplay.stop();\n      }\n\n      loadLightboxImage();\n\n      setTimeout(function () {\n        lightboxClose.focus();\n      }, 100);\n    }\n\n    function closeLightbox() {\n\n      lightbox.classList.remove(\"is-open\");\n      lightbox.setAttribute(\"aria-hidden\", \"true\");\n\n      document.body.classList.remove(\"nader-lightbox-open\");\n\n      document.body.style.overflow = \"\";\n      document.body.style.touchAction = \"\";\n      document.documentElement.style.overflow = \"\";\n      document.documentElement.style.touchAction = \"\";\n\n      if (mainSwiper.autoplay) {\n        mainSwiper.autoplay.start();\n      }\n\n      setTimeout(function () {\n        lightboxImage.src = \"\";\n        lightboxImage.classList.remove(\"is-loaded\");\n        lightboxLoader.classList.remove(\"is-hidden\");\n      }, 300);\n    }\n\n    function showPreviousImage() {\n      activeImageIndex =\n        (activeImageIndex - 1 + images.length) % images.length;\n\n      loadLightboxImage();\n    }\n\n    function showNextImage() {\n      activeImageIndex =\n        (activeImageIndex + 1) % images.length;\n\n      loadLightboxImage();\n    }\n\n    cards.forEach(function (card) {\n      card.addEventListener(\"click\", function () {\n        openLightbox(Number(card.dataset.index));\n      });\n    });\n\n    lightboxThumbButtons.forEach(function (button) {\n      button.addEventListener(\"click\", function () {\n        activeImageIndex = Number(button.dataset.index);\n        loadLightboxImage();\n      });\n    });\nlightboxClose.addEventListener(\"click\", function (event) {\n      event.preventDefault();\n      event.stopPropagation();\n      closeLightbox();\n    });\n\n    lightboxClose.addEventListener(\"touchend\", function (event) {\n      event.preventDefault();\n      event.stopPropagation();\n      closeLightbox();\n    }, { passive: false });\n    lightboxOverlay.addEventListener(\"click\", closeLightbox);\n\n    lightboxPrevious.addEventListener(\"click\", showPreviousImage);\n    lightboxNext.addEventListener(\"click\", showNextImage);\n\n    document.addEventListener(\"keydown\", function (event) {\n\n      if (!lightbox.classList.contains(\"is-open\")) return;\n\n      if (event.key === \"Escape\") closeLightbox();\n      if (event.key === \"ArrowLeft\") showPreviousImage();\n      if (event.key === \"ArrowRight\") showNextImage();\n    });\n\n    lightboxImage.addEventListener(\n      \"touchstart\",\n      function (event) {\n        touchStartX =\n          event.changedTouches[0].clientX;\n      },\n      { passive: true }\n    );\n\n    lightboxImage.addEventListener(\n      \"touchend\",\n      function (event) {\n\n        const touchEndX =\n          event.changedTouches[0].clientX;\n\n        const distance =\n          touchEndX - touchStartX;\n\n        if (Math.abs(distance) < 45) return;\n\n        if (distance > 0) {\n          showPreviousImage();\n        } else {\n          showNextImage();\n        }\n      },\n      { passive: true }\n    );\n  }\n\n  window.addEventListener(\"resize\", function () {\n    const lightbox = document.getElementById(\"naderLightbox\");\n    if (lightbox && lightbox.classList.contains(\"is-open\")) {\n      const closeButton = lightbox.querySelector(\".nader-lightbox-close\");\n      if (closeButton) {\n        closeButton.style.setProperty(\"display\", \"flex\", \"important\");\n        closeButton.style.setProperty(\"visibility\", \"visible\", \"important\");\n        closeButton.style.setProperty(\"opacity\", \"1\", \"important\");\n        closeButton.style.setProperty(\"z-index\", \"2147483647\", \"important\");\n      }\n    }\n  });\n\n  if (document.readyState === \"loading\") {\n    document.addEventListener(\n      \"DOMContentLoaded\",\n      initializeNaderSlider\n    );\n  } else {\n    initializeNaderSlider();\n  }\n\n})();\n<\/script>\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>PREMIUM DIGITAL SERVICES DESIGN \u00b7 WEB \u00b7 AI \u00b7 MARKETING Everything your brand needs to look sharper, move faster and grow stronger. A complete creative service system built around one goal: giving your brand a clear, premium and professional digital presence. Start a Project View Projects FULL CREATIVE STACK One partner. Six connected services. 01Brand Identity 02Social Media 03Web Design 04AI Visuals 05AI Video 06Marketing Built as individual services or one complete system. Clear Direction Every project starts with a focused creative strategy. Premium Execution Professional quality across every deliverable. Connected Results Design, content and technology working together. SERVICES Choose what your brand needs now. Or combine multiple services into one complete digital presence. 01 \u25c6 Build a brand people remember. Brand Identity Logo systems, visual direction and brand assets designed to create a clear, premium and consistent identity. Logo &#038; visual system Colors &#038; typography Brand guidelines Presentation assets Start Branding \u2197 02 \u25c9 Turn your page into a strong brand presence. Social Media Design Campaign concepts, premium posts and complete visual systems built for clarity, consistency and engagement. Campaign direction Post design systems Ad creatives Page branding View Social Work \u2197 03 \u25a3 A digital experience that builds trust. Website Design Modern WordPress websites and landing pages focused on presentation, usability, speed and conversion. WordPress websites Landing pages Portfolio websites Responsive development Explore Websites \u2197 04 \u2726 Create visuals beyond traditional production. AI Creative Production High-end AI scenes, product visuals, campaign concepts and cinematic artwork tailored to your brand. Product scenes Campaign visuals Cinematic posters Character concepts View AI Work \u2197 05 \u25b6 Move your story with cinematic content. AI Video Production Short-form videos, motion scenes and AI-powered storytelling for modern digital campaigns. AI reels Motion scenes Brand videos Video campaigns View Video Work \u2197 06 \u2197 Connect creativity with business growth. Digital Marketing Content strategy, campaign planning and positioning that turn creative work into a focused growth system. Content strategy Campaign planning Brand positioning Growth direction Plan a Campaign \u2197 SMART SOLUTIONS Not sure where to start? Choose a complete solution based on your current business stage. STARTUP Brand Launch Identity, social media direction and launch visuals for a strong first impression. Logo &#038; visual identity Launch campaign Social media starter kit GROWTH Complete Digital Presence A connected system for brands ready to look professional across every digital touchpoint. Brand identity Website design Social media system AI campaign visuals CAMPAIGN Creative Production Visuals, video and campaign assets built around a specific launch or marketing goal. Campaign concept AI visuals Video production PROCESS Simple from first call to final delivery. 01 Discover Your goals, audience and required deliverables. 02 Direct The concept, visual language and execution plan. 03 Create Design, development, production and refinement. 04 Deliver Final files, publishing support and handover. READY TO BUILD SOMETHING STRONGER? Tell me what your brand needs. I\u2019ll shape the right creative solution. Start Your Project SOCIAL MEDIA DESIGN Creative Social Media A curated collection of social media visuals, campaigns and branded digital content. 01 02 03 04 05 06 07 08 09 10 11 01 11 View All Social Media Designs \u00d7 01 11<\/p>","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_header_footer","meta":{"footnotes":""},"class_list":["post-1354","page","type-page","status-publish","hentry"],"blocksy_meta":{"styles_descriptor":{"styles":{"desktop":"","tablet":"","mobile":""},"google_fonts":[],"version":6}},"_hostinger_reach_plugin_has_subscription_block":false,"_hostinger_reach_plugin_is_elementor":false,"_links":{"self":[{"href":"https:\/\/nadersaied.com\/ar\/wp-json\/wp\/v2\/pages\/1354","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/nadersaied.com\/ar\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/nadersaied.com\/ar\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/nadersaied.com\/ar\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/nadersaied.com\/ar\/wp-json\/wp\/v2\/comments?post=1354"}],"version-history":[{"count":45,"href":"https:\/\/nadersaied.com\/ar\/wp-json\/wp\/v2\/pages\/1354\/revisions"}],"predecessor-version":[{"id":4382,"href":"https:\/\/nadersaied.com\/ar\/wp-json\/wp\/v2\/pages\/1354\/revisions\/4382"}],"wp:attachment":[{"href":"https:\/\/nadersaied.com\/ar\/wp-json\/wp\/v2\/media?parent=1354"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}