{"id":991,"date":"2022-06-10T08:40:32","date_gmt":"2022-06-10T08:40:32","guid":{"rendered":"https:\/\/startersites.io\/elementor\/persona\/?page_id=991"},"modified":"2026-07-01T11:51:08","modified_gmt":"2026-07-01T11:51:08","slug":"home-3","status":"publish","type":"page","link":"https:\/\/nadersaied.com\/ar\/","title":{"rendered":"\u0627\u0644\u0631\u0626\u064a\u0633\u064a\u0629"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"991\" class=\"elementor elementor-991\">\n\t\t\t\t<div class=\"elementor-element elementor-element-97fc0c2 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=\"97fc0c2\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t<div class=\"elementor-element elementor-element-d97b52e 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-child\" data-id=\"d97b52e\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-a624c3c elementor-widget elementor-widget-html\" data-id=\"a624c3c\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- Nader Saied Premium Hero Section - Stable Fade In \/ Mobile Image First -->\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-premium-hero\">\n  <div class=\"ns-hero-bg-text\">NS<\/div>\n  <div class=\"ns-hero-glow\"><\/div>\n\n  <div class=\"ns-orb ns-orb-one\"><\/div>\n  <div class=\"ns-orb ns-orb-two\"><\/div>\n  <div class=\"ns-orb ns-orb-three\"><\/div>\n\n  <div class=\"ns-hero-wrap\">\n\n    <!-- Left Content -->\n    <div class=\"ns-hero-content\">\n      <span class=\"ns-eyebrow\">HELLO, I'M<\/span>\n\n      <h1>\n        <span>Nader<\/span>\n        <strong>Saied<\/strong>\n      <\/h1>\n\n      <h2>Creative Technologist & Digital Designer<\/h2>\n\n      <p>\n        I create premium visual identities, websites, social media campaigns,\n        AI visuals, and digital experiences that help brands look stronger\n        and grow faster.\n      <\/p>\n\n      <div class=\"ns-hero-actions\">\n        <a href=\"https:\/\/nadersaied.com\/projects\/\" class=\"ns-btn ns-btn-main\">\n          <span>View Projects<\/span>\n          <i class=\"fa-solid fa-arrow-right\"><\/i>\n        <\/a>\n\n        <a href=\"https:\/\/nadersaied.com\/contact\/\" class=\"ns-btn ns-btn-outline\">\n          <span>Start a Project<\/span>\n          <i class=\"fa-solid fa-arrow-right\"><\/i>\n        <\/a>\n      <\/div>\n\n      <div class=\"ns-socials\">\n        <a href=\"https:\/\/www.facebook.com\/nadersaiedzone1\" target=\"_blank\" rel=\"noopener noreferrer\" aria-label=\"Facebook\">\n          <i class=\"fa-brands fa-facebook-f\"><\/i>\n        <\/a>\n\n        <a href=\"https:\/\/www.instagram.com\/nadersaiedzone1\" target=\"_blank\" rel=\"noopener noreferrer\" aria-label=\"Instagram\">\n          <i class=\"fa-brands fa-instagram\"><\/i>\n        <\/a>\n\n        <a href=\"https:\/\/www.behance.net\/nadersaiedzone\" target=\"_blank\" rel=\"noopener noreferrer\" aria-label=\"Behance\">\n          <i class=\"fa-brands fa-behance\"><\/i>\n        <\/a>\n\n        <a href=\"https:\/\/www.linkedin.com\/in\/nadersaied\/\" target=\"_blank\" rel=\"noopener noreferrer\" aria-label=\"LinkedIn\">\n          <i class=\"fa-brands fa-linkedin-in\"><\/i>\n        <\/a>\n\n        <a href=\"https:\/\/wa.me\/201220913636\" target=\"_blank\" rel=\"noopener noreferrer\" aria-label=\"WhatsApp\">\n          <i class=\"fa-brands fa-whatsapp\"><\/i>\n        <\/a>\n\n        <a href=\"https:\/\/m.me\/1135545066309505\" target=\"_blank\" rel=\"noopener noreferrer\" aria-label=\"Messenger\">\n          <i class=\"fa-brands fa-facebook-messenger\"><\/i>\n        <\/a>\n      <\/div>\n    <\/div>\n\n    <!-- Right Image -->\n    <div class=\"ns-hero-image\">\n      <div class=\"ns-image-circle\"><\/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-signature\">\n        <span>Nader Saied<\/span>\n        <small>Turning Ideas Into Digital Impact<\/small>\n      <\/div>\n    <\/div>\n\n  <\/div>\n\n  <!-- Services Bar -->\n  <div class=\"ns-services-bar\">\n    <div>\n      <i class=\"fa-solid fa-pen-nib\"><\/i>\n      <span>Brand Identity<\/span>\n    <\/div>\n\n    <div>\n      <i class=\"fa-solid fa-desktop\"><\/i>\n      <span>Web Design<\/span>\n    <\/div>\n\n    <div>\n      <i class=\"fa-solid fa-wand-magic-sparkles\"><\/i>\n      <span>AI Creative Production<\/span>\n    <\/div>\n\n    <div>\n      <i class=\"fa-solid fa-chart-line\"><\/i>\n      <span>Social Media<\/span>\n    <\/div>\n  <\/div>\n<\/section>\n\n<style>\n.ns-premium-hero {\n  position: relative;\n  isolation: isolate;\n  overflow: hidden;\n  min-height: auto;\n  padding: 105px 5% 45px;\n  background:\n    radial-gradient(circle at 72% 42%, rgba(167, 18, 55, 0.44), transparent 34%),\n    radial-gradient(circle at 18% 18%, rgba(255, 197, 78, 0.07), transparent 28%),\n    linear-gradient(135deg, #100607 0%, #26070d 36%, #6d0f26 63%, #120607 100%);\n  color: #fff;\n  font-family: \"Inter\", \"Poppins\", Arial, sans-serif;\n}\n\n.ns-premium-hero *,\n.ns-premium-hero *::before,\n.ns-premium-hero *::after {\n  box-sizing: border-box;\n}\n\n.ns-premium-hero::before {\n  content: \"\";\n  position: absolute;\n  inset: -20%;\n  z-index: 0;\n  background:\n    radial-gradient(circle at 50% 45%, transparent 0%, rgba(0,0,0,.20) 48%, rgba(0,0,0,.72) 100%),\n    linear-gradient(120deg, rgba(255,255,255,.03), transparent 35%, rgba(255,196,79,.04) 70%, transparent);\n  opacity: .86;\n  pointer-events: none;\n}\n\n.ns-premium-hero::after {\n  content: \"\";\n  position: absolute;\n  inset: 0;\n  z-index: 0;\n  background-image:\n    linear-gradient(rgba(255,255,255,0.016) 1px, transparent 1px),\n    linear-gradient(90deg, rgba(255,255,255,0.016) 1px, transparent 1px);\n  background-size: 42px 42px;\n  opacity: .28;\n  pointer-events: none;\n}\n\n\/* Decorative Orbs - Static *\/\n.ns-orb {\n  position: absolute;\n  z-index: 1;\n  border-radius: 999px;\n  filter: blur(10px);\n  opacity: .45;\n  pointer-events: none;\n}\n\n.ns-orb-one {\n  width: 170px;\n  height: 170px;\n  left: 7%;\n  top: 18%;\n  background: radial-gradient(circle, rgba(247,198,77,.26), transparent 68%);\n}\n\n.ns-orb-two {\n  width: 240px;\n  height: 240px;\n  right: 8%;\n  bottom: 16%;\n  background: radial-gradient(circle, rgba(255,43,103,.24), transparent 70%);\n}\n\n.ns-orb-three {\n  width: 120px;\n  height: 120px;\n  left: 45%;\n  bottom: 8%;\n  background: radial-gradient(circle, rgba(255,255,255,.11), transparent 68%);\n}\n\n\/* Background Text *\/\n.ns-hero-bg-text {\n  position: absolute;\n  right: 4%;\n  top: 8%;\n  z-index: 1;\n  font-family: Georgia, serif;\n  font-size: clamp(160px, 23vw, 420px);\n  line-height: .8;\n  font-weight: 900;\n  color: rgba(255,255,255,0.045);\n  pointer-events: none;\n  opacity: 0;\n  animation: nsSoftFadeIn .9s ease .05s forwards;\n}\n\n\/* Glow Circle *\/\n.ns-hero-glow {\n  position: absolute;\n  right: 18%;\n  top: 24%;\n  z-index: 1;\n  width: 430px;\n  height: 430px;\n  border-radius: 50%;\n  border: 1px solid rgba(255, 31, 83, .34);\n  box-shadow:\n    0 0 85px rgba(209, 21, 68, .22),\n    inset 0 0 45px rgba(255,255,255,.025);\n  opacity: 0;\n  animation: nsSoftFadeIn 1s ease .18s forwards;\n}\n\n.ns-hero-glow::before,\n.ns-hero-glow::after {\n  content: \"\";\n  position: absolute;\n  inset: 28px;\n  border-radius: inherit;\n  border: 1px solid rgba(247,198,77,.16);\n}\n\n.ns-hero-glow::after {\n  inset: 58px;\n  border-color: rgba(255,255,255,.09);\n}\n\n\/* Layout *\/\n.ns-hero-wrap {\n  position: relative;\n  z-index: 3;\n  display: grid;\n  grid-template-columns: 1fr 1.08fr;\n  align-items: center;\n  gap: 40px;\n  max-width: 1450px;\n  margin: 0 auto;\n}\n\n.ns-hero-content {\n  max-width: 620px;\n  padding-top: 20px;\n}\n\n\/* Text *\/\n.ns-eyebrow {\n  display: inline-block;\n  margin-bottom: 18px;\n  color: #f7c64d;\n  font-size: 15px;\n  letter-spacing: 2.5px;\n  font-weight: 800;\n  opacity: 0;\n  animation: nsSoftFadeIn .7s ease .12s forwards;\n}\n\n.ns-hero-content h1 {\n  margin: 0;\n  font-family: Georgia, \"Times New Roman\", serif;\n  font-size: clamp(76px, 8.5vw, 145px);\n  line-height: .82;\n  letter-spacing: -5px;\n  opacity: 0;\n  animation: nsSoftFadeIn .8s ease .22s forwards;\n}\n\n.ns-hero-content h1 span {\n  display: block;\n  color: #fff;\n  text-shadow: 0 18px 40px rgba(0,0,0,.35);\n}\n\n.ns-hero-content h1 strong {\n  display: 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  text-shadow: none;\n}\n\n.ns-hero-content h2 {\n  position: relative;\n  margin: 24px 0 22px;\n  padding-bottom: 18px;\n  font-size: clamp(17px, 1.45vw, 23px);\n  text-transform: uppercase;\n  letter-spacing: 3px;\n  font-weight: 700;\n  opacity: 0;\n  animation: nsSoftFadeIn .75s ease .32s forwards;\n}\n\n.ns-hero-content h2::after {\n  content: \"\";\n  position: absolute;\n  left: 0;\n  bottom: 0;\n  width: 78px;\n  height: 2px;\n  background: linear-gradient(90deg, #ff2b67, transparent);\n  transform-origin: left;\n}\n\n.ns-hero-content p {\n  max-width: 560px;\n  margin: 0 0 28px;\n  color: rgba(255,255,255,.72);\n  font-size: 17px;\n  line-height: 1.8;\n  opacity: 0;\n  animation: nsSoftFadeIn .75s ease .42s forwards;\n}\n\n\/* Buttons *\/\n.ns-hero-actions {\n  display: flex;\n  flex-wrap: wrap;\n  gap: 18px;\n  margin-bottom: 30px;\n  opacity: 0;\n  animation: nsSoftFadeIn .75s ease .52s forwards;\n}\n\n.ns-btn {\n  position: relative;\n  overflow: hidden;\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  gap: 12px;\n  min-width: 210px;\n  height: 58px;\n  padding: 0 28px;\n  border-radius: 10px;\n  font-size: 15px;\n  font-weight: 800;\n  text-decoration: none;\n  color: #fff;\n  transition: box-shadow .25s ease, border-color .25s ease, background .25s ease, color .25s ease;\n}\n\n.ns-btn span,\n.ns-btn i {\n  position: relative;\n  z-index: 2;\n}\n\n.ns-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,.34), transparent);\n  transform: rotate(22deg);\n  transition: .65s ease;\n}\n\n.ns-btn:hover::before {\n  left: 125%;\n}\n\n.ns-btn-main {\n  background: linear-gradient(135deg, #8b0d2b, #e03165);\n  box-shadow: 0 15px 38px rgba(215, 26, 79, .30);\n}\n\n.ns-btn-outline {\n  border: 1px solid rgba(247,198,77,.58);\n  background: rgba(255,255,255,.025);\n}\n\n.ns-btn:hover {\n  color: #fff;\n}\n\n.ns-btn-main:hover {\n  box-shadow: 0 20px 45px rgba(215, 26, 79, .38);\n}\n\n.ns-btn-outline:hover {\n  background: rgba(247,198,77,.12);\n  border-color: rgba(247,198,77,.85);\n}\n\n\/* Socials *\/\n.ns-socials {\n  display: flex;\n  align-items: center;\n  flex-wrap: wrap;\n  gap: 16px;\n  opacity: 0;\n  animation: nsSoftFadeIn .75s ease .62s forwards;\n}\n\n.ns-socials a {\n  position: relative;\n  width: 38px;\n  height: 38px;\n  border: 1px solid rgba(255,255,255,.16);\n  border-radius: 50%;\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  color: #fff;\n  text-decoration: none;\n  background: rgba(255,255,255,.045);\n  transition: color .25s ease, border-color .25s ease, box-shadow .25s ease;\n}\n\n.ns-socials a::after {\n  content: \"\";\n  position: absolute;\n  right: -9px;\n  width: 1px;\n  height: 22px;\n  background: rgba(255, 43, 103, .55);\n}\n\n.ns-socials a:last-child::after {\n  display: none;\n}\n\n.ns-socials a:hover {\n  color: #f7c64d;\n  border-color: rgba(247,198,77,.6);\n  box-shadow: 0 10px 25px rgba(0,0,0,.22);\n}\n\n\/* Image *\/\n.ns-hero-image {\n  position: relative;\n  min-height: 560px;\n  display: flex;\n  align-items: flex-end;\n  justify-content: center;\n  opacity: 0;\n  animation: nsSoftFadeIn .85s ease .28s forwards;\n}\n\n.ns-hero-image img {\n  position: relative;\n  z-index: 3;\n  width: min(620px, 100%);\n  max-height: 680px;\n  object-fit: contain;\n  filter: drop-shadow(0 35px 55px rgba(0,0,0,.55));\n}\n\n.ns-image-circle {\n  position: absolute;\n  z-index: 2;\n  width: 470px;\n  height: 470px;\n  border-radius: 50%;\n  background: radial-gradient(circle, rgba(255, 41, 94, .20), transparent 66%);\n  border: 1px solid rgba(255, 43, 103, .35);\n  box-shadow: inset 0 0 60px rgba(255,255,255,.04);\n}\n\n.ns-image-circle::before {\n  content: \"\";\n  position: absolute;\n  inset: -16px;\n  border-radius: inherit;\n  border: 1px dashed rgba(247,198,77,.18);\n}\n\n.ns-image-circle::after {\n  content: \"\";\n  position: absolute;\n  inset: 42px;\n  border-radius: inherit;\n  background: radial-gradient(circle, rgba(255,255,255,.075), transparent 65%);\n}\n\n.ns-signature {\n  position: absolute;\n  z-index: 4;\n  right: 1%;\n  bottom: 22%;\n  text-align: right;\n  opacity: 0;\n  animation: nsSoftFadeIn .75s ease .65s forwards;\n}\n\n.ns-signature span {\n  display: block;\n  color: #f7c64d;\n  font-family: \"Brush Script MT\", cursive;\n  font-size: 33px;\n  line-height: 1;\n}\n\n.ns-signature small {\n  display: block;\n  margin-top: 12px;\n  max-width: 170px;\n  color: rgba(255,255,255,.72);\n  font-size: 11px;\n  line-height: 1.6;\n  letter-spacing: 1.4px;\n  text-transform: uppercase;\n}\n\n\/* Services Bar *\/\n.ns-services-bar {\n  position: relative;\n  z-index: 4;\n  max-width: 1180px;\n  margin: -10px auto 0;\n  border: 1px solid rgba(255, 43, 103, .22);\n  background: rgba(10, 5, 7, .48);\n  backdrop-filter: blur(18px);\n  -webkit-backdrop-filter: blur(18px);\n  box-shadow: 0 24px 70px rgba(0,0,0,.25);\n  border-radius: 16px;\n  display: grid;\n  grid-template-columns: repeat(4, 1fr);\n  overflow: hidden;\n  opacity: 0;\n  animation: nsSoftFadeIn .8s ease .75s forwards;\n}\n\n.ns-services-bar::before {\n  content: \"\";\n  position: absolute;\n  inset: 0;\n  background:\n    linear-gradient(90deg, transparent, rgba(255,255,255,.06), transparent),\n    radial-gradient(circle at 30% 0%, rgba(247,198,77,.10), transparent 32%);\n  opacity: .75;\n  pointer-events: none;\n}\n\n.ns-services-bar div {\n  position: relative;\n  min-height: 86px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  gap: 16px;\n  border-right: 1px solid rgba(255, 43, 103, .22);\n  transition: background .25s ease;\n}\n\n.ns-services-bar div:last-child {\n  border-right: none;\n}\n\n.ns-services-bar div::before {\n  content: \"\";\n  position: absolute;\n  inset: 0;\n  background: linear-gradient(135deg, rgba(247,198,77,.12), rgba(255,43,103,.08), transparent);\n  opacity: 0;\n  transition: opacity .25s ease;\n}\n\n.ns-services-bar div::after {\n  content: \"\";\n  position: absolute;\n  top: 18%;\n  right: -1px;\n  width: 1px;\n  height: 64%;\n  background: linear-gradient(transparent, rgba(247,198,77,.35), transparent);\n}\n\n.ns-services-bar div:last-child::after {\n  display: none;\n}\n\n.ns-services-bar i {\n  position: relative;\n  z-index: 2;\n  color: #f7c64d;\n  font-size: 23px;\n  transition: color .25s ease;\n}\n\n.ns-services-bar span {\n  position: relative;\n  z-index: 2;\n  color: #fff;\n  font-size: 13px;\n  font-weight: 800;\n  letter-spacing: 1.5px;\n  text-transform: uppercase;\n  transition: color .25s ease;\n}\n\n.ns-services-bar div:hover::before {\n  opacity: 1;\n}\n\n.ns-services-bar div:hover i {\n  color: #fff0a6;\n}\n\n.ns-services-bar div:hover span {\n  color: #fff6d6;\n}\n\n\/* Tablet *\/\n@media (max-width: 1100px) {\n  .ns-premium-hero {\n    padding: 100px 5% 45px;\n  }\n\n  .ns-hero-wrap {\n    grid-template-columns: 1fr;\n    text-align: center;\n  }\n\n  .ns-hero-content {\n    max-width: 760px;\n    margin: 0 auto;\n  }\n\n  .ns-hero-content h2::after {\n    left: 50%;\n    transform: translateX(-50%);\n  }\n\n  .ns-hero-actions,\n  .ns-socials {\n    justify-content: center;\n  }\n\n  .ns-hero-content p {\n    margin-left: auto;\n    margin-right: auto;\n  }\n\n  .ns-hero-image {\n    min-height: 500px;\n    margin-top: -30px;\n  }\n\n  .ns-hero-image img {\n    width: min(560px, 100%);\n    max-height: 610px;\n  }\n\n  .ns-image-circle {\n    width: 410px;\n    height: 410px;\n  }\n\n  .ns-signature {\n    right: 10%;\n  }\n\n  .ns-services-bar {\n    grid-template-columns: repeat(2, 1fr);\n    margin-top: 0;\n  }\n\n  .ns-services-bar div:nth-child(2) {\n    border-right: none;\n  }\n\n  .ns-services-bar div:nth-child(1),\n  .ns-services-bar div:nth-child(2) {\n    border-bottom: 1px solid rgba(255, 43, 103, .22);\n  }\n}\n\n\/* Mobile *\/\n@media (max-width: 767px) {\n  .ns-premium-hero {\n    padding: 90px 22px 42px;\n    min-height: auto;\n  }\n\n  .ns-hero-wrap {\n    display: flex;\n    flex-direction: column;\n    gap: 18px;\n  }\n\n  .ns-hero-image {\n    order: 1;\n    width: 100%;\n    min-height: 455px;\n    margin-top: 0;\n    align-items: flex-end;\n  }\n\n  .ns-hero-content {\n    order: 2;\n    padding-top: 0;\n  }\n\n  .ns-hero-bg-text {\n    top: 14%;\n    right: -20%;\n    opacity: .8;\n  }\n\n  .ns-hero-glow {\n    width: 300px;\n    height: 300px;\n    right: 50%;\n    top: 25%;\n    transform: translateX(50%);\n  }\n\n  .ns-orb {\n    opacity: .28;\n  }\n\n  .ns-hero-image img {\n    width: 118%;\n    max-width: none;\n    max-height: 535px;\n  }\n\n  .ns-image-circle {\n    width: 310px;\n    height: 310px;\n  }\n\n  .ns-signature {\n    display: block;\n    right: 50%;\n    bottom: 22px;\n    transform: translateX(50%);\n    text-align: center;\n    width: 100%;\n    max-width: 280px;\n    padding: 14px 16px;\n    border-radius: 18px;\n    background: rgba(10, 5, 7, .52);\n    border: 1px solid rgba(247,198,77,.18);\n    backdrop-filter: blur(12px);\n  }\n\n  .ns-signature span {\n    font-size: 31px;\n  }\n\n  .ns-signature small {\n    max-width: 100%;\n    margin-top: 9px;\n    font-size: 10px;\n  }\n\n  .ns-eyebrow {\n    font-size: 12px;\n    margin-bottom: 14px;\n  }\n\n  .ns-hero-content h1 {\n    font-size: clamp(58px, 19vw, 86px);\n    letter-spacing: -3px;\n  }\n\n  .ns-hero-content h2 {\n    font-size: 13px;\n    letter-spacing: 2px;\n    line-height: 1.7;\n    margin-top: 18px;\n  }\n\n  .ns-hero-content p {\n    font-size: 14px;\n    line-height: 1.8;\n  }\n\n  .ns-hero-actions {\n    gap: 12px;\n  }\n\n  .ns-btn {\n    width: 100%;\n    min-width: 100%;\n    height: 54px;\n  }\n\n  .ns-socials {\n    gap: 12px;\n  }\n\n  .ns-socials a {\n    width: 36px;\n    height: 36px;\n  }\n\n  .ns-socials a::after {\n    display: none;\n  }\n\n  .ns-services-bar {\n    margin-top: 18px;\n    grid-template-columns: 1fr;\n    border-radius: 14px;\n  }\n\n  .ns-services-bar div {\n    min-height: 70px;\n    border-right: none;\n    border-bottom: 1px solid rgba(255, 43, 103, .22);\n  }\n\n  .ns-services-bar div:last-child {\n    border-bottom: none;\n  }\n\n  .ns-services-bar span {\n    font-size: 12px;\n    letter-spacing: 1.2px;\n  }\n}\n\n\/* Very Small Mobile *\/\n@media (max-width: 390px) {\n  .ns-hero-image {\n    min-height: 420px;\n  }\n\n  .ns-hero-image img {\n    max-height: 500px;\n  }\n\n  .ns-image-circle {\n    width: 285px;\n    height: 285px;\n  }\n}\n\n\/* Lightweight Fade In *\/\n@keyframes nsSoftFadeIn {\n  from {\n    opacity: 0;\n  }\n  to {\n    opacity: 1;\n  }\n}\n\n\/* Reduce Motion *\/\n@media (prefers-reduced-motion: reduce) {\n  .ns-premium-hero *,\n  .ns-premium-hero *::before,\n  .ns-premium-hero *::after {\n    animation: none !important;\n    transition: none !important;\n  }\n\n  .ns-eyebrow,\n  .ns-hero-content h1,\n  .ns-hero-content h2,\n  .ns-hero-content p,\n  .ns-hero-actions,\n  .ns-socials,\n  .ns-hero-image,\n  .ns-signature,\n  .ns-services-bar,\n  .ns-hero-bg-text,\n  .ns-hero-glow {\n    opacity: 1 !important;\n  }\n}\n<\/style>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-22dff34 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=\"22dff34\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t<div class=\"elementor-element elementor-element-645f34c 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-child\" data-id=\"645f34c\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-6f71177 elementor-widget elementor-widget-html\" data-id=\"6f71177\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- Nader Saied Small Elegant About Me Section -->\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-mini-about\">\n  <div class=\"ns-mini-about-bg\">ABOUT<\/div>\n\n  <div class=\"ns-mini-about-wrap\">\n\n    <div class=\"ns-mini-about-card\">\n\n      <div class=\"ns-mini-about-content\">\n        <span class=\"ns-mini-about-eyebrow\">ABOUT ME<\/span>\n\n        <h2>\n          Creative Technology.<br>\n          <strong>Premium Digital Impact.<\/strong>\n        <\/h2>\n\n        <p>\n          I\u2019m Nader Saied, a multidisciplinary creative technologist working across\n          branding, web design, social media, AI visuals, and digital experiences.\n        <\/p>\n\n        <p>\n          I help brands look stronger, communicate clearly, and build a professional\n          online presence with modern creative solutions.\n        <\/p>\n\n        <div class=\"ns-mini-about-actions\">\n          <a href=\"https:\/\/nadersaied.com\/about-me\/\" class=\"ns-mini-btn ns-mini-btn-main\">\n            <span>More About Me<\/span>\n            <i class=\"fa-solid fa-arrow-right\"><\/i>\n          <\/a>\n\n          <a href=\"https:\/\/nadersaied.com\/projects\/\" class=\"ns-mini-btn ns-mini-btn-soft\">\n            <span>View Projects<\/span>\n            <i class=\"fa-solid fa-arrow-right\"><\/i>\n          <\/a>\n        <\/div>\n      <\/div>\n\n      <div class=\"ns-mini-about-skills\">\n\n        <div class=\"ns-mini-skill\">\n          <i class=\"fa-solid fa-pen-nib\"><\/i>\n          <span>Brand Identity<\/span>\n        <\/div>\n\n        <div class=\"ns-mini-skill\">\n          <i class=\"fa-solid fa-desktop\"><\/i>\n          <span>Web Design<\/span>\n        <\/div>\n\n        <div class=\"ns-mini-skill\">\n          <i class=\"fa-solid fa-wand-magic-sparkles\"><\/i>\n          <span>AI Creative<\/span>\n        <\/div>\n\n        <div class=\"ns-mini-skill\">\n          <i class=\"fa-solid fa-chart-line\"><\/i>\n          <span>Social Media<\/span>\n        <\/div>\n\n      <\/div>\n\n    <\/div>\n\n  <\/div>\n<\/section>\n\n<style>\n  .ns-mini-about{\n    --gold:#f7c64d;\n    --gold2:#fff0a6;\n    --red:#ff2b67;\n    --dark:#100607;\n    --wine:#300912;\n    position:relative;\n    isolation:isolate;\n    overflow:hidden;\n    padding:70px 5%;\n    color:#fff;\n    font-family:\"Inter\",\"Poppins\",Arial,sans-serif;\n    background:\n      radial-gradient(circle at 18% 28%,rgba(255,43,103,.20),transparent 32%),\n      radial-gradient(circle at 88% 20%,rgba(247,198,77,.10),transparent 28%),\n      linear-gradient(135deg,#100607 0%,#1b070b 50%,#300912 100%);\n  }\n\n  .ns-mini-about *{\n    box-sizing:border-box;\n  }\n\n  .ns-mini-about:before{\n    content:\"\";\n    position:absolute;\n    inset:0;\n    z-index:-3;\n    background-image:\n      linear-gradient(rgba(255,255,255,.015) 1px,transparent 1px),\n      linear-gradient(90deg,rgba(255,255,255,.015) 1px,transparent 1px);\n    background-size:42px 42px;\n    opacity:.22;\n    pointer-events:none;\n  }\n\n  .ns-mini-about:after{\n    content:\"\";\n    position:absolute;\n    inset:-20%;\n    z-index:-4;\n    background:\n      radial-gradient(circle at 50% 50%,transparent 0%,rgba(0,0,0,.18) 45%,rgba(0,0,0,.70) 100%);\n    pointer-events:none;\n  }\n\n  .ns-mini-about-bg{\n    position:absolute;\n    right:4%;\n    top:10%;\n    z-index:-1;\n    font-family:Georgia,serif;\n    font-size:clamp(70px,13vw,190px);\n    line-height:.8;\n    font-weight:900;\n    color:rgba(255,255,255,.035);\n    pointer-events:none;\n  }\n\n  .ns-mini-about-wrap{\n    width:min(1180px,100%);\n    margin:auto;\n    position:relative;\n    z-index:2;\n  }\n\n  .ns-mini-about-card{\n    display:grid;\n    grid-template-columns:1.25fr .85fr;\n    align-items:center;\n    gap:36px;\n    padding:34px;\n    border-radius:32px;\n    border:1px solid rgba(247,198,77,.20);\n    background:\n      linear-gradient(145deg,rgba(255,255,255,.075),rgba(255,255,255,.020)),\n      radial-gradient(circle at 100% 0%,rgba(247,198,77,.08),transparent 38%);\n    box-shadow:\n      0 28px 80px rgba(0,0,0,.28),\n      inset 0 0 34px rgba(255,255,255,.020);\n    animation:nsMiniAboutFade .7s ease both;\n  }\n\n  .ns-mini-about-eyebrow{\n    display:inline-flex;\n    align-items:center;\n    gap:12px;\n    margin-bottom:16px;\n    color:var(--gold);\n    font-size:13px;\n    font-weight:900;\n    letter-spacing:2.6px;\n  }\n\n  .ns-mini-about-eyebrow:before{\n    content:\"\";\n    width:42px;\n    height:1px;\n    background:linear-gradient(90deg,var(--red),var(--gold));\n  }\n\n  .ns-mini-about-content h2{\n    margin:0 0 18px;\n    color:#fff;\n    font-family:Georgia,\"Times New Roman\",serif;\n    font-size:clamp(34px,4.6vw,62px);\n    line-height:1;\n    letter-spacing:-2px;\n  }\n\n  .ns-mini-about-content h2 strong{\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  }\n\n  .ns-mini-about-content p{\n    max-width:680px;\n    margin:0 0 12px;\n    color:rgba(255,255,255,.72);\n    font-size:15px;\n    line-height:1.8;\n  }\n\n  .ns-mini-about-actions{\n    display:flex;\n    flex-wrap:wrap;\n    gap:12px;\n    margin-top:24px;\n  }\n\n  .ns-mini-btn{\n    position:relative;\n    overflow:hidden;\n    min-width:170px;\n    height:52px;\n    padding:0 22px;\n    border-radius:999px;\n    display:inline-flex;\n    align-items:center;\n    justify-content:center;\n    gap:10px;\n    text-decoration:none !important;\n    color:#fff !important;\n    font-size:14px;\n    font-weight:850;\n    transition:box-shadow .25s ease,border-color .25s ease,background .25s ease;\n  }\n\n  .ns-mini-btn span,\n  .ns-mini-btn i{\n    position:relative;\n    z-index:2;\n  }\n\n  .ns-mini-btn:before{\n    content:\"\";\n    position:absolute;\n    top:-85%;\n    left:-45%;\n    width:38%;\n    height:260%;\n    background:linear-gradient(90deg,transparent,rgba(255,255,255,.34),transparent);\n    transform:rotate(22deg);\n    transition:.65s ease;\n  }\n\n  .ns-mini-btn:hover:before{\n    left:125%;\n  }\n\n  .ns-mini-btn-main{\n    background:linear-gradient(135deg,#8b0d2b,#e03165);\n    box-shadow:0 14px 36px rgba(215,26,79,.30);\n  }\n\n  .ns-mini-btn-main:hover{\n    box-shadow:0 20px 46px rgba(215,26,79,.40);\n  }\n\n  .ns-mini-btn-soft{\n    border:1px solid rgba(247,198,77,.44);\n    background:rgba(255,255,255,.025);\n  }\n\n  .ns-mini-btn-soft:hover{\n    background:rgba(247,198,77,.10);\n    border-color:rgba(247,198,77,.72);\n  }\n\n  .ns-mini-about-skills{\n    display:grid;\n    grid-template-columns:repeat(2,minmax(0,1fr));\n    gap:14px;\n  }\n\n  .ns-mini-skill{\n    min-height:132px;\n    padding:18px;\n    border-radius:22px;\n    border:1px solid rgba(247,198,77,.16);\n    background:rgba(8,5,7,.34);\n    display:flex;\n    flex-direction:column;\n    align-items:center;\n    justify-content:center;\n    text-align:center;\n    gap:13px;\n    overflow:hidden;\n    position:relative;\n    transition:border-color .25s ease, background .25s ease, box-shadow .25s ease;\n  }\n\n  .ns-mini-skill:before{\n    content:\"\";\n    position:absolute;\n    inset:0;\n    background:\n      radial-gradient(circle at 50% 0%,rgba(247,198,77,.12),transparent 44%),\n      linear-gradient(135deg,rgba(255,43,103,.08),transparent 62%);\n    opacity:0;\n    transition:opacity .25s ease;\n  }\n\n  .ns-mini-skill i{\n    position:relative;\n    z-index:2;\n    width:52px;\n    height:52px;\n    border-radius:50%;\n    display:flex;\n    align-items:center;\n    justify-content:center;\n    color:var(--gold);\n    font-size:22px;\n    background:rgba(247,198,77,.10);\n    border:1px solid rgba(247,198,77,.20);\n    transition:transform .25s cubic-bezier(.22,.75,.25,1), color .25s ease, background .25s ease, box-shadow .25s ease;\n  }\n\n  .ns-mini-skill span{\n    position:relative;\n    z-index:2;\n    color:#fff;\n    font-size:13px;\n    font-weight:850;\n    letter-spacing:.4px;\n  }\n\n  .ns-mini-skill:hover{\n    border-color:rgba(247,198,77,.44);\n    background:rgba(255,255,255,.050);\n    box-shadow:\n      0 18px 42px rgba(0,0,0,.24),\n      0 0 34px rgba(247,198,77,.10);\n  }\n\n  .ns-mini-skill:hover:before{\n    opacity:1;\n  }\n\n  .ns-mini-skill:hover i{\n    transform:scale(1.18);\n    color:#2b090f;\n    background:linear-gradient(135deg,#fff4c7,var(--gold));\n    box-shadow:0 0 34px rgba(247,198,77,.28);\n  }\n\n  @keyframes nsMiniAboutFade{\n    from{opacity:0;}\n    to{opacity:1;}\n  }\n\n  @media(max-width:900px){\n    .ns-mini-about-card{\n      grid-template-columns:1fr;\n      text-align:center;\n      padding:28px;\n    }\n\n    .ns-mini-about-eyebrow{\n      justify-content:center;\n    }\n\n    .ns-mini-about-content p{\n      margin-left:auto;\n      margin-right:auto;\n    }\n\n    .ns-mini-about-actions{\n      justify-content:center;\n    }\n  }\n\n  @media(max-width:767px){\n    .ns-mini-about{\n      padding:56px 18px;\n    }\n\n    .ns-mini-about-card{\n      border-radius:26px;\n      padding:24px;\n      gap:28px;\n    }\n\n    .ns-mini-about-content h2{\n      font-size:38px;\n      letter-spacing:-1.4px;\n    }\n\n    .ns-mini-about-content p{\n      font-size:14px;\n      line-height:1.8;\n    }\n\n    .ns-mini-about-actions{\n      flex-direction:column;\n    }\n\n    .ns-mini-btn{\n      width:100%;\n      min-width:100%;\n    }\n\n    .ns-mini-about-skills{\n      grid-template-columns:1fr;\n    }\n\n    .ns-mini-skill{\n      min-height:96px;\n      flex-direction:row;\n      justify-content:flex-start;\n      text-align:left;\n    }\n  }\n\n  @media(prefers-reduced-motion:reduce){\n    .ns-mini-about *,\n    .ns-mini-about *:before,\n    .ns-mini-about *:after{\n      animation:none !important;\n      transition:none !important;\n    }\n\n    .ns-mini-about-card{\n      opacity:1 !important;\n    }\n  }\n<\/style>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-e9bcf38 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=\"e9bcf38\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-8c0c19c elementor-widget elementor-widget-html\" data-id=\"8c0c19c\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- Nader Saied Transparent Circle Logo Showcase - Always Shine + Smooth Hover -->\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-logo-orbit-section\" dir=\"ltr\">\n  <style>\n    .ns-logo-orbit-section{\n      --gold:#f7c64d;\n      --gold2:#fff0a6;\n      --red:#ff2b67;\n      --dark:#100607;\n      --wine:#310912;\n      position:relative;\n      isolation:isolate;\n      overflow:hidden;\n      padding:95px 18px;\n      color:#fff;\n      font-family:\"Inter\",\"Poppins\",Arial,sans-serif;\n      background:\n        radial-gradient(circle at 16% 28%,rgba(255,43,103,.24),transparent 34%),\n        radial-gradient(circle at 86% 18%,rgba(247,198,77,.11),transparent 30%),\n        linear-gradient(135deg,#100607 0%,#1b070b 45%,#310912 100%);\n      border-radius:42px;\n      border:1px solid rgba(247,198,77,.18);\n      box-shadow:0 32px 90px rgba(0,0,0,.34);\n    }\n\n    .ns-logo-orbit-section *{\n      box-sizing:border-box;\n    }\n\n    .ns-logo-orbit-section:before{\n      content:\"\";\n      position:absolute;\n      inset:0;\n      background:\n        linear-gradient(rgba(255,255,255,.020) 1px,transparent 1px),\n        linear-gradient(90deg,rgba(255,255,255,.020) 1px,transparent 1px);\n      background-size:46px 46px;\n      opacity:.24;\n      pointer-events:none;\n      z-index:-3;\n    }\n\n    .ns-logo-orbit-section:after{\n      content:\"LOGO DESIGN\";\n      position:absolute;\n      right:1%;\n      top:6%;\n      z-index:-1;\n      font-family:Georgia,serif;\n      font-size:clamp(58px,12vw,190px);\n      line-height:.8;\n      font-weight:900;\n      color:rgba(255,255,255,.035);\n      pointer-events:none;\n    }\n\n    .ns-logo-orbit-wrap{\n      width:min(1220px,100%);\n      margin:auto;\n      position:relative;\n      z-index:2;\n    }\n\n    .ns-logo-orbit-head{\n      text-align:center;\n      width:min(820px,100%);\n      margin:0 auto 48px;\n    }\n\n    .ns-logo-orbit-head span{\n      display:inline-flex;\n      align-items:center;\n      justify-content:center;\n      gap:14px;\n      margin-bottom:16px;\n      color:var(--gold);\n      font-size:13px;\n      font-weight:950;\n      letter-spacing:3.5px;\n      text-transform:uppercase;\n    }\n\n    .ns-logo-orbit-head span:before,\n    .ns-logo-orbit-head span:after{\n      content:\"\";\n      width:56px;\n      height:1px;\n      background:linear-gradient(90deg,transparent,var(--gold));\n    }\n\n    .ns-logo-orbit-head span:after{\n      background:linear-gradient(90deg,var(--gold),transparent);\n    }\n\n    .ns-logo-orbit-head h2{\n      margin:0;\n      color:#fff;\n      font-size:clamp(38px,5.4vw,78px);\n      line-height:.98;\n      letter-spacing:-2.2px;\n      font-weight:950;\n    }\n\n    .ns-logo-orbit-head h2 strong{\n      color:transparent;\n      background:linear-gradient(180deg,#fff4c7 0%,#d69a24 52%,#fff0a6 100%);\n      -webkit-background-clip:text;\n      background-clip:text;\n    }\n\n    .ns-logo-orbit-head p{\n      width:min(680px,100%);\n      margin:18px auto 0;\n      color:rgba(255,255,255,.68);\n      font-size:16px;\n      line-height:1.85;\n      font-weight:500;\n    }\n\n    .ns-logo-orbit-area{\n      position:relative;\n      min-height:520px;\n      display:flex;\n      align-items:center;\n      justify-content:center;\n      margin-top:12px;\n    }\n\n    .ns-logo-orbit-ring{\n      position:absolute;\n      width:min(650px,92vw);\n      aspect-ratio:1\/1;\n      border-radius:50%;\n      border:1px solid rgba(247,198,77,.18);\n      background:\n        radial-gradient(circle,rgba(247,198,77,.06),transparent 62%),\n        radial-gradient(circle,rgba(255,43,103,.07),transparent 72%);\n      pointer-events:none;\n    }\n\n    .ns-logo-orbit-ring:before,\n    .ns-logo-orbit-ring:after{\n      content:\"\";\n      position:absolute;\n      inset:70px;\n      border-radius:50%;\n      border:1px solid rgba(255,255,255,.075);\n    }\n\n    .ns-logo-orbit-ring:after{\n      inset:145px;\n      border-color:rgba(247,198,77,.12);\n    }\n\n    .ns-logo-center{\n      position:relative;\n      z-index:5;\n      width:180px;\n      height:180px;\n      border-radius:50%;\n      display:flex;\n      align-items:center;\n      justify-content:center;\n      text-align:center;\n      background:rgba(255,255,255,.025);\n      border:1px solid rgba(247,198,77,.24);\n      box-shadow:\n        0 22px 60px rgba(0,0,0,.26),\n        inset 0 0 0 1px rgba(255,255,255,.06),\n        0 0 46px rgba(247,198,77,.08);\n      backdrop-filter:blur(10px);\n    }\n\n    .ns-logo-center div{\n      width:128px;\n      height:128px;\n      border-radius:50%;\n      display:flex;\n      flex-direction:column;\n      align-items:center;\n      justify-content:center;\n      gap:8px;\n      color:#2b090f;\n      background:linear-gradient(145deg,#fff4c7,#f7c64d);\n      box-shadow:0 16px 38px rgba(0,0,0,.18);\n    }\n\n    .ns-logo-center i{\n      font-size:24px;\n    }\n\n    .ns-logo-center strong{\n      font-size:12px;\n      line-height:1.25;\n      text-transform:uppercase;\n      letter-spacing:.8px;\n      font-weight:950;\n    }\n\n    .ns-logo-orbit-item{\n      position:absolute;\n      z-index:6;\n      width:210px;\n      text-decoration:none !important;\n      text-align:center;\n      will-change:auto;\n      backface-visibility:hidden;\n    }\n\n    .ns-logo-orbit-item.master{\n      top:8px;\n      left:50%;\n      transform:translateX(-50%);\n    }\n\n    .ns-logo-orbit-item.morive{\n      right:2%;\n      top:50%;\n      transform:translateY(-50%);\n    }\n\n    .ns-logo-orbit-item.nader{\n      bottom:8px;\n      left:50%;\n      transform:translateX(-50%);\n    }\n\n    .ns-logo-orbit-item.watan{\n      left:2%;\n      top:50%;\n      transform:translateY(-50%);\n    }\n\n    .ns-logo-circle{\n      width:210px;\n      height:210px;\n      margin:auto;\n      border-radius:50%;\n      display:flex;\n      align-items:center;\n      justify-content:center;\n      padding:24px;\n      background:transparent;\n      border:1px solid rgba(247,198,77,.38);\n      box-shadow:\n        0 22px 55px rgba(0,0,0,.26),\n        inset 0 0 0 1px rgba(255,255,255,.08),\n        inset 0 0 38px rgba(247,198,77,.050),\n        0 0 42px rgba(247,198,77,.06);\n      backdrop-filter:blur(8px);\n      position:relative;\n      overflow:hidden;\n      transform:scale(1);\n      transform-origin:center center;\n      transition:\n        transform .34s cubic-bezier(.22,.75,.25,1),\n        border-color .34s cubic-bezier(.22,.75,.25,1),\n        box-shadow .34s cubic-bezier(.22,.75,.25,1);\n      will-change:transform;\n      backface-visibility:hidden;\n    }\n\n    .ns-logo-circle:before{\n      content:\"\";\n      position:absolute;\n      inset:10px;\n      border-radius:50%;\n      border:1px solid rgba(255,255,255,.09);\n      pointer-events:none;\n      z-index:1;\n    }\n\n    \/* \u0627\u0644\u0644\u0645\u0639\u0629 \u0627\u0644\u0634\u063a\u0627\u0644\u0629 \u0637\u0648\u0644 \u0627\u0644\u0648\u0642\u062a *\/\n    .ns-logo-circle:after{\n      content:\"\";\n      position:absolute;\n      inset:-35%;\n      z-index:3;\n      border-radius:50%;\n      background:\n        linear-gradient(\n          90deg,\n          transparent 0%,\n          rgba(255,255,255,.04) 32%,\n          rgba(255,244,199,.55) 50%,\n          rgba(255,255,255,.05) 68%,\n          transparent 100%\n        );\n      opacity:.85;\n      transform:translateX(-135%) rotate(24deg);\n      animation:nsLogoAlwaysShine 3.2s cubic-bezier(.2,.8,.2,1) infinite;\n      pointer-events:none;\n    }\n\n    .ns-logo-orbit-item.master .ns-logo-circle:after{animation-delay:0s;}\n    .ns-logo-orbit-item.morive .ns-logo-circle:after{animation-delay:.55s;}\n    .ns-logo-orbit-item.nader .ns-logo-circle:after{animation-delay:1.1s;}\n    .ns-logo-orbit-item.watan .ns-logo-circle:after{animation-delay:1.65s;}\n\n    .ns-logo-orbit-item.master{--imgBase:1.10;--imgHover:1.22;}\n    .ns-logo-orbit-item.morive{--imgBase:1.16;--imgHover:1.28;}\n    .ns-logo-orbit-item.nader{--imgBase:1.14;--imgHover:1.26;}\n    .ns-logo-orbit-item.watan{--imgBase:1.12;--imgHover:1.24;}\n\n    .ns-logo-circle img{\n      position:relative;\n      z-index:2;\n      width:100%;\n      height:100%;\n      object-fit:contain;\n      display:block;\n      transform:scale(var(--imgBase));\n      transform-origin:center center;\n      filter:\n        drop-shadow(0 16px 22px rgba(0,0,0,.30))\n        saturate(1.10)\n        contrast(1.03);\n      transition:\n        transform .34s cubic-bezier(.22,.75,.25,1),\n        filter .34s ease;\n      will-change:transform;\n      backface-visibility:hidden;\n    }\n\n    .ns-logo-name{\n      display:inline-flex;\n      align-items:center;\n      justify-content:center;\n      margin-top:14px;\n      min-height:38px;\n      padding:9px 16px;\n      border-radius:999px;\n      color:#fff;\n      background:rgba(80,12,24,.58);\n      border:1px solid rgba(247,198,77,.20);\n      backdrop-filter:blur(10px);\n      box-shadow:0 12px 30px rgba(0,0,0,.20);\n      font-size:13px;\n      font-weight:900;\n      letter-spacing:.4px;\n      transition:\n        color .28s ease,\n        background .28s ease,\n        border-color .28s ease,\n        box-shadow .28s ease;\n    }\n\n    .ns-logo-orbit-item:hover{\n      z-index:30;\n    }\n\n    .ns-logo-orbit-item:hover .ns-logo-circle{\n      transform:scale(1.075);\n      border-color:rgba(247,198,77,.78);\n      box-shadow:\n        0 28px 78px rgba(0,0,0,.34),\n        inset 0 0 0 1px rgba(255,255,255,.14),\n        0 0 64px rgba(247,198,77,.24),\n        0 0 24px rgba(255,43,103,.12);\n    }\n\n    .ns-logo-orbit-item:hover .ns-logo-circle:after{\n      animation-duration:1.45s;\n      opacity:1;\n    }\n\n    .ns-logo-orbit-item:hover .ns-logo-circle img{\n      transform:scale(var(--imgHover));\n      filter:\n        drop-shadow(0 22px 32px rgba(0,0,0,.38))\n        saturate(1.20)\n        contrast(1.06);\n    }\n\n    .ns-logo-orbit-item:hover .ns-logo-name{\n      color:#2b090f;\n      background:linear-gradient(135deg,#fff4c7,#f7c64d);\n      border-color:rgba(255,255,255,.30);\n      box-shadow:0 14px 32px rgba(0,0,0,.22);\n    }\n\n    .ns-logo-orbit-footer{\n      display:flex;\n      align-items:center;\n      justify-content:center;\n      margin-top:34px;\n    }\n\n    .ns-logo-orbit-btn{\n      min-width:230px;\n      height:60px;\n      border-radius:999px;\n      display:inline-flex;\n      align-items:center;\n      justify-content:center;\n      gap:12px;\n      color:#fff !important;\n      text-decoration:none !important;\n      font-size:15px;\n      font-weight:950;\n      background:linear-gradient(135deg,#8b0d2b,#e03165);\n      border:1px solid rgba(255,255,255,.13);\n      box-shadow:0 16px 42px rgba(224,49,101,.26);\n      position:relative;\n      overflow:hidden;\n      transition:\n        box-shadow .25s ease,\n        border-color .25s ease,\n        background .25s ease;\n    }\n\n    .ns-logo-orbit-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,.32),transparent);\n      transform:rotate(22deg);\n      transition:.65s ease;\n    }\n\n    .ns-logo-orbit-btn:hover:before{\n      left:125%;\n    }\n\n    .ns-logo-orbit-btn:hover{\n      box-shadow:0 20px 52px rgba(224,49,101,.34);\n      border-color:rgba(247,198,77,.25);\n      color:#fff !important;\n    }\n\n    .ns-logo-orbit-btn span,\n    .ns-logo-orbit-btn i{\n      position:relative;\n      z-index:2;\n    }\n\n    @keyframes nsLogoAlwaysShine{\n      0%{\n        transform:translateX(-145%) rotate(24deg);\n        opacity:0;\n      }\n      16%{\n        opacity:.9;\n      }\n      45%{\n        opacity:.9;\n      }\n      62%{\n        transform:translateX(145%) rotate(24deg);\n        opacity:0;\n      }\n      100%{\n        transform:translateX(145%) rotate(24deg);\n        opacity:0;\n      }\n    }\n\n    @media(max-width:1024px){\n      .ns-logo-orbit-area{\n        min-height:auto;\n        display:grid;\n        grid-template-columns:repeat(2,1fr);\n        gap:26px;\n        margin-top:10px;\n      }\n\n      .ns-logo-orbit-ring,\n      .ns-logo-center{\n        display:none;\n      }\n\n      .ns-logo-orbit-item,\n      .ns-logo-orbit-item.master,\n      .ns-logo-orbit-item.morive,\n      .ns-logo-orbit-item.nader,\n      .ns-logo-orbit-item.watan{\n        position:relative;\n        inset:auto;\n        top:auto;\n        left:auto;\n        right:auto;\n        bottom:auto;\n        transform:none;\n        width:100%;\n      }\n\n      .ns-logo-circle{\n        width:220px;\n        height:220px;\n      }\n    }\n\n    @media(max-width:767px){\n      .ns-logo-orbit-section{\n        padding:64px 14px;\n        border-radius:28px;\n      }\n\n      .ns-logo-orbit-head{\n        margin-bottom:34px;\n      }\n\n      .ns-logo-orbit-head span{\n        font-size:11px;\n        letter-spacing:2.4px;\n        gap:10px;\n      }\n\n      .ns-logo-orbit-head span:before,\n      .ns-logo-orbit-head span:after{\n        width:34px;\n      }\n\n      .ns-logo-orbit-head h2{\n        font-size:38px;\n        letter-spacing:-1.4px;\n      }\n\n      .ns-logo-orbit-head p{\n        font-size:14px;\n        line-height:1.8;\n      }\n\n      .ns-logo-orbit-area{\n        grid-template-columns:1fr;\n        gap:24px;\n      }\n\n      .ns-logo-orbit-item.nader{order:1;}\n      .ns-logo-orbit-item.master{order:2;}\n      .ns-logo-orbit-item.morive{order:3;}\n      .ns-logo-orbit-item.watan{order:4;}\n\n      .ns-logo-circle{\n        width:230px;\n        height:230px;\n        padding:26px;\n      }\n\n      .ns-logo-orbit-btn{\n        width:100%;\n      }\n    }\n\n    @media(prefers-reduced-motion:reduce){\n      .ns-logo-orbit-section *,\n      .ns-logo-orbit-section *:before,\n      .ns-logo-orbit-section *:after{\n        animation:none !important;\n        transition:none !important;\n      }\n    }\n  <\/style>\n\n  <div class=\"ns-logo-orbit-wrap\">\n\n    <div class=\"ns-logo-orbit-head\">\n      <span>Logo Design Collection<\/span>\n      <h2>Selected <strong>Logo Designs<\/strong> Crafted by Me<\/h2>\n      <p>\n        A premium selection of logo designs and visual identities, presented in clean transparent circular frames to keep the focus on each brand mark.\n      <\/p>\n    <\/div>\n\n    <div class=\"ns-logo-orbit-area\">\n\n      <div class=\"ns-logo-orbit-ring\"><\/div>\n\n      <div class=\"ns-logo-center\">\n        <div>\n          <i class=\"fa-solid fa-pen-nib\"><\/i>\n          <strong>Logo<br>Design<\/strong>\n        <\/div>\n      <\/div>\n\n      <a class=\"ns-logo-orbit-item master\" href=\"https:\/\/nadersaied.com\/master-kitchen\/\">\n        <div class=\"ns-logo-circle\">\n          <img decoding=\"async\" src=\"http:\/\/nadersaied.com\/wp-content\/uploads\/2026\/06\/logo-4.png\" alt=\"Master Kitchen Logo\">\n        <\/div>\n        <span class=\"ns-logo-name\">Master Kitchen<\/span>\n      <\/a>\n\n      <a class=\"ns-logo-orbit-item morive\" href=\"https:\/\/nadersaied.com\/morivie\/\">\n        <div class=\"ns-logo-circle\">\n          <img decoding=\"async\" src=\"http:\/\/nadersaied.com\/wp-content\/uploads\/2026\/06\/Morive-logo.png\" alt=\"MORIVIE Logo\">\n        <\/div>\n        <span class=\"ns-logo-name\">MORIVIE<\/span>\n      <\/a>\n\n      <a class=\"ns-logo-orbit-item nader\" href=\"https:\/\/nadersaied.com\/nadrawebsite\/\">\n        <div class=\"ns-logo-circle\">\n          <img decoding=\"async\" src=\"http:\/\/nadersaied.com\/wp-content\/uploads\/2026\/06\/cropped-Logo-Nader-White.png\" alt=\"Nader Saied Logo\">\n        <\/div>\n        <span class=\"ns-logo-name\">Nader Saied<\/span>\n      <\/a>\n\n      <a class=\"ns-logo-orbit-item watan\" href=\"https:\/\/nadersaied.com\/elwataneldawlianews\/\">\n        <div class=\"ns-logo-circle\">\n          <img decoding=\"async\" src=\"http:\/\/nadersaied.com\/wp-content\/uploads\/2026\/06\/Elwaten-1.png\" alt=\"El Watan Logo\">\n        <\/div>\n        <span class=\"ns-logo-name\">El Watan<\/span>\n      <\/a>\n\n    <\/div>\n\n    <div class=\"ns-logo-orbit-footer\">\n      <a class=\"ns-logo-orbit-btn\" href=\"https:\/\/nadersaied.com\/projects\/\">\n        <span>View All Projects<\/span>\n        <i class=\"fa-solid fa-arrow-right\"><\/i>\n      <\/a>\n    <\/div>\n\n  <\/div>\n<\/section>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-15636f7 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=\"15636f7\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-74cf33d elementor-widget elementor-widget-html\" data-id=\"74cf33d\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- Nader Saied Stable Premium Social Showcase - Auto Without Shake + Light Animation -->\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-stable-social-showcase\">\n  <div class=\"ns-ss-bg-word\">SOCIAL<\/div>\n  <div class=\"ns-ss-blur-bg\" id=\"nsSsBlurBg\"><\/div>\n  <div class=\"ns-ss-glow ns-ss-glow-one\"><\/div>\n  <div class=\"ns-ss-glow ns-ss-glow-two\"><\/div>\n\n  <div class=\"ns-ss-container\">\n\n    <div class=\"ns-ss-head ns-ss-reveal\">\n      <span>SELECTED SOCIAL MEDIA WORK<\/span>\n      <h2>Premium Visual <strong>Showcase<\/strong><\/h2>\n      <p>\n        A refined interactive showcase for social media campaigns, product visuals,\n        branded posts, and creative digital content.\n      <\/p>\n    <\/div>\n\n    <div class=\"ns-ss-stage ns-ss-reveal\" id=\"nsStableSocialStage\">\n\n      <button class=\"ns-ss-nav ns-ss-prev\" id=\"nsSsPrev\" type=\"button\" aria-label=\"Previous\">\n        <i class=\"fa-solid fa-arrow-left\"><\/i>\n      <\/button>\n\n      <div class=\"ns-ss-track\" id=\"nsSsTrack\"><\/div>\n\n      <button class=\"ns-ss-nav ns-ss-next\" id=\"nsSsNext\" type=\"button\" aria-label=\"Next\">\n        <i class=\"fa-solid fa-arrow-right\"><\/i>\n      <\/button>\n\n      <div class=\"ns-ss-info\">\n        <div>\n          <span id=\"nsSsCategory\">Social Media Design<\/span>\n          <h3 id=\"nsSsTitle\">Premium Campaign Visual<\/h3>\n        <\/div>\n\n        <div class=\"ns-ss-counter\" id=\"nsSsCounter\">01 \/ 11<\/div>\n      <\/div>\n\n    <\/div>\n\n    <div class=\"ns-ss-thumbs-wrap ns-ss-reveal\">\n      <div class=\"ns-ss-thumbs\" id=\"nsSsThumbs\"><\/div>\n    <\/div>\n\n    <div class=\"ns-ss-bottom ns-ss-reveal\">\n      <a href=\"https:\/\/nadersaied.com\/my-social-work\/\" class=\"ns-ss-more\">\n        <span>View More Social Work<\/span>\n        <i class=\"fa-solid fa-arrow-right\"><\/i>\n      <\/a>\n    <\/div>\n\n  <\/div>\n\n  <div class=\"ns-ss-modal\" id=\"nsSsModal\" aria-hidden=\"true\">\n    <div class=\"ns-ss-modal-box\">\n      <button class=\"ns-ss-close\" id=\"nsSsClose\" type=\"button\" aria-label=\"Close\">\u00d7<\/button>\n\n      <button class=\"ns-ss-modal-nav ns-ss-modal-prev\" id=\"nsSsModalPrev\" type=\"button\" aria-label=\"Previous image\">\n        <i class=\"fa-solid fa-arrow-left\"><\/i>\n      <\/button>\n\n      <img decoding=\"async\" id=\"nsSsModalImg\" src=\"\" alt=\"Social preview\">\n\n      <button class=\"ns-ss-modal-nav ns-ss-modal-next\" id=\"nsSsModalNext\" type=\"button\" aria-label=\"Next image\">\n        <i class=\"fa-solid fa-arrow-right\"><\/i>\n      <\/button>\n    <\/div>\n  <\/div>\n<\/section>\n\n<style>\n.ns-stable-social-showcase{\n  --gold:#f7c64d;\n  --gold2:#fff0a6;\n  --red:#ff2b67;\n  position:relative;\n  isolation:isolate;\n  width:100%;\n  max-width:100%;\n  overflow:hidden;\n  padding:105px 5% 100px;\n  color:#fff;\n  font-family:\"Inter\",\"Poppins\",Arial,sans-serif;\n  background:\n    radial-gradient(circle at 20% 34%,rgba(167,18,55,.26),transparent 34%),\n    radial-gradient(circle at 82% 15%,rgba(247,198,77,.09),transparent 28%),\n    linear-gradient(135deg,#100607 0%,#1b070b 42%,#310912 72%,#100607 100%);\n}\n\n.ns-stable-social-showcase *,\n.ns-stable-social-showcase *::before,\n.ns-stable-social-showcase *::after{\n  box-sizing:border-box;\n  animation:none !important;\n}\n\n.ns-stable-social-showcase:before{\n  content:\"\";\n  position:absolute;\n  inset:0;\n  z-index:-5;\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:46px 46px;\n  opacity:.22;\n  pointer-events:none;\n}\n\n.ns-stable-social-showcase:after{\n  content:\"\";\n  position:absolute;\n  inset:-20%;\n  z-index:-6;\n  background:\n    radial-gradient(circle at 50% 50%,transparent 0%,rgba(0,0,0,.20) 44%,rgba(0,0,0,.76) 100%);\n  pointer-events:none;\n}\n\n.ns-ss-bg-word{\n  position:absolute;\n  top:3%;\n  right:1%;\n  z-index:-1;\n  font-family:Georgia,serif;\n  font-size:clamp(96px,17vw,290px);\n  line-height:.8;\n  font-weight:900;\n  color:rgba(255,255,255,.032);\n  pointer-events:none;\n}\n\n.ns-ss-blur-bg{\n  position:absolute;\n  inset:0;\n  z-index:-4;\n  background-position:center;\n  background-size:cover;\n  opacity:.10;\n  filter:blur(28px) saturate(1.05);\n  transform:none !important;\n  transition:none !important;\n  pointer-events:none;\n}\n\n.ns-ss-blur-bg:after{\n  content:\"\";\n  position:absolute;\n  inset:0;\n  background:rgba(10,3,5,.78);\n}\n\n.ns-ss-glow{\n  position:absolute;\n  z-index:-3;\n  border-radius:999px;\n  pointer-events:none;\n  filter:blur(8px);\n}\n\n.ns-ss-glow-one{\n  width:420px;\n  height:420px;\n  left:8%;\n  top:24%;\n  border:1px solid rgba(255,43,103,.18);\n  background:radial-gradient(circle,rgba(255,43,103,.14),transparent 68%);\n  box-shadow:0 0 70px rgba(209,21,68,.16);\n}\n\n.ns-ss-glow-two{\n  width:200px;\n  height:200px;\n  right:8%;\n  bottom:14%;\n  background:radial-gradient(circle,rgba(247,198,77,.14),transparent 68%);\n}\n\n.ns-ss-container{\n  position:relative;\n  z-index:3;\n  max-width:1460px;\n  margin:0 auto;\n}\n\n.ns-ss-head{\n  max-width:900px;\n  margin:0 auto 48px;\n  text-align:center;\n}\n\n.ns-ss-head span{\n  display:inline-flex;\n  align-items:center;\n  justify-content:center;\n  gap:14px;\n  margin-bottom:18px;\n  color:var(--gold);\n  font-size:14px;\n  letter-spacing:5px;\n  font-weight:900;\n}\n\n.ns-ss-head span:before,\n.ns-ss-head span:after{\n  content:\"\";\n  width:68px;\n  height:1px;\n  background:linear-gradient(90deg,transparent,var(--gold));\n}\n\n.ns-ss-head span:after{\n  background:linear-gradient(90deg,var(--gold),transparent);\n}\n\n.ns-ss-head h2{\n  margin:0 0 22px;\n  font-family:Georgia,\"Times New Roman\",serif;\n  font-size:clamp(48px,6vw,92px);\n  line-height:.96;\n  letter-spacing:-3px;\n  color:#fff;\n}\n\n.ns-ss-head h2 strong{\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}\n\n.ns-ss-head p{\n  max-width:730px;\n  margin:0 auto;\n  color:rgba(255,255,255,.70);\n  font-size:17px;\n  line-height:1.85;\n}\n\n\/* Stage *\/\n.ns-ss-stage{\n  position:relative;\n  width:100%;\n  max-width:100%;\n  min-height:650px;\n  border-radius:38px;\n  border:1px solid rgba(247,198,77,.20);\n  background:\n    linear-gradient(145deg,rgba(255,255,255,.074),rgba(255,255,255,.018)),\n    radial-gradient(circle at 50% 0%,rgba(247,198,77,.08),transparent 38%);\n  box-shadow:\n    0 30px 90px rgba(0,0,0,.30),\n    inset 0 0 38px rgba(255,255,255,.020);\n  overflow:hidden;\n  contain:layout paint;\n}\n\n.ns-ss-stage:before{\n  content:\"\";\n  position:absolute;\n  inset:0;\n  background:\n    linear-gradient(135deg,rgba(247,198,77,.08),rgba(255,43,103,.10),transparent 62%),\n    repeating-linear-gradient(90deg,transparent 0 14px,rgba(255,255,255,.014) 15px 16px);\n  pointer-events:none;\n}\n\n.ns-ss-track{\n  position:relative;\n  height:520px;\n  max-width:100%;\n  overflow:hidden;\n  perspective:none !important;\n  transform-style:flat !important;\n}\n\n.ns-ss-card{\n  position:absolute;\n  top:48%;\n  left:50%;\n  width:clamp(250px,31vw,420px);\n  aspect-ratio:1\/1;\n  border:0;\n  padding:0;\n  background:transparent;\n  cursor:pointer;\n  will-change:auto !important;\n  transition:opacity .28s ease !important;\n}\n\n.ns-ss-card-inner{\n  position:relative;\n  width:100%;\n  height:100%;\n  padding:14px;\n  border-radius:32px;\n  border:1px solid rgba(247,198,77,.18);\n  background:\n    linear-gradient(145deg,rgba(255,255,255,.10),rgba(255,255,255,.030)),\n    radial-gradient(circle at 50% 0%,rgba(247,198,77,.10),transparent 42%);\n  box-shadow:\n    0 24px 62px rgba(0,0,0,.28),\n    inset 0 0 28px rgba(255,255,255,.030);\n  overflow:hidden;\n  transition:none !important;\n}\n\n.ns-ss-card img{\n  width:100%;\n  height:100%;\n  object-fit:contain;\n  display:block;\n  border-radius:24px;\n  padding:8px;\n  background:\n    radial-gradient(circle at 50% 20%,rgba(255,255,255,.060),transparent 36%),\n    rgba(8,5,7,.46);\n  border:1px solid rgba(247,198,77,.12);\n  filter:saturate(1.04) contrast(1.02) drop-shadow(0 18px 24px rgba(0,0,0,.22));\n}\n\n.ns-ss-badge{\n  position:absolute;\n  right:28px;\n  bottom:28px;\n  z-index:5;\n  display:inline-flex;\n  align-items:center;\n  gap:8px;\n  padding:10px 14px;\n  border-radius:999px;\n  color:var(--gold);\n  background:rgba(8,5,7,.72);\n  border:1px solid rgba(247,198,77,.26);\n  font-size:12px;\n  font-weight:900;\n  opacity:0;\n  transform:none !important;\n  transition:none !important;\n}\n\n.ns-ss-card.active .ns-ss-badge{\n  opacity:1 !important;\n  transform:none !important;\n}\n\n.ns-ss-card.active .ns-ss-card-inner{\n  border-color:rgba(247,198,77,.44);\n  box-shadow:\n    0 34px 82px rgba(0,0,0,.36),\n    0 0 44px rgba(247,198,77,.06),\n    inset 0 0 32px rgba(255,255,255,.035);\n}\n\n\/* Info *\/\n.ns-ss-info{\n  position:absolute;\n  left:28px;\n  right:28px;\n  bottom:28px;\n  z-index:12;\n  min-height:92px;\n  display:flex;\n  align-items:center;\n  justify-content:space-between;\n  gap:24px;\n  padding:22px 24px;\n  border-radius:26px;\n  border:1px solid rgba(247,198,77,.16);\n  background:rgba(8,5,7,.62);\n  box-shadow:0 18px 55px rgba(0,0,0,.24);\n}\n\n.ns-ss-info span{\n  display:block;\n  margin-bottom:8px;\n  color:var(--gold);\n  font-size:12px;\n  letter-spacing:1.4px;\n  font-weight:900;\n  text-transform:uppercase;\n}\n\n.ns-ss-info h3{\n  margin:0;\n  color:#fff;\n  font-size:clamp(22px,2.2vw,34px);\n  line-height:1.2;\n  font-weight:900;\n  letter-spacing:-.6px;\n}\n\n.ns-ss-counter{\n  flex:0 0 auto;\n  color:var(--gold2);\n  font-size:18px;\n  font-weight:900;\n  letter-spacing:1px;\n}\n\n\/* Navigation *\/\n.ns-ss-nav{\n  position:absolute;\n  top:48%;\n  z-index:20;\n  width:54px;\n  height:54px;\n  border-radius:50%;\n  border:1px solid rgba(247,198,77,.34);\n  background:rgba(8,5,7,.76);\n  color:var(--gold);\n  display:inline-flex;\n  align-items:center;\n  justify-content:center;\n  cursor:pointer;\n  box-shadow:0 14px 38px rgba(0,0,0,.26);\n  transform:translateY(-50%) !important;\n  transition:border-color .2s ease,color .2s ease !important;\n}\n\n.ns-ss-nav:hover{\n  color:var(--gold2);\n  border-color:rgba(247,198,77,.64);\n  transform:translateY(-50%) !important;\n}\n\n.ns-ss-prev{left:24px;}\n.ns-ss-next{right:24px;}\n\n\/* Thumbs *\/\n.ns-ss-thumbs-wrap{\n  margin-top:24px;\n  padding:14px;\n  border-radius:26px;\n  border:1px solid rgba(247,198,77,.16);\n  background:\n    linear-gradient(145deg,rgba(255,255,255,.050),rgba(255,255,255,.014)),\n    rgba(8,5,7,.28);\n  box-shadow:0 20px 55px rgba(0,0,0,.20);\n  overflow:hidden;\n  contain:layout paint;\n}\n\n.ns-ss-thumbs{\n  display:flex;\n  gap:12px;\n  overflow-x:auto;\n  scroll-behavior:auto !important;\n  padding:2px 2px 8px;\n  scrollbar-width:thin;\n  scrollbar-color:rgba(247,198,77,.48) rgba(255,255,255,.08);\n}\n\n.ns-ss-thumb{\n  flex:0 0 92px;\n  width:92px;\n  height:92px;\n  padding:6px;\n  border-radius:18px;\n  border:1px solid rgba(247,198,77,.14);\n  background:rgba(8,5,7,.46);\n  cursor:pointer;\n  opacity:.62;\n  transition:opacity .2s ease,border-color .2s ease !important;\n}\n\n.ns-ss-thumb img{\n  width:100%;\n  height:100%;\n  object-fit:contain;\n  display:block;\n  border-radius:12px;\n}\n\n.ns-ss-thumb:hover,\n.ns-ss-thumb.active{\n  opacity:1;\n  transform:none !important;\n  border-color:rgba(247,198,77,.56);\n}\n\n\/* Bottom *\/\n.ns-ss-bottom{\n  display:flex;\n  justify-content:center;\n  margin-top:36px;\n}\n\n.ns-ss-more{\n  min-width:285px;\n  height:60px;\n  padding:0 34px;\n  display:inline-flex;\n  align-items:center;\n  justify-content:center;\n  gap:14px;\n  border-radius:999px;\n  border:1px solid rgba(247,198,77,.44);\n  background:rgba(255,255,255,.025);\n  color:#fff;\n  text-decoration:none;\n  font-size:16px;\n  font-weight:850;\n  box-shadow:0 16px 45px rgba(0,0,0,.22);\n  transition:background .2s ease,border-color .2s ease !important;\n}\n\n.ns-ss-more:hover{\n  transform:none !important;\n  color:#fff;\n  background:rgba(247,198,77,.08);\n  border-color:rgba(247,198,77,.62);\n}\n\n.ns-ss-more i{\n  color:var(--gold);\n}\n\n\/* Modal *\/\n.ns-ss-modal{\n  position:fixed;\n  inset:0;\n  z-index:999999;\n  display:none;\n  align-items:center;\n  justify-content:center;\n  padding:24px;\n  background:rgba(0,0,0,.86);\n}\n\n.ns-ss-modal.open{\n  display:flex;\n}\n\n.ns-ss-modal-box{\n  position:relative;\n  width:min(92vh,920px);\n  max-width:96vw;\n  padding:14px;\n  border-radius:28px;\n  background:\n    linear-gradient(145deg,rgba(255,255,255,.12),rgba(255,255,255,.035)),\n    rgba(8,5,7,.92);\n  border:1px solid rgba(247,198,77,.22);\n  box-shadow:0 30px 90px rgba(0,0,0,.52);\n}\n\n.ns-ss-modal-box img{\n  width:100%;\n  aspect-ratio:1\/1;\n  object-fit:contain;\n  display:block;\n  border-radius:20px;\n  background:#0d0608;\n}\n\n.ns-ss-close{\n  position:absolute;\n  top:-16px;\n  left:-16px;\n  width:46px;\n  height:46px;\n  border:0;\n  border-radius:50%;\n  background:linear-gradient(135deg,#fff4c7,var(--gold));\n  color:#140607;\n  font-size:26px;\n  line-height:1;\n  font-weight:900;\n  cursor:pointer;\n  box-shadow:0 14px 34px rgba(0,0,0,.30);\n}\n\n.ns-ss-modal-nav{\n  position:absolute;\n  top:50%;\n  transform:translateY(-50%);\n  width:48px;\n  height:48px;\n  border-radius:50%;\n  border:1px solid rgba(247,198,77,.34);\n  background:rgba(8,5,7,.78);\n  color:var(--gold);\n  cursor:pointer;\n  z-index:4;\n}\n\n.ns-ss-modal-nav:hover{\n  color:var(--gold2);\n  border-color:rgba(247,198,77,.68);\n}\n\n.ns-ss-modal-prev{left:-58px;}\n.ns-ss-modal-next{right:-58px;}\n\n\/* Reveal Disabled *\/\n.ns-ss-reveal,\n.ns-ss-reveal.visible{\n  opacity:1 !important;\n  transform:none !important;\n  filter:none !important;\n  transition:none !important;\n}\n\n\/* Light Animation For Desktop & Mobile - No Shake *\/\n.ns-stable-social-showcase .ns-ss-head,\n.ns-stable-social-showcase .ns-ss-stage,\n.ns-stable-social-showcase .ns-ss-thumbs-wrap,\n.ns-stable-social-showcase .ns-ss-bottom{\n  opacity:0;\n  transform:translateY(18px);\n  animation:nsSoftSectionIn .75s ease forwards !important;\n  will-change:opacity, transform;\n}\n\n.ns-stable-social-showcase .ns-ss-head{\n  animation-delay:.05s !important;\n}\n\n.ns-stable-social-showcase .ns-ss-stage{\n  animation-delay:.18s !important;\n}\n\n.ns-stable-social-showcase .ns-ss-thumbs-wrap{\n  animation-delay:.30s !important;\n}\n\n.ns-stable-social-showcase .ns-ss-bottom{\n  animation-delay:.42s !important;\n}\n\n.ns-stable-social-showcase .ns-ss-card.active .ns-ss-card-inner{\n  animation:nsSoftActiveGlow 3.8s ease-in-out infinite !important;\n}\n\n.ns-stable-social-showcase .ns-ss-card.active .ns-ss-badge{\n  animation:nsSoftBadgePulse 2.8s ease-in-out infinite !important;\n}\n\n.ns-stable-social-showcase .ns-ss-more{\n  position:relative;\n  overflow:hidden;\n}\n\n.ns-stable-social-showcase .ns-ss-more:before{\n  content:\"\";\n  position:absolute;\n  top:-90%;\n  left:-45%;\n  width:38%;\n  height:280%;\n  background:linear-gradient(90deg,transparent,rgba(255,255,255,.28),transparent);\n  transform:rotate(22deg);\n  animation:nsSoftButtonShine 4.5s ease-in-out infinite !important;\n  pointer-events:none;\n}\n\n.ns-stable-social-showcase .ns-ss-more span,\n.ns-stable-social-showcase .ns-ss-more i{\n  position:relative;\n  z-index:2;\n}\n\n.ns-stable-social-showcase .ns-ss-thumb.active{\n  animation:nsSoftThumbGlow 2.8s ease-in-out infinite !important;\n}\n\n@keyframes nsSoftSectionIn{\n  from{\n    opacity:0;\n    transform:translateY(18px);\n  }\n  to{\n    opacity:1;\n    transform:translateY(0);\n  }\n}\n\n@keyframes nsSoftActiveGlow{\n  0%,100%{\n    box-shadow:\n      0 24px 62px rgba(0,0,0,.28),\n      inset 0 0 28px rgba(255,255,255,.030),\n      0 0 0 rgba(247,198,77,0);\n  }\n  50%{\n    box-shadow:\n      0 28px 72px rgba(0,0,0,.34),\n      inset 0 0 30px rgba(255,255,255,.040),\n      0 0 34px rgba(247,198,77,.10);\n  }\n}\n\n@keyframes nsSoftBadgePulse{\n  0%,100%{\n    box-shadow:0 0 0 rgba(247,198,77,0);\n  }\n  50%{\n    box-shadow:0 0 24px rgba(247,198,77,.18);\n  }\n}\n\n@keyframes nsSoftButtonShine{\n  0%,55%{\n    left:-45%;\n    opacity:0;\n  }\n  65%{\n    opacity:1;\n  }\n  82%{\n    left:125%;\n    opacity:0;\n  }\n  100%{\n    left:125%;\n    opacity:0;\n  }\n}\n\n@keyframes nsSoftThumbGlow{\n  0%,100%{\n    box-shadow:0 0 0 rgba(247,198,77,0);\n  }\n  50%{\n    box-shadow:0 0 22px rgba(247,198,77,.18);\n  }\n}\n\n\/* Responsive *\/\n@media(max-width:1100px){\n  .ns-ss-stage{min-height:625px;}\n  .ns-ss-track{height:500px;}\n  .ns-ss-card{width:clamp(250px,44vw,390px);}\n}\n\n@media(max-width:767px){\n  .ns-stable-social-showcase{\n    padding:74px 0 78px;\n  }\n\n  .ns-ss-head{\n    padding:0 22px;\n    margin-bottom:34px;\n  }\n\n  .ns-ss-bg-word{\n    top:5%;\n    right:-18%;\n    font-size:92px;\n  }\n\n  .ns-ss-head span{\n    font-size:11px;\n    letter-spacing:4px;\n    gap:10px;\n  }\n\n  .ns-ss-head span:before,\n  .ns-ss-head span:after{\n    width:34px;\n  }\n\n  .ns-ss-head h2{\n    font-size:clamp(42px,13vw,58px);\n    letter-spacing:-2px;\n  }\n\n  .ns-ss-head p{\n    font-size:14px;\n    line-height:1.85;\n  }\n\n  .ns-ss-stage{\n    margin:0 14px;\n    min-height:530px;\n    border-radius:28px;\n  }\n\n  .ns-ss-track{\n    height:392px;\n  }\n\n  .ns-ss-card{\n    width:min(292px,76vw);\n  }\n\n  .ns-ss-card-inner{\n    padding:9px;\n    border-radius:24px;\n  }\n\n  .ns-ss-card img{\n    border-radius:18px;\n    padding:6px;\n  }\n\n  .ns-ss-badge{\n    opacity:1;\n    right:17px;\n    bottom:17px;\n    font-size:11px;\n    padding:8px 11px;\n  }\n\n  .ns-ss-nav{\n    width:44px;\n    height:44px;\n  }\n\n  .ns-ss-prev{left:8px;}\n  .ns-ss-next{right:8px;}\n\n  .ns-ss-info{\n    left:12px;\n    right:12px;\n    bottom:22px;\n    min-height:auto;\n    padding:15px;\n    border-radius:20px;\n  }\n\n  .ns-ss-info h3{\n    font-size:20px;\n  }\n\n  .ns-ss-counter{\n    font-size:13px;\n  }\n\n  .ns-ss-thumbs-wrap{\n    margin:18px 14px 0;\n    padding:10px;\n    border-radius:20px;\n  }\n\n  .ns-ss-thumb{\n    flex-basis:76px;\n    width:76px;\n    height:76px;\n    border-radius:15px;\n  }\n\n  .ns-ss-bottom{\n    padding:0 22px;\n    margin-top:30px;\n  }\n\n  .ns-ss-more{\n    width:100%;\n    min-width:100%;\n    height:58px;\n  }\n\n  .ns-ss-modal{\n    padding:14px;\n  }\n\n  .ns-ss-modal-box{\n    width:96vw;\n    padding:10px;\n    border-radius:24px;\n  }\n\n  .ns-ss-modal-box img{\n    border-radius:18px;\n  }\n\n  .ns-ss-close{\n    top:-12px;\n    left:-8px;\n    width:42px;\n    height:42px;\n  }\n\n  .ns-ss-modal-prev{left:10px;}\n  .ns-ss-modal-next{right:10px;}\n\n  .ns-stable-social-showcase .ns-ss-head,\n  .ns-stable-social-showcase .ns-ss-stage,\n  .ns-stable-social-showcase .ns-ss-thumbs-wrap,\n  .ns-stable-social-showcase .ns-ss-bottom{\n    transform:translateY(10px);\n    animation-duration:.55s !important;\n  }\n\n  .ns-stable-social-showcase .ns-ss-card.active .ns-ss-card-inner{\n    animation:nsSoftActiveGlowMobile 3.6s ease-in-out infinite !important;\n  }\n}\n\n@keyframes nsSoftActiveGlowMobile{\n  0%,100%{\n    box-shadow:\n      0 18px 45px rgba(0,0,0,.26),\n      inset 0 0 22px rgba(255,255,255,.025);\n  }\n  50%{\n    box-shadow:\n      0 22px 52px rgba(0,0,0,.32),\n      inset 0 0 24px rgba(255,255,255,.035),\n      0 0 22px rgba(247,198,77,.08);\n  }\n}\n\n@media(prefers-reduced-motion:reduce){\n  .ns-stable-social-showcase .ns-ss-head,\n  .ns-stable-social-showcase .ns-ss-stage,\n  .ns-stable-social-showcase .ns-ss-thumbs-wrap,\n  .ns-stable-social-showcase .ns-ss-bottom,\n  .ns-stable-social-showcase .ns-ss-card.active .ns-ss-card-inner,\n  .ns-stable-social-showcase .ns-ss-card.active .ns-ss-badge,\n  .ns-stable-social-showcase .ns-ss-more:before,\n  .ns-stable-social-showcase .ns-ss-thumb.active{\n    animation:none !important;\n    opacity:1 !important;\n    transform:none !important;\n  }\n}\n<\/style>\n\n<script>\n(function(){\n  const section = document.querySelector(\".ns-stable-social-showcase\");\n  if(!section) return;\n\n  const slides = [\n    {\n      title:\"Premium Social Design 01\",\n      category:\"Social Media Showcase\",\n      src:\"https:\/\/nadersaied.com\/wp-content\/uploads\/2026\/07\/Slide-10-2.png\"\n    },\n    {\n      title:\"MORIVE Premium Brand Visual\",\n      category:\"Cosmetics Campaign\",\n      src:\"https:\/\/nadersaied.com\/wp-content\/uploads\/2026\/06\/ChatGPT-Image-Jun-1-2026-02_53_45-AM.png\"\n    },\n    {\n      title:\"Premium Social Design 02\",\n      category:\"Social Media Showcase\",\n      src:\"https:\/\/nadersaied.com\/wp-content\/uploads\/2026\/07\/Slide-3.png\"\n    },\n    {\n      title:\"Premium Social Design 03\",\n      category:\"Social Media Showcase\",\n      src:\"https:\/\/nadersaied.com\/wp-content\/uploads\/2026\/07\/Slide-6.png\"\n    },\n    {\n      title:\"Premium Social Design 04\",\n      category:\"Social Media Showcase\",\n      src:\"https:\/\/nadersaied.com\/wp-content\/uploads\/2026\/07\/Slide-8.png\"\n    },\n    {\n      title:\"Premium Social Design 05\",\n      category:\"Social Media Showcase\",\n      src:\"https:\/\/nadersaied.com\/wp-content\/uploads\/2026\/07\/Slide-10.png\"\n    },\n    {\n      title:\"Premium Social Design 06\",\n      category:\"Social Media Showcase\",\n      src:\"https:\/\/nadersaied.com\/wp-content\/uploads\/2026\/07\/Slide-5.png\"\n    },\n    {\n      title:\"Premium Social Design 07\",\n      category:\"Social Media Showcase\",\n      src:\"https:\/\/nadersaied.com\/wp-content\/uploads\/2026\/07\/Slide-4.png\"\n    },\n    {\n      title:\"Premium Social Design 08\",\n      category:\"Social Media Showcase\",\n      src:\"https:\/\/nadersaied.com\/wp-content\/uploads\/2026\/07\/Slide-2.png\"\n    },\n    {\n      title:\"Dell G15 Laptop Visual\",\n      category:\"Laptop Campaign\",\n      src:\"https:\/\/nadersaied.com\/wp-content\/uploads\/2026\/06\/dell-g15-5530-copy.jpg\"\n    },\n    {\n      title:\"Premium Social Design 09\",\n      category:\"Social Media Showcase\",\n      src:\"https:\/\/nadersaied.com\/wp-content\/uploads\/2026\/07\/Slide-7.png\"\n    }\n  ];\n\n  const track = section.querySelector(\"#nsSsTrack\");\n  const thumbs = section.querySelector(\"#nsSsThumbs\");\n  const title = section.querySelector(\"#nsSsTitle\");\n  const category = section.querySelector(\"#nsSsCategory\");\n  const counter = section.querySelector(\"#nsSsCounter\");\n  const bg = section.querySelector(\"#nsSsBlurBg\");\n  const next = section.querySelector(\"#nsSsNext\");\n  const prev = section.querySelector(\"#nsSsPrev\");\n  const stage = section.querySelector(\"#nsStableSocialStage\");\n  const modal = section.querySelector(\"#nsSsModal\");\n  const modalImg = section.querySelector(\"#nsSsModalImg\");\n  const close = section.querySelector(\"#nsSsClose\");\n  const modalPrev = section.querySelector(\"#nsSsModalPrev\");\n  const modalNext = section.querySelector(\"#nsSsModalNext\");\n\n  let current = 0;\n  let timer = null;\n  let paused = false;\n  const speed = 3600;\n\n  function pad(num){\n    return String(num).padStart(2,\"0\");\n  }\n\n  function shortestOffset(index){\n    let diff = index - current;\n    const half = slides.length \/ 2;\n\n    if(diff > half) diff -= slides.length;\n    if(diff < -half) diff += slides.length;\n\n    return diff;\n  }\n\n  function createCards(){\n    track.innerHTML = \"\";\n    thumbs.innerHTML = \"\";\n\n    slides.forEach(function(slide,index){\n      const card = document.createElement(\"button\");\n      card.type = \"button\";\n      card.className = \"ns-ss-card\";\n      card.setAttribute(\"aria-label\", slide.title);\n\n      card.innerHTML =\n        '<div class=\"ns-ss-card-inner\">' +\n          '<img decoding=\"async\" src=\"' + slide.src + '\" alt=\"' + slide.title + '\" loading=\"lazy\">' +\n          '<span class=\"ns-ss-badge\"><i class=\"fa-solid fa-magnifying-glass-plus\"><\/i> \u062a\u0643\u0628\u064a\u0631<\/span>' +\n        '<\/div>';\n\n      card.addEventListener(\"click\",function(event){\n        event.preventDefault();\n\n        if(index === current){\n          openModal();\n        }else{\n          setActive(index);\n          restartAuto();\n        }\n      });\n\n      track.appendChild(card);\n\n      const thumb = document.createElement(\"button\");\n      thumb.type = \"button\";\n      thumb.className = \"ns-ss-thumb\";\n      thumb.setAttribute(\"aria-label\",\"Open slide \" + (index + 1));\n      thumb.innerHTML = '<img decoding=\"async\" src=\"' + slide.src + '\" alt=\"' + slide.title + '\" loading=\"lazy\">';\n\n      thumb.addEventListener(\"click\",function(event){\n        event.preventDefault();\n        setActive(index);\n        restartAuto();\n      });\n\n      thumbs.appendChild(thumb);\n    });\n  }\n\n  function getSideSpace(){\n    const stageWidth = stage ? stage.getBoundingClientRect().width : 900;\n    const firstCard = track.querySelector(\".ns-ss-card\");\n    const cardWidth = firstCard ? firstCard.getBoundingClientRect().width : 360;\n    const available = Math.max(80, (stageWidth - cardWidth) \/ 2 - 18);\n\n    return Math.min(available, 300);\n  }\n\n  function updateCards(){\n    const cards = Array.from(track.querySelectorAll(\".ns-ss-card\"));\n    const side = getSideSpace();\n\n    cards.forEach(function(card,index){\n      const offset = shortestOffset(index);\n      const abs = Math.abs(offset);\n\n      card.classList.toggle(\"active\", index === current);\n\n      if(abs > 1){\n        card.style.opacity = \"0\";\n        card.style.pointerEvents = \"none\";\n        card.style.zIndex = \"0\";\n        card.style.filter = \"none\";\n        card.style.transform = \"translate(-50%,-50%) translateX(0px) scale(.72)\";\n        return;\n      }\n\n      card.style.pointerEvents = \"auto\";\n      card.style.filter = \"none\";\n\n      if(offset === 0){\n        card.style.opacity = \"1\";\n        card.style.zIndex = \"5\";\n        card.style.transform = \"translate(-50%,-50%) translateX(0px) scale(1)\";\n      }\n\n      if(offset === -1){\n        card.style.opacity = \".52\";\n        card.style.zIndex = \"3\";\n        card.style.transform = \"translate(-50%,-50%) translateX(-\" + side + \"px) scale(.76)\";\n      }\n\n      if(offset === 1){\n        card.style.opacity = \".52\";\n        card.style.zIndex = \"3\";\n        card.style.transform = \"translate(-50%,-50%) translateX(\" + side + \"px) scale(.76)\";\n      }\n    });\n  }\n\n  function updateThumbs(){\n    const thumbBtns = Array.from(thumbs.querySelectorAll(\".ns-ss-thumb\"));\n\n    thumbBtns.forEach(function(thumb,index){\n      thumb.classList.toggle(\"active\", index === current);\n    });\n\n    const activeThumb = thumbBtns[current];\n\n    if(activeThumb){\n      const targetLeft =\n        activeThumb.offsetLeft -\n        (thumbs.clientWidth \/ 2) +\n        (activeThumb.offsetWidth \/ 2);\n\n      thumbs.scrollTo({\n        left: Math.max(0,targetLeft),\n        behavior: \"auto\"\n      });\n    }\n  }\n\n  function setActive(index){\n    current = (index + slides.length) % slides.length;\n    const slide = slides[current];\n\n    title.textContent = slide.title;\n    category.textContent = slide.category;\n    counter.textContent = pad(current + 1) + \" \/ \" + pad(slides.length);\n\n    if(bg){\n      bg.style.backgroundImage = 'url(\"' + slide.src + '\")';\n    }\n\n    if(modal.classList.contains(\"open\")){\n      modalImg.src = slide.src;\n      modalImg.alt = slide.title;\n    }\n\n    updateCards();\n    updateThumbs();\n  }\n\n  function nextSlide(){\n    setActive(current + 1);\n  }\n\n  function prevSlide(){\n    setActive(current - 1);\n  }\n\n  function startAuto(){\n    stopAuto();\n\n    timer = setInterval(function(){\n      if(!paused && !modal.classList.contains(\"open\")){\n        nextSlide();\n      }\n    }, speed);\n  }\n\n  function stopAuto(){\n    if(timer){\n      clearInterval(timer);\n      timer = null;\n    }\n  }\n\n  function restartAuto(){\n    startAuto();\n  }\n\n  function openModal(){\n    modalImg.src = slides[current].src;\n    modalImg.alt = slides[current].title;\n    modal.classList.add(\"open\");\n    modal.setAttribute(\"aria-hidden\",\"false\");\n    paused = true;\n  }\n\n  function closeModal(){\n    modal.classList.remove(\"open\");\n    modal.setAttribute(\"aria-hidden\",\"true\");\n    modalImg.src = \"\";\n    paused = false;\n  }\n\n  createCards();\n\n  section.querySelectorAll(\".ns-ss-reveal\").forEach(function(item){\n    item.classList.add(\"visible\");\n  });\n\n  next.addEventListener(\"click\",function(event){\n    event.preventDefault();\n    nextSlide();\n    restartAuto();\n  });\n\n  prev.addEventListener(\"click\",function(event){\n    event.preventDefault();\n    prevSlide();\n    restartAuto();\n  });\n\n  if(stage){\n    stage.addEventListener(\"mouseenter\",function(){\n      paused = true;\n    });\n\n    stage.addEventListener(\"mouseleave\",function(){\n      paused = false;\n    });\n\n    stage.addEventListener(\"touchstart\",function(){\n      paused = true;\n    },{passive:true});\n\n    stage.addEventListener(\"touchend\",function(){\n      setTimeout(function(){\n        paused = false;\n      },700);\n    },{passive:true});\n  }\n\n  close.addEventListener(\"click\",closeModal);\n\n  modal.addEventListener(\"click\",function(e){\n    if(e.target === modal) closeModal();\n  });\n\n  modalPrev.addEventListener(\"click\",function(e){\n    e.stopPropagation();\n    prevSlide();\n  });\n\n  modalNext.addEventListener(\"click\",function(e){\n    e.stopPropagation();\n    nextSlide();\n  });\n\n  document.addEventListener(\"keydown\",function(e){\n    if(e.key === \"Escape\" && modal.classList.contains(\"open\")){\n      closeModal();\n    }\n\n    if(e.key === \"ArrowRight\" && modal.classList.contains(\"open\")){\n      nextSlide();\n    }\n\n    if(e.key === \"ArrowLeft\" && modal.classList.contains(\"open\")){\n      prevSlide();\n    }\n  });\n\n  window.addEventListener(\"resize\",function(){\n    updateCards();\n    updateThumbs();\n  });\n\n  document.addEventListener(\"visibilitychange\",function(){\n    if(document.hidden){\n      stopAuto();\n    }else{\n      startAuto();\n    }\n  });\n\n  setActive(0);\n  startAuto();\n})();\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-8aa4452 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=\"8aa4452\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-b0535dd elementor-widget elementor-widget-html\" data-id=\"b0535dd\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- Nader Saied Projects Logos Showcase - Clean Transparent Logos -->\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-clients-logos-section\" dir=\"ltr\">\n  <style>\n    .ns-clients-logos-section{\n      --gold:#f7c64d;\n      --gold2:#fff0a6;\n      --red:#ff2b67;\n      --dark:#100607;\n      --wine:#310912;\n      position:relative;\n      isolation:isolate;\n      overflow:hidden;\n      padding:78px 5%;\n      color:#fff;\n      font-family:\"Inter\",\"Poppins\",Arial,sans-serif;\n      background:\n        radial-gradient(circle at 18% 28%,rgba(255,43,103,.22),transparent 34%),\n        radial-gradient(circle at 84% 18%,rgba(247,198,77,.11),transparent 28%),\n        linear-gradient(135deg,#100607 0%,#1b070b 48%,#310912 100%);\n    }\n\n    .ns-clients-logos-section *{\n      box-sizing:border-box;\n    }\n\n    .ns-clients-logos-section:before{\n      content:\"\";\n      position:absolute;\n      inset:0;\n      z-index:-3;\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:.22;\n      pointer-events:none;\n    }\n\n    .ns-clients-logos-section:after{\n      content:\"PROJECTS\";\n      position:absolute;\n      right:2%;\n      top:8%;\n      z-index:-1;\n      font-family:Georgia,serif;\n      font-size:clamp(70px,14vw,220px);\n      line-height:.8;\n      font-weight:900;\n      color:rgba(255,255,255,.035);\n      pointer-events:none;\n    }\n\n    .ns-clients-logos-wrap{\n      width:min(1240px,100%);\n      margin:auto;\n      position:relative;\n      z-index:2;\n    }\n\n    .ns-clients-logos-head{\n      text-align:center;\n      width:min(760px,100%);\n      margin:0 auto 42px;\n    }\n\n    .ns-clients-logos-head span{\n      display:inline-flex;\n      align-items:center;\n      justify-content:center;\n      gap:12px;\n      margin-bottom:14px;\n      color:var(--gold);\n      font-size:13px;\n      font-weight:950;\n      letter-spacing:3px;\n      text-transform:uppercase;\n    }\n\n    .ns-clients-logos-head span:before,\n    .ns-clients-logos-head span:after{\n      content:\"\";\n      width:48px;\n      height:1px;\n      background:linear-gradient(90deg,transparent,var(--gold));\n    }\n\n    .ns-clients-logos-head span:after{\n      background:linear-gradient(90deg,var(--gold),transparent);\n    }\n\n    .ns-clients-logos-head h2{\n      margin:0;\n      color:#fff;\n      font-family:Georgia,\"Times New Roman\",serif;\n      font-size:clamp(36px,5vw,72px);\n      line-height:1;\n      letter-spacing:-2px;\n      font-weight:900;\n    }\n\n    .ns-clients-logos-head h2 strong{\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-clients-logos-head p{\n      margin:16px auto 0;\n      color:rgba(255,255,255,.68);\n      font-size:15px;\n      line-height:1.8;\n    }\n\n    .ns-clients-grid{\n      display:grid;\n      grid-template-columns:repeat(7,minmax(0,1fr));\n      gap:16px;\n      align-items:stretch;\n    }\n\n    .ns-client-logo-card{\n      position:relative;\n      min-height:190px;\n      padding:14px 10px;\n      border-radius:28px;\n      display:flex;\n      flex-direction:column;\n      align-items:center;\n      justify-content:center;\n      gap:12px;\n      text-align:center;\n      text-decoration:none !important;\n      background:rgba(255,255,255,.025);\n      border:1px solid rgba(247,198,77,.18);\n      box-shadow:\n        0 18px 45px rgba(0,0,0,.22),\n        inset 0 0 0 1px rgba(255,255,255,.035);\n      overflow:hidden;\n      transition:\n        border-color .28s ease,\n        background .28s ease,\n        box-shadow .28s ease;\n    }\n\n    .ns-client-logo-card:before{\n      content:\"\";\n      position:absolute;\n      inset:0;\n      background:\n        radial-gradient(circle at 50% 0%,rgba(247,198,77,.12),transparent 42%),\n        linear-gradient(135deg,rgba(255,43,103,.08),transparent 60%);\n      opacity:.55;\n      pointer-events:none;\n    }\n\n    .ns-client-logo-card:after{\n      content:\"\";\n      position:absolute;\n      inset:-45%;\n      z-index:4;\n      background:\n        linear-gradient(\n          90deg,\n          transparent 0%,\n          rgba(255,255,255,.05) 34%,\n          rgba(255,244,199,.55) 50%,\n          rgba(255,255,255,.06) 66%,\n          transparent 100%\n        );\n      opacity:0;\n      transform:translateX(-135%) rotate(24deg);\n      animation:nsClientLogoShine 3.7s cubic-bezier(.2,.8,.2,1) infinite;\n      pointer-events:none;\n    }\n\n    .ns-client-logo-card:nth-child(1):after{animation-delay:0s;}\n    .ns-client-logo-card:nth-child(2):after{animation-delay:.35s;}\n    .ns-client-logo-card:nth-child(3):after{animation-delay:.70s;}\n    .ns-client-logo-card:nth-child(4):after{animation-delay:1.05s;}\n    .ns-client-logo-card:nth-child(5):after{animation-delay:1.40s;}\n    .ns-client-logo-card:nth-child(6):after{animation-delay:1.75s;}\n    .ns-client-logo-card:nth-child(7):after{animation-delay:2.10s;}\n\n    .ns-client-logo-mark{\n      position:relative;\n      z-index:2;\n      width:132px;\n      height:112px;\n      max-width:100%;\n      display:flex;\n      align-items:center;\n      justify-content:center;\n      background:transparent;\n      border-radius:22px;\n      animation:nsClientLogoPulse 4.2s ease-in-out infinite;\n      transform-origin:center center;\n      backface-visibility:hidden;\n    }\n\n    .ns-client-logo-card:nth-child(1) .ns-client-logo-mark{animation-delay:0s;}\n    .ns-client-logo-card:nth-child(2) .ns-client-logo-mark{animation-delay:.25s;}\n    .ns-client-logo-card:nth-child(3) .ns-client-logo-mark{animation-delay:.50s;}\n    .ns-client-logo-card:nth-child(4) .ns-client-logo-mark{animation-delay:.75s;}\n    .ns-client-logo-card:nth-child(5) .ns-client-logo-mark{animation-delay:1s;}\n    .ns-client-logo-card:nth-child(6) .ns-client-logo-mark{animation-delay:1.25s;}\n    .ns-client-logo-card:nth-child(7) .ns-client-logo-mark{animation-delay:1.50s;}\n\n    .ns-client-logo-mark img{\n      display:block;\n      width:100%;\n      height:100%;\n      object-fit:contain;\n      filter:\n        drop-shadow(0 14px 22px rgba(0,0,0,.35))\n        saturate(1.12)\n        contrast(1.04);\n      transition:\n        transform .32s cubic-bezier(.22,.75,.25,1),\n        filter .32s ease;\n      backface-visibility:hidden;\n    }\n\n    .ns-client-logo-card.social .ns-client-logo-mark img{transform:scale(1.16);}\n    .ns-client-logo-card.morive .ns-client-logo-mark img{transform:scale(1.20);}\n    .ns-client-logo-card.nader .ns-client-logo-mark img{transform:scale(1.14);}\n    .ns-client-logo-card.nasr .ns-client-logo-mark img{transform:scale(1.18);}\n    .ns-client-logo-card.master .ns-client-logo-mark img{transform:scale(1.14);}\n    .ns-client-logo-card.watan .ns-client-logo-mark img{transform:scale(1.14);}\n    .ns-client-logo-card.ceg .ns-client-logo-mark img{transform:scale(1.10);}\n\n    .ns-client-logo-name{\n      position:relative;\n      z-index:5;\n      display:inline-flex;\n      align-items:center;\n      justify-content:center;\n      min-height:32px;\n      padding:7px 12px;\n      border-radius:999px;\n      color:#fff;\n      background:rgba(80,12,24,.56);\n      border:1px solid rgba(247,198,77,.18);\n      font-size:11px;\n      font-weight:900;\n      letter-spacing:.35px;\n      box-shadow:0 10px 26px rgba(0,0,0,.18);\n      transition:\n        color .25s ease,\n        background .25s ease,\n        border-color .25s ease;\n    }\n\n    .ns-client-logo-card:hover{\n      border-color:rgba(247,198,77,.54);\n      background:rgba(255,255,255,.05);\n      box-shadow:\n        0 25px 66px rgba(0,0,0,.30),\n        0 0 46px rgba(247,198,77,.16),\n        inset 0 0 0 1px rgba(255,255,255,.07);\n    }\n\n    .ns-client-logo-card:hover:after{\n      animation-duration:1.4s;\n    }\n\n    .ns-client-logo-card:hover .ns-client-logo-mark{\n      animation-play-state:paused;\n    }\n\n    .ns-client-logo-card:hover .ns-client-logo-mark img{\n      transform:scale(1.34);\n      filter:\n        drop-shadow(0 20px 30px rgba(0,0,0,.42))\n        saturate(1.22)\n        contrast(1.07);\n    }\n\n    .ns-client-logo-card:hover .ns-client-logo-name{\n      color:#2b090f;\n      background:linear-gradient(135deg,#fff4c7,var(--gold));\n      border-color:rgba(255,255,255,.32);\n    }\n\n    .ns-clients-footer{\n      display:flex;\n      justify-content:center;\n      margin-top:34px;\n    }\n\n    .ns-clients-btn{\n      position:relative;\n      overflow:hidden;\n      min-width:230px;\n      height:58px;\n      padding:0 30px;\n      border-radius:999px;\n      display:inline-flex;\n      align-items:center;\n      justify-content:center;\n      gap:12px;\n      color:#fff !important;\n      text-decoration:none !important;\n      font-size:15px;\n      font-weight:950;\n      background:linear-gradient(135deg,#8b0d2b,#e03165);\n      border:1px solid rgba(255,255,255,.13);\n      box-shadow:0 16px 42px rgba(224,49,101,.26);\n      transition:box-shadow .25s ease,border-color .25s ease;\n    }\n\n    .ns-clients-btn:before{\n      content:\"\";\n      position:absolute;\n      top:-85%;\n      left:-45%;\n      width:38%;\n      height:260%;\n      background:linear-gradient(90deg,transparent,rgba(255,255,255,.34),transparent);\n      transform:rotate(22deg);\n      transition:.65s ease;\n    }\n\n    .ns-clients-btn:hover:before{\n      left:125%;\n    }\n\n    .ns-clients-btn:hover{\n      box-shadow:0 22px 54px rgba(224,49,101,.36);\n      border-color:rgba(247,198,77,.26);\n    }\n\n    .ns-clients-btn span,\n    .ns-clients-btn i{\n      position:relative;\n      z-index:2;\n    }\n\n    @keyframes nsClientLogoPulse{\n      0%,100%{transform:scale(1);}\n      50%{transform:scale(1.055);}\n    }\n\n    @keyframes nsClientLogoShine{\n      0%{\n        transform:translateX(-145%) rotate(24deg);\n        opacity:0;\n      }\n      16%{\n        opacity:.9;\n      }\n      45%{\n        opacity:.9;\n      }\n      62%{\n        transform:translateX(145%) rotate(24deg);\n        opacity:0;\n      }\n      100%{\n        transform:translateX(145%) rotate(24deg);\n        opacity:0;\n      }\n    }\n\n    @media(max-width:1180px){\n      .ns-clients-grid{\n        grid-template-columns:repeat(4,minmax(0,1fr));\n      }\n    }\n\n    @media(max-width:767px){\n      .ns-clients-logos-section{\n        padding:58px 16px;\n      }\n\n      .ns-clients-logos-section:after{\n        right:-18%;\n        top:6%;\n        font-size:88px;\n      }\n\n      .ns-clients-logos-head{\n        margin-bottom:30px;\n      }\n\n      .ns-clients-logos-head span{\n        font-size:11px;\n        letter-spacing:2.2px;\n        gap:9px;\n      }\n\n      .ns-clients-logos-head span:before,\n      .ns-clients-logos-head span:after{\n        width:30px;\n      }\n\n      .ns-clients-logos-head h2{\n        font-size:38px;\n        letter-spacing:-1.4px;\n      }\n\n      .ns-clients-logos-head p{\n        font-size:14px;\n      }\n\n      .ns-clients-grid{\n        grid-template-columns:repeat(2,minmax(0,1fr));\n        gap:12px;\n      }\n\n      .ns-client-logo-card{\n        min-height:160px;\n        border-radius:22px;\n        padding:12px 8px;\n      }\n\n      .ns-client-logo-mark{\n        width:118px;\n        height:92px;\n      }\n\n      .ns-client-logo-name{\n        font-size:10px;\n        padding:6px 9px;\n      }\n\n      .ns-clients-btn{\n        width:100%;\n      }\n    }\n\n    @media(max-width:370px){\n      .ns-client-logo-mark{\n        width:104px;\n        height:86px;\n      }\n\n      .ns-client-logo-card{\n        min-height:150px;\n      }\n    }\n\n    @media(prefers-reduced-motion:reduce){\n      .ns-clients-logos-section *,\n      .ns-clients-logos-section *:before,\n      .ns-clients-logos-section *:after{\n        animation:none !important;\n        transition:none !important;\n      }\n    }\n  <\/style>\n\n  <div class=\"ns-clients-logos-wrap\">\n\n    <div class=\"ns-clients-logos-head\">\n      <span>Selected Projects<\/span>\n      <h2>Some Projects <strong>We\u2019ve Completed<\/strong><\/h2>\n      <p>\n        A curated selection of projects crafted with premium visual direction, brand identity,\n        web design, social media, and creative digital production.\n      <\/p>\n    <\/div>\n\n    <div class=\"ns-clients-grid\">\n\n      <a class=\"ns-client-logo-card social\" href=\"https:\/\/nadersaied.com\/my-social-work\/\">\n        <div class=\"ns-client-logo-mark\">\n          <img decoding=\"async\" src=\"http:\/\/nadersaied.com\/wp-content\/uploads\/2026\/06\/Social.png\" alt=\"My Social Work Logo\">\n        <\/div>\n        <span class=\"ns-client-logo-name\">My Social Work<\/span>\n      <\/a>\n\n      <a class=\"ns-client-logo-card morive\" href=\"https:\/\/nadersaied.com\/morivie\/\">\n        <div class=\"ns-client-logo-mark\">\n          <img decoding=\"async\" src=\"https:\/\/nadersaied.com\/wp-content\/uploads\/2026\/06\/Morive-logo.png\" alt=\"MORIVIE Logo\">\n        <\/div>\n        <span class=\"ns-client-logo-name\">MORIVIE<\/span>\n      <\/a>\n\n      <a class=\"ns-client-logo-card ceg\" href=\"https:\/\/nadersaied.com\/ceg\/\">\n        <div class=\"ns-client-logo-mark\">\n          <img decoding=\"async\" src=\"https:\/\/nadersaied.com\/wp-content\/uploads\/2026\/06\/CEG_logo_transparent_circle.png\" alt=\"CEG Logo\">\n        <\/div>\n        <span class=\"ns-client-logo-name\">CEG<\/span>\n      <\/a>\n\n      <a class=\"ns-client-logo-card watan\" href=\"https:\/\/nadersaied.com\/elwataneldawlianews\/\">\n        <div class=\"ns-client-logo-mark\">\n          <img decoding=\"async\" src=\"https:\/\/nadersaied.com\/wp-content\/uploads\/2026\/06\/Elwaten-1.png\" alt=\"El Watan Logo\">\n        <\/div>\n        <span class=\"ns-client-logo-name\">El Watan<\/span>\n      <\/a>\n\n      <a class=\"ns-client-logo-card nasr\" href=\"https:\/\/nadersaied.com\/el-nasr-store\/\">\n        <div class=\"ns-client-logo-mark\">\n          <img decoding=\"async\" src=\"http:\/\/nadersaied.com\/wp-content\/uploads\/2026\/06\/logo-final-Circel-copy.png\" alt=\"El Nasr Store Logo\">\n        <\/div>\n        <span class=\"ns-client-logo-name\">El Nasr Store<\/span>\n      <\/a>\n\n      <a class=\"ns-client-logo-card master\" href=\"https:\/\/nadersaied.com\/master-kitchen\/\">\n        <div class=\"ns-client-logo-mark\">\n          <img decoding=\"async\" src=\"http:\/\/nadersaied.com\/wp-content\/uploads\/2026\/06\/logo-4.png\" alt=\"Master Kitchen Logo\">\n        <\/div>\n        <span class=\"ns-client-logo-name\">Master Kitchen<\/span>\n      <\/a>\n\n      <a class=\"ns-client-logo-card nader\" href=\"https:\/\/nadersaied.com\/nadrawebsite\/\">\n        <div class=\"ns-client-logo-mark\">\n          <img decoding=\"async\" src=\"https:\/\/nadersaied.com\/wp-content\/uploads\/2026\/06\/cropped-Logo-Nader-White.png\" alt=\"Nader Saied Logo\">\n        <\/div>\n        <span class=\"ns-client-logo-name\">Nader Saied<\/span>\n      <\/a>\n\n    <\/div>\n\n    <div class=\"ns-clients-footer\">\n      <a class=\"ns-clients-btn\" href=\"https:\/\/nadersaied.com\/projects\/\">\n        <span>View All Projects<\/span>\n        <i class=\"fa-solid fa-arrow-right\"><\/i>\n      <\/a>\n    <\/div>\n\n  <\/div>\n<\/section>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-064fc73 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=\"064fc73\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-6bf46c8 elementor-widget elementor-widget-html\" data-id=\"6bf46c8\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- Nader Saied Clean AI Reels & Video Production Section -->\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-reels-lite-section\">\n  <div class=\"ns-reels-lite-bg-text\">REELS<\/div>\n\n  <div class=\"ns-reels-lite-container\">\n\n    <div class=\"ns-reels-lite-head\">\n      <span class=\"ns-reels-lite-eyebrow\">AI VIDEO PRODUCTION<\/span>\n\n      <h2>\n        Reels & <strong>AI Video Production<\/strong>\n      <\/h2>\n\n      <p>\n        Creative reels and short-form videos crafted with AI-powered visuals, cinematic scenes,\n        storytelling, motion editing, and premium digital production for brands.\n      <\/p>\n    <\/div>\n\n    <div class=\"ns-reels-lite-slider-shell\">\n\n      <button class=\"ns-reels-lite-nav ns-reels-lite-prev\" type=\"button\" aria-label=\"Previous Reel\">\n        <i class=\"fa-solid fa-arrow-left\"><\/i>\n      <\/button>\n\n      <div class=\"ns-reels-lite-slider\" id=\"nsReelsLiteSlider\">\n\n        <!-- Reel 01 -->\n        <article class=\"ns-reels-lite-card\">\n          <a href=\"https:\/\/www.facebook.com\/reel\/25985695071105587\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"ns-reels-lite-link\">\n            <div class=\"ns-reels-lite-phone\">\n              <img decoding=\"async\" class=\"ns-reels-lite-thumb\" src=\"https:\/\/nadersaied.com\/wp-content\/uploads\/2026\/07\/ChatGPT-Image-Jul-1-2026-02_41_27-PM.png\" alt=\"Young Entrepreneurship Reel Thumbnail\">\n\n              <div class=\"ns-reels-lite-top ns-reels-lite-top-only\">\n                <i class=\"fa-brands fa-facebook-f\"><\/i>\n              <\/div>\n\n              <div class=\"ns-reels-lite-play\">\n                <i class=\"fa-solid fa-play\"><\/i>\n              <\/div>\n\n              <div class=\"ns-reels-lite-bottom\">\n                <span>AI Event Story<\/span>\n                <strong>Entrepreneurship Reel<\/strong>\n              <\/div>\n            <\/div>\n          <\/a>\n        <\/article>\n\n        <!-- Reel 02 -->\n        <article class=\"ns-reels-lite-card\">\n          <a href=\"https:\/\/www.facebook.com\/reel\/1534803144828336\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"ns-reels-lite-link\">\n            <div class=\"ns-reels-lite-phone\">\n              <img decoding=\"async\" class=\"ns-reels-lite-thumb\" src=\"https:\/\/nadersaied.com\/wp-content\/uploads\/2026\/07\/ChatGPT-Image-Jul-1-2026-02_38_26-PM.png\" alt=\"MORIVIE Sunscreen Reel Thumbnail\">\n\n              <div class=\"ns-reels-lite-top ns-reels-lite-top-only\">\n                <i class=\"fa-brands fa-facebook-f\"><\/i>\n              <\/div>\n\n              <div class=\"ns-reels-lite-play\">\n                <i class=\"fa-solid fa-play\"><\/i>\n              <\/div>\n\n              <div class=\"ns-reels-lite-bottom\">\n                <span>AI Product Scene<\/span>\n                <strong>Sunscreen Campaign<\/strong>\n              <\/div>\n            <\/div>\n          <\/a>\n        <\/article>\n\n        <!-- Reel 03 -->\n        <article class=\"ns-reels-lite-card\">\n          <a href=\"https:\/\/www.facebook.com\/reel\/4690227764546736\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"ns-reels-lite-link\">\n            <div class=\"ns-reels-lite-phone\">\n              <img decoding=\"async\" class=\"ns-reels-lite-thumb\" src=\"https:\/\/nadersaied.com\/wp-content\/uploads\/2026\/07\/ChatGPT-Image-Jul-1-2026-02_37_05-PM.png\" alt=\"MORIVIE Kids Reel Thumbnail\">\n\n              <div class=\"ns-reels-lite-top ns-reels-lite-top-only\">\n                <i class=\"fa-brands fa-facebook-f\"><\/i>\n              <\/div>\n\n              <div class=\"ns-reels-lite-play\">\n                <i class=\"fa-solid fa-play\"><\/i>\n              <\/div>\n\n              <div class=\"ns-reels-lite-bottom\">\n                <span>AI Product Reel<\/span>\n                <strong>MORIVIE Kids<\/strong>\n              <\/div>\n            <\/div>\n          <\/a>\n        <\/article>\n\n        <!-- Reel 04 -->\n        <article class=\"ns-reels-lite-card\">\n          <a href=\"https:\/\/www.facebook.com\/reel\/2222365871914291\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"ns-reels-lite-link\">\n            <div class=\"ns-reels-lite-phone\">\n              <img decoding=\"async\" class=\"ns-reels-lite-thumb\" src=\"https:\/\/nadersaied.com\/wp-content\/uploads\/2026\/07\/ChatGPT-Image-Jul-1-2026-02_34_36-PM.png\" alt=\"MORIVIE Hydra Reel Thumbnail\">\n\n              <div class=\"ns-reels-lite-top ns-reels-lite-top-only\">\n                <i class=\"fa-brands fa-facebook-f\"><\/i>\n              <\/div>\n\n              <div class=\"ns-reels-lite-play\">\n                <i class=\"fa-solid fa-play\"><\/i>\n              <\/div>\n\n              <div class=\"ns-reels-lite-bottom\">\n                <span>AI Brand Motion<\/span>\n                <strong>MORIVIE Hydra<\/strong>\n              <\/div>\n            <\/div>\n          <\/a>\n        <\/article>\n\n      <\/div>\n\n      <button class=\"ns-reels-lite-nav ns-reels-lite-next\" type=\"button\" aria-label=\"Next Reel\">\n        <i class=\"fa-solid fa-arrow-right\"><\/i>\n      <\/button>\n\n    <\/div>\n\n    <div class=\"ns-reels-lite-dots\" id=\"nsReelsLiteDots\" aria-label=\"Reels Slider Dots\"><\/div>\n\n    <div class=\"ns-reels-lite-bottom-btn-wrap\">\n      <a href=\"https:\/\/nadersaied.com\/ai-video-production\/\" class=\"ns-reels-lite-all\">\n        <span>View More AI Videos<\/span>\n        <i class=\"fa-solid fa-arrow-right\"><\/i>\n      <\/a>\n    <\/div>\n\n  <\/div>\n<\/section>\n\n<style>\n.ns-reels-lite-section {\n  position: relative;\n  overflow: hidden;\n  padding: 90px 5% 95px;\n  background:\n    radial-gradient(circle at 18% 38%, rgba(167, 18, 55, .22), transparent 32%),\n    radial-gradient(circle at 82% 18%, rgba(247, 198, 77, .07), transparent 26%),\n    linear-gradient(135deg, #100607 0%, #1b070b 45%, #310912 100%);\n  color: #fff;\n  font-family: \"Inter\", \"Poppins\", Arial, sans-serif;\n}\n\n.ns-reels-lite-section * {\n  box-sizing: border-box;\n}\n\n.ns-reels-lite-section::before {\n  content: \"\";\n  position: absolute;\n  inset: 0;\n  z-index: 0;\n  background-image:\n    linear-gradient(rgba(255,255,255,.015) 1px, transparent 1px),\n    linear-gradient(90deg, rgba(255,255,255,.015) 1px, transparent 1px);\n  background-size: 44px 44px;\n  opacity: .20;\n  pointer-events: none;\n}\n\n.ns-reels-lite-section::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,.16) 44%, rgba(0,0,0,.72) 100%);\n  opacity: .80;\n  pointer-events: none;\n}\n\n.ns-reels-lite-bg-text {\n  position: absolute;\n  left: 2%;\n  top: 5%;\n  z-index: 1;\n  font-family: Georgia, serif;\n  font-size: clamp(90px, 16vw, 260px);\n  line-height: .8;\n  font-weight: 900;\n  color: rgba(255,255,255,.030);\n  pointer-events: none;\n}\n\n.ns-reels-lite-container {\n  position: relative;\n  z-index: 3;\n  max-width: 1450px;\n  margin: 0 auto;\n}\n\n.ns-reels-lite-head {\n  max-width: 900px;\n  margin: 0 auto 42px;\n  text-align: center;\n}\n\n.ns-reels-lite-eyebrow {\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  gap: 14px;\n  margin-bottom: 18px;\n  color: #f7c64d;\n  font-size: 13px;\n  letter-spacing: 5px;\n  font-weight: 900;\n}\n\n.ns-reels-lite-eyebrow::before,\n.ns-reels-lite-eyebrow::after {\n  content: \"\";\n  width: 62px;\n  height: 1px;\n  background: linear-gradient(90deg, transparent, #f7c64d);\n}\n\n.ns-reels-lite-eyebrow::after {\n  background: linear-gradient(90deg, #f7c64d, transparent);\n}\n\n.ns-reels-lite-head h2 {\n  margin: 0 0 20px;\n  font-family: Georgia, \"Times New Roman\", serif;\n  font-size: clamp(44px, 5.6vw, 86px);\n  line-height: 1;\n  letter-spacing: -2.4px;\n  color: #fff;\n}\n\n.ns-reels-lite-head h2 strong {\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}\n\n.ns-reels-lite-head p {\n  max-width: 760px;\n  margin: 0 auto;\n  color: rgba(255,255,255,.70);\n  font-size: 16px;\n  line-height: 1.8;\n}\n\n\/* Slider *\/\n.ns-reels-lite-slider-shell {\n  position: relative;\n}\n\n.ns-reels-lite-slider {\n  display: flex;\n  gap: 20px;\n  overflow-x: hidden;\n  padding: 8px 4px 18px;\n  scroll-behavior: auto;\n}\n\n.ns-reels-lite-card {\n  position: relative;\n  flex: 0 0 calc((100% - 40px) \/ 3);\n  border-radius: 26px;\n  border: 1px solid rgba(255, 43, 103, .20);\n  background:\n    linear-gradient(145deg, rgba(255,255,255,.055), rgba(255,255,255,.016)),\n    radial-gradient(circle at 50% 0%, rgba(247,198,77,.06), transparent 38%);\n  box-shadow:\n    0 22px 55px rgba(0,0,0,.24),\n    inset 0 0 28px rgba(255,255,255,.018);\n  overflow: hidden;\n}\n\n.ns-reels-lite-card:hover {\n  border-color: rgba(247,198,77,.34);\n}\n\n.ns-reels-lite-link {\n  display: block;\n  padding: 14px;\n  text-decoration: none;\n  color: #fff;\n}\n\n.ns-reels-lite-phone {\n  position: relative;\n  min-height: 550px;\n  aspect-ratio: 9 \/ 16;\n  margin: 0 auto;\n  border-radius: 32px;\n  overflow: hidden;\n  border: 1px solid rgba(247,198,77,.16);\n  background: #100607;\n  box-shadow:\n    inset 0 0 32px rgba(255,255,255,.035),\n    0 22px 52px rgba(0,0,0,.30);\n}\n\n.ns-reels-lite-thumb {\n  position: absolute;\n  inset: 0;\n  z-index: 1;\n  width: 100%;\n  height: 100%;\n  object-fit: cover;\n  object-position: center;\n}\n\n.ns-reels-lite-phone::before {\n  content: \"\";\n  position: absolute;\n  inset: 0;\n  z-index: 2;\n  background:\n    linear-gradient(to bottom, rgba(0,0,0,.42), transparent 30%, transparent 58%, rgba(0,0,0,.78));\n  pointer-events: none;\n}\n\n.ns-reels-lite-top {\n  position: absolute;\n  top: 18px;\n  left: 18px;\n  right: 18px;\n  z-index: 5;\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n}\n\n.ns-reels-lite-top span {\n  padding: 9px 13px;\n  border-radius: 999px;\n  background: rgba(8,5,7,.58);\n  border: 1px solid rgba(247,198,77,.22);\n  color: #f7c64d;\n  font-size: 11px;\n  font-weight: 900;\n  letter-spacing: 1.3px;\n}\n\n.ns-reels-lite-top i {\n  width: 36px;\n  height: 36px;\n  border-radius: 50%;\n  background: rgba(8,5,7,.58);\n  border: 1px solid rgba(247,198,77,.22);\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  color: #f7c64d;\n}\n\n.ns-reels-lite-top-only {\n  justify-content: flex-end;\n}\n\n.ns-reels-lite-badge {\n  position: absolute;\n  top: 72px;\n  left: 18px;\n  z-index: 5;\n  display: inline-flex;\n  align-items: center;\n  gap: 8px;\n  padding: 9px 13px;\n  border-radius: 999px;\n  border: 1px solid rgba(247,198,77,.22);\n  background: rgba(8,5,7,.60);\n  box-shadow: 0 12px 30px rgba(0,0,0,.18);\n}\n\n.ns-reels-lite-badge i {\n  color: #f7c64d;\n  font-size: 12px;\n}\n\n.ns-reels-lite-badge span {\n  color: #fff;\n  font-size: 10px;\n  font-weight: 900;\n  letter-spacing: 1px;\n  text-transform: uppercase;\n}\n\n.ns-reels-lite-play {\n  position: absolute;\n  left: 50%;\n  top: 50%;\n  z-index: 5;\n  width: 82px;\n  height: 82px;\n  transform: translate(-50%, -50%);\n  border-radius: 50%;\n  border: 1px solid rgba(247,198,77,.38);\n  background:\n    radial-gradient(circle, rgba(247,198,77,.22), rgba(255,255,255,.045));\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  box-shadow: 0 22px 48px rgba(0,0,0,.32);\n}\n\n.ns-reels-lite-play i {\n  margin-left: 5px;\n  color: #fff4c7;\n  font-size: 26px;\n}\n\n.ns-reels-lite-bottom {\n  position: absolute;\n  left: 18px;\n  right: 18px;\n  bottom: 18px;\n  z-index: 5;\n  padding: 18px;\n  border-radius: 20px;\n  border: 1px solid rgba(247,198,77,.18);\n  background: rgba(8,5,7,.64);\n}\n\n.ns-reels-lite-bottom span {\n  display: block;\n  margin-bottom: 8px;\n  color: rgba(255,255,255,.76);\n  font-size: 12px;\n  font-weight: 800;\n  letter-spacing: 1.2px;\n  text-transform: uppercase;\n}\n\n.ns-reels-lite-bottom strong {\n  display: block;\n  color: #fff;\n  font-size: 18px;\n  font-weight: 900;\n}\n\n\/* Navigation *\/\n.ns-reels-lite-nav {\n  position: absolute;\n  top: 50%;\n  z-index: 8;\n  width: 48px;\n  height: 48px;\n  border-radius: 50%;\n  border: 1px solid rgba(247,198,77,.30);\n  background: rgba(8,5,7,.76);\n  color: #f7c64d;\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  cursor: pointer;\n  transform: translateY(-50%);\n}\n\n.ns-reels-lite-nav:hover {\n  color: #fff0a6;\n  border-color: rgba(247,198,77,.54);\n}\n\n.ns-reels-lite-prev {\n  left: -18px;\n}\n\n.ns-reels-lite-next {\n  right: -18px;\n}\n\n.ns-reels-lite-dots {\n  display: flex;\n  justify-content: center;\n  gap: 9px;\n  margin-top: 24px;\n}\n\n.ns-reels-lite-dots button {\n  width: 8px;\n  height: 8px;\n  padding: 0;\n  border: none;\n  border-radius: 50%;\n  background: rgba(255,255,255,.26);\n  cursor: pointer;\n}\n\n.ns-reels-lite-dots button.active {\n  width: 26px;\n  border-radius: 20px;\n  background: linear-gradient(90deg, #ff2b67, #f7c64d);\n}\n\n.ns-reels-lite-bottom-btn-wrap {\n  display: flex;\n  justify-content: center;\n  margin-top: 38px;\n}\n\n.ns-reels-lite-all {\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  gap: 14px;\n  min-width: 285px;\n  height: 60px;\n  padding: 0 34px;\n  border-radius: 999px;\n  border: 1px solid rgba(247,198,77,.42);\n  background: rgba(255,255,255,.025);\n  color: #fff;\n  text-decoration: none;\n  font-size: 16px;\n  font-weight: 850;\n  box-shadow: 0 16px 45px rgba(0,0,0,.22);\n}\n\n.ns-reels-lite-all:hover {\n  color: #fff;\n  background: rgba(247,198,77,.08);\n}\n\n.ns-reels-lite-all i {\n  color: #f7c64d;\n}\n\n\/* Tablet *\/\n@media (max-width: 1100px) {\n  .ns-reels-lite-card {\n    flex-basis: calc((100% - 20px) \/ 2);\n  }\n\n  .ns-reels-lite-phone {\n    min-height: 520px;\n  }\n\n  .ns-reels-lite-prev {\n    left: -10px;\n  }\n\n  .ns-reels-lite-next {\n    right: -10px;\n  }\n}\n\n\/* Mobile *\/\n@media (max-width: 767px) {\n  .ns-reels-lite-section {\n    padding: 70px 0 76px;\n  }\n\n  .ns-reels-lite-container {\n    max-width: 100%;\n  }\n\n  .ns-reels-lite-head {\n    padding: 0 22px;\n    margin-bottom: 32px;\n  }\n\n  .ns-reels-lite-bg-text {\n    top: 5%;\n    left: -22%;\n    font-size: 92px;\n  }\n\n  .ns-reels-lite-eyebrow {\n    font-size: 11px;\n    letter-spacing: 3.6px;\n    gap: 10px;\n  }\n\n  .ns-reels-lite-eyebrow::before,\n  .ns-reels-lite-eyebrow::after {\n    width: 34px;\n  }\n\n  .ns-reels-lite-head h2 {\n    font-size: clamp(40px, 12vw, 56px);\n    letter-spacing: -1.8px;\n  }\n\n  .ns-reels-lite-head p {\n    font-size: 14px;\n    line-height: 1.85;\n  }\n\n  .ns-reels-lite-slider {\n    gap: 16px;\n    padding: 6px 22px 16px;\n    overflow-x: hidden;\n  }\n\n  .ns-reels-lite-card {\n    flex: 0 0 calc(100vw - 54px);\n    border-radius: 24px;\n  }\n\n  .ns-reels-lite-link {\n    padding: 12px;\n  }\n\n  .ns-reels-lite-phone {\n    min-height: 555px;\n    border-radius: 30px;\n  }\n\n  .ns-reels-lite-nav {\n    width: 44px;\n    height: 44px;\n  }\n\n  .ns-reels-lite-prev {\n    left: 10px;\n  }\n\n  .ns-reels-lite-next {\n    right: 10px;\n  }\n\n  .ns-reels-lite-bottom-btn-wrap {\n    padding: 0 22px;\n    margin-top: 30px;\n  }\n\n  .ns-reels-lite-all {\n    width: 100%;\n    min-width: 100%;\n    height: 58px;\n  }\n}\n\n@media (max-width: 390px) {\n  .ns-reels-lite-phone {\n    min-height: 505px;\n  }\n\n  .ns-reels-lite-play {\n    width: 76px;\n    height: 76px;\n  }\n\n  .ns-reels-lite-play i {\n    font-size: 24px;\n  }\n}\n<\/style>\n\n<script>\n(function () {\n  const section = document.querySelector(\".ns-reels-lite-section\");\n  if (!section) return;\n\n  const slider = section.querySelector(\"#nsReelsLiteSlider\");\n  const prev = section.querySelector(\".ns-reels-lite-prev\");\n  const next = section.querySelector(\".ns-reels-lite-next\");\n  const dotsWrap = section.querySelector(\"#nsReelsLiteDots\");\n\n  if (!slider || !prev || !next || !dotsWrap) return;\n\n  function getCards() {\n    return Array.from(slider.querySelectorAll(\".ns-reels-lite-card\"));\n  }\n\n  function getVisibleCards() {\n    if (window.innerWidth <= 767) return 1;\n    if (window.innerWidth <= 1100) return 2;\n    return 3;\n  }\n\n  function getMaxIndex() {\n    return Math.max(0, getCards().length - getVisibleCards());\n  }\n\n  function getCardWidth() {\n    const card = slider.querySelector(\".ns-reels-lite-card\");\n    if (!card) return 300;\n    const gap = parseFloat(getComputedStyle(slider).gap) || 16;\n    return card.getBoundingClientRect().width + gap;\n  }\n\n  let currentIndex = 0;\n\n  function buildDots() {\n    dotsWrap.innerHTML = \"\";\n    const count = getMaxIndex() + 1;\n\n    for (let i = 0; i < count; i++) {\n      const btn = document.createElement(\"button\");\n      btn.type = \"button\";\n      btn.setAttribute(\"aria-label\", \"Go to reel \" + (i + 1));\n      btn.addEventListener(\"click\", function () {\n        goToIndex(i);\n      });\n      dotsWrap.appendChild(btn);\n    }\n  }\n\n  function updateDots() {\n    const dots = Array.from(dotsWrap.querySelectorAll(\"button\"));\n    dots.forEach(function (dot, i) {\n      dot.classList.toggle(\"active\", i === currentIndex);\n    });\n  }\n\n  function goToIndex(index) {\n    currentIndex = Math.max(0, Math.min(index, getMaxIndex()));\n    slider.scrollLeft = getCardWidth() * currentIndex;\n    updateDots();\n  }\n\n  function goNext() {\n    if (currentIndex >= getMaxIndex()) {\n      goToIndex(0);\n    } else {\n      goToIndex(currentIndex + 1);\n    }\n  }\n\n  function goPrev() {\n    if (currentIndex <= 0) {\n      goToIndex(getMaxIndex());\n    } else {\n      goToIndex(currentIndex - 1);\n    }\n  }\n\n  next.addEventListener(\"click\", goNext);\n  prev.addEventListener(\"click\", goPrev);\n\n  window.addEventListener(\"resize\", function () {\n    buildDots();\n    goToIndex(Math.min(currentIndex, getMaxIndex()));\n  });\n\n  buildDots();\n  goToIndex(0);\n})();\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-aa7ce0f 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=\"aa7ce0f\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-399bd8f elementor-widget elementor-widget-html\" data-id=\"399bd8f\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- El Nasr Store Premium Home Section -->\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-nasr-home-section\" dir=\"ltr\">\n  <style>\n    .ns-nasr-home-section{\n      --gold:#f7c64d;\n      --gold2:#fff0a6;\n      --red:#ff2b67;\n      --cyan:#36d7ff;\n      --dark:#05070d;\n      --blue:#071322;\n      position:relative;\n      isolation:isolate;\n      overflow:hidden;\n      padding:95px 18px;\n      color:#fff;\n      font-family:\"Inter\",\"Poppins\",Arial,sans-serif;\n      background:\n        radial-gradient(circle at 15% 22%,rgba(54,215,255,.16),transparent 32%),\n        radial-gradient(circle at 86% 20%,rgba(255,43,103,.18),transparent 28%),\n        radial-gradient(circle at 50% 110%,rgba(247,198,77,.10),transparent 34%),\n        linear-gradient(135deg,#03060d 0%,#071322 45%,#100607 100%);\n      border-radius:42px;\n      border:1px solid rgba(54,215,255,.16);\n      box-shadow:0 38px 110px rgba(0,0,0,.40);\n    }\n\n    .ns-nasr-home-section *{\n      box-sizing:border-box;\n    }\n\n    .ns-nasr-home-section:before{\n      content:\"\";\n      position:absolute;\n      inset:0;\n      z-index:-4;\n      background:\n        linear-gradient(rgba(255,255,255,.024) 1px,transparent 1px),\n        linear-gradient(90deg,rgba(255,255,255,.024) 1px,transparent 1px);\n      background-size:46px 46px;\n      opacity:.28;\n      pointer-events:none;\n    }\n\n    .ns-nasr-home-section:after{\n      content:\"EL NASR\";\n      position:absolute;\n      right:2%;\n      top:5%;\n      z-index:-2;\n      font-family:Georgia,serif;\n      font-size:clamp(70px,14vw,230px);\n      line-height:.8;\n      font-weight:900;\n      color:rgba(255,255,255,.032);\n      pointer-events:none;\n    }\n\n    .ns-nasr-home-wrap{\n      width:min(1260px,100%);\n      margin:auto;\n      position:relative;\n      z-index:3;\n    }\n\n    .ns-nasr-home-head{\n      text-align:center;\n      width:min(850px,100%);\n      margin:0 auto 42px;\n    }\n\n    .ns-nasr-logo-frame{\n      width:158px;\n      height:158px;\n      margin:0 auto 24px;\n      border-radius:50%;\n      display:flex;\n      align-items:center;\n      justify-content:center;\n      padding:16px;\n      background:\n        radial-gradient(circle at 30% 18%,rgba(255,255,255,.14),transparent 36%),\n        rgba(255,255,255,.045);\n      border:1px solid rgba(54,215,255,.30);\n      box-shadow:\n        0 26px 75px rgba(0,0,0,.34),\n        0 0 55px rgba(54,215,255,.12),\n        inset 0 0 0 1px rgba(255,255,255,.08);\n      backdrop-filter:blur(14px);\n    }\n\n    .ns-nasr-logo-frame img{\n      width:100%;\n      height:100%;\n      object-fit:contain;\n      display:block;\n      filter:drop-shadow(0 18px 26px rgba(0,0,0,.36));\n    }\n\n    .ns-nasr-kicker{\n      display:inline-flex;\n      align-items:center;\n      justify-content:center;\n      gap:12px;\n      margin-bottom:16px;\n      color:#c8f5ff;\n      font-size:13px;\n      font-weight:950;\n      letter-spacing:3.2px;\n      text-transform:uppercase;\n    }\n\n    .ns-nasr-kicker:before,\n    .ns-nasr-kicker:after{\n      content:\"\";\n      width:54px;\n      height:1px;\n      background:linear-gradient(90deg,transparent,#36d7ff);\n    }\n\n    .ns-nasr-kicker:after{\n      background:linear-gradient(90deg,#36d7ff,transparent);\n    }\n\n    .ns-nasr-home-head h2{\n      margin:0;\n      color:#fff;\n      font-size:clamp(38px,5.4vw,78px);\n      line-height:.98;\n      letter-spacing:-2.2px;\n      font-weight:950;\n    }\n\n    .ns-nasr-home-head h2 strong{\n      color:transparent;\n      background:linear-gradient(90deg,#fff,#c8f5ff,#36d7ff);\n      -webkit-background-clip:text;\n      background-clip:text;\n    }\n\n    .ns-nasr-home-head p{\n      width:min(720px,100%);\n      margin:18px auto 0;\n      color:rgba(255,255,255,.68);\n      font-size:16px;\n      line-height:1.85;\n      font-weight:500;\n    }\n\n    .ns-nasr-slider-shell{\n      position:relative;\n      padding:0 68px;\n    }\n\n    .ns-nasr-slider-viewport{\n      overflow:hidden;\n      border-radius:32px;\n      border:1px solid rgba(54,215,255,.18);\n      background:\n        linear-gradient(145deg,rgba(255,255,255,.075),rgba(255,255,255,.020)),\n        radial-gradient(circle at 50% 0%,rgba(54,215,255,.10),transparent 42%);\n      box-shadow:\n        0 30px 90px rgba(0,0,0,.30),\n        inset 0 0 42px rgba(255,255,255,.025);\n      padding:18px;\n    }\n\n    .ns-nasr-slider-track{\n      display:flex;\n      gap:18px;\n      transition:transform .55s cubic-bezier(.2,.8,.2,1);\n      will-change:transform;\n    }\n\n    .ns-nasr-slide{\n      flex:0 0 calc((100% - 36px) \/ 3);\n      min-width:0;\n      position:relative;\n      border:0;\n      padding:12px;\n      border-radius:26px;\n      cursor:pointer;\n      background:\n        linear-gradient(145deg,rgba(255,255,255,.105),rgba(255,255,255,.030)),\n        radial-gradient(circle at 50% 0%,rgba(54,215,255,.10),transparent 42%);\n      border:1px solid rgba(255,255,255,.13);\n      box-shadow:0 22px 60px rgba(0,0,0,.24);\n      transition:.35s ease;\n      overflow:hidden;\n    }\n\n    .ns-nasr-slide:before{\n      content:\"\";\n      position:absolute;\n      inset:0;\n      background:linear-gradient(135deg,rgba(54,215,255,.16),rgba(255,43,103,.10),transparent 65%);\n      opacity:0;\n      transition:.35s ease;\n      pointer-events:none;\n    }\n\n    .ns-nasr-slide:hover{\n      transform:translateY(-8px);\n      border-color:rgba(54,215,255,.44);\n      box-shadow:\n        0 34px 86px rgba(0,0,0,.34),\n        0 0 50px rgba(54,215,255,.10);\n    }\n\n    .ns-nasr-slide:hover:before{\n      opacity:1;\n    }\n\n    .ns-nasr-image-box{\n      position:relative;\n      z-index:2;\n      aspect-ratio:1\/1;\n      border-radius:20px;\n      display:flex;\n      align-items:center;\n      justify-content:center;\n      overflow:hidden;\n      background:\n        radial-gradient(circle at 50% 20%,rgba(255,255,255,.08),transparent 34%),\n        rgba(3,6,13,.55);\n      border:1px solid rgba(54,215,255,.13);\n    }\n\n    .ns-nasr-image-box img{\n      width:94%;\n      height:94%;\n      object-fit:contain;\n      display:block;\n      border-radius:16px;\n      filter:saturate(1.07) contrast(1.04) drop-shadow(0 18px 24px rgba(0,0,0,.28));\n      transition:.45s ease;\n    }\n\n    .ns-nasr-slide:hover .ns-nasr-image-box img{\n      transform:scale(1.035);\n      filter:saturate(1.16) contrast(1.06) drop-shadow(0 24px 34px rgba(0,0,0,.36));\n    }\n\n    .ns-nasr-slide-caption{\n      position:relative;\n      z-index:2;\n      display:flex;\n      align-items:center;\n      justify-content:space-between;\n      gap:12px;\n      padding:14px 4px 2px;\n      text-align:left;\n    }\n\n    .ns-nasr-slide-caption strong{\n      display:block;\n      color:#fff;\n      font-size:14px;\n      font-weight:950;\n      line-height:1.25;\n      white-space:nowrap;\n      overflow:hidden;\n      text-overflow:ellipsis;\n    }\n\n    .ns-nasr-slide-caption small{\n      display:block;\n      margin-top:5px;\n      color:rgba(255,255,255,.58);\n      font-size:11px;\n      font-weight:800;\n      letter-spacing:.6px;\n      text-transform:uppercase;\n    }\n\n    .ns-nasr-slide-caption i{\n      width:38px;\n      height:38px;\n      border-radius:50%;\n      flex:0 0 auto;\n      display:flex;\n      align-items:center;\n      justify-content:center;\n      color:#36d7ff;\n      background:rgba(3,6,13,.52);\n      border:1px solid rgba(54,215,255,.20);\n      transition:.35s ease;\n    }\n\n    .ns-nasr-slide:hover .ns-nasr-slide-caption i{\n      color:#04111c;\n      background:linear-gradient(135deg,#c8f5ff,#36d7ff);\n      transform:rotate(-35deg);\n    }\n\n    .ns-nasr-nav{\n      position:absolute;\n      top:50%;\n      transform:translateY(-50%);\n      z-index:10;\n      width:54px;\n      height:54px;\n      border-radius:50%;\n      border:1px solid rgba(54,215,255,.34);\n      background:rgba(3,6,13,.74);\n      color:#36d7ff;\n      display:flex;\n      align-items:center;\n      justify-content:center;\n      cursor:pointer;\n      box-shadow:0 18px 48px rgba(0,0,0,.32);\n      backdrop-filter:blur(12px);\n      transition:.3s ease;\n    }\n\n    .ns-nasr-nav:hover{\n      color:#c8f5ff;\n      border-color:rgba(54,215,255,.66);\n      transform:translateY(-50%) scale(1.07);\n    }\n\n    .ns-nasr-prev{left:0;}\n    .ns-nasr-next{right:0;}\n\n    .ns-nasr-dots{\n      display:flex;\n      justify-content:center;\n      gap:9px;\n      margin-top:24px;\n    }\n\n    .ns-nasr-dots button{\n      width:8px;\n      height:8px;\n      padding:0;\n      border:0;\n      border-radius:50%;\n      cursor:pointer;\n      background:rgba(255,255,255,.26);\n      transition:.3s ease;\n    }\n\n    .ns-nasr-dots button.active{\n      width:30px;\n      border-radius:999px;\n      background:linear-gradient(90deg,#36d7ff,#ff2b67);\n    }\n\n    .ns-nasr-footer{\n      display:flex;\n      align-items:center;\n      justify-content:center;\n      margin-top:34px;\n    }\n\n    .ns-nasr-project-btn{\n      min-width:240px;\n      height:60px;\n      border-radius:999px;\n      display:inline-flex;\n      align-items:center;\n      justify-content:center;\n      gap:12px;\n      color:#03111d !important;\n      text-decoration:none !important;\n      font-size:15px;\n      font-weight:950;\n      background:linear-gradient(135deg,#c8f5ff,#36d7ff,#6ee7ff);\n      border:1px solid rgba(255,255,255,.16);\n      box-shadow:0 18px 48px rgba(54,215,255,.25);\n      position:relative;\n      overflow:hidden;\n      transition:.35s ease;\n    }\n\n    .ns-nasr-project-btn:before{\n      content:\"\";\n      position:absolute;\n      top:-90%;\n      left:-45%;\n      width:42%;\n      height:270%;\n      background:linear-gradient(90deg,transparent,rgba(255,255,255,.72),transparent);\n      transform:rotate(24deg);\n      transition:.75s ease;\n    }\n\n    .ns-nasr-project-btn:hover{\n      transform:translateY(-5px);\n      box-shadow:0 26px 66px rgba(54,215,255,.38);\n    }\n\n    .ns-nasr-project-btn:hover:before{\n      left:125%;\n    }\n\n    .ns-nasr-project-btn span,\n    .ns-nasr-project-btn i{\n      position:relative;\n      z-index:2;\n    }\n\n    .ns-nasr-lightbox{\n      position:fixed;\n      inset:0;\n      z-index:999999;\n      display:none;\n      align-items:center;\n      justify-content:center;\n      padding:24px;\n      background:rgba(0,0,0,.88);\n      backdrop-filter:blur(16px);\n    }\n\n    .ns-nasr-lightbox.open{\n      display:flex;\n    }\n\n    .ns-nasr-lightbox img{\n      max-width:min(96vw,980px);\n      max-height:90vh;\n      object-fit:contain;\n      border-radius:24px;\n      background:#05070d;\n      box-shadow:0 36px 120px rgba(0,0,0,.62);\n    }\n\n    .ns-nasr-lightbox-close,\n    .ns-nasr-lightbox-nav{\n      position:absolute;\n      border:1px solid rgba(54,215,255,.34);\n      background:rgba(3,6,13,.76);\n      color:#36d7ff;\n      cursor:pointer;\n      backdrop-filter:blur(12px);\n      transition:.3s ease;\n    }\n\n    .ns-nasr-lightbox-close{\n      top:22px;\n      right:22px;\n      width:50px;\n      height:50px;\n      border-radius:50%;\n      font-size:20px;\n    }\n\n    .ns-nasr-lightbox-nav{\n      top:50%;\n      transform:translateY(-50%);\n      width:54px;\n      height:54px;\n      border-radius:50%;\n      font-size:18px;\n    }\n\n    .ns-nasr-lightbox-prev{left:24px;}\n    .ns-nasr-lightbox-next{right:24px;}\n\n    .ns-nasr-lightbox-close:hover,\n    .ns-nasr-lightbox-nav:hover{\n      color:#c8f5ff;\n      border-color:rgba(54,215,255,.70);\n    }\n\n    @media(max-width:1024px){\n      .ns-nasr-slider-shell{\n        padding:0 58px;\n      }\n\n      .ns-nasr-slide{\n        flex-basis:calc((100% - 18px) \/ 2);\n      }\n    }\n\n    @media(max-width:767px){\n      .ns-nasr-home-section{\n        padding:64px 14px;\n        border-radius:28px;\n      }\n\n      .ns-nasr-logo-frame{\n        width:128px;\n        height:128px;\n      }\n\n      .ns-nasr-home-head h2{\n        font-size:38px;\n        letter-spacing:-1.4px;\n      }\n\n      .ns-nasr-home-head p{\n        font-size:14px;\n        line-height:1.8;\n      }\n\n      .ns-nasr-slider-shell{\n        padding:0;\n      }\n\n      .ns-nasr-slider-viewport{\n        padding:12px;\n        border-radius:24px;\n      }\n\n      .ns-nasr-slide{\n        flex-basis:100%;\n        border-radius:22px;\n      }\n\n      .ns-nasr-nav{\n        top:auto;\n        bottom:-68px;\n        transform:none;\n        width:46px;\n        height:46px;\n      }\n\n      .ns-nasr-nav:hover{\n        transform:scale(1.05);\n      }\n\n      .ns-nasr-prev{\n        left:calc(50% - 56px);\n      }\n\n      .ns-nasr-next{\n        right:calc(50% - 56px);\n      }\n\n      .ns-nasr-dots{\n        margin-top:82px;\n      }\n\n      .ns-nasr-project-btn{\n        width:100%;\n      }\n\n      .ns-nasr-lightbox{\n        padding:14px;\n      }\n\n      .ns-nasr-lightbox-close{\n        top:14px;\n        right:14px;\n        width:44px;\n        height:44px;\n      }\n\n      .ns-nasr-lightbox-nav{\n        width:44px;\n        height:44px;\n      }\n\n      .ns-nasr-lightbox-prev{left:12px;}\n      .ns-nasr-lightbox-next{right:12px;}\n    }\n  <\/style>\n\n  <div class=\"ns-nasr-home-wrap\">\n\n    <div class=\"ns-nasr-home-head\">\n      <div class=\"ns-nasr-logo-frame\">\n        <img decoding=\"async\" src=\"http:\/\/nadersaied.com\/wp-content\/uploads\/2026\/06\/logo-final-Circel-copy.png\" alt=\"El Nasr Store Logo\">\n      <\/div>\n\n      <span class=\"ns-nasr-kicker\">Computer Store Social Media<\/span>\n\n      <h2>El Nasr Store <strong>Design Showcase<\/strong><\/h2>\n\n      <p>\n        A premium social media design collection for El Nasr Store, featuring computer hardware campaigns, gaming accessories, monitors, laptops, and PC builds.\n      <\/p>\n    <\/div>\n\n    <div class=\"ns-nasr-slider-shell\">\n      <button class=\"ns-nasr-nav ns-nasr-prev\" type=\"button\" aria-label=\"Previous\">\n        <i class=\"fa-solid fa-arrow-left\"><\/i>\n      <\/button>\n\n      <div class=\"ns-nasr-slider-viewport\">\n        <div class=\"ns-nasr-slider-track\" id=\"nsNasrTrack\">\n\n          <button class=\"ns-nasr-slide\" type=\"button\" data-title=\"Samsung 32 R590\" data-src=\"http:\/\/nadersaied.com\/wp-content\/uploads\/2026\/06\/SAMSUNG-32-r590-copy.jpg\">\n            <div class=\"ns-nasr-image-box\">\n              <img decoding=\"async\" src=\"http:\/\/nadersaied.com\/wp-content\/uploads\/2026\/06\/SAMSUNG-32-r590-copy.jpg\" alt=\"Samsung 32 R590\">\n            <\/div>\n            <div class=\"ns-nasr-slide-caption\">\n              <div>\n                <strong>Samsung 32 R590<\/strong>\n                <small>Monitor Campaign<\/small>\n              <\/div>\n              <i class=\"fa-solid fa-up-right-and-down-left-from-center\"><\/i>\n            <\/div>\n          <\/button>\n\n          <button class=\"ns-nasr-slide\" type=\"button\" data-title=\"RTX 4090\" data-src=\"http:\/\/nadersaied.com\/wp-content\/uploads\/2026\/06\/RTX-4090-copy.jpg\">\n            <div class=\"ns-nasr-image-box\">\n              <img decoding=\"async\" src=\"http:\/\/nadersaied.com\/wp-content\/uploads\/2026\/06\/RTX-4090-copy.jpg\" alt=\"RTX 4090\">\n            <\/div>\n            <div class=\"ns-nasr-slide-caption\">\n              <div>\n                <strong>RTX 4090<\/strong>\n                <small>GPU Campaign<\/small>\n              <\/div>\n              <i class=\"fa-solid fa-up-right-and-down-left-from-center\"><\/i>\n            <\/div>\n          <\/button>\n\n          <button class=\"ns-nasr-slide\" type=\"button\" data-title=\"Redragon Mic\" data-src=\"http:\/\/nadersaied.com\/wp-content\/uploads\/2026\/06\/RedDragon-Mic-copy.jpg\">\n            <div class=\"ns-nasr-image-box\">\n              <img decoding=\"async\" src=\"http:\/\/nadersaied.com\/wp-content\/uploads\/2026\/06\/RedDragon-Mic-copy.jpg\" alt=\"Redragon Mic\">\n            <\/div>\n            <div class=\"ns-nasr-slide-caption\">\n              <div>\n                <strong>Redragon Mic<\/strong>\n                <small>Gaming Accessories<\/small>\n              <\/div>\n              <i class=\"fa-solid fa-up-right-and-down-left-from-center\"><\/i>\n            <\/div>\n          <\/button>\n\n          <button class=\"ns-nasr-slide\" type=\"button\" data-title=\"Redragon Accessories\" data-src=\"http:\/\/nadersaied.com\/wp-content\/uploads\/2026\/06\/RED-1-copy.jpg\">\n            <div class=\"ns-nasr-image-box\">\n              <img decoding=\"async\" src=\"http:\/\/nadersaied.com\/wp-content\/uploads\/2026\/06\/RED-1-copy.jpg\" alt=\"Redragon Accessories\">\n            <\/div>\n            <div class=\"ns-nasr-slide-caption\">\n              <div>\n                <strong>Redragon Accessories<\/strong>\n                <small>Gaming Product Post<\/small>\n              <\/div>\n              <i class=\"fa-solid fa-up-right-and-down-left-from-center\"><\/i>\n            <\/div>\n          <\/button>\n\n          <button class=\"ns-nasr-slide\" type=\"button\" data-title=\"PC Build Visual\" data-src=\"http:\/\/nadersaied.com\/wp-content\/uploads\/2026\/06\/PC-004-copy-scaled.jpg\">\n            <div class=\"ns-nasr-image-box\">\n              <img decoding=\"async\" src=\"http:\/\/nadersaied.com\/wp-content\/uploads\/2026\/06\/PC-004-copy-scaled.jpg\" alt=\"PC Build Visual\">\n            <\/div>\n            <div class=\"ns-nasr-slide-caption\">\n              <div>\n                <strong>PC Build Visual<\/strong>\n                <small>Computer Build<\/small>\n              <\/div>\n              <i class=\"fa-solid fa-up-right-and-down-left-from-center\"><\/i>\n            <\/div>\n          <\/button>\n\n          <button class=\"ns-nasr-slide\" type=\"button\" data-title=\"Monitor Campaign\" data-src=\"http:\/\/nadersaied.com\/wp-content\/uploads\/2026\/06\/Monitor-1-copy.jpg\">\n            <div class=\"ns-nasr-image-box\">\n              <img decoding=\"async\" src=\"http:\/\/nadersaied.com\/wp-content\/uploads\/2026\/06\/Monitor-1-copy.jpg\" alt=\"Monitor Campaign\">\n            <\/div>\n            <div class=\"ns-nasr-slide-caption\">\n              <div>\n                <strong>Monitor Campaign<\/strong>\n                <small>Hardware Post<\/small>\n              <\/div>\n              <i class=\"fa-solid fa-up-right-and-down-left-from-center\"><\/i>\n            <\/div>\n          <\/button>\n\n          <button class=\"ns-nasr-slide\" type=\"button\" data-title=\"Dell G15\" data-src=\"http:\/\/nadersaied.com\/wp-content\/uploads\/2026\/06\/dell-g15-5530-copy.jpg\">\n            <div class=\"ns-nasr-image-box\">\n              <img decoding=\"async\" src=\"http:\/\/nadersaied.com\/wp-content\/uploads\/2026\/06\/dell-g15-5530-copy.jpg\" alt=\"Dell G15\">\n            <\/div>\n            <div class=\"ns-nasr-slide-caption\">\n              <div>\n                <strong>Dell G15<\/strong>\n                <small>Laptop Campaign<\/small>\n              <\/div>\n              <i class=\"fa-solid fa-up-right-and-down-left-from-center\"><\/i>\n            <\/div>\n          <\/button>\n\n          <button class=\"ns-nasr-slide\" type=\"button\" data-title=\"AORUS Hardware\" data-src=\"http:\/\/nadersaied.com\/wp-content\/uploads\/2026\/06\/AORUS-copy.jpg\">\n            <div class=\"ns-nasr-image-box\">\n              <img decoding=\"async\" src=\"http:\/\/nadersaied.com\/wp-content\/uploads\/2026\/06\/AORUS-copy.jpg\" alt=\"AORUS Hardware\">\n            <\/div>\n            <div class=\"ns-nasr-slide-caption\">\n              <div>\n                <strong>AORUS Hardware<\/strong>\n                <small>Gaming Hardware<\/small>\n              <\/div>\n              <i class=\"fa-solid fa-up-right-and-down-left-from-center\"><\/i>\n            <\/div>\n          <\/button>\n\n          <button class=\"ns-nasr-slide\" type=\"button\" data-title=\"B450 AORUS Elite V2\" data-src=\"http:\/\/nadersaied.com\/wp-content\/uploads\/2026\/06\/B450-AORUS-Elite-V2.jpg\">\n            <div class=\"ns-nasr-image-box\">\n              <img decoding=\"async\" src=\"http:\/\/nadersaied.com\/wp-content\/uploads\/2026\/06\/B450-AORUS-Elite-V2.jpg\" alt=\"B450 AORUS Elite V2\">\n            <\/div>\n            <div class=\"ns-nasr-slide-caption\">\n              <div>\n                <strong>B450 AORUS Elite V2<\/strong>\n                <small>Motherboard Post<\/small>\n              <\/div>\n              <i class=\"fa-solid fa-up-right-and-down-left-from-center\"><\/i>\n            <\/div>\n          <\/button>\n\n          <button class=\"ns-nasr-slide\" type=\"button\" data-title=\"AOC Monitor\" data-src=\"http:\/\/nadersaied.com\/wp-content\/uploads\/2026\/06\/Aoc-copy.jpg\">\n            <div class=\"ns-nasr-image-box\">\n              <img decoding=\"async\" src=\"http:\/\/nadersaied.com\/wp-content\/uploads\/2026\/06\/Aoc-copy.jpg\" alt=\"AOC Monitor\">\n            <\/div>\n            <div class=\"ns-nasr-slide-caption\">\n              <div>\n                <strong>AOC Monitor<\/strong>\n                <small>Monitor Campaign<\/small>\n              <\/div>\n              <i class=\"fa-solid fa-up-right-and-down-left-from-center\"><\/i>\n            <\/div>\n          <\/button>\n\n        <\/div>\n      <\/div>\n\n      <button class=\"ns-nasr-nav ns-nasr-next\" type=\"button\" aria-label=\"Next\">\n        <i class=\"fa-solid fa-arrow-right\"><\/i>\n      <\/button>\n    <\/div>\n\n    <div class=\"ns-nasr-dots\" id=\"nsNasrDots\"><\/div>\n\n    <div class=\"ns-nasr-footer\">\n      <a class=\"ns-nasr-project-btn\" href=\"https:\/\/nadersaied.com\/el-nasr-store\/\">\n        <span>View El Nasr Store Project<\/span>\n        <i class=\"fa-solid fa-arrow-right\"><\/i>\n      <\/a>\n    <\/div>\n\n  <\/div>\n\n  <div class=\"ns-nasr-lightbox\" id=\"nsNasrLightbox\" aria-hidden=\"true\">\n    <button class=\"ns-nasr-lightbox-close\" type=\"button\" aria-label=\"Close\">\n      <i class=\"fa-solid fa-xmark\"><\/i>\n    <\/button>\n\n    <button class=\"ns-nasr-lightbox-nav ns-nasr-lightbox-prev\" type=\"button\" aria-label=\"Previous\">\n      <i class=\"fa-solid fa-arrow-left\"><\/i>\n    <\/button>\n\n    <img decoding=\"async\" id=\"nsNasrLightboxImg\" src=\"\" alt=\"El Nasr Store Design Preview\">\n\n    <button class=\"ns-nasr-lightbox-nav ns-nasr-lightbox-next\" type=\"button\" aria-label=\"Next\">\n      <i class=\"fa-solid fa-arrow-right\"><\/i>\n    <\/button>\n  <\/div>\n\n  <script>\n    (function(){\n      const section = document.querySelector(\".ns-nasr-home-section\");\n      if(!section) return;\n\n      const track = section.querySelector(\"#nsNasrTrack\");\n      const slides = Array.from(section.querySelectorAll(\".ns-nasr-slide\"));\n      const prev = section.querySelector(\".ns-nasr-prev\");\n      const next = section.querySelector(\".ns-nasr-next\");\n      const dotsWrap = section.querySelector(\"#nsNasrDots\");\n\n      const lightbox = section.querySelector(\"#nsNasrLightbox\");\n      const lightboxImg = section.querySelector(\"#nsNasrLightboxImg\");\n      const closeBtn = section.querySelector(\".ns-nasr-lightbox-close\");\n      const lightPrev = section.querySelector(\".ns-nasr-lightbox-prev\");\n      const lightNext = section.querySelector(\".ns-nasr-lightbox-next\");\n\n      let index = 0;\n\n      function visibleCount(){\n        if(window.innerWidth <= 767) return 1;\n        if(window.innerWidth <= 1024) return 2;\n        return 3;\n      }\n\n      function maxIndex(){\n        return Math.max(0, slides.length - visibleCount());\n      }\n\n      function slideStep(){\n        const slide = slides[0];\n        if(!slide) return 0;\n        const gap = parseFloat(getComputedStyle(track).gap) || 18;\n        return slide.getBoundingClientRect().width + gap;\n      }\n\n      function buildDots(){\n        dotsWrap.innerHTML = \"\";\n        for(let i = 0; i <= maxIndex(); i++){\n          const dot = document.createElement(\"button\");\n          dot.type = \"button\";\n          dot.setAttribute(\"aria-label\",\"Go to slide \" + (i + 1));\n          dot.addEventListener(\"click\",function(){\n            goTo(i);\n          });\n          dotsWrap.appendChild(dot);\n        }\n      }\n\n      function updateDots(){\n        const dots = Array.from(dotsWrap.querySelectorAll(\"button\"));\n        dots.forEach((dot,i)=>{\n          dot.classList.toggle(\"active\",i === index);\n        });\n      }\n\n      function goTo(nextIndex){\n        index = Math.min(maxIndex(),Math.max(0,nextIndex));\n        track.style.transform = \"translateX(-\" + (slideStep() * index) + \"px)\";\n        updateDots();\n      }\n\n      function goNext(){\n        if(index >= maxIndex()){\n          goTo(0);\n        }else{\n          goTo(index + 1);\n        }\n      }\n\n      function goPrev(){\n        if(index <= 0){\n          goTo(maxIndex());\n        }else{\n          goTo(index - 1);\n        }\n      }\n\n      function getCurrentLightIndex(){\n        const src = lightboxImg.getAttribute(\"src\");\n        const found = slides.findIndex(slide => slide.dataset.src === src);\n        return found >= 0 ? found : 0;\n      }\n\n      function openLightbox(slideIndex){\n        const slide = slides[slideIndex];\n        if(!slide) return;\n\n        lightboxImg.src = slide.dataset.src;\n        lightboxImg.alt = slide.dataset.title || \"El Nasr Store Design\";\n        lightbox.classList.add(\"open\");\n        lightbox.setAttribute(\"aria-hidden\",\"false\");\n        document.body.style.overflow = \"hidden\";\n      }\n\n      function closeLightbox(){\n        lightbox.classList.remove(\"open\");\n        lightbox.setAttribute(\"aria-hidden\",\"true\");\n        lightboxImg.src = \"\";\n        document.body.style.overflow = \"\";\n      }\n\n      function lightNextImage(){\n        const current = getCurrentLightIndex();\n        const nextIndex = current >= slides.length - 1 ? 0 : current + 1;\n        openLightbox(nextIndex);\n      }\n\n      function lightPrevImage(){\n        const current = getCurrentLightIndex();\n        const prevIndex = current <= 0 ? slides.length - 1 : current - 1;\n        openLightbox(prevIndex);\n      }\n\n      slides.forEach((slide,i)=>{\n        slide.addEventListener(\"click\",function(){\n          openLightbox(i);\n        });\n      });\n\n      next.addEventListener(\"click\",goNext);\n      prev.addEventListener(\"click\",goPrev);\n\n      closeBtn.addEventListener(\"click\",closeLightbox);\n      lightNext.addEventListener(\"click\",function(e){\n        e.stopPropagation();\n        lightNextImage();\n      });\n\n      lightPrev.addEventListener(\"click\",function(e){\n        e.stopPropagation();\n        lightPrevImage();\n      });\n\n      lightbox.addEventListener(\"click\",function(e){\n        if(e.target === lightbox){\n          closeLightbox();\n        }\n      });\n\n      document.addEventListener(\"keydown\",function(e){\n        if(!lightbox.classList.contains(\"open\")) return;\n\n        if(e.key === \"Escape\") closeLightbox();\n        if(e.key === \"ArrowRight\") lightNextImage();\n        if(e.key === \"ArrowLeft\") lightPrevImage();\n      });\n\n      window.addEventListener(\"resize\",function(){\n        buildDots();\n        goTo(Math.min(index,maxIndex()));\n      });\n\n      buildDots();\n      goTo(0);\n    })();\n  <\/script>\n<\/section>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-0726e0b 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=\"0726e0b\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-d83161d elementor-widget elementor-widget-html\" data-id=\"d83161d\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- Master Kitchen Clean Stable Home Section - Kitchen Design & Manufacturing -->\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-master-clean-section\" dir=\"ltr\">\n  <style>\n    .ns-master-clean-section{\n      --gold:#f7c64d;\n      --gold2:#fff0a6;\n      --orange:#ff8a2a;\n      --red:#e03131;\n      --dark:#120806;\n      --brown:#2a1009;\n      position:relative;\n      overflow:hidden;\n      padding:82px 18px;\n      color:#fff;\n      font-family:\"Inter\",\"Poppins\",Arial,sans-serif;\n      background:\n        radial-gradient(circle at 15% 20%,rgba(255,138,42,.18),transparent 32%),\n        radial-gradient(circle at 88% 18%,rgba(247,198,77,.10),transparent 28%),\n        linear-gradient(135deg,#120806 0%,#2a1009 50%,#3a130c 100%);\n      border-radius:36px;\n      border:1px solid rgba(247,198,77,.18);\n      box-shadow:0 24px 70px rgba(0,0,0,.28);\n    }\n\n    .ns-master-clean-section *{\n      box-sizing:border-box;\n    }\n\n    .ns-master-clean-section:before{\n      content:\"MASTER\";\n      position:absolute;\n      right:3%;\n      top:5%;\n      z-index:0;\n      font-family:Georgia,serif;\n      font-size:clamp(64px,13vw,210px);\n      line-height:.8;\n      font-weight:900;\n      color:rgba(255,255,255,.035);\n      pointer-events:none;\n    }\n\n    .ns-master-clean-wrap{\n      width:min(1240px,100%);\n      margin:auto;\n      position:relative;\n      z-index:2;\n    }\n\n    .ns-master-clean-head{\n      text-align:center;\n      width:min(850px,100%);\n      margin:0 auto 38px;\n    }\n\n    .ns-master-clean-logo{\n      width:150px;\n      height:150px;\n      margin:0 auto 22px;\n      border-radius:50%;\n      display:flex;\n      align-items:center;\n      justify-content:center;\n      padding:18px;\n      background:rgba(255,255,255,.045);\n      border:1px solid rgba(247,198,77,.28);\n      box-shadow:0 18px 55px rgba(0,0,0,.26);\n    }\n\n    .ns-master-clean-logo img{\n      width:100%;\n      height:100%;\n      object-fit:contain;\n      display:block;\n    }\n\n    .ns-master-clean-kicker{\n      display:inline-flex;\n      align-items:center;\n      justify-content:center;\n      gap:12px;\n      margin-bottom:15px;\n      color:var(--gold);\n      font-size:13px;\n      font-weight:900;\n      letter-spacing:2.6px;\n      text-transform:uppercase;\n    }\n\n    .ns-master-clean-kicker:before,\n    .ns-master-clean-kicker:after{\n      content:\"\";\n      width:46px;\n      height:1px;\n      background:linear-gradient(90deg,transparent,var(--gold));\n    }\n\n    .ns-master-clean-kicker:after{\n      background:linear-gradient(90deg,var(--gold),transparent);\n    }\n\n    .ns-master-clean-head h2{\n      margin:0;\n      color:#fff;\n      font-size:clamp(36px,5vw,72px);\n      line-height:1;\n      letter-spacing:-1.8px;\n      font-weight:950;\n    }\n\n    .ns-master-clean-head h2 strong{\n      color:transparent;\n      background:linear-gradient(90deg,#fff,var(--gold2),var(--gold));\n      -webkit-background-clip:text;\n      background-clip:text;\n    }\n\n    .ns-master-clean-head p{\n      width:min(700px,100%);\n      margin:18px auto 0;\n      color:rgba(255,255,255,.68);\n      font-size:16px;\n      line-height:1.8;\n    }\n\n    .ns-master-clean-slider-shell{\n      position:relative;\n      padding:0 64px;\n    }\n\n    .ns-master-clean-viewport{\n      overflow:hidden;\n      border-radius:28px;\n      border:1px solid rgba(247,198,77,.18);\n      background:rgba(255,255,255,.045);\n      box-shadow:0 18px 55px rgba(0,0,0,.22);\n      padding:16px;\n    }\n\n    .ns-master-clean-track{\n      display:flex;\n      gap:16px;\n      transition:transform .35s ease;\n      will-change:transform;\n    }\n\n    .ns-master-clean-slide{\n      flex:0 0 calc((100% - 32px) \/ 3);\n      min-width:0;\n      border:1px solid rgba(247,198,77,.16);\n      padding:12px;\n      border-radius:24px;\n      cursor:pointer;\n      background:rgba(18,8,6,.44);\n      box-shadow:0 12px 34px rgba(0,0,0,.18);\n      transition:border-color .25s ease, box-shadow .25s ease, background .25s ease;\n      overflow:hidden;\n    }\n\n    .ns-master-clean-slide:hover{\n      border-color:rgba(247,198,77,.42);\n      background:rgba(255,255,255,.06);\n      box-shadow:0 18px 44px rgba(0,0,0,.24);\n    }\n\n    .ns-master-clean-img{\n      aspect-ratio:1\/1;\n      border-radius:18px;\n      overflow:hidden;\n      background:rgba(0,0,0,.22);\n      border:1px solid rgba(247,198,77,.12);\n      display:flex;\n      align-items:center;\n      justify-content:center;\n    }\n\n    .ns-master-clean-img img{\n      width:94%;\n      height:94%;\n      object-fit:contain;\n      display:block;\n      border-radius:14px;\n    }\n\n    .ns-master-clean-caption{\n      display:flex;\n      align-items:center;\n      justify-content:space-between;\n      gap:12px;\n      padding:13px 4px 2px;\n      text-align:left;\n    }\n\n    .ns-master-clean-caption strong{\n      display:block;\n      color:#fff;\n      font-size:14px;\n      font-weight:900;\n      line-height:1.25;\n      white-space:nowrap;\n      overflow:hidden;\n      text-overflow:ellipsis;\n    }\n\n    .ns-master-clean-caption small{\n      display:block;\n      margin-top:5px;\n      color:rgba(255,255,255,.58);\n      font-size:11px;\n      font-weight:750;\n      letter-spacing:.5px;\n      text-transform:uppercase;\n    }\n\n    .ns-master-clean-caption i{\n      width:36px;\n      height:36px;\n      border-radius:50%;\n      flex:0 0 auto;\n      display:flex;\n      align-items:center;\n      justify-content:center;\n      color:var(--gold);\n      background:rgba(18,8,6,.60);\n      border:1px solid rgba(247,198,77,.20);\n    }\n\n    .ns-master-clean-nav{\n      position:absolute;\n      top:50%;\n      transform:translateY(-50%);\n      z-index:5;\n      width:50px;\n      height:50px;\n      border-radius:50%;\n      border:1px solid rgba(247,198,77,.34);\n      background:rgba(18,8,6,.82);\n      color:var(--gold);\n      display:flex;\n      align-items:center;\n      justify-content:center;\n      cursor:pointer;\n      box-shadow:0 14px 34px rgba(0,0,0,.28);\n      transition:border-color .25s ease, color .25s ease;\n    }\n\n    .ns-master-clean-nav:hover{\n      color:var(--gold2);\n      border-color:rgba(247,198,77,.70);\n    }\n\n    .ns-master-clean-prev{left:0;}\n    .ns-master-clean-next{right:0;}\n\n    .ns-master-clean-dots{\n      display:flex;\n      justify-content:center;\n      gap:9px;\n      margin-top:22px;\n    }\n\n    .ns-master-clean-dots button{\n      width:8px;\n      height:8px;\n      padding:0;\n      border:0;\n      border-radius:50%;\n      cursor:pointer;\n      background:rgba(255,255,255,.28);\n      transition:width .25s ease, background .25s ease;\n    }\n\n    .ns-master-clean-dots button.active{\n      width:28px;\n      border-radius:999px;\n      background:linear-gradient(90deg,var(--gold),var(--orange));\n    }\n\n    .ns-master-clean-footer{\n      display:flex;\n      align-items:center;\n      justify-content:center;\n      margin-top:32px;\n    }\n\n    .ns-master-clean-btn{\n      min-width:250px;\n      height:58px;\n      border-radius:999px;\n      display:inline-flex;\n      align-items:center;\n      justify-content:center;\n      gap:12px;\n      color:#2a1009 !important;\n      text-decoration:none !important;\n      font-size:15px;\n      font-weight:950;\n      background:linear-gradient(135deg,#fff4c7,#f7c64d,#ff8a2a);\n      border:1px solid rgba(255,255,255,.14);\n      box-shadow:0 16px 42px rgba(247,198,77,.22);\n      transition:box-shadow .25s ease;\n    }\n\n    .ns-master-clean-btn:hover{\n      box-shadow:0 22px 55px rgba(247,198,77,.30);\n    }\n\n    .ns-master-clean-lightbox{\n      position:fixed;\n      inset:0;\n      z-index:999999;\n      display:none;\n      align-items:center;\n      justify-content:center;\n      padding:24px;\n      background:rgba(0,0,0,.88);\n    }\n\n    .ns-master-clean-lightbox.open{\n      display:flex;\n    }\n\n    .ns-master-clean-lightbox img{\n      max-width:min(96vw,980px);\n      max-height:90vh;\n      object-fit:contain;\n      border-radius:22px;\n      background:#120806;\n      box-shadow:0 30px 90px rgba(0,0,0,.58);\n    }\n\n    .ns-master-clean-lightbox-close,\n    .ns-master-clean-lightbox-nav{\n      position:absolute;\n      border:1px solid rgba(247,198,77,.34);\n      background:rgba(18,8,6,.82);\n      color:var(--gold);\n      cursor:pointer;\n      transition:color .25s ease, border-color .25s ease;\n    }\n\n    .ns-master-clean-lightbox-close{\n      top:22px;\n      right:22px;\n      width:48px;\n      height:48px;\n      border-radius:50%;\n      font-size:18px;\n    }\n\n    .ns-master-clean-lightbox-nav{\n      top:50%;\n      transform:translateY(-50%);\n      width:52px;\n      height:52px;\n      border-radius:50%;\n      font-size:17px;\n    }\n\n    .ns-master-clean-lightbox-prev{left:24px;}\n    .ns-master-clean-lightbox-next{right:24px;}\n\n    .ns-master-clean-lightbox-close:hover,\n    .ns-master-clean-lightbox-nav:hover{\n      color:var(--gold2);\n      border-color:rgba(247,198,77,.70);\n    }\n\n    @media(max-width:1024px){\n      .ns-master-clean-slider-shell{\n        padding:0 58px;\n      }\n\n      .ns-master-clean-slide{\n        flex-basis:calc((100% - 16px) \/ 2);\n      }\n    }\n\n    @media(max-width:767px){\n      .ns-master-clean-section{\n        padding:60px 14px;\n        border-radius:28px;\n      }\n\n      .ns-master-clean-logo{\n        width:128px;\n        height:128px;\n      }\n\n      .ns-master-clean-head h2{\n        font-size:38px;\n        letter-spacing:-1.2px;\n      }\n\n      .ns-master-clean-head p{\n        font-size:14px;\n        line-height:1.8;\n      }\n\n      .ns-master-clean-slider-shell{\n        padding:0;\n      }\n\n      .ns-master-clean-viewport{\n        padding:12px;\n        border-radius:22px;\n      }\n\n      .ns-master-clean-slide{\n        flex-basis:100%;\n        border-radius:20px;\n      }\n\n      .ns-master-clean-nav{\n        top:auto;\n        bottom:-66px;\n        transform:none;\n        width:44px;\n        height:44px;\n      }\n\n      .ns-master-clean-prev{\n        left:calc(50% - 54px);\n      }\n\n      .ns-master-clean-next{\n        right:calc(50% - 54px);\n      }\n\n      .ns-master-clean-dots{\n        margin-top:80px;\n      }\n\n      .ns-master-clean-btn{\n        width:100%;\n      }\n\n      .ns-master-clean-lightbox{\n        padding:14px;\n      }\n\n      .ns-master-clean-lightbox-close{\n        top:14px;\n        right:14px;\n        width:42px;\n        height:42px;\n      }\n\n      .ns-master-clean-lightbox-nav{\n        width:42px;\n        height:42px;\n      }\n\n      .ns-master-clean-lightbox-prev{left:12px;}\n      .ns-master-clean-lightbox-next{right:12px;}\n    }\n  <\/style>\n\n  <div class=\"ns-master-clean-wrap\">\n\n    <div class=\"ns-master-clean-head\">\n      <div class=\"ns-master-clean-logo\">\n        <img decoding=\"async\" src=\"http:\/\/nadersaied.com\/wp-content\/uploads\/2026\/06\/logo-4.png\" alt=\"Master Kitchen Logo\">\n      <\/div>\n\n      <span class=\"ns-master-clean-kicker\">Kitchen Design & Manufacturing<\/span>\n\n      <h2>Master Kitchen <strong>Design Showcase<\/strong><\/h2>\n\n      <p>\n        A clean and premium visual showcase for Master Kitchen, featuring kitchen design,\n        manufacturing, finishing, installation concepts, and elegant visual presentation\n        for modern kitchen solutions.\n      <\/p>\n    <\/div>\n\n    <div class=\"ns-master-clean-slider-shell\">\n      <button class=\"ns-master-clean-nav ns-master-clean-prev\" type=\"button\" aria-label=\"Previous\">\n        <i class=\"fa-solid fa-arrow-left\"><\/i>\n      <\/button>\n\n      <div class=\"ns-master-clean-viewport\">\n        <div class=\"ns-master-clean-track\" id=\"nsMasterCleanTrack\">\n\n          <button class=\"ns-master-clean-slide\" type=\"button\" data-title=\"Modern Kitchen Design\" data-src=\"http:\/\/nadersaied.com\/wp-content\/uploads\/2026\/06\/ChatGPT-Image-Jun-20-2026-03_13_01-PM.png\">\n            <div class=\"ns-master-clean-img\">\n              <img decoding=\"async\" src=\"http:\/\/nadersaied.com\/wp-content\/uploads\/2026\/06\/ChatGPT-Image-Jun-20-2026-03_13_01-PM.png\" alt=\"Modern Kitchen Design\">\n            <\/div>\n            <div class=\"ns-master-clean-caption\">\n              <div><strong>Modern Kitchen Design<\/strong><small>Kitchen Design Visual<\/small><\/div>\n              <i class=\"fa-solid fa-up-right-and-down-left-from-center\"><\/i>\n            <\/div>\n          <\/button>\n\n          <button class=\"ns-master-clean-slide\" type=\"button\" data-title=\"Custom Kitchen Concept\" data-src=\"http:\/\/nadersaied.com\/wp-content\/uploads\/2026\/06\/ChatGPT-Image-Jun-20-2026-03_38_48-PM.png\">\n            <div class=\"ns-master-clean-img\">\n              <img decoding=\"async\" src=\"http:\/\/nadersaied.com\/wp-content\/uploads\/2026\/06\/ChatGPT-Image-Jun-20-2026-03_38_48-PM.png\" alt=\"Custom Kitchen Concept\">\n            <\/div>\n            <div class=\"ns-master-clean-caption\">\n              <div><strong>Custom Kitchen Concept<\/strong><small>Kitchen Manufacturing<\/small><\/div>\n              <i class=\"fa-solid fa-up-right-and-down-left-from-center\"><\/i>\n            <\/div>\n          <\/button>\n\n          <button class=\"ns-master-clean-slide\" type=\"button\" data-title=\"Premium Kitchen Visual\" data-src=\"http:\/\/nadersaied.com\/wp-content\/uploads\/2026\/06\/ChatGPT-Image-Jun-20-2026-03_36_31-PM.png\">\n            <div class=\"ns-master-clean-img\">\n              <img decoding=\"async\" src=\"http:\/\/nadersaied.com\/wp-content\/uploads\/2026\/06\/ChatGPT-Image-Jun-20-2026-03_36_31-PM.png\" alt=\"Premium Kitchen Visual\">\n            <\/div>\n            <div class=\"ns-master-clean-caption\">\n              <div><strong>Premium Kitchen Visual<\/strong><small>Kitchen Finishing<\/small><\/div>\n              <i class=\"fa-solid fa-up-right-and-down-left-from-center\"><\/i>\n            <\/div>\n          <\/button>\n\n          <button class=\"ns-master-clean-slide\" type=\"button\" data-title=\"Kitchen Display Design\" data-src=\"http:\/\/nadersaied.com\/wp-content\/uploads\/2026\/06\/ChatGPT-Image-Jun-20-2026-03_35_09-PM.png\">\n            <div class=\"ns-master-clean-img\">\n              <img decoding=\"async\" src=\"http:\/\/nadersaied.com\/wp-content\/uploads\/2026\/06\/ChatGPT-Image-Jun-20-2026-03_35_09-PM.png\" alt=\"Kitchen Display Design\">\n            <\/div>\n            <div class=\"ns-master-clean-caption\">\n              <div><strong>Kitchen Display Design<\/strong><small>Interior Kitchen Concept<\/small><\/div>\n              <i class=\"fa-solid fa-up-right-and-down-left-from-center\"><\/i>\n            <\/div>\n          <\/button>\n\n          <button class=\"ns-master-clean-slide\" type=\"button\" data-title=\"Luxury Kitchen Layout\" data-src=\"http:\/\/nadersaied.com\/wp-content\/uploads\/2026\/06\/ChatGPT-Image-Jun-20-2026-03_32_34-PM.png\">\n            <div class=\"ns-master-clean-img\">\n              <img decoding=\"async\" src=\"http:\/\/nadersaied.com\/wp-content\/uploads\/2026\/06\/ChatGPT-Image-Jun-20-2026-03_32_34-PM.png\" alt=\"Luxury Kitchen Layout\">\n            <\/div>\n            <div class=\"ns-master-clean-caption\">\n              <div><strong>Luxury Kitchen Layout<\/strong><small>Custom Kitchen Design<\/small><\/div>\n              <i class=\"fa-solid fa-up-right-and-down-left-from-center\"><\/i>\n            <\/div>\n          <\/button>\n\n          <button class=\"ns-master-clean-slide\" type=\"button\" data-title=\"Kitchen Production Visual\" data-src=\"http:\/\/nadersaied.com\/wp-content\/uploads\/2026\/06\/ChatGPT-Image-Jun-20-2026-03_17_15-PM.png\">\n            <div class=\"ns-master-clean-img\">\n              <img decoding=\"async\" src=\"http:\/\/nadersaied.com\/wp-content\/uploads\/2026\/06\/ChatGPT-Image-Jun-20-2026-03_17_15-PM.png\" alt=\"Kitchen Production Visual\">\n            <\/div>\n            <div class=\"ns-master-clean-caption\">\n              <div><strong>Kitchen Production Visual<\/strong><small>Manufacturing Showcase<\/small><\/div>\n              <i class=\"fa-solid fa-up-right-and-down-left-from-center\"><\/i>\n            <\/div>\n          <\/button>\n\n          <button class=\"ns-master-clean-slide\" type=\"button\" data-title=\"Master Kitchen Campaign\" data-src=\"http:\/\/nadersaied.com\/wp-content\/uploads\/2026\/06\/ChatGPT-Image-Jun-20-2026-03_14_46-PM.png\">\n            <div class=\"ns-master-clean-img\">\n              <img decoding=\"async\" src=\"http:\/\/nadersaied.com\/wp-content\/uploads\/2026\/06\/ChatGPT-Image-Jun-20-2026-03_14_46-PM.png\" alt=\"Master Kitchen Campaign\">\n            <\/div>\n            <div class=\"ns-master-clean-caption\">\n              <div><strong>Master Kitchen Campaign<\/strong><small>Kitchen Design Post<\/small><\/div>\n              <i class=\"fa-solid fa-up-right-and-down-left-from-center\"><\/i>\n            <\/div>\n          <\/button>\n\n        <\/div>\n      <\/div>\n\n      <button class=\"ns-master-clean-nav ns-master-clean-next\" type=\"button\" aria-label=\"Next\">\n        <i class=\"fa-solid fa-arrow-right\"><\/i>\n      <\/button>\n    <\/div>\n\n    <div class=\"ns-master-clean-dots\" id=\"nsMasterCleanDots\"><\/div>\n\n    <div class=\"ns-master-clean-footer\">\n      <a class=\"ns-master-clean-btn\" href=\"https:\/\/nadersaied.com\/master-kitchen\/\">\n        <span>View Master Kitchen Project<\/span>\n        <i class=\"fa-solid fa-arrow-right\"><\/i>\n      <\/a>\n    <\/div>\n\n  <\/div>\n\n  <div class=\"ns-master-clean-lightbox\" id=\"nsMasterCleanLightbox\" aria-hidden=\"true\">\n    <button class=\"ns-master-clean-lightbox-close\" type=\"button\" aria-label=\"Close\">\n      <i class=\"fa-solid fa-xmark\"><\/i>\n    <\/button>\n\n    <button class=\"ns-master-clean-lightbox-nav ns-master-clean-lightbox-prev\" type=\"button\" aria-label=\"Previous\">\n      <i class=\"fa-solid fa-arrow-left\"><\/i>\n    <\/button>\n\n    <img decoding=\"async\" id=\"nsMasterCleanLightboxImg\" src=\"\" alt=\"Master Kitchen Design Preview\">\n\n    <button class=\"ns-master-clean-lightbox-nav ns-master-clean-lightbox-next\" type=\"button\" aria-label=\"Next\">\n      <i class=\"fa-solid fa-arrow-right\"><\/i>\n    <\/button>\n  <\/div>\n\n  <script>\n    (function(){\n      const section = document.querySelector(\".ns-master-clean-section\");\n      if(!section) return;\n\n      const track = section.querySelector(\"#nsMasterCleanTrack\");\n      const slides = Array.from(section.querySelectorAll(\".ns-master-clean-slide\"));\n      const prev = section.querySelector(\".ns-master-clean-prev\");\n      const next = section.querySelector(\".ns-master-clean-next\");\n      const dotsWrap = section.querySelector(\"#nsMasterCleanDots\");\n\n      const lightbox = section.querySelector(\"#nsMasterCleanLightbox\");\n      const lightboxImg = section.querySelector(\"#nsMasterCleanLightboxImg\");\n      const closeBtn = section.querySelector(\".ns-master-clean-lightbox-close\");\n      const lightPrev = section.querySelector(\".ns-master-clean-lightbox-prev\");\n      const lightNext = section.querySelector(\".ns-master-clean-lightbox-next\");\n\n      let index = 0;\n\n      function visibleCount(){\n        if(window.innerWidth <= 767) return 1;\n        if(window.innerWidth <= 1024) return 2;\n        return 3;\n      }\n\n      function maxIndex(){\n        return Math.max(0, slides.length - visibleCount());\n      }\n\n      function slideStep(){\n        const slide = slides[0];\n        if(!slide) return 0;\n        const gap = parseFloat(getComputedStyle(track).gap) || 16;\n        return slide.getBoundingClientRect().width + gap;\n      }\n\n      function buildDots(){\n        dotsWrap.innerHTML = \"\";\n\n        for(let i = 0; i <= maxIndex(); i++){\n          const dot = document.createElement(\"button\");\n          dot.type = \"button\";\n          dot.setAttribute(\"aria-label\",\"Go to slide \" + (i + 1));\n          dot.addEventListener(\"click\",function(){\n            goTo(i);\n          });\n          dotsWrap.appendChild(dot);\n        }\n      }\n\n      function updateDots(){\n        const dots = Array.from(dotsWrap.querySelectorAll(\"button\"));\n        dots.forEach(function(dot,i){\n          dot.classList.toggle(\"active\",i === index);\n        });\n      }\n\n      function goTo(nextIndex){\n        index = Math.min(maxIndex(),Math.max(0,nextIndex));\n        track.style.transform = \"translateX(-\" + (slideStep() * index) + \"px)\";\n        updateDots();\n      }\n\n      function goNext(){\n        if(index >= maxIndex()){\n          goTo(0);\n        }else{\n          goTo(index + 1);\n        }\n      }\n\n      function goPrev(){\n        if(index <= 0){\n          goTo(maxIndex());\n        }else{\n          goTo(index - 1);\n        }\n      }\n\n      function getCurrentLightIndex(){\n        const src = lightboxImg.getAttribute(\"src\");\n        const found = slides.findIndex(function(slide){\n          return slide.dataset.src === src;\n        });\n        return found >= 0 ? found : 0;\n      }\n\n      function openLightbox(slideIndex){\n        const slide = slides[slideIndex];\n        if(!slide) return;\n\n        lightboxImg.src = slide.dataset.src;\n        lightboxImg.alt = slide.dataset.title || \"Master Kitchen Design\";\n        lightbox.classList.add(\"open\");\n        lightbox.setAttribute(\"aria-hidden\",\"false\");\n        document.body.style.overflow = \"hidden\";\n      }\n\n      function closeLightbox(){\n        lightbox.classList.remove(\"open\");\n        lightbox.setAttribute(\"aria-hidden\",\"true\");\n        lightboxImg.src = \"\";\n        document.body.style.overflow = \"\";\n      }\n\n      function lightNextImage(){\n        const current = getCurrentLightIndex();\n        const nextIndex = current >= slides.length - 1 ? 0 : current + 1;\n        openLightbox(nextIndex);\n      }\n\n      function lightPrevImage(){\n        const current = getCurrentLightIndex();\n        const prevIndex = current <= 0 ? slides.length - 1 : current - 1;\n        openLightbox(prevIndex);\n      }\n\n      slides.forEach(function(slide,i){\n        slide.addEventListener(\"click\",function(){\n          openLightbox(i);\n        });\n      });\n\n      next.addEventListener(\"click\",goNext);\n      prev.addEventListener(\"click\",goPrev);\n      closeBtn.addEventListener(\"click\",closeLightbox);\n\n      lightNext.addEventListener(\"click\",function(e){\n        e.stopPropagation();\n        lightNextImage();\n      });\n\n      lightPrev.addEventListener(\"click\",function(e){\n        e.stopPropagation();\n        lightPrevImage();\n      });\n\n      lightbox.addEventListener(\"click\",function(e){\n        if(e.target === lightbox){\n          closeLightbox();\n        }\n      });\n\n      document.addEventListener(\"keydown\",function(e){\n        if(!lightbox.classList.contains(\"open\")) return;\n\n        if(e.key === \"Escape\") closeLightbox();\n        if(e.key === \"ArrowRight\") lightNextImage();\n        if(e.key === \"ArrowLeft\") lightPrevImage();\n      });\n\n      window.addEventListener(\"resize\",function(){\n        buildDots();\n        goTo(Math.min(index,maxIndex()));\n      });\n\n      buildDots();\n      goTo(0);\n    })();\n  <\/script>\n<\/section>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-46952ac 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=\"46952ac\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-42ea0bd elementor-widget elementor-widget-html\" data-id=\"42ea0bd\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- Nader Saied Premium Services Section - Alternative Layout -->\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-services-alt\">\n  <div class=\"ns-services-alt-bg\">SERVICES<\/div>\n  <div class=\"ns-services-alt-glow\"><\/div>\n\n  <div class=\"ns-services-alt-container\">\n\n    <!-- Left Intro -->\n    <div class=\"ns-services-alt-intro ns-services-alt-reveal\">\n      <span class=\"ns-services-alt-eyebrow\">WHAT I DO<\/span>\n\n      <h2>\n        Premium Digital<br>\n        <strong>Services<\/strong>\n      <\/h2>\n\n      <p>\n        A complete creative and digital service stack built for brands that need a stronger identity,\n        better content, modern websites, and AI-powered visual production.\n      <\/p>\n\n      <a href=\"https:\/\/nadersaied.com\/services\/\" class=\"ns-services-alt-btn\">\n        <span>Explore Services<\/span>\n        <i class=\"fa-solid fa-arrow-right\"><\/i>\n      <\/a>\n    <\/div>\n\n    <!-- Right Services -->\n    <div class=\"ns-services-alt-list\">\n\n      <article class=\"ns-service-alt-item ns-services-alt-reveal\">\n        <div class=\"ns-service-alt-number\">01<\/div>\n\n        <div class=\"ns-service-alt-icon\">\n          <i class=\"fa-solid fa-pen-nib\"><\/i>\n        <\/div>\n\n        <div class=\"ns-service-alt-content\">\n          <h3>Brand Identity<\/h3>\n          <p>Premium logos, visual identity systems, brand guidelines, typography, and creative direction.<\/p>\n\n          <div class=\"ns-service-alt-tags\">\n            <span>Logo Design<\/span>\n            <span>Brand System<\/span>\n            <span>Guidelines<\/span>\n          <\/div>\n        <\/div>\n      <\/article>\n\n      <article class=\"ns-service-alt-item ns-services-alt-reveal\">\n        <div class=\"ns-service-alt-number\">02<\/div>\n\n        <div class=\"ns-service-alt-icon\">\n          <i class=\"fa-solid fa-share-nodes\"><\/i>\n        <\/div>\n\n        <div class=\"ns-service-alt-content\">\n          <h3>Social Media Design<\/h3>\n          <p>Creative posts, campaign visuals, page branding, content direction, and high-end social presence.<\/p>\n\n          <div class=\"ns-service-alt-tags\">\n            <span>Posts<\/span>\n            <span>Campaigns<\/span>\n            <span>Content<\/span>\n          <\/div>\n        <\/div>\n      <\/article>\n\n      <article class=\"ns-service-alt-item ns-services-alt-reveal\">\n        <div class=\"ns-service-alt-number\">03<\/div>\n\n        <div class=\"ns-service-alt-icon\">\n          <i class=\"fa-solid fa-desktop\"><\/i>\n        <\/div>\n\n        <div class=\"ns-service-alt-content\">\n          <h3>Web Design<\/h3>\n          <p>Modern WordPress websites, landing pages, UI layouts, responsive sections, and portfolio pages.<\/p>\n\n          <div class=\"ns-service-alt-tags\">\n            <span>WordPress<\/span>\n            <span>UI Design<\/span>\n            <span>Landing Pages<\/span>\n          <\/div>\n        <\/div>\n      <\/article>\n\n      <article class=\"ns-service-alt-item ns-services-alt-reveal\">\n        <div class=\"ns-service-alt-number\">04<\/div>\n\n        <div class=\"ns-service-alt-icon\">\n          <i class=\"fa-solid fa-wand-magic-sparkles\"><\/i>\n        <\/div>\n\n        <div class=\"ns-service-alt-content\">\n          <h3>AI Creative Production<\/h3>\n          <p>AI visuals, cinematic posters, product scenes, advertising concepts, and realistic brand campaigns.<\/p>\n\n          <div class=\"ns-service-alt-tags\">\n            <span>AI Visuals<\/span>\n            <span>Product Scenes<\/span>\n            <span>Concepts<\/span>\n          <\/div>\n        <\/div>\n      <\/article>\n\n      <article class=\"ns-service-alt-item ns-services-alt-reveal\">\n        <div class=\"ns-service-alt-number\">05<\/div>\n\n        <div class=\"ns-service-alt-icon\">\n          <i class=\"fa-solid fa-video\"><\/i>\n        <\/div>\n\n        <div class=\"ns-service-alt-content\">\n          <h3>AI Video Production<\/h3>\n          <p>Short-form reels, AI motion scenes, storytelling, cinematic edits, and video production.<\/p>\n\n          <div class=\"ns-service-alt-tags\">\n            <span>Reels<\/span>\n            <span>AI Motion<\/span>\n            <span>Storytelling<\/span>\n          <\/div>\n        <\/div>\n      <\/article>\n\n      <article class=\"ns-service-alt-item ns-services-alt-reveal\">\n        <div class=\"ns-service-alt-number\">06<\/div>\n\n        <div class=\"ns-service-alt-icon\">\n          <i class=\"fa-solid fa-chart-line\"><\/i>\n        <\/div>\n\n        <div class=\"ns-service-alt-content\">\n          <h3>Digital Marketing<\/h3>\n          <p>Campaign planning, brand positioning, page direction, content strategy, and growth-focused presence.<\/p>\n\n          <div class=\"ns-service-alt-tags\">\n            <span>Strategy<\/span>\n            <span>Growth<\/span>\n            <span>Direction<\/span>\n          <\/div>\n        <\/div>\n      <\/article>\n\n    <\/div>\n\n  <\/div>\n<\/section>\n\n<style>\n.ns-services-alt {\n  position: relative;\n  isolation: isolate;\n  overflow: hidden;\n  padding: 110px 5%;\n  background:\n    radial-gradient(circle at 18% 35%, rgba(167, 18, 55, .30), transparent 32%),\n    radial-gradient(circle at 82% 18%, rgba(247, 198, 77, .08), 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-services-alt::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: nsServicesAltGrid 18s linear infinite;\n  pointer-events: none;\n}\n\n.ns-services-alt::after {\n  content: \"\";\n  position: absolute;\n  inset: -20%;\n  z-index: 0;\n  background: radial-gradient(circle at 50% 50%, transparent 0%, rgba(0,0,0,.22) 44%, rgba(0,0,0,.78) 100%);\n  opacity: .86;\n  pointer-events: none;\n}\n\n.ns-services-alt-bg {\n  position: absolute;\n  right: 2%;\n  top: 5%;\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: nsServicesAltFloat 7s ease-in-out infinite;\n}\n\n.ns-services-alt-glow {\n  position: absolute;\n  left: 8%;\n  top: 24%;\n  width: 460px;\n  height: 460px;\n  z-index: 1;\n  border-radius: 50%;\n  border: 1px solid rgba(255,43,103,.22);\n  background: radial-gradient(circle, rgba(255,43,103,.18), transparent 68%);\n  box-shadow: 0 0 95px rgba(209,21,68,.20);\n  animation: nsServicesAltGlow 5.5s ease-in-out infinite;\n  pointer-events: none;\n}\n\n.ns-services-alt-container {\n  position: relative;\n  z-index: 3;\n  max-width: 1380px;\n  margin: 0 auto;\n  display: grid;\n  grid-template-columns: .82fr 1.18fr;\n  gap: 70px;\n  align-items: start;\n}\n\n\/* Left *\/\n.ns-services-alt-intro {\n  position: sticky;\n  top: 110px;\n  padding: 42px;\n  border-radius: 28px;\n  border: 1px solid rgba(255,43,103,.24);\n  background:\n    linear-gradient(145deg, rgba(255,255,255,.07), rgba(255,255,255,.018)),\n    radial-gradient(circle at 50% 0%, rgba(247,198,77,.10), transparent 42%);\n  backdrop-filter: blur(18px);\n  -webkit-backdrop-filter: blur(18px);\n  box-shadow:\n    0 30px 80px rgba(0,0,0,.28),\n    inset 0 0 40px rgba(255,255,255,.025);\n  overflow: hidden;\n}\n\n.ns-services-alt-intro::before {\n  content: \"\";\n  position: absolute;\n  inset: 24px;\n  border-radius: 22px;\n  border: 1px solid rgba(247,198,77,.12);\n  pointer-events: none;\n}\n\n.ns-services-alt-eyebrow {\n  display: inline-flex;\n  align-items: center;\n  gap: 12px;\n  margin-bottom: 22px;\n  color: #f7c64d;\n  font-size: 13px;\n  letter-spacing: 4px;\n  font-weight: 900;\n}\n\n.ns-services-alt-eyebrow::before {\n  content: \"\";\n  width: 46px;\n  height: 1px;\n  background: linear-gradient(90deg, #ff2b67, #f7c64d);\n}\n\n.ns-services-alt-intro h2 {\n  margin: 0 0 24px;\n  font-family: Georgia, \"Times New Roman\", serif;\n  font-size: clamp(46px, 5vw, 82px);\n  line-height: .96;\n  letter-spacing: -3px;\n  color: #fff;\n}\n\n.ns-services-alt-intro 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: nsServicesAltGold 4s ease-in-out infinite alternate;\n}\n\n.ns-services-alt-intro p {\n  margin: 0 0 34px;\n  color: rgba(255,255,255,.70);\n  font-size: 16px;\n  line-height: 1.9;\n}\n\n.ns-services-alt-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: 220px;\n  height: 60px;\n  padding: 0 30px;\n  border-radius: 999px;\n  border: 1px solid rgba(247,198,77,.48);\n  background: rgba(255,255,255,.025);\n  color: #fff;\n  text-decoration: none;\n  font-size: 15px;\n  font-weight: 850;\n  box-shadow: 0 18px 55px rgba(0,0,0,.25);\n  transition: .35s ease;\n}\n\n.ns-services-alt-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-services-alt-btn span,\n.ns-services-alt-btn i {\n  position: relative;\n  z-index: 2;\n}\n\n.ns-services-alt-btn i {\n  color: #f7c64d;\n  transition: .35s ease;\n}\n\n.ns-services-alt-btn:hover {\n  transform: translateY(-4px);\n  color: #fff;\n  background: rgba(247,198,77,.10);\n}\n\n.ns-services-alt-btn:hover::before {\n  left: 125%;\n}\n\n.ns-services-alt-btn:hover i {\n  transform: translateX(5px);\n}\n\n\/* Right List *\/\n.ns-services-alt-list {\n  display: flex;\n  flex-direction: column;\n  gap: 18px;\n}\n\n.ns-service-alt-item {\n  position: relative;\n  display: grid;\n  grid-template-columns: 70px 82px 1fr;\n  gap: 22px;\n  align-items: center;\n  min-height: 158px;\n  padding: 26px 30px;\n  border-radius: 24px;\n  border: 1px solid rgba(255,43,103,.22);\n  background:\n    linear-gradient(145deg, rgba(255,255,255,.055), rgba(255,255,255,.016)),\n    radial-gradient(circle at 0% 50%, rgba(247,198,77,.08), transparent 36%);\n  backdrop-filter: blur(18px);\n  -webkit-backdrop-filter: blur(18px);\n  box-shadow:\n    0 24px 65px rgba(0,0,0,.22),\n    inset 0 0 34px rgba(255,255,255,.022);\n  overflow: hidden;\n  transition: .42s ease;\n}\n\n.ns-service-alt-item::before {\n  content: \"\";\n  position: absolute;\n  inset: 0;\n  background: linear-gradient(135deg, rgba(247,198,77,.13), rgba(255,43,103,.10), transparent 60%);\n  opacity: 0;\n  transition: .42s ease;\n  pointer-events: none;\n}\n\n.ns-service-alt-item::after {\n  content: \"\";\n  position: absolute;\n  left: -65%;\n  top: -70%;\n  width: 42%;\n  height: 240%;\n  background: linear-gradient(90deg, transparent, rgba(255,255,255,.16), transparent);\n  transform: rotate(24deg);\n  opacity: 0;\n  transition: .85s ease;\n  pointer-events: none;\n}\n\n.ns-service-alt-item:hover {\n  transform: translateX(-8px);\n  border-color: rgba(247,198,77,.42);\n  box-shadow:\n    0 36px 85px rgba(0,0,0,.32),\n    inset 0 0 38px rgba(255,255,255,.035);\n}\n\n.ns-service-alt-item:hover::before {\n  opacity: 1;\n}\n\n.ns-service-alt-item:hover::after {\n  left: 135%;\n  opacity: .8;\n}\n\n.ns-service-alt-number {\n  position: relative;\n  z-index: 2;\n  font-family: Georgia, serif;\n  font-size: 44px;\n  font-weight: 900;\n  color: rgba(255,255,255,.08);\n}\n\n.ns-service-alt-icon {\n  position: relative;\n  z-index: 2;\n  width: 72px;\n  height: 72px;\n  border-radius: 20px;\n  border: 1px solid rgba(247,198,77,.26);\n  background: 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: 26px;\n  box-shadow: 0 18px 42px rgba(0,0,0,.20);\n  transition: .38s ease;\n}\n\n.ns-service-alt-item:hover .ns-service-alt-icon {\n  transform: scale(1.08) rotate(-3deg);\n  color: #fff0a6;\n}\n\n.ns-service-alt-content {\n  position: relative;\n  z-index: 2;\n}\n\n.ns-service-alt-content h3 {\n  margin: 0 0 10px;\n  color: #fff;\n  font-size: 25px;\n  font-weight: 900;\n  letter-spacing: -.4px;\n}\n\n.ns-service-alt-content p {\n  max-width: 690px;\n  margin: 0 0 16px;\n  color: rgba(255,255,255,.66);\n  font-size: 14px;\n  line-height: 1.75;\n}\n\n.ns-service-alt-tags {\n  display: flex;\n  flex-wrap: wrap;\n  gap: 9px;\n}\n\n.ns-service-alt-tags span {\n  display: inline-flex;\n  align-items: center;\n  min-height: 29px;\n  padding: 7px 12px;\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,.78);\n  font-size: 11px;\n  font-weight: 800;\n  letter-spacing: .5px;\n  text-transform: uppercase;\n}\n\n\/* Reveal *\/\n.ns-services-alt-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-services-alt-reveal.ns-services-alt-visible {\n  opacity: 1;\n  transform: translateY(0);\n  filter: blur(0);\n}\n\n.ns-service-alt-item:nth-child(1).ns-services-alt-visible { transition-delay: .04s; }\n.ns-service-alt-item:nth-child(2).ns-services-alt-visible { transition-delay: .10s; }\n.ns-service-alt-item:nth-child(3).ns-services-alt-visible { transition-delay: .16s; }\n.ns-service-alt-item:nth-child(4).ns-services-alt-visible { transition-delay: .22s; }\n.ns-service-alt-item:nth-child(5).ns-services-alt-visible { transition-delay: .28s; }\n.ns-service-alt-item:nth-child(6).ns-services-alt-visible { transition-delay: .34s; }\n\n\/* Tablet *\/\n@media (max-width: 1100px) {\n  .ns-services-alt {\n    padding: 90px 5% 95px;\n  }\n\n  .ns-services-alt-container {\n    grid-template-columns: 1fr;\n    gap: 40px;\n  }\n\n  .ns-services-alt-intro {\n    position: relative;\n    top: auto;\n    text-align: center;\n  }\n\n  .ns-services-alt-eyebrow {\n    justify-content: center;\n  }\n\n  .ns-service-alt-item:hover {\n    transform: translateY(-6px);\n  }\n}\n\n\/* Mobile *\/\n@media (max-width: 767px) {\n  .ns-services-alt {\n    padding: 74px 22px 78px;\n  }\n\n  .ns-services-alt-bg {\n    top: 5%;\n    right: -28%;\n    font-size: 92px;\n  }\n\n  .ns-services-alt-glow {\n    width: 280px;\n    height: 280px;\n    left: 50%;\n    top: 10%;\n    transform: translateX(-50%);\n  }\n\n  .ns-services-alt-intro {\n    padding: 30px 24px;\n    border-radius: 24px;\n  }\n\n  .ns-services-alt-intro::before {\n    inset: 16px;\n    border-radius: 18px;\n  }\n\n  .ns-services-alt-eyebrow {\n    font-size: 11px;\n    letter-spacing: 3px;\n  }\n\n  .ns-services-alt-eyebrow::before {\n    width: 34px;\n  }\n\n  .ns-services-alt-intro h2 {\n    font-size: clamp(42px, 13vw, 58px);\n    letter-spacing: -2px;\n  }\n\n  .ns-services-alt-intro p {\n    font-size: 14px;\n    line-height: 1.85;\n  }\n\n  .ns-services-alt-btn {\n    width: 100%;\n    min-width: 100%;\n    height: 58px;\n  }\n\n  .ns-service-alt-item {\n    grid-template-columns: 1fr;\n    gap: 18px;\n    min-height: auto;\n    padding: 28px 24px;\n    border-radius: 22px;\n  }\n\n  .ns-service-alt-number {\n    position: absolute;\n    right: 22px;\n    top: 22px;\n    font-size: 42px;\n  }\n\n  .ns-service-alt-icon {\n    width: 64px;\n    height: 64px;\n    border-radius: 17px;\n    font-size: 23px;\n  }\n\n  .ns-service-alt-content h3 {\n    font-size: 22px;\n  }\n\n  .ns-service-alt-content p {\n    font-size: 13.5px;\n  }\n}\n\n\/* Animations *\/\n@keyframes nsServicesAltGrid {\n  from { background-position: 0 0; }\n  to { background-position: 44px 44px; }\n}\n\n@keyframes nsServicesAltFloat {\n  0%, 100% { transform: translateY(0); opacity: .75; }\n  50% { transform: translateY(-10px); opacity: 1; }\n}\n\n@keyframes nsServicesAltGlow {\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 nsServicesAltGold {\n  from { background-position: center top; }\n  to { background-position: center bottom; }\n}\n\n@media (prefers-reduced-motion: reduce) {\n  .ns-services-alt *,\n  .ns-services-alt *::before,\n  .ns-services-alt *::after {\n    animation: none !important;\n    transition: none !important;\n  }\n\n  .ns-services-alt-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-services-alt-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-services-alt-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<div class=\"elementor-element elementor-element-8c180be 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=\"8c180be\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-10e8f24 elementor-widget elementor-widget-html\" data-id=\"10e8f24\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- Nader Saied Premium Work Process Section -->\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-process-section\">\n  <div class=\"ns-process-bg-text\">PROCESS<\/div>\n  <div class=\"ns-process-glow\"><\/div>\n\n  <div class=\"ns-process-container\">\n\n    <div class=\"ns-process-head ns-process-reveal\">\n      <span class=\"ns-process-eyebrow\">HOW I WORK<\/span>\n\n      <h2>\n        From Idea To <strong>Digital Impact<\/strong>\n      <\/h2>\n\n      <p>\n        A clear creative process built to turn ideas into premium visuals, websites,\n        campaigns, and AI-powered digital experiences with a professional workflow.\n      <\/p>\n    <\/div>\n\n    <div class=\"ns-process-timeline\">\n\n      <article class=\"ns-process-step ns-process-reveal\">\n        <div class=\"ns-process-number\">01<\/div>\n        <div class=\"ns-process-icon\">\n          <i class=\"fa-solid fa-comments\"><\/i>\n        <\/div>\n        <h3>Discovery<\/h3>\n        <p>\n          Understanding your brand, goals, audience, competitors, and the exact direction needed.\n        <\/p>\n      <\/article>\n\n      <article class=\"ns-process-step ns-process-reveal\">\n        <div class=\"ns-process-number\">02<\/div>\n        <div class=\"ns-process-icon\">\n          <i class=\"fa-solid fa-lightbulb\"><\/i>\n        <\/div>\n        <h3>Concept<\/h3>\n        <p>\n          Building the creative idea, visual direction, mood, colors, structure, and content flow.\n        <\/p>\n      <\/article>\n\n      <article class=\"ns-process-step ns-process-reveal\">\n        <div class=\"ns-process-number\">03<\/div>\n        <div class=\"ns-process-icon\">\n          <i class=\"fa-solid fa-pen-ruler\"><\/i>\n        <\/div>\n        <h3>Design<\/h3>\n        <p>\n          Creating premium visuals, layouts, brand assets, website sections, or campaign designs.\n        <\/p>\n      <\/article>\n\n      <article class=\"ns-process-step ns-process-reveal\">\n        <div class=\"ns-process-number\">04<\/div>\n        <div class=\"ns-process-icon\">\n          <i class=\"fa-solid fa-wand-magic-sparkles\"><\/i>\n        <\/div>\n        <h3>Production<\/h3>\n        <p>\n          Finalizing the creative work using design, AI tools, editing, web development, and motion.\n        <\/p>\n      <\/article>\n\n      <article class=\"ns-process-step ns-process-reveal\">\n        <div class=\"ns-process-number\">05<\/div>\n        <div class=\"ns-process-icon\">\n          <i class=\"fa-solid fa-rocket\"><\/i>\n        <\/div>\n        <h3>Launch<\/h3>\n        <p>\n          Delivering final files, publishing content, launching pages, and preparing everything for use.\n        <\/p>\n      <\/article>\n\n    <\/div>\n\n    <div class=\"ns-process-cta ns-process-reveal\">\n      <div>\n        <span>Ready to build something premium?<\/span>\n        <strong>Let\u2019s turn your idea into a strong digital presence.<\/strong>\n      <\/div>\n\n      <a href=\"https:\/\/nadersaied.com\/contact\/\" class=\"ns-process-btn\">\n        <span>Start a Project<\/span>\n        <i class=\"fa-solid fa-arrow-right\"><\/i>\n      <\/a>\n    <\/div>\n\n  <\/div>\n<\/section>\n\n<style>\n.ns-process-section {\n  position: relative;\n  isolation: isolate;\n  overflow: hidden;\n  padding: 105px 5% 110px;\n  background:\n    radial-gradient(circle at 80% 35%, rgba(167, 18, 55, .30), transparent 32%),\n    radial-gradient(circle at 16% 20%, rgba(247, 198, 77, .08), 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-process-section::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: nsProcessGridMove 18s linear infinite;\n  pointer-events: none;\n}\n\n.ns-process-section::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,.78) 100%);\n  opacity: .86;\n  pointer-events: none;\n}\n\n.ns-process-bg-text {\n  position: absolute;\n  left: 2%;\n  top: 5%;\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: nsProcessBgFloat 7s ease-in-out infinite;\n}\n\n.ns-process-glow {\n  position: absolute;\n  right: 8%;\n  top: 22%;\n  width: 460px;\n  height: 460px;\n  z-index: 1;\n  border-radius: 50%;\n  border: 1px solid rgba(255,43,103,.22);\n  background: radial-gradient(circle, rgba(255,43,103,.18), transparent 68%);\n  box-shadow: 0 0 95px rgba(209,21,68,.20);\n  animation: nsProcessGlow 5.5s ease-in-out infinite;\n  pointer-events: none;\n}\n\n.ns-process-container {\n  position: relative;\n  z-index: 3;\n  max-width: 1380px;\n  margin: 0 auto;\n}\n\n.ns-process-head {\n  max-width: 900px;\n  margin: 0 auto 58px;\n  text-align: center;\n}\n\n.ns-process-eyebrow {\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  gap: 14px;\n  margin-bottom: 18px;\n  color: #f7c64d;\n  font-size: 14px;\n  letter-spacing: 6px;\n  font-weight: 900;\n}\n\n.ns-process-eyebrow::before,\n.ns-process-eyebrow::after {\n  content: \"\";\n  width: 72px;\n  height: 1px;\n  background: linear-gradient(90deg, transparent, #f7c64d);\n}\n\n.ns-process-eyebrow::after {\n  background: linear-gradient(90deg, #f7c64d, transparent);\n}\n\n.ns-process-head h2 {\n  margin: 0 0 22px;\n  font-family: Georgia, \"Times New Roman\", serif;\n  font-size: clamp(48px, 6vw, 92px);\n  line-height: .96;\n  letter-spacing: -3px;\n  color: #fff;\n}\n\n.ns-process-head h2 strong {\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: nsProcessGoldSoft 4s ease-in-out infinite alternate;\n}\n\n.ns-process-head p {\n  max-width: 760px;\n  margin: 0 auto;\n  color: rgba(255,255,255,.70);\n  font-size: 17px;\n  line-height: 1.8;\n}\n\n\/* Timeline *\/\n.ns-process-timeline {\n  position: relative;\n  display: grid;\n  grid-template-columns: repeat(5, 1fr);\n  gap: 18px;\n}\n\n.ns-process-timeline::before {\n  content: \"\";\n  position: absolute;\n  left: 8%;\n  right: 8%;\n  top: 72px;\n  height: 1px;\n  background: linear-gradient(90deg, transparent, rgba(247,198,77,.35), rgba(255,43,103,.28), transparent);\n  z-index: 1;\n}\n\n.ns-process-step {\n  position: relative;\n  z-index: 2;\n  min-height: 315px;\n  padding: 32px 22px 28px;\n  border-radius: 24px;\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  text-align: center;\n  transition: .42s ease;\n}\n\n.ns-process-step::before {\n  content: \"\";\n  position: absolute;\n  inset: 0;\n  background: 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-process-step::after {\n  content: \"\";\n  position: absolute;\n  left: -65%;\n  top: -70%;\n  width: 42%;\n  height: 240%;\n  background: linear-gradient(90deg, transparent, rgba(255,255,255,.16), transparent);\n  transform: rotate(24deg);\n  opacity: 0;\n  transition: .85s ease;\n  pointer-events: none;\n}\n\n.ns-process-step:hover {\n  transform: translateY(-10px);\n  border-color: rgba(247,198,77,.42);\n  box-shadow:\n    0 42px 95px rgba(0,0,0,.34),\n    inset 0 0 38px rgba(255,255,255,.035);\n}\n\n.ns-process-step:hover::before {\n  opacity: 1;\n}\n\n.ns-process-step:hover::after {\n  left: 135%;\n  opacity: .8;\n}\n\n.ns-process-number {\n  position: absolute;\n  right: 20px;\n  top: 18px;\n  z-index: 2;\n  font-family: Georgia, serif;\n  font-size: 42px;\n  font-weight: 900;\n  color: rgba(255,255,255,.07);\n}\n\n.ns-process-icon {\n  position: relative;\n  z-index: 3;\n  width: 78px;\n  height: 78px;\n  margin: 0 auto 26px;\n  border-radius: 50%;\n  border: 1px solid rgba(247,198,77,.28);\n  background:\n    radial-gradient(circle at 50% 35%, rgba(247,198,77,.20), rgba(255,255,255,.035));\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  color: #f7c64d;\n  font-size: 28px;\n  box-shadow: 0 18px 42px rgba(0,0,0,.24);\n  transition: .38s ease;\n}\n\n.ns-process-step:hover .ns-process-icon {\n  transform: translateY(-5px) scale(1.07);\n  color: #fff0a6;\n  border-color: rgba(247,198,77,.52);\n}\n\n.ns-process-step h3 {\n  position: relative;\n  z-index: 3;\n  margin: 0 0 14px;\n  color: #fff;\n  font-size: 23px;\n  font-weight: 900;\n}\n\n.ns-process-step p {\n  position: relative;\n  z-index: 3;\n  margin: 0;\n  color: rgba(255,255,255,.66);\n  font-size: 14px;\n  line-height: 1.75;\n}\n\n\/* CTA *\/\n.ns-process-cta {\n  position: relative;\n  margin-top: 46px;\n  padding: 30px 34px;\n  border-radius: 24px;\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: flex;\n  align-items: center;\n  justify-content: space-between;\n  gap: 26px;\n  overflow: hidden;\n}\n\n.ns-process-cta::before {\n  content: \"\";\n  position: absolute;\n  left: -60%;\n  top: -80%;\n  width: 38%;\n  height: 260%;\n  background: linear-gradient(90deg, transparent, rgba(255,255,255,.14), transparent);\n  transform: rotate(24deg);\n  animation: nsProcessCtaShine 6s ease-in-out infinite;\n  pointer-events: none;\n}\n\n.ns-process-cta div {\n  position: relative;\n  z-index: 2;\n}\n\n.ns-process-cta 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-process-cta 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-process-btn {\n  position: relative;\n  z-index: 2;\n  overflow: hidden;\n  flex: 0 0 auto;\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  gap: 13px;\n  min-width: 210px;\n  height: 60px;\n  padding: 0 30px;\n  border-radius: 999px;\n  background: linear-gradient(135deg, #8b0d2b, #e03165);\n  box-shadow: 0 15px 38px rgba(215, 26, 79, .30);\n  color: #fff;\n  text-decoration: none;\n  font-size: 15px;\n  font-weight: 850;\n  transition: .35s ease;\n}\n\n.ns-process-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-process-btn span,\n.ns-process-btn i {\n  position: relative;\n  z-index: 2;\n}\n\n.ns-process-btn:hover {\n  transform: translateY(-4px);\n  color: #fff;\n  box-shadow: 0 24px 55px rgba(215,26,79,.42);\n}\n\n.ns-process-btn:hover::before {\n  left: 125%;\n}\n\n.ns-process-btn i {\n  transition: .35s ease;\n}\n\n.ns-process-btn:hover i {\n  transform: translateX(5px);\n}\n\n\/* Reveal *\/\n.ns-process-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-process-reveal.ns-process-visible {\n  opacity: 1;\n  transform: translateY(0);\n  filter: blur(0);\n}\n\n.ns-process-step:nth-child(1).ns-process-visible { transition-delay: .04s; }\n.ns-process-step:nth-child(2).ns-process-visible { transition-delay: .10s; }\n.ns-process-step:nth-child(3).ns-process-visible { transition-delay: .16s; }\n.ns-process-step:nth-child(4).ns-process-visible { transition-delay: .22s; }\n.ns-process-step:nth-child(5).ns-process-visible { transition-delay: .28s; }\n.ns-process-cta.ns-process-visible { transition-delay: .18s; }\n\n\/* Tablet *\/\n@media (max-width: 1100px) {\n  .ns-process-section {\n    padding: 90px 5% 95px;\n  }\n\n  .ns-process-timeline {\n    grid-template-columns: repeat(2, 1fr);\n  }\n\n  .ns-process-timeline::before {\n    display: none;\n  }\n\n  .ns-process-step {\n    min-height: 280px;\n  }\n\n  .ns-process-step:last-child {\n    grid-column: 1 \/ -1;\n    max-width: 520px;\n    margin: 0 auto;\n  }\n}\n\n\/* Mobile *\/\n@media (max-width: 767px) {\n  .ns-process-section {\n    padding: 74px 22px 78px;\n  }\n\n  .ns-process-bg-text {\n    top: 5%;\n    left: -24%;\n    font-size: 92px;\n  }\n\n  .ns-process-glow {\n    width: 280px;\n    height: 280px;\n    right: 50%;\n    top: 10%;\n    transform: translateX(50%);\n  }\n\n  .ns-process-head {\n    margin-bottom: 34px;\n  }\n\n  .ns-process-eyebrow {\n    font-size: 11px;\n    letter-spacing: 4px;\n    gap: 10px;\n  }\n\n  .ns-process-eyebrow::before,\n  .ns-process-eyebrow::after {\n    width: 34px;\n  }\n\n  .ns-process-head h2 {\n    font-size: clamp(40px, 12vw, 56px);\n    letter-spacing: -2px;\n  }\n\n  .ns-process-head p {\n    font-size: 14px;\n    line-height: 1.85;\n  }\n\n  .ns-process-timeline {\n    grid-template-columns: 1fr;\n    gap: 16px;\n  }\n\n  .ns-process-step,\n  .ns-process-step:last-child {\n    grid-column: auto;\n    max-width: none;\n    min-height: auto;\n    padding: 30px 24px 28px;\n    border-radius: 22px;\n  }\n\n  .ns-process-icon {\n    width: 68px;\n    height: 68px;\n    font-size: 24px;\n    margin-bottom: 22px;\n  }\n\n  .ns-process-step h3 {\n    font-size: 22px;\n  }\n\n  .ns-process-step p {\n    font-size: 13.5px;\n  }\n\n  .ns-process-cta {\n    margin-top: 32px;\n    padding: 28px 24px;\n    border-radius: 22px;\n    flex-direction: column;\n    text-align: center;\n  }\n\n  .ns-process-btn {\n    width: 100%;\n    min-width: 100%;\n    height: 58px;\n  }\n}\n\n\/* Animations *\/\n@keyframes nsProcessGridMove {\n  from { background-position: 0 0; }\n  to { background-position: 44px 44px; }\n}\n\n@keyframes nsProcessBgFloat {\n  0%, 100% { transform: translateY(0); opacity: .75; }\n  50% { transform: translateY(-10px); opacity: 1; }\n}\n\n@keyframes nsProcessGlow {\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 nsProcessGoldSoft {\n  from { background-position: center top; }\n  to { background-position: center bottom; }\n}\n\n@keyframes nsProcessCtaShine {\n  0%, 45% { left: -60%; opacity: 0; }\n  55% { opacity: .7; }\n  75%, 100% { left: 135%; opacity: 0; }\n}\n\n@media (prefers-reduced-motion: reduce) {\n  .ns-process-section *,\n  .ns-process-section *::before,\n  .ns-process-section *::after {\n    animation: none !important;\n    transition: none !important;\n  }\n\n  .ns-process-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-process-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-process-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<div class=\"elementor-element elementor-element-6d1ff96 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=\"6d1ff96\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-f68457e elementor-widget elementor-widget-html\" data-id=\"f68457e\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- Nader Saied Premium Final CTA \/ Contact Section -->\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-final-cta\">\n  <div class=\"ns-final-bg-text\">CONTACT<\/div>\n  <div class=\"ns-final-glow\"><\/div>\n  <div class=\"ns-final-orb ns-final-orb-one\"><\/div>\n  <div class=\"ns-final-orb ns-final-orb-two\"><\/div>\n\n  <div class=\"ns-final-container\">\n\n    <div class=\"ns-final-card ns-final-reveal\">\n\n      <div class=\"ns-final-content\">\n        <span class=\"ns-final-eyebrow\">LET\u2019S WORK TOGETHER<\/span>\n\n        <h2>\n          Ready To Build<br>\n          Something <strong>Premium?<\/strong>\n        <\/h2>\n\n        <p>\n          Whether you need a brand identity, website, social media campaign, AI visuals,\n          or AI video production \u2014 let\u2019s turn your idea into a strong digital presence.\n        <\/p>\n\n        <div class=\"ns-final-actions\">\n          <a href=\"https:\/\/nadersaied.com\/contact\/\" class=\"ns-final-btn ns-final-btn-main\">\n            <span>Start a Project<\/span>\n            <i class=\"fa-solid fa-arrow-right\"><\/i>\n          <\/a>\n\n          <a href=\"https:\/\/wa.me\/201220913636\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"ns-final-btn ns-final-btn-outline\">\n            <span>WhatsApp Me<\/span>\n            <i class=\"fa-brands fa-whatsapp\"><\/i>\n          <\/a>\n        <\/div>\n      <\/div>\n\n      <div class=\"ns-final-contact-grid\">\n\n        <a href=\"https:\/\/nadersaied.com\/projects\/\" class=\"ns-final-contact-item\">\n          <i class=\"fa-solid fa-border-all\"><\/i>\n          <span>View Projects<\/span>\n          <small>Explore selected work<\/small>\n        <\/a>\n\n        <a href=\"https:\/\/www.behance.net\/nadersaiedzone\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"ns-final-contact-item\">\n          <i class=\"fa-brands fa-behance\"><\/i>\n          <span>Behance<\/span>\n          <small>Creative portfolio<\/small>\n        <\/a>\n\n        <a href=\"https:\/\/www.linkedin.com\/in\/nadersaied\/\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"ns-final-contact-item\">\n          <i class=\"fa-brands fa-linkedin-in\"><\/i>\n          <span>LinkedIn<\/span>\n          <small>Professional profile<\/small>\n        <\/a>\n\n        <a href=\"https:\/\/www.facebook.com\/nadersaiedzone1\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"ns-final-contact-item\">\n          <i class=\"fa-brands fa-facebook-f\"><\/i>\n          <span>Facebook<\/span>\n          <small>Follow updates<\/small>\n        <\/a>\n\n      <\/div>\n\n    <\/div>\n\n  <\/div>\n<\/section>\n\n<style>\n.ns-final-cta {\n  position: relative;\n  isolation: isolate;\n  overflow: hidden;\n  padding: 105px 5% 115px;\n  background:\n    radial-gradient(circle at 18% 34%, 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-final-cta::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: nsFinalGridMove 18s linear infinite;\n  pointer-events: none;\n}\n\n.ns-final-cta::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-final-bg-text {\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: nsFinalBgFloat 7s ease-in-out infinite;\n}\n\n.ns-final-glow {\n  position: absolute;\n  left: 8%;\n  top: 22%;\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: nsFinalGlow 5.5s ease-in-out infinite;\n  pointer-events: none;\n}\n\n.ns-final-orb {\n  position: absolute;\n  z-index: 1;\n  border-radius: 50%;\n  filter: blur(10px);\n  pointer-events: none;\n}\n\n.ns-final-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: nsFinalOrbOne 8s ease-in-out infinite;\n}\n\n.ns-final-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: nsFinalOrbTwo 10s ease-in-out infinite;\n}\n\n.ns-final-container {\n  position: relative;\n  z-index: 3;\n  max-width: 1280px;\n  margin: 0 auto;\n}\n\n.ns-final-card {\n  position: relative;\n  padding: 54px;\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 20% 0%, rgba(247,198,77,.12), transparent 38%),\n    radial-gradient(circle at 85% 60%, rgba(255,43,103,.12), transparent 40%);\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  display: grid;\n  grid-template-columns: 1.08fr .92fr;\n  gap: 52px;\n  align-items: center;\n}\n\n.ns-final-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-final-card::after {\n  content: \"\";\n  position: absolute;\n  left: -55%;\n  top: -80%;\n  width: 38%;\n  height: 270%;\n  background: linear-gradient(90deg, transparent, rgba(255,255,255,.16), transparent);\n  transform: rotate(24deg);\n  animation: nsFinalShine 6.4s ease-in-out infinite;\n  pointer-events: none;\n}\n\n.ns-final-content,\n.ns-final-contact-grid {\n  position: relative;\n  z-index: 2;\n}\n\n.ns-final-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-final-eyebrow::before {\n  content: \"\";\n  width: 52px;\n  height: 1px;\n  background: linear-gradient(90deg, #ff2b67, #f7c64d);\n}\n\n.ns-final-content h2 {\n  margin: 0 0 24px;\n  font-family: Georgia, \"Times New Roman\", serif;\n  font-size: clamp(52px, 6vw, 98px);\n  line-height: .94;\n  letter-spacing: -3.2px;\n  color: #fff;\n}\n\n.ns-final-content 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: nsFinalGoldSoft 4s ease-in-out infinite alternate;\n}\n\n.ns-final-content p {\n  max-width: 680px;\n  margin: 0 0 34px;\n  color: rgba(255,255,255,.72);\n  font-size: 17px;\n  line-height: 1.85;\n}\n\n.ns-final-actions {\n  display: flex;\n  flex-wrap: wrap;\n  gap: 16px;\n}\n\n.ns-final-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-final-btn span,\n.ns-final-btn i {\n  position: relative;\n  z-index: 2;\n}\n\n.ns-final-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-final-btn-main {\n  background: linear-gradient(135deg, #8b0d2b, #e03165);\n  box-shadow: 0 15px 38px rgba(215, 26, 79, .32);\n}\n\n.ns-final-btn-outline {\n  border: 1px solid rgba(247,198,77,.48);\n  background: rgba(255,255,255,.025);\n}\n\n.ns-final-btn:hover {\n  transform: translateY(-4px);\n  color: #fff;\n}\n\n.ns-final-btn:hover::before {\n  left: 125%;\n}\n\n.ns-final-btn-main:hover {\n  box-shadow: 0 24px 55px rgba(215,26,79,.42);\n}\n\n.ns-final-btn-outline:hover {\n  background: rgba(247,198,77,.10);\n}\n\n.ns-final-btn i {\n  transition: .35s ease;\n}\n\n.ns-final-btn:hover i {\n  transform: translateX(5px);\n}\n\n\/* Contact Items *\/\n.ns-final-contact-grid {\n  display: grid;\n  grid-template-columns: repeat(2, 1fr);\n  gap: 16px;\n}\n\n.ns-final-contact-item {\n  position: relative;\n  min-height: 155px;\n  padding: 26px 22px;\n  border-radius: 22px;\n  border: 1px solid rgba(255,43,103,.20);\n  background:\n    linear-gradient(145deg, rgba(255,255,255,.06), rgba(255,255,255,.018)),\n    radial-gradient(circle at 50% 0%, rgba(247,198,77,.08), transparent 38%);\n  color: #fff;\n  text-decoration: none;\n  overflow: hidden;\n  transition: .38s ease;\n}\n\n.ns-final-contact-item::before {\n  content: \"\";\n  position: absolute;\n  inset: 0;\n  background: linear-gradient(135deg, rgba(247,198,77,.12), rgba(255,43,103,.10), transparent);\n  opacity: 0;\n  transition: .38s ease;\n}\n\n.ns-final-contact-item::after {\n  content: \"\";\n  position: absolute;\n  left: -65%;\n  top: -70%;\n  width: 42%;\n  height: 240%;\n  background: linear-gradient(90deg, transparent, rgba(255,255,255,.14), transparent);\n  transform: rotate(24deg);\n  opacity: 0;\n  transition: .85s ease;\n}\n\n.ns-final-contact-item:hover {\n  transform: translateY(-8px);\n  border-color: rgba(247,198,77,.40);\n  box-shadow: 0 28px 65px rgba(0,0,0,.28);\n  color: #fff;\n}\n\n.ns-final-contact-item:hover::before {\n  opacity: 1;\n}\n\n.ns-final-contact-item:hover::after {\n  left: 135%;\n  opacity: .8;\n}\n\n.ns-final-contact-item i {\n  position: relative;\n  z-index: 2;\n  width: 52px;\n  height: 52px;\n  margin-bottom: 18px;\n  border-radius: 16px;\n  border: 1px solid rgba(247,198,77,.24);\n  background: rgba(247,198,77,.08);\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  color: #f7c64d;\n  font-size: 22px;\n  transition: .35s ease;\n}\n\n.ns-final-contact-item:hover i {\n  transform: scale(1.08) rotate(-3deg);\n  color: #fff0a6;\n}\n\n.ns-final-contact-item span {\n  position: relative;\n  z-index: 2;\n  display: block;\n  margin-bottom: 8px;\n  color: #fff;\n  font-size: 18px;\n  font-weight: 900;\n}\n\n.ns-final-contact-item small {\n  position: relative;\n  z-index: 2;\n  display: block;\n  color: rgba(255,255,255,.62);\n  font-size: 13px;\n  line-height: 1.6;\n}\n\n\/* Reveal *\/\n.ns-final-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-final-reveal.ns-final-visible {\n  opacity: 1;\n  transform: translateY(0);\n  filter: blur(0);\n}\n\n\/* Tablet *\/\n@media (max-width: 1100px) {\n  .ns-final-cta {\n    padding: 90px 5% 95px;\n  }\n\n  .ns-final-card {\n    grid-template-columns: 1fr;\n    gap: 40px;\n    text-align: center;\n  }\n\n  .ns-final-eyebrow {\n    justify-content: center;\n  }\n\n  .ns-final-content p {\n    margin-left: auto;\n    margin-right: auto;\n  }\n\n  .ns-final-actions {\n    justify-content: center;\n  }\n}\n\n\/* Mobile *\/\n@media (max-width: 767px) {\n  .ns-final-cta {\n    padding: 74px 22px 78px;\n  }\n\n  .ns-final-bg-text {\n    top: 5%;\n    right: -26%;\n    font-size: 92px;\n  }\n\n  .ns-final-glow {\n    width: 280px;\n    height: 280px;\n    left: 50%;\n    top: 10%;\n    transform: translateX(-50%);\n  }\n\n  .ns-final-card {\n    padding: 30px 22px;\n    border-radius: 26px;\n  }\n\n  .ns-final-card::before {\n    inset: 15px;\n    border-radius: 20px;\n  }\n\n  .ns-final-eyebrow {\n    font-size: 11px;\n    letter-spacing: 3px;\n  }\n\n  .ns-final-eyebrow::before {\n    width: 34px;\n  }\n\n  .ns-final-content h2 {\n    font-size: clamp(42px, 13vw, 58px);\n    letter-spacing: -2px;\n  }\n\n  .ns-final-content p {\n    font-size: 14px;\n    line-height: 1.85;\n  }\n\n  .ns-final-actions {\n    gap: 12px;\n  }\n\n  .ns-final-btn {\n    width: 100%;\n    min-width: 100%;\n    height: 58px;\n  }\n\n  .ns-final-contact-grid {\n    grid-template-columns: 1fr;\n  }\n\n  .ns-final-contact-item {\n    min-height: auto;\n    padding: 24px 20px;\n  }\n}\n\n\/* Animations *\/\n@keyframes nsFinalGridMove {\n  from { background-position: 0 0; }\n  to { background-position: 44px 44px; }\n}\n\n@keyframes nsFinalBgFloat {\n  0%, 100% { transform: translateY(0); opacity: .75; }\n  50% { transform: translateY(-10px); opacity: 1; }\n}\n\n@keyframes nsFinalGlow {\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 nsFinalGoldSoft {\n  from { background-position: center top; }\n  to { background-position: center bottom; }\n}\n\n@keyframes nsFinalOrbOne {\n  0%, 100% { transform: translate(0,0); }\n  50% { transform: translate(24px,-18px); }\n}\n\n@keyframes nsFinalOrbTwo {\n  0%, 100% { transform: translate(0,0); }\n  50% { transform: translate(-24px,18px); }\n}\n\n@keyframes nsFinalShine {\n  0%, 45% { left: -55%; opacity: 0; }\n  55% { opacity: .70; }\n  75%, 100% { left: 135%; opacity: 0; }\n}\n\n@media (prefers-reduced-motion: reduce) {\n  .ns-final-cta *,\n  .ns-final-cta *::before,\n  .ns-final-cta *::after {\n    animation: none !important;\n    transition: none !important;\n  }\n\n  .ns-final-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-final-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-final-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>\n\t\t","protected":false},"excerpt":{"rendered":"<p>NS HELLO, I&#8217;M Nader Saied Creative Technologist &#038; Digital Designer I create premium visual identities, websites, social media campaigns, AI visuals, and digital experiences that help brands look stronger and grow faster. View Projects Start a Project Nader Saied Turning Ideas Into Digital Impact Brand Identity Web Design AI Creative Production Social Media ABOUT ABOUT ME Creative Technology. Premium Digital Impact. I\u2019m Nader Saied, a multidisciplinary creative technologist working across branding, web design, social media, AI visuals, and digital experiences. I help brands look stronger, communicate clearly, and build a professional online presence with modern creative solutions. More About Me View Projects Brand Identity Web Design AI Creative Social Media Logo Design Collection Selected Logo Designs Crafted by Me A premium selection of logo designs and visual identities, presented in clean transparent circular frames to keep the focus on each brand mark. LogoDesign Master Kitchen MORIVIE Nader Saied El Watan View All Projects SOCIAL SELECTED SOCIAL MEDIA WORK Premium Visual Showcase A refined interactive showcase for social media campaigns, product visuals, branded posts, and creative digital content. Social Media Design Premium Campaign Visual 01 \/ 11 View More Social Work \u00d7 Selected Projects Some Projects We\u2019ve Completed A curated selection of projects crafted with premium visual direction, brand identity, web design, social media, and creative digital production. My Social Work MORIVIE CEG El Watan El Nasr Store Master Kitchen Nader Saied View All Projects REELS AI VIDEO PRODUCTION Reels &#038; AI Video Production Creative reels and short-form videos crafted with AI-powered visuals, cinematic scenes, storytelling, motion editing, and premium digital production for brands. AI Event Story Entrepreneurship Reel AI Product Scene Sunscreen Campaign AI Product Reel MORIVIE Kids AI Brand Motion MORIVIE Hydra View More AI Videos Computer Store Social Media El Nasr Store Design Showcase A premium social media design collection for El Nasr Store, featuring computer hardware campaigns, gaming accessories, monitors, laptops, and PC builds. Samsung 32 R590 Monitor Campaign RTX 4090 GPU Campaign Redragon Mic Gaming Accessories Redragon Accessories Gaming Product Post PC Build Visual Computer Build Monitor Campaign Hardware Post Dell G15 Laptop Campaign AORUS Hardware Gaming Hardware B450 AORUS Elite V2 Motherboard Post AOC Monitor Monitor Campaign View El Nasr Store Project Kitchen Design &#038; Manufacturing Master Kitchen Design Showcase A clean and premium visual showcase for Master Kitchen, featuring kitchen design, manufacturing, finishing, installation concepts, and elegant visual presentation for modern kitchen solutions. Modern Kitchen DesignKitchen Design Visual Custom Kitchen ConceptKitchen Manufacturing Premium Kitchen VisualKitchen Finishing Kitchen Display DesignInterior Kitchen Concept Luxury Kitchen LayoutCustom Kitchen Design Kitchen Production VisualManufacturing Showcase Master Kitchen CampaignKitchen Design Post View Master Kitchen Project SERVICES WHAT I DO Premium Digital Services A complete creative and digital service stack built for brands that need a stronger identity, better content, modern websites, and AI-powered visual production. Explore Services 01 Brand Identity Premium logos, visual identity systems, brand guidelines, typography, and creative direction. Logo Design Brand System Guidelines 02 Social Media Design Creative posts, campaign visuals, page branding, content direction, and high-end social presence. Posts Campaigns Content 03 Web Design Modern WordPress websites, landing pages, UI layouts, responsive sections, and portfolio pages. WordPress UI Design Landing Pages 04 AI Creative Production AI visuals, cinematic posters, product scenes, advertising concepts, and realistic brand campaigns. AI Visuals Product Scenes Concepts 05 AI Video Production Short-form reels, AI motion scenes, storytelling, cinematic edits, and video production. Reels AI Motion Storytelling 06 Digital Marketing Campaign planning, brand positioning, page direction, content strategy, and growth-focused presence. Strategy Growth Direction PROCESS HOW I WORK From Idea To Digital Impact A clear creative process built to turn ideas into premium visuals, websites, campaigns, and AI-powered digital experiences with a professional workflow. 01 Discovery Understanding your brand, goals, audience, competitors, and the exact direction needed. 02 Concept Building the creative idea, visual direction, mood, colors, structure, and content flow. 03 Design Creating premium visuals, layouts, brand assets, website sections, or campaign designs. 04 Production Finalizing the creative work using design, AI tools, editing, web development, and motion. 05 Launch Delivering final files, publishing content, launching pages, and preparing everything for use. Ready to build something premium? Let\u2019s turn your idea into a strong digital presence. Start a Project CONTACT LET\u2019S WORK TOGETHER Ready To Build Something Premium? Whether you need a brand identity, website, social media campaign, AI visuals, or AI video production \u2014 let\u2019s turn your idea into a strong digital presence. Start a Project WhatsApp Me View Projects Explore selected work Behance Creative portfolio LinkedIn Professional profile Facebook Follow updates<\/p>","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"open","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-991","page","type-page","status-publish","hentry"],"blocksy_meta":{"styles_descriptor":{"styles":{"desktop":"","tablet":"","mobile":""},"google_fonts":[],"version":6},"page_title_panel":"","has_hero_section":"disabled","1f7524ba27561c265e6fd8b7c913ef1d":"","hero_section":"type-1","hero_elements":[{"id":"custom_title","enabled":true,"heading_tag":"h1","title":"\u0627\u0644\u0631\u0626\u064a\u0633\u064a\u0629"},{"id":"custom_description","enabled":true,"description_visibility":{"desktop":true,"tablet":true,"mobile":false}},{"id":"custom_meta","enabled":false,"meta_elements":[{"id":"author","enabled":true,"label":"By","has_author_avatar":"yes","avatar_size":25},{"id":"post_date","enabled":true,"label":"On","date_format_source":"default","date_format":"M j, Y"},{"id":"updated_date","enabled":false,"label":"On","date_format_source":"default","date_format":"M j, Y"},{"id":"categories","enabled":false,"label":"In","style":"simple"},{"id":"comments","enabled":true}],"page_meta_elements":{"joined":true,"articles_count":true,"comments":true}},{"id":"breadcrumbs","enabled":false}],"a99e0e6d2427999ed1fbee2cfb893458":"","hero_alignment1":"CT_CSS_SKIP_RULE","hero_margin":40,"hero_alignment2":"center","hero_vertical_alignment":"center","2fc489c98e1363321479953fa4b8cd68":"","hero_structure":"narrow","938576fa561f9aeaa8b7f4787fffda34":"","page_title_bg_type":"featured_image","custom_hero_background":{"attachment_id":null},"page_title_image_size":"full","parallax":{"desktop":false,"tablet":false,"mobile":false},"130da00d72d5a31684bc5e3e171fdcec":"","hero_height":"250px","pageTitleFont":{"family":"Default","variation":"Default","size":"30px","line-height":"CT_CSS_SKIP_RULE","letter-spacing":"CT_CSS_SKIP_RULE","text-transform":"CT_CSS_SKIP_RULE","text-decoration":"CT_CSS_SKIP_RULE"},"pageTitleFontColor":{"default":{"color":"CT_CSS_SKIP_RULEDEFAULT"}},"pageMetaFont":{"family":"Default","variation":"n6","size":"12px","line-height":"1.3","letter-spacing":"CT_CSS_SKIP_RULE","text-transform":"uppercase","text-decoration":"CT_CSS_SKIP_RULE"},"pageMetaFontColor":{"default":{"color":"CT_CSS_SKIP_RULEDEFAULT"},"hover":{"color":"CT_CSS_SKIP_RULEDEFAULT"}},"page_meta_button_type_font_colors":{"default":{"color":"CT_CSS_SKIP_RULEDEFAULT"},"hover":{"color":"CT_CSS_SKIP_RULEDEFAULT"}},"page_meta_button_type_background_colors":{"default":{"color":"CT_CSS_SKIP_RULEDEFAULT"},"hover":{"color":"CT_CSS_SKIP_RULEDEFAULT"}},"pageExcerptFont":{"family":"Default","variation":"Default","size":"CT_CSS_SKIP_RULE","line-height":"CT_CSS_SKIP_RULE","letter-spacing":"CT_CSS_SKIP_RULE","text-transform":"CT_CSS_SKIP_RULE","text-decoration":"CT_CSS_SKIP_RULE"},"pageExcerptColor":{"default":{"color":"CT_CSS_SKIP_RULEDEFAULT"}},"breadcrumbsFont":{"family":"Default","variation":"Default","size":"CT_CSS_SKIP_RULE","line-height":"CT_CSS_SKIP_RULE","letter-spacing":"CT_CSS_SKIP_RULE","text-transform":"CT_CSS_SKIP_RULE","text-decoration":"CT_CSS_SKIP_RULE"},"breadcrumbsFontColor":{"default":{"color":"CT_CSS_SKIP_RULEDEFAULT"},"initial":{"color":"CT_CSS_SKIP_RULEDEFAULT"},"hover":{"color":"CT_CSS_SKIP_RULEDEFAULT"}},"pageTitleOverlay":{"background_type":"color","background_pattern":"type-1","background_image":{"attachment_id":null,"x":0,"y":0},"gradient":"linear-gradient(135deg,rgba(6,147,227,1) 0%,rgb(155,81,224) 100%)","background_repeat":"repeat","background_size":"auto","background_attachment":"scroll","patternColor":{"default":{"color":"#e5e7ea"}},"overlayColor":{"default":{"color":"CT_CSS_SKIP_RULE"}},"backgroundColor":{"default":{"color":"CT_CSS_SKIP_RULE"}}},"pageTitleBackground":{"background_type":"color","background_pattern":"type-1","background_image":{"attachment_id":null,"x":0,"y":0},"gradient":"linear-gradient(135deg,rgba(6,147,227,1) 0%,rgb(155,81,224) 100%)","background_repeat":"repeat","background_size":"auto","background_attachment":"scroll","patternColor":{"default":{"color":"#e5e7ea"}},"overlayColor":{"default":{"color":"CT_CSS_SKIP_RULE"}},"backgroundColor":{"default":{"color":"var(--theme-palette-color-6)"}}},"pageTitlePadding":{"top":"50px","bottom":"50px","left":"auto","right":"auto","linked":true},"8bc89b95f936a8ddaf48463530594767":"","page_structure_type":"default","9087b0fa00a0936481b758d6f5d71cbf":"","content_style_source":"inherit","content_style":"wide","vertical_spacing_source":"custom","content_area_spacing":"none","background":{"background_type":"color","background_pattern":"type-1","background_image":{"attachment_id":null,"x":0,"y":0},"gradient":"linear-gradient(135deg,rgba(6,147,227,1) 0%,rgb(155,81,224) 100%)","background_repeat":"repeat","background_size":"auto","background_attachment":"scroll","patternColor":{"default":{"color":"#e5e7ea"}},"overlayColor":{"default":{"color":"CT_CSS_SKIP_RULE"}},"backgroundColor":{"default":{"color":"CT_CSS_SKIP_RULE"}}},"content_background":{"background_type":"color","background_pattern":"type-1","background_image":{"attachment_id":null,"x":0,"y":0},"gradient":"linear-gradient(135deg,rgba(6,147,227,1) 0%,rgb(155,81,224) 100%)","background_repeat":"repeat","background_size":"auto","background_attachment":"scroll","patternColor":{"default":{"color":"#e5e7ea"}},"overlayColor":{"default":{"color":"CT_CSS_SKIP_RULE"}},"backgroundColor":{"default":{"color":"var(--theme-palette-color-8)"}}},"content_boxed_shadow":{"inherit":false,"blur":18,"spread":-6,"v_offset":12,"h_offset":0,"inset":false,"enable":true,"color":{"color":"rgba(34, 56, 101, 0.04)"}},"content_boxed_border":{"width":1,"style":"none","color":{"color":"rgba(44,62,80,0.2)"}},"content_boxed_radius":{"top":"3px","bottom":"3px","left":"3px","right":"3px","linked":true},"boxed_content_spacing":{"desktop":{"top":"40px","bottom":"40px","left":"40px","right":"40px","linked":true},"tablet":{"top":"35px","bottom":"35px","left":"35px","right":"35px","linked":true},"mobile":{"top":"20px","bottom":"20px","left":"20px","right":"20px","linked":true}},"83abb897cbf71723441bd51cfa807ea1":"","disable_featured_image":"no","disable_share_box":"no","disable_header":"no","disable_footer":"no"},"_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\/991","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=991"}],"version-history":[{"count":658,"href":"https:\/\/nadersaied.com\/ar\/wp-json\/wp\/v2\/pages\/991\/revisions"}],"predecessor-version":[{"id":4025,"href":"https:\/\/nadersaied.com\/ar\/wp-json\/wp\/v2\/pages\/991\/revisions\/4025"}],"wp:attachment":[{"href":"https:\/\/nadersaied.com\/ar\/wp-json\/wp\/v2\/media?parent=991"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}