{"id":835,"date":"2022-06-09T17:18:39","date_gmt":"2022-06-09T17:18:39","guid":{"rendered":"https:\/\/startersites.io\/elementor\/persona\/?page_id=835"},"modified":"2026-06-18T23:08:54","modified_gmt":"2026-06-18T23:08:54","slug":"about-me","status":"publish","type":"page","link":"https:\/\/nadersaied.com\/ar\/about-me\/","title":{"rendered":"About Me"},"content":{"rendered":"<div data-elementor-type=\"wp-page\" data-elementor-id=\"835\" class=\"elementor elementor-835\">\n\t\t\t\t<div class=\"elementor-element elementor-element-037818a 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=\"037818a\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-dbfd165 elementor-widget elementor-widget-html\" data-id=\"dbfd165\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- Nader Saied Premium About Me Page -->\n<link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.5.2\/css\/all.min.css\">\n\n<section class=\"ns-about-page\">\n  <div class=\"ns-about-page-bg\">ABOUT<\/div>\n  <div class=\"ns-about-page-glow\"><\/div>\n  <div class=\"ns-about-page-orb ns-about-page-orb-one\"><\/div>\n  <div class=\"ns-about-page-orb ns-about-page-orb-two\"><\/div>\n\n  <div class=\"ns-about-page-container\">\n\n    <!-- Hero -->\n    <div class=\"ns-about-hero\">\n\n      <div class=\"ns-about-hero-content ns-about-reveal\">\n        <span class=\"ns-about-eyebrow\">ABOUT NADER SAIED<\/span>\n\n        <h1>\n          Creative Technology.<br>\n          <strong>Premium Digital Impact.<\/strong>\n        <\/h1>\n\n        <p>\n          I\u2019m Nader Saied, a multidisciplinary creative technology professional blending\n          brand identity, web design, social media strategy, AI creative production,\n          video editing, automation, and digital solutions into premium brand experiences.\n        <\/p>\n\n        <div class=\"ns-about-actions\">\n          <a href=\"https:\/\/nadersaied.com\/ar\/projects\/\" class=\"ns-about-btn ns-about-btn-main\">\n            <span>View My Projects<\/span>\n            <i class=\"fa-solid fa-arrow-right\"><\/i>\n          <\/a>\n\n          <a href=\"https:\/\/nadersaied.com\/ar\/contact\/\" class=\"ns-about-btn ns-about-btn-outline\">\n            <span>Start a Project<\/span>\n            <i class=\"fa-solid fa-paper-plane\"><\/i>\n          <\/a>\n        <\/div>\n      <\/div>\n\n      <div class=\"ns-about-hero-visual ns-about-reveal\">\n        <div class=\"ns-about-photo-card\">\n          <div class=\"ns-about-photo-light\"><\/div>\n\n          <img decoding=\"async\" src=\"https:\/\/nadersaied.com\/wp-content\/uploads\/2026\/06\/Nader-Saied-4.png\" alt=\"Nader Saied\">\n\n          <div class=\"ns-about-floating ns-about-floating-one\">\n            <i class=\"fa-solid fa-wand-magic-sparkles\"><\/i>\n            <span>AI Creative<\/span>\n          <\/div>\n\n          <div class=\"ns-about-floating ns-about-floating-two\">\n            <i class=\"fa-solid fa-code\"><\/i>\n            <span>Web Design<\/span>\n          <\/div>\n        <\/div>\n      <\/div>\n\n    <\/div>\n\n    <!-- Signature Statement -->\n    <div class=\"ns-about-statement ns-about-reveal\">\n      <div>\n        <span>Creative Technology<\/span>\n        <strong>Premium Design<\/strong>\n        <small>Digital Impact<\/small>\n      <\/div>\n\n      <p>\n        My goal is simple: helping brands look stronger, communicate clearer,\n        and build a digital presence that feels modern, memorable, and professional.\n      <\/p>\n    <\/div>\n\n    <!-- Core Expertise -->\n    <div class=\"ns-about-section-head ns-about-reveal\">\n      <span>CORE EXPERTISE<\/span>\n      <h2>What I Bring To Every Project<\/h2>\n    <\/div>\n\n    <div class=\"ns-about-cards\">\n\n      <article class=\"ns-about-card ns-about-reveal\">\n        <div class=\"ns-about-card-icon\">\n          <i class=\"fa-solid fa-pen-nib\"><\/i>\n        <\/div>\n        <h3>Brand Identity<\/h3>\n        <p>Premium logos, visual systems, brand direction, colors, typography, and presentation-ready identity work.<\/p>\n      <\/article>\n\n      <article class=\"ns-about-card ns-about-reveal\">\n        <div class=\"ns-about-card-icon\">\n          <i class=\"fa-solid fa-desktop\"><\/i>\n        <\/div>\n        <h3>Web Design<\/h3>\n        <p>Modern WordPress websites, landing pages, portfolios, UI layouts, and responsive digital experiences.<\/p>\n      <\/article>\n\n      <article class=\"ns-about-card ns-about-reveal\">\n        <div class=\"ns-about-card-icon\">\n          <i class=\"fa-solid fa-share-nodes\"><\/i>\n        <\/div>\n        <h3>Social Media<\/h3>\n        <p>Campaign visuals, page branding, content direction, social posts, and digital presence building.<\/p>\n      <\/article>\n\n      <article class=\"ns-about-card ns-about-reveal\">\n        <div class=\"ns-about-card-icon\">\n          <i class=\"fa-solid fa-wand-magic-sparkles\"><\/i>\n        <\/div>\n        <h3>AI Creative Production<\/h3>\n        <p>AI visuals, product scenes, cinematic posters, realistic campaigns, and premium content concepts.<\/p>\n      <\/article>\n\n      <article class=\"ns-about-card ns-about-reveal\">\n        <div class=\"ns-about-card-icon\">\n          <i class=\"fa-solid fa-video\"><\/i>\n        <\/div>\n        <h3>AI Video Production<\/h3>\n        <p>Short-form reels, AI motion scenes, creative video concepts, storytelling, and digital video production.<\/p>\n      <\/article>\n\n      <article class=\"ns-about-card ns-about-reveal\">\n        <div class=\"ns-about-card-icon\">\n          <i class=\"fa-solid fa-network-wired\"><\/i>\n        <\/div>\n        <h3>IT & Automation<\/h3>\n        <p>Technical thinking, workflow automation, digital systems, networking knowledge, and smart creative solutions.<\/p>\n      <\/article>\n\n    <\/div>\n\n    <!-- Personal Approach -->\n    <div class=\"ns-about-split\">\n\n      <div class=\"ns-about-split-left ns-about-reveal\">\n        <span class=\"ns-about-eyebrow\">MY APPROACH<\/span>\n\n        <h2>\n          Strategy First.<br>\n          <strong>Design With Purpose.<\/strong>\n        <\/h2>\n\n        <p>\n          I don\u2019t create visuals just to look good. I build every design around the brand\u2019s message,\n          audience, market position, and final business goal \u2014 whether it is a logo, website, campaign,\n          AI scene, or video production.\n        <\/p>\n\n        <p>\n          The result is work that feels premium, clear, and commercially useful \u2014 not just decorative.\n        <\/p>\n      <\/div>\n\n      <div class=\"ns-about-process-list ns-about-reveal\">\n\n        <div class=\"ns-about-process-item\">\n          <span>01<\/span>\n          <div>\n            <h3>Understand<\/h3>\n            <p>Brand, audience, goals, competitors, and creative direction.<\/p>\n          <\/div>\n        <\/div>\n\n        <div class=\"ns-about-process-item\">\n          <span>02<\/span>\n          <div>\n            <h3>Build The Concept<\/h3>\n            <p>Visual style, structure, message, layout, and campaign logic.<\/p>\n          <\/div>\n        <\/div>\n\n        <div class=\"ns-about-process-item\">\n          <span>03<\/span>\n          <div>\n            <h3>Design & Produce<\/h3>\n            <p>Premium execution using design, AI tools, web systems, and editing.<\/p>\n          <\/div>\n        <\/div>\n\n        <div class=\"ns-about-process-item\">\n          <span>04<\/span>\n          <div>\n            <h3>Refine & Deliver<\/h3>\n            <p>Final polishing, responsive checks, files, publishing, and handover.<\/p>\n          <\/div>\n        <\/div>\n\n      <\/div>\n\n    <\/div>\n\n    <!-- Tools \/ Skills -->\n    <div class=\"ns-about-tools ns-about-reveal\">\n      <span>Creative & Technical Stack<\/span>\n\n      <div class=\"ns-about-tools-grid\">\n        <div>Photoshop<\/div>\n        <div>Illustrator<\/div>\n        <div>WordPress<\/div>\n        <div>Elementor<\/div>\n        <div>AI Visuals<\/div>\n        <div>AI Video<\/div>\n        <div>Video Editing<\/div>\n        <div>Automation<\/div>\n        <div>Digital Marketing<\/div>\n        <div>Networking<\/div>\n      <\/div>\n    <\/div>\n\n    <!-- CTA -->\n    <div class=\"ns-about-final ns-about-reveal\">\n      <div>\n        <span>Let\u2019s work together<\/span>\n        <strong>Ready to build a premium digital presence?<\/strong>\n      <\/div>\n\n      <a href=\"https:\/\/nadersaied.com\/ar\/contact\/\">\n        Start a Project <i class=\"fa-solid fa-arrow-right\"><\/i>\n      <\/a>\n    <\/div>\n\n  <\/div>\n<\/section>\n\n<style>\n.ns-about-page {\n  position: relative;\n  isolation: isolate;\n  overflow: hidden;\n  padding: 120px 5% 110px;\n  background:\n    radial-gradient(circle at 20% 35%, rgba(167, 18, 55, .32), transparent 32%),\n    radial-gradient(circle at 82% 18%, rgba(247, 198, 77, .09), transparent 26%),\n    linear-gradient(135deg, #100607 0%, #1b070b 40%, #310912 72%, #100607 100%);\n  color: #fff;\n  font-family: \"Inter\", \"Poppins\", Arial, sans-serif;\n}\n\n.ns-about-page::before {\n  content: \"\";\n  position: absolute;\n  inset: 0;\n  z-index: 0;\n  background-image:\n    linear-gradient(rgba(255,255,255,.018) 1px, transparent 1px),\n    linear-gradient(90deg, rgba(255,255,255,.018) 1px, transparent 1px);\n  background-size: 44px 44px;\n  opacity: .26;\n  animation: nsAboutPageGridMove 18s linear infinite;\n  pointer-events: none;\n}\n\n.ns-about-page::after {\n  content: \"\";\n  position: absolute;\n  inset: -20%;\n  z-index: 0;\n  background:\n    radial-gradient(circle at 50% 50%, transparent 0%, rgba(0,0,0,.20) 44%, rgba(0,0,0,.80) 100%);\n  opacity: .88;\n  pointer-events: none;\n}\n\n.ns-about-page-bg {\n  position: absolute;\n  right: 2%;\n  top: 4%;\n  z-index: 1;\n  font-family: Georgia, serif;\n  font-size: clamp(92px, 17vw, 285px);\n  line-height: .8;\n  font-weight: 900;\n  color: rgba(255,255,255,.032);\n  pointer-events: none;\n  animation: nsAboutPageBgFloat 7s ease-in-out infinite;\n}\n\n.ns-about-page-glow {\n  position: absolute;\n  left: 8%;\n  top: 24%;\n  width: 470px;\n  height: 470px;\n  z-index: 1;\n  border-radius: 50%;\n  border: 1px solid rgba(255,43,103,.24);\n  background: radial-gradient(circle, rgba(255,43,103,.20), transparent 68%);\n  box-shadow: 0 0 100px rgba(209,21,68,.22);\n  animation: nsAboutPageGlow 5.5s ease-in-out infinite;\n  pointer-events: none;\n}\n\n.ns-about-page-orb {\n  position: absolute;\n  z-index: 1;\n  border-radius: 50%;\n  filter: blur(10px);\n  pointer-events: none;\n}\n\n.ns-about-page-orb-one {\n  width: 150px;\n  height: 150px;\n  left: 5%;\n  bottom: 12%;\n  background: radial-gradient(circle, rgba(247,198,77,.22), transparent 68%);\n  animation: nsAboutOrbOne 8s ease-in-out infinite;\n}\n\n.ns-about-page-orb-two {\n  width: 190px;\n  height: 190px;\n  right: 6%;\n  top: 18%;\n  border: 1px solid rgba(255,43,103,.34);\n  background: radial-gradient(circle, rgba(255,43,103,.12), transparent 70%);\n  animation: nsAboutOrbTwo 10s ease-in-out infinite;\n}\n\n.ns-about-page-container {\n  position: relative;\n  z-index: 3;\n  max-width: 1380px;\n  margin: 0 auto;\n}\n\n\/* Hero *\/\n.ns-about-hero {\n  display: grid;\n  grid-template-columns: 1.05fr .95fr;\n  align-items: center;\n  gap: 62px;\n}\n\n.ns-about-eyebrow {\n  display: inline-flex;\n  align-items: center;\n  gap: 13px;\n  margin-bottom: 22px;\n  color: #f7c64d;\n  font-size: 14px;\n  letter-spacing: 4px;\n  font-weight: 900;\n}\n\n.ns-about-eyebrow::before {\n  content: \"\";\n  width: 52px;\n  height: 1px;\n  background: linear-gradient(90deg, #ff2b67, #f7c64d);\n}\n\n.ns-about-hero-content h1,\n.ns-about-split-left h2 {\n  margin: 0 0 26px;\n  font-family: Georgia, \"Times New Roman\", serif;\n  font-size: clamp(52px, 6.4vw, 104px);\n  line-height: .94;\n  letter-spacing: -3.2px;\n  color: #fff;\n}\n\n.ns-about-hero-content h1 strong,\n.ns-about-split-left h2 strong {\n  display: inline-block;\n  font-weight: 900;\n  background: linear-gradient(180deg, #fff4c7 0%, #d69a24 52%, #fff0a6 100%);\n  -webkit-background-clip: text;\n  -webkit-text-fill-color: transparent;\n  background-size: 100% 140%;\n  animation: nsAboutGoldSoft 4s ease-in-out infinite alternate;\n}\n\n.ns-about-hero-content p,\n.ns-about-split-left p {\n  max-width: 720px;\n  margin: 0 0 20px;\n  color: rgba(255,255,255,.72);\n  font-size: 17px;\n  line-height: 1.85;\n}\n\n.ns-about-actions {\n  display: flex;\n  flex-wrap: wrap;\n  gap: 16px;\n  margin-top: 34px;\n}\n\n.ns-about-btn {\n  position: relative;\n  overflow: hidden;\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  gap: 13px;\n  min-width: 205px;\n  height: 60px;\n  padding: 0 30px;\n  border-radius: 999px;\n  color: #fff;\n  text-decoration: none;\n  font-size: 15px;\n  font-weight: 850;\n  transition: .35s ease;\n}\n\n.ns-about-btn span,\n.ns-about-btn i {\n  position: relative;\n  z-index: 2;\n}\n\n.ns-about-btn::before {\n  content: \"\";\n  position: absolute;\n  top: -80%;\n  left: -45%;\n  width: 38%;\n  height: 260%;\n  background: linear-gradient(90deg, transparent, rgba(255,255,255,.36), transparent);\n  transform: rotate(22deg);\n  transition: .75s ease;\n}\n\n.ns-about-btn-main {\n  background: linear-gradient(135deg, #8b0d2b, #e03165);\n  box-shadow: 0 15px 38px rgba(215, 26, 79, .32);\n}\n\n.ns-about-btn-outline {\n  border: 1px solid rgba(247,198,77,.48);\n  background: rgba(255,255,255,.025);\n}\n\n.ns-about-btn:hover {\n  transform: translateY(-4px);\n  color: #fff;\n}\n\n.ns-about-btn:hover::before {\n  left: 125%;\n}\n\n.ns-about-btn i {\n  transition: .35s ease;\n}\n\n.ns-about-btn:hover i {\n  transform: translateX(5px);\n}\n\n\/* Photo *\/\n.ns-about-photo-card {\n  position: relative;\n  min-height: 620px;\n  border-radius: 34px;\n  border: 1px solid rgba(255,43,103,.26);\n  background:\n    linear-gradient(145deg, rgba(255,255,255,.075), rgba(255,255,255,.018)),\n    radial-gradient(circle at 50% 20%, rgba(247,198,77,.12), transparent 38%);\n  backdrop-filter: blur(20px);\n  -webkit-backdrop-filter: blur(20px);\n  box-shadow:\n    0 36px 100px rgba(0,0,0,.34),\n    inset 0 0 45px rgba(255,255,255,.03);\n  overflow: hidden;\n}\n\n.ns-about-photo-card::before {\n  content: \"\";\n  position: absolute;\n  inset: 24px;\n  border-radius: 26px;\n  border: 1px solid rgba(247,198,77,.13);\n  pointer-events: none;\n}\n\n.ns-about-photo-light {\n  position: absolute;\n  left: 50%;\n  top: 20%;\n  width: 390px;\n  height: 390px;\n  transform: translateX(-50%);\n  border-radius: 50%;\n  background: radial-gradient(circle, rgba(255,43,103,.24), transparent 66%);\n  border: 1px solid rgba(247,198,77,.16);\n  animation: nsAboutPhotoLight 6s ease-in-out infinite;\n}\n\n.ns-about-photo-card img {\n  position: absolute;\n  left: 50%;\n  bottom: -25px;\n  z-index: 3;\n  transform: translateX(-50%);\n  width: min(560px, 118%);\n  max-height: 700px;\n  object-fit: contain;\n  filter: drop-shadow(0 38px 60px rgba(0,0,0,.55));\n  animation: nsAboutPhotoFloat 6.5s ease-in-out infinite;\n}\n\n.ns-about-floating {\n  position: absolute;\n  z-index: 5;\n  min-width: 150px;\n  height: 50px;\n  padding: 0 16px;\n  display: flex;\n  align-items: center;\n  gap: 11px;\n  border-radius: 999px;\n  border: 1px solid rgba(247,198,77,.24);\n  background: rgba(8,5,7,.62);\n  backdrop-filter: blur(16px);\n  -webkit-backdrop-filter: blur(16px);\n  box-shadow: 0 18px 45px rgba(0,0,0,.28);\n}\n\n.ns-about-floating i {\n  color: #f7c64d;\n  font-size: 15px;\n}\n\n.ns-about-floating span {\n  color: #fff;\n  font-size: 11px;\n  font-weight: 850;\n  letter-spacing: 1px;\n  text-transform: uppercase;\n}\n\n.ns-about-floating-one {\n  left: 26px;\n  top: 84px;\n  animation: nsAboutFloatOne 5s ease-in-out infinite;\n}\n\n.ns-about-floating-two {\n  right: 24px;\n  bottom: 98px;\n  animation: nsAboutFloatTwo 5.6s ease-in-out infinite;\n}\n\n\/* Statement *\/\n.ns-about-statement {\n  margin: 80px 0;\n  padding: 34px;\n  border-radius: 28px;\n  border: 1px solid rgba(247,198,77,.20);\n  background:\n    linear-gradient(145deg, rgba(255,255,255,.06), rgba(255,255,255,.018)),\n    radial-gradient(circle at 20% 0%, rgba(247,198,77,.10), transparent 36%);\n  backdrop-filter: blur(18px);\n  -webkit-backdrop-filter: blur(18px);\n  box-shadow:\n    0 28px 70px rgba(0,0,0,.24),\n    inset 0 0 38px rgba(255,255,255,.025);\n  display: grid;\n  grid-template-columns: .9fr 1.1fr;\n  gap: 28px;\n  align-items: center;\n}\n\n.ns-about-statement div span,\n.ns-about-statement div strong,\n.ns-about-statement div small {\n  display: block;\n  font-family: Georgia, serif;\n  line-height: 1;\n  font-weight: 900;\n}\n\n.ns-about-statement div span {\n  color: rgba(255,255,255,.95);\n  font-size: clamp(32px, 4vw, 62px);\n}\n\n.ns-about-statement div strong {\n  margin: 10px 0;\n  font-size: clamp(34px, 4.5vw, 68px);\n  background: linear-gradient(180deg, #fff4c7 0%, #d69a24 52%, #fff0a6 100%);\n  -webkit-background-clip: text;\n  -webkit-text-fill-color: transparent;\n}\n\n.ns-about-statement div small {\n  color: rgba(255,255,255,.95);\n  font-size: clamp(28px, 3.5vw, 54px);\n}\n\n.ns-about-statement p {\n  margin: 0;\n  color: rgba(255,255,255,.72);\n  font-size: 17px;\n  line-height: 1.85;\n}\n\n\/* Section Head *\/\n.ns-about-section-head {\n  max-width: 800px;\n  margin: 0 auto 38px;\n  text-align: center;\n}\n\n.ns-about-section-head span,\n.ns-about-tools > span {\n  display: block;\n  margin-bottom: 14px;\n  color: #f7c64d;\n  font-size: 13px;\n  font-weight: 900;\n  letter-spacing: 4px;\n  text-transform: uppercase;\n}\n\n.ns-about-section-head h2 {\n  margin: 0;\n  color: #fff;\n  font-size: clamp(34px, 4.2vw, 58px);\n  line-height: 1.1;\n  font-weight: 900;\n  letter-spacing: -1.5px;\n}\n\n\/* Cards *\/\n.ns-about-cards {\n  display: grid;\n  grid-template-columns: repeat(3, 1fr);\n  gap: 22px;\n  margin-bottom: 90px;\n}\n\n.ns-about-card,\n.ns-about-process-item,\n.ns-about-tools,\n.ns-about-final {\n  position: relative;\n  border: 1px solid rgba(255,43,103,.24);\n  background:\n    linear-gradient(145deg, rgba(255,255,255,.065), rgba(255,255,255,.018)),\n    radial-gradient(circle at 50% 0%, rgba(247,198,77,.08), transparent 38%);\n  backdrop-filter: blur(18px);\n  -webkit-backdrop-filter: blur(18px);\n  box-shadow:\n    0 28px 70px rgba(0,0,0,.25),\n    inset 0 0 38px rgba(255,255,255,.025);\n  overflow: hidden;\n}\n\n.ns-about-card {\n  min-height: 280px;\n  padding: 34px 28px 30px;\n  border-radius: 24px;\n  transition: .42s ease;\n}\n\n.ns-about-card::before,\n.ns-about-process-item::before,\n.ns-about-tools::before,\n.ns-about-final::before {\n  content: \"\";\n  position: absolute;\n  inset: 0;\n  background:\n    linear-gradient(135deg, rgba(247,198,77,.12), rgba(255,43,103,.11), transparent 62%);\n  opacity: 0;\n  transition: .42s ease;\n  pointer-events: none;\n}\n\n.ns-about-card:hover {\n  transform: translateY(-10px);\n  border-color: rgba(247,198,77,.42);\n}\n\n.ns-about-card:hover::before,\n.ns-about-process-item:hover::before,\n.ns-about-tools:hover::before,\n.ns-about-final:hover::before {\n  opacity: 1;\n}\n\n.ns-about-card-icon {\n  position: relative;\n  z-index: 2;\n  width: 66px;\n  height: 66px;\n  margin-bottom: 26px;\n  border-radius: 18px;\n  border: 1px solid rgba(247,198,77,.26);\n  background:\n    radial-gradient(circle at 50% 35%, rgba(247,198,77,.18), rgba(255,255,255,.035));\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  color: #f7c64d;\n  font-size: 24px;\n  box-shadow: 0 18px 42px rgba(0,0,0,.20);\n  transition: .38s ease;\n}\n\n.ns-about-card:hover .ns-about-card-icon {\n  transform: translateY(-5px) scale(1.06);\n  color: #fff0a6;\n}\n\n.ns-about-card h3 {\n  position: relative;\n  z-index: 2;\n  margin: 0 0 16px;\n  color: #fff;\n  font-size: 23px;\n  font-weight: 900;\n}\n\n.ns-about-card p {\n  position: relative;\n  z-index: 2;\n  margin: 0;\n  color: rgba(255,255,255,.66);\n  font-size: 14px;\n  line-height: 1.8;\n}\n\n\/* Split *\/\n.ns-about-split {\n  display: grid;\n  grid-template-columns: .95fr 1.05fr;\n  gap: 60px;\n  align-items: center;\n  margin-bottom: 80px;\n}\n\n.ns-about-process-list {\n  display: flex;\n  flex-direction: column;\n  gap: 16px;\n}\n\n.ns-about-process-item {\n  display: grid;\n  grid-template-columns: 70px 1fr;\n  gap: 18px;\n  align-items: center;\n  padding: 24px;\n  border-radius: 22px;\n  transition: .35s ease;\n}\n\n.ns-about-process-item:hover {\n  transform: translateX(-6px);\n  border-color: rgba(247,198,77,.38);\n}\n\n.ns-about-process-item > span {\n  position: relative;\n  z-index: 2;\n  width: 58px;\n  height: 58px;\n  border-radius: 50%;\n  border: 1px solid rgba(247,198,77,.28);\n  background: rgba(247,198,77,.08);\n  color: #f7c64d;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  font-family: Georgia, serif;\n  font-size: 22px;\n  font-weight: 900;\n}\n\n.ns-about-process-item div {\n  position: relative;\n  z-index: 2;\n}\n\n.ns-about-process-item h3 {\n  margin: 0 0 8px;\n  color: #fff;\n  font-size: 20px;\n  font-weight: 900;\n}\n\n.ns-about-process-item p {\n  margin: 0;\n  color: rgba(255,255,255,.66);\n  font-size: 14px;\n  line-height: 1.7;\n}\n\n\/* Tools *\/\n.ns-about-tools {\n  padding: 34px;\n  border-radius: 28px;\n  margin-bottom: 34px;\n}\n\n.ns-about-tools > span {\n  position: relative;\n  z-index: 2;\n  text-align: center;\n}\n\n.ns-about-tools-grid {\n  position: relative;\n  z-index: 2;\n  display: flex;\n  flex-wrap: wrap;\n  justify-content: center;\n  gap: 12px;\n}\n\n.ns-about-tools-grid div {\n  min-height: 42px;\n  padding: 11px 18px;\n  border-radius: 999px;\n  border: 1px solid rgba(247,198,77,.18);\n  background: rgba(8,5,7,.34);\n  color: rgba(255,255,255,.82);\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  font-size: 13px;\n  font-weight: 850;\n  letter-spacing: .5px;\n}\n\n\/* Final *\/\n.ns-about-final {\n  padding: 32px 34px;\n  border-radius: 28px;\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  gap: 26px;\n}\n\n.ns-about-final div,\n.ns-about-final a {\n  position: relative;\n  z-index: 2;\n}\n\n.ns-about-final span {\n  display: block;\n  margin-bottom: 8px;\n  color: #f7c64d;\n  font-size: 13px;\n  font-weight: 900;\n  letter-spacing: 1.6px;\n  text-transform: uppercase;\n}\n\n.ns-about-final strong {\n  display: block;\n  color: #fff;\n  font-size: clamp(22px, 2.2vw, 34px);\n  line-height: 1.25;\n  font-weight: 900;\n}\n\n.ns-about-final a {\n  flex: 0 0 auto;\n  min-width: 205px;\n  height: 58px;\n  border-radius: 999px;\n  background: linear-gradient(135deg, #8b0d2b, #e03165);\n  color: #fff;\n  text-decoration: none;\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  gap: 12px;\n  font-size: 15px;\n  font-weight: 850;\n  box-shadow: 0 15px 38px rgba(215, 26, 79, .30);\n  transition: .35s ease;\n}\n\n.ns-about-final a:hover {\n  transform: translateY(-4px);\n  color: #fff;\n}\n\n\/* Reveal *\/\n.ns-about-reveal {\n  opacity: 0;\n  transform: translateY(36px);\n  filter: blur(10px);\n  transition:\n    opacity .9s cubic-bezier(.2,.8,.2,1),\n    transform .9s cubic-bezier(.2,.8,.2,1),\n    filter .9s cubic-bezier(.2,.8,.2,1);\n}\n\n.ns-about-reveal.ns-about-visible {\n  opacity: 1;\n  transform: translateY(0);\n  filter: blur(0);\n}\n\n.ns-about-card:nth-child(1).ns-about-visible { transition-delay: .04s; }\n.ns-about-card:nth-child(2).ns-about-visible { transition-delay: .10s; }\n.ns-about-card:nth-child(3).ns-about-visible { transition-delay: .16s; }\n.ns-about-card:nth-child(4).ns-about-visible { transition-delay: .22s; }\n.ns-about-card:nth-child(5).ns-about-visible { transition-delay: .28s; }\n.ns-about-card:nth-child(6).ns-about-visible { transition-delay: .34s; }\n\n\/* Tablet *\/\n@media (max-width: 1100px) {\n  .ns-about-page {\n    padding: 100px 5% 95px;\n  }\n\n  .ns-about-hero,\n  .ns-about-statement,\n  .ns-about-split {\n    grid-template-columns: 1fr;\n  }\n\n  .ns-about-hero-content,\n  .ns-about-split-left {\n    text-align: center;\n  }\n\n  .ns-about-eyebrow {\n    justify-content: center;\n  }\n\n  .ns-about-actions {\n    justify-content: center;\n  }\n\n  .ns-about-photo-card {\n    max-width: 560px;\n    margin: 0 auto;\n  }\n\n  .ns-about-cards {\n    grid-template-columns: repeat(2, 1fr);\n  }\n\n  .ns-about-statement {\n    text-align: center;\n  }\n}\n\n\/* Mobile *\/\n@media (max-width: 767px) {\n  .ns-about-page {\n    padding: 88px 22px 78px;\n  }\n\n  .ns-about-page-bg {\n    top: 5%;\n    right: -24%;\n    font-size: 92px;\n  }\n\n  .ns-about-page-glow {\n    width: 280px;\n    height: 280px;\n    left: 50%;\n    top: 10%;\n    transform: translateX(-50%);\n  }\n\n  .ns-about-hero {\n    gap: 38px;\n  }\n\n  .ns-about-eyebrow {\n    font-size: 11px;\n    letter-spacing: 3px;\n  }\n\n  .ns-about-eyebrow::before {\n    width: 34px;\n  }\n\n  .ns-about-hero-content h1,\n  .ns-about-split-left h2 {\n    font-size: clamp(42px, 13vw, 58px);\n    letter-spacing: -2px;\n  }\n\n  .ns-about-hero-content p,\n  .ns-about-split-left p,\n  .ns-about-statement p {\n    font-size: 14px;\n    line-height: 1.85;\n  }\n\n  .ns-about-btn {\n    width: 100%;\n    min-width: 100%;\n    height: 58px;\n  }\n\n  .ns-about-photo-card {\n    min-height: 450px;\n    border-radius: 26px;\n  }\n\n  .ns-about-photo-card::before {\n    inset: 15px;\n    border-radius: 20px;\n  }\n\n  .ns-about-photo-light {\n    width: 300px;\n    height: 300px;\n  }\n\n  .ns-about-photo-card img {\n    width: 118%;\n    max-height: 500px;\n  }\n\n  .ns-about-floating {\n    display: none;\n  }\n\n  .ns-about-statement {\n    margin: 54px 0;\n    padding: 28px 22px;\n    border-radius: 24px;\n  }\n\n  .ns-about-section-head h2 {\n    font-size: 34px;\n  }\n\n  .ns-about-cards {\n    grid-template-columns: 1fr;\n    gap: 16px;\n    margin-bottom: 62px;\n  }\n\n  .ns-about-card {\n    min-height: auto;\n    padding: 30px 24px;\n    border-radius: 22px;\n  }\n\n  .ns-about-split {\n    gap: 32px;\n    margin-bottom: 58px;\n  }\n\n  .ns-about-process-item {\n    grid-template-columns: 1fr;\n    text-align: center;\n  }\n\n  .ns-about-process-item > span {\n    margin: 0 auto;\n  }\n\n  .ns-about-tools {\n    padding: 28px 20px;\n    border-radius: 24px;\n  }\n\n  .ns-about-final {\n    padding: 28px 22px;\n    border-radius: 24px;\n    flex-direction: column;\n    text-align: center;\n  }\n\n  .ns-about-final a {\n    width: 100%;\n  }\n}\n\n\/* Animations *\/\n@keyframes nsAboutPageGridMove {\n  from { background-position: 0 0; }\n  to { background-position: 44px 44px; }\n}\n\n@keyframes nsAboutPageBgFloat {\n  0%, 100% { transform: translateY(0); opacity: .75; }\n  50% { transform: translateY(-10px); opacity: 1; }\n}\n\n@keyframes nsAboutPageGlow {\n  0%, 100% {\n    opacity: .55;\n    transform: scale(1);\n    box-shadow: 0 0 70px rgba(209,21,68,.16);\n  }\n  50% {\n    opacity: 1;\n    transform: scale(1.04);\n    box-shadow: 0 0 120px rgba(209,21,68,.30);\n  }\n}\n\n@keyframes nsAboutGoldSoft {\n  from { background-position: center top; }\n  to { background-position: center bottom; }\n}\n\n@keyframes nsAboutPhotoFloat {\n  0%, 100% { transform: translateX(-50%) translateY(0); }\n  50% { transform: translateX(-50%) translateY(-10px); }\n}\n\n@keyframes nsAboutPhotoLight {\n  0%, 100% {\n    transform: translateX(-50%) scale(1);\n    opacity: .82;\n  }\n  50% {\n    transform: translateX(-50%) scale(1.04);\n    opacity: 1;\n  }\n}\n\n@keyframes nsAboutFloatOne {\n  0%, 100% { transform: translateY(0); }\n  50% { transform: translateY(-9px); }\n}\n\n@keyframes nsAboutFloatTwo {\n  0%, 100% { transform: translateY(0); }\n  50% { transform: translateY(9px); }\n}\n\n@keyframes nsAboutOrbOne {\n  0%, 100% { transform: translate(0,0); }\n  50% { transform: translate(24px,-18px); }\n}\n\n@keyframes nsAboutOrbTwo {\n  0%, 100% { transform: translate(0,0); }\n  50% { transform: translate(-24px,18px); }\n}\n\n@media (prefers-reduced-motion: reduce) {\n  .ns-about-page *,\n  .ns-about-page *::before,\n  .ns-about-page *::after {\n    animation: none !important;\n    transition: none !important;\n  }\n\n  .ns-about-reveal {\n    opacity: 1 !important;\n    transform: none !important;\n    filter: none !important;\n  }\n}\n<\/style>\n\n<script>\n(function () {\n  const items = document.querySelectorAll(\".ns-about-reveal\");\n\n  if (!items.length) return;\n\n  const observer = new IntersectionObserver(function (entries) {\n    entries.forEach(function (entry) {\n      if (entry.isIntersecting) {\n        entry.target.classList.add(\"ns-about-visible\");\n        observer.unobserve(entry.target);\n      }\n    });\n  }, {\n    threshold: 0.16\n  });\n\n  items.forEach(function (item) {\n    observer.observe(item);\n  });\n})();\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>","protected":false},"excerpt":{"rendered":"<p>Creative Technology. Premium Design. Digital Impact.<br \/>\nHelping brands grow through design, websites, AI content, and digital solutions.<\/p>","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"open","ping_status":"closed","template":"elementor_header_footer","meta":{"footnotes":""},"class_list":["post-835","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\/835","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=835"}],"version-history":[{"count":50,"href":"https:\/\/nadersaied.com\/ar\/wp-json\/wp\/v2\/pages\/835\/revisions"}],"predecessor-version":[{"id":3713,"href":"https:\/\/nadersaied.com\/ar\/wp-json\/wp\/v2\/pages\/835\/revisions\/3713"}],"wp:attachment":[{"href":"https:\/\/nadersaied.com\/ar\/wp-json\/wp\/v2\/media?parent=835"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}